For the complete documentation index, see llms.txt. Markdown variants are available by appending .md to documentation URLs. Homepage markdown is available at /llms.md/content.md. An agent skill is available at /.well-known/agent-skills/site-skill.md.
49

AI Profile

PreviousNext

A profile with a cover, contribution heatmap, agents per day and token usage.

A client-side profile page with sample data. It is built from ai-profile-01 inside the shared app-shell-01 frame: floating sidebar, notifications, theme switch and a drawer on narrow screens.

AI ProfileOpen full screen
"use client";

import { RiUserLine } from "@remixicon/react";

import { AiProfile } from "@/components/blocks/ai-profile-01/components/ai-profile";
import {
  AppShell,
  AppShellHeader,
} from "@/components/blocks/app-shell-01/components/app-shell";

/** The AI profile page inside the shared app shell. */
export function AiProfileApp({
  basePath = "",
  links,
  popupClassName,
}: {
  basePath?: string;
  /** Hrefs for the other pages in the sidebar, by nav key. */
  links?: Partial<Record<string, string>>;
  popupClassName?: string;
}) {
  return (
    <AppShell
      selected="profile"
      columnClassName="gap-0"
      basePath={basePath}
      links={links}
      popupClassName={popupClassName}
    >
      <AppShellHeader
        title="AI profile"
        icon={RiUserLine}
        compact
        bell={false}
      />
      <div className="pb-4">
        <AiProfile popupClassName={popupClassName} />
      </div>
    </AppShell>
  );
}