thursday-agent 0.1.2 → 0.2.0

package/app/api/events/app-event.client.ts

@@ -0,0 +1,24 @@
+"use client";
+
+import { useEffect } from "react";
+import { queryKey } from "@/app/api/query-key";
+import { createEventBus, type EventHandlers } from "@/lib/protocol/events";
+import { fromEventSource, useEventFeed } from "@/lib/protocol/events.client";
+import type { AppEvent } from "./app-event";
+
+/** Browser-side bus. Only server events flow here; `emit` is not exported. */
+const bus = createEventBus<AppEvent>();
+
+/** Subscribes to server events; pass handlers for the types you care about. */
+export function useAppEvent(handlers: EventHandlers<AppEvent>) {
+  useEventFeed(bus, handlers);
+}
+
+/**
+ * Opens the one connection per tab, from the root layout. EventSource
+ * reconnects on its own and replays the on-connect events.
+ */
+export function AppEventSource() {
+  useEffect(() => fromEventSource(queryKey.events, bus), []);
+  return null;
+}

package/app/api/events/app-event.server.ts

@@ -0,0 +1,45 @@
+import { BROWSER_GONE_MS } from "@/config";
+import { createEventBus, type EventBus } from "@/lib/protocol/events";
+import {
+  createEventStream,
+  type EventStream,
+} from "@/lib/protocol/events.server";
+import { createPresence, type Presence } from "@/lib/protocol/presence";
+import { type AppEvent, isSignal } from "./app-event";
+
+/**
+ * Server-side bus and the stream that carries it to the browser. Pinned on
+ * globalThis because next dev reloads this module while open streams still
+ * subscribe to the first bus.
+ */
+type Pinned = {
+  __appEvents?: EventBus<AppEvent>;
+  __appEventStream?: EventStream<AppEvent>;
+  __presence?: Presence;
+  __bootId?: string;
+};
+const pinned = globalThis as Pinned;
+
+export const appEvents: EventBus<AppEvent> = (pinned.__appEvents ??=
+  createEventBus<AppEvent>());
+
+/**
+ * Whether a browser is on the stream. The app stops what it is doing when the
+ * last one has been gone for BROWSER_GONE_MS; who stops what is wired at boot
+ * (instrumentation), not here.
+ */
+export const presence: Presence = (pinned.__presence ??=
+  createPresence(BROWSER_GONE_MS));
+
+/** Signals coalesce over 150ms; data events pass through. */
+export const appEventStream: EventStream<AppEvent> =
+  (pinned.__appEventStream ??= createEventStream(appEvents, {
+    coalesce: {
+      ms: 150,
+      keyOf: (event) => (isSignal(event) ? event.type : null),
+    },
+    onWatchers: presence.track,
+  }));
+
+/** Identifies this server process; changes on restart. */
+export const BOOT_ID: string = (pinned.__bootId ??= crypto.randomUUID());

package/app/api/events/app-event.ts

@@ -0,0 +1,44 @@
+/**
+ * Every event the server sends the browser. Two kinds: a signal carries no data
+ * and the receiver revalidates the matching GET; a data event is the value
+ * itself. A new signal must also be added to `SIGNALS` below.
+ */
+export type AppEvent =
+  /** Sent on connect. A changed `boot` means the server restarted; re-read everything. */
+  | { type: "hello"; boot: string }
+  /** Signal: a task changed (every write in bot.query). */
+  | { type: "tasks" }
+  /** Signal: a note or fact changed. */
+  | { type: "memory" }
+  /** Signal: a server was registered, removed, synced, or finished OAuth. */
+  | { type: "mcp" }
+  /** Signal: a read-back started or ended (memory/tidy.query). */
+  | { type: "memory-tidy" }
+  /** Data: a read-back ended on its own. `tally` is one line of what changed, or why it failed. */
+  | { type: "memory-tidied"; failed: boolean; tally: string }
+  /** Data: show this note on screen, or hide it when null (memory.tool). */
+  | { type: "memory-view"; path: string | null }
+  /** Data: a finished job produced a document; `path` is workspace-relative. */
+  | { type: "artifact"; taskId: string; label: string; path: string };
+
+/** Union members carrying nothing but `type`. */
+type Signal<E = AppEvent> = E extends AppEvent
+  ? keyof E extends "type"
+    ? E["type"]
+    : never
+  : never;
+
+/**
+ * Signals are coalesced before sending (app-event.server). The `Record` type
+ * makes a signal missing here a compile error.
+ */
+export const SIGNALS: Record<Signal, true> = {
+  tasks: true,
+  memory: true,
+  mcp: true,
+  "memory-tidy": true,
+};
+
+export const isSignal = (
+  event: AppEvent,
+): event is Extract<AppEvent, { type: Signal }> => event.type in SIGNALS;

package/app/api/llm-model/catalog/route.ts

@@ -0,0 +1,12 @@
+import { readGatewayCatalog } from "@/features/ai/model";
+import type { GatewayModel } from "@/features/ai/model.schema";
+import { serverRoute } from "@/lib/protocol/server-route";
+
+/**
+ * Everything the gateway carries, every modality in one listing. It answers
+ * unauthenticated, so the shelf reads before a key is set; only running a model
+ * needs one. The answer is built in ai/model, where `callableRows` reads the same list.
+ */
+export const GET = serverRoute(
+  async (): Promise<GatewayModel[]> => readGatewayCatalog(),
+);

package/app/api/llm-model/route.ts

@@ -0,0 +1,21 @@
+import {
+  type AiProvider,
+  TEXT_MODEL_PROVIDER_LIST,
+} from "@/features/ai/model.schema";
+import { readConfig } from "@/features/config/config.query";
+import { serverRoute } from "@/lib/protocol/server-route";
+
+/** Callable providers and whether each one's key is set. */
+export const GET = serverRoute(async () =>
+  Promise.all(
+    TEXT_MODEL_PROVIDER_LIST.map(
+      async (item): Promise<AiProvider> => ({
+        id: item.id,
+        label: item.label,
+        apiKeyName: item.apiKeyName,
+        suggestModels: item.suggestModels,
+        hasKey: Boolean(await readConfig(item.apiKeyName)),
+      }),
+    ),
+  ),
+);

package/app/api/query-key.ts

@@ -0,0 +1,144 @@
+/**
+ * Every endpoint the browser reads. Keys double as SWR cache keys; `revalidate`
+ * matches by url prefix, so invalidating `queryKey.memory` also refreshes
+ * `queryKey.notePath(path)`. Writes go through server actions, not here.
+ */
+/** Encodes per segment, keeping the path's `/`. */
+const encodePath = (path: string) =>
+  path.split("/").map(encodeURIComponent).join("/");
+
+/**
+ * Inverse of encodePath for catch-all segments. No decoding: Next already
+ * decodes segments, and decoding again throws on names containing `%`.
+ */
+export const decodePath = (segments: string[]) => segments.join("/");
+
+export const queryKey = {
+  /** MemoryNote[] first page: pinned first, then by warmth */
+  memory: "/api/memory",
+  /** Next page; `offset` is the count received so far */
+  memoryPage: (offset: number) => ({
+    url: "/api/memory",
+    query: { offset: offset || null },
+  }),
+  /** One note with all facts, by path. Paths contain `/`, so it is a query, not a
+   *  segment: pass the hook null instead of building this key when closed. */
+  notePath: (path: string) => ({ url: "/api/memory", query: { path } }),
+  /** MemoryTidyStatusView: settings, what is pending, the pass in progress and the last one. Under the memory prefix on purpose: a fact changing moves it too. */
+  memoryTidy: "/api/memory/tidy",
+
+  /** MCPServerSummary[] with tool counts, no tools */
+  mcp: "/api/mcp",
+  /** MCPServer, one server with its tools */
+  mcpServer: (name: string | null) => ({
+    url: "/api/mcp",
+    pathVariable: [name],
+  }),
+
+  /** Every MCP tool across servers, flat */
+  mcpTools: "/api/mcp/tools",
+
+  /** SkillSummary[], custom first */
+  skills: "/api/skills",
+  /**
+   * SkillNode: a folder listing or a file's text inside a skill.
+   * `path` is relative to the skill folder; "" is the skill itself.
+   */
+  skillNode: (source: string | null, dir: string | null, path: string) => ({
+    url: "/api/skills",
+    pathVariable: [source, dir],
+    query: { path },
+  }),
+
+  /**
+   * Bot[]. `tasks` and `taskHistory` sit under this prefix, so editing a bot
+   * also revalidates the inbox and loaded history pages.
+   */
+  bot: "/api/bot",
+
+  /** boolean: whether bots keep their own instructions (Settings > Bots) */
+  botNotes: "/api/bot/notes",
+
+  /**
+   * Inbox: Task[] newest first with threads, everything running or asking plus
+   * the most recent finished few. Read by use-thursday only; the `tasks` signal
+   * triggers revalidation, with a 30s poll as fallback.
+   */
+  tasks: "/api/bot/task",
+  /**
+   * History page: Task[] newest first. `before` is the last page's final
+   * updatedAt (ISO), null for the first page.
+   */
+  taskHistory: (before: string | null) => ({
+    url: "/api/bot/task",
+    query: { history: 1, before },
+  }),
+  /** ResultPart[]: the full result of one tool call; lists carry only a few lines. */
+  toolResult: (taskId: string | null, callId: string | null) => ({
+    url: "/api/bot/task",
+    pathVariable: [taskId],
+    query: { call: callId },
+  }),
+  /**
+   * WorkspaceFolder: one folder's rows, and nothing below them. The bare key
+   * is the root, so invalidating it refreshes every folder.
+   */
+  workspace: "/api/workspace",
+  workspaceFolder: (path: string, rows: number) => ({
+    url: "/api/workspace",
+    query: { path: path || null, rows },
+  }),
+
+  /**
+   * ArtifactShelf: the top of `artifacts/`, one row per artifact.
+   * `artifactSet` opens one of those rows. The bare key is the menu, so
+   * invalidating it refreshes an open set too.
+   */
+  artifacts: "/api/artifact",
+  artifactShelf: (rows: number) => ({
+    url: "/api/artifact",
+    query: { rows },
+  }),
+  artifactSet: (name: string, rows: number) => ({
+    url: "/api/artifact",
+    query: { set: name, rows },
+  }),
+
+  /** Raw workspace file, no Result envelope; for iframe, img and fetch, not SWR. */
+  file: (path: string) => `/api/file/${encodePath(path)}`,
+  /** File viewer page (new tab): md rendered, html and pdf framed */
+  fileView: (path: string) => `/artifact/${encodePath(path)}`,
+
+  /**
+   * Server-sent events, not a read; only app-event.client's `AppEventSource`
+   * opens it. The payloads are the AppEvent union in app/api/events/app-event.ts.
+   */
+  events: "/api/events",
+
+  /** ConfigStatus[]: which declared config keys are set; values stay on the server */
+  config: "/api/config",
+
+  /**
+   * CallRecord[] page, newest call first, turns in speaking order; pages count
+   * calls (CALL_HISTORY_PAGE). `before` is the oldest call's `startedAt` (ISO)
+   * on the previous page, null for the first. Calls with no turns are omitted.
+   */
+  callHistory: (before: string | null) => ({
+    url: "/api/thursday/call",
+    query: { before },
+  }),
+
+  /** boolean: whether the call may read a skill itself (Settings › Thursday) */
+  callSkills: "/api/thursday/skills",
+
+  /**
+   * POST, not a read; the one endpoint here SWR never touches. Body is
+   * {toolCallId, callId, name, input}; one JSON Result per call, abortable.
+   */
+  toolCall: "/api/thursday/tool-call",
+
+  /** Providers this app can call and whether each key is set */
+  llmModel: "/api/llm-model",
+  /** Models reachable with the AI Gateway key; gateway only */
+  modelCatalog: "/api/llm-model/catalog",
+} as const;

package/app/api/thursday/tool-call/route.ts

@@ -0,0 +1,67 @@
+import { asSchema } from "ai";
+import z from "zod";
+import { loadTools } from "@/features/ai/load-tools";
+import { modelErrorToString } from "@/features/ai/model";
+import { serverRoute } from "@/lib/protocol/server-route";
+import { publicError } from "@/lib/public-error";
+
+/**
+ * Executes a tool call from the voice session. The page forwards what the model
+ * asked for; bots never come through here (they call `execute` directly).
+ * A route rather than a server action because actions run serially per client
+ * and one turn may call two tools at once. One POST, one JSON, no streaming;
+ * hanging up aborts the fetch and the signal reaches the tool.
+ */
+
+const ToolCallSchema = z.object({
+  toolCallId: z.string().min(1),
+  /** The call this came from; `delegate` attaches the job to it. */
+  callId: z.string().nullish(),
+  name: z.string().min(1),
+  input: z.unknown().optional(),
+});
+
+const isAsyncIterable = (value: unknown): value is AsyncIterable<unknown> =>
+  typeof value === "object" && value !== null && Symbol.asyncIterator in value;
+
+/** For streaming tools the last chunk is the answer. */
+async function drain(output: unknown): Promise<unknown> {
+  if (!isAsyncIterable(output)) return output;
+  let latest: unknown;
+  for await (const part of output) latest = part;
+  return latest;
+}
+
+export const POST = serverRoute(async (request) => {
+  const { toolCallId, callId, name, input } = ToolCallSchema.parse(
+    await request.json(),
+  );
+
+  // The set the voice runtime may run, not whatever the body names.
+  const tools = await loadTools({ target: "thursday", callId });
+  const tool = tools[name];
+  if (!tool) publicError(`There is no tool called "${name}".`);
+
+  // end_call has no execute by design: the page owns the call and intercepts it.
+  if (!tool.execute) publicError(`"${name}" is handled by the page, not here.`);
+
+  const parsed = await asSchema(tool.inputSchema).validate?.(input ?? {});
+  if (parsed && !parsed.success) {
+    publicError(
+      `"${name}" got arguments that do not fit: ${parsed.error.message}`,
+    );
+  }
+
+  try {
+    const output = await tool.execute(parsed?.value ?? input ?? {}, {
+      toolCallId,
+      messages: [],
+      context: undefined,
+      abortSignal: request.signal,
+    });
+    return { output: await drain(output) };
+  } catch (cause) {
+    // A tool failure is a line the model reads and recovers from, not a masked server error.
+    publicError(`"${name}" failed: ${modelErrorToString(cause)}`);
+  }
+});

package/components/ui/button-group.tsx

@@ -0,0 +1,45 @@
+"use client";
+
+import { cva, type VariantProps } from "class-variance-authority";
+import type { ComponentProps } from "react";
+import { cn } from "@/lib/utils";
+
+/**
+ * Joins plain `<Button>`s into one control (outer corners only, shared 1px
+ * seams). Nested groups get a gap between them. For a selected value use
+ * `Segmented`.
+ */
+const buttonGroupVariants = cva(
+  "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-1.5 [&>*]:relative [&>*]:focus-visible:z-10",
+  {
+    variants: {
+      orientation: {
+        horizontal:
+          "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+        vertical:
+          "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none",
+      },
+    },
+    defaultVariants: {
+      orientation: "horizontal",
+    },
+  },
+);
+
+function ButtonGroup({
+  className,
+  orientation = "horizontal",
+  ...props
+}: ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>) {
+  return (
+    <div
+      data-slot="button-group"
+      data-orientation={orientation}
+      role="group"
+      className={cn(buttonGroupVariants({ orientation }), className)}
+      {...props}
+    />
+  );
+}
+
+export { ButtonGroup, buttonGroupVariants };

package/components/ui/custom-icon.tsx

@@ -0,0 +1,259 @@
+export function MCPIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      aria-hidden="true"
+      viewBox="0 0 24 24"
+      version="1.1"
+      className={className}
+      data-view-component="true"
+    >
+      <path
+        fill="currentColor"
+        d="M15.688 2.343a2.588 2.588 0 00-3.61 0l-9.626 9.44a.863.863 0 01-1.203 0 .823.823 0 010-1.18l9.626-9.44a4.313 4.313 0 016.016 0 4.116 4.116 0 011.204 3.54 4.3 4.3 0 013.609 1.18l.05.05a4.115 4.115 0 010 5.9l-8.706 8.537a.274.274 0 000 .393l1.788 1.754a.823.823 0 010 1.18.863.863 0 01-1.203 0l-1.788-1.753a1.92 1.92 0 010-2.754l8.706-8.538a2.47 2.47 0 000-3.54l-.05-.049a2.588 2.588 0 00-3.607-.003l-7.172 7.034-.002.002-.098.097a.863.863 0 01-1.204 0 .823.823 0 010-1.18l7.273-7.133a2.47 2.47 0 00-.003-3.537z"
+      ></path>
+      <path
+        fill="currentColor"
+        d="M14.485 4.703a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a4.115 4.115 0 000 5.9 4.314 4.314 0 006.016 0l7.12-6.982a.823.823 0 000-1.18.863.863 0 00-1.204 0l-7.119 6.982a2.588 2.588 0 01-3.61 0 2.47 2.47 0 010-3.54l7.12-6.982z"
+      ></path>
+    </svg>
+  );
+}
+
+export function DiscordIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+      fill="currentColor"
+      className={className}
+      viewBox="0 0 16 16"
+    >
+      <path d="M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612" />
+    </svg>
+  );
+}
+
+export function GoogleIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      height="24"
+      viewBox="0 0 24 24"
+      className={className}
+      width="24"
+    >
+      <path
+        d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
+        fill="#4285F4"
+      />
+      <path
+        d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
+        fill="#34A853"
+      />
+      <path
+        d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
+        fill="#FBBC05"
+      />
+      <path
+        d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
+        fill="#EA4335"
+      />
+      <path d="M1 1h22v22H1z" fill="none" />
+    </svg>
+  );
+}
+
+export function OpenAIIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      aria-hidden="true"
+      className={className}
+      data-view-component="true"
+      viewBox="0 0 24 24"
+      role="img"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <title>OpenAI icon</title>
+      <path
+        fill="currentColor"
+        d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"
+      />
+    </svg>
+  );
+}
+export function GrokIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      aria-hidden="true"
+      className={className}
+      data-view-component="true"
+      viewBox="0 0 35 33"
+    >
+      <path
+        d="M13.2371 21.0407L24.3186 12.8506C24.8619 12.4491 25.6384 12.6057 25.8973 13.2294C27.2597 16.5185 26.651 20.4712 23.9403 23.1851C21.2297 25.8989 17.4581 26.4941 14.0108 25.1386L10.2449 26.8843C15.6463 30.5806 22.2053 29.6665 26.304 25.5601C29.5551 22.3051 30.562 17.8683 29.6205 13.8673L29.629 13.8758C28.2637 7.99809 29.9647 5.64871 33.449 0.844576C33.5314 0.730667 33.6139 0.616757 33.6964 0.5L29.1113 5.09055V5.07631L13.2343 21.0436"
+        fill="currentColor"
+      ></path>
+      <path
+        d="M10.9503 23.0313C7.07343 19.3235 7.74185 13.5853 11.0498 10.2763C13.4959 7.82722 17.5036 6.82767 21.0021 8.2971L24.7595 6.55998C24.0826 6.07017 23.215 5.54334 22.2195 5.17313C17.7198 3.31926 12.3326 4.24192 8.67479 7.90126C5.15635 11.4239 4.0499 16.8403 5.94992 21.4622C7.36924 24.9165 5.04257 27.3598 2.69884 29.826C1.86829 30.7002 1.0349 31.5745 0.36364 32.5L10.9474 23.0341"
+        fill="currentColor"
+      ></path>
+    </svg>
+  );
+}
+export function ClaudeIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      overflow="visible"
+      width="100%"
+      height="100%"
+      viewBox="0 0 100 101"
+      fill="none"
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      role="presentation"
+    >
+      <path
+        d="M96.0000 40.0000 L99.5002 42.0000 L99.5002 43.5000 L98.5000 47.0000 L56.0000 57.0000 L52.0040 47.0708 L96.0000 40.0000 M96.0000 40.0000 "
+        fill="#D97757"
+        style={{
+          transformOrigin: "50px 50px",
+          transform: "rotate(330deg) scaleY(1.13102) rotate(-330deg)",
+        }}
+      ></path>
+      <path
+        d="M80.1032 10.5903 L84.9968 11.6171 L86.2958 13.2179 L87.5346 17.0540 L87.0213 19.5007 L58.5000 58.5000 L49.0000 49.0000 L75.3008 14.4873 L80.1032 10.5903 M80.1032 10.5903 "
+        fill="#D97757"
+        style={{
+          transformOrigin: "50px 50px",
+          transform: "rotate(300deg) scaleY(1.04936) rotate(-300deg)",
+        }}
+      ></path>
+      <path
+        d="M55.5002 4.5000 L58.5005 2.5000 L61.0002 3.5000 L63.5002 7.0000 L56.6511 48.1620 L52.0005 45.0000 L50.0005 39.5000 L53.5003 8.5000 L55.5002 4.5000 M55.5002 4.5000 "
+        fill="#D97757"
+        style={{
+          transformOrigin: "50px 50px",
+          transform: "rotate(270deg) scaleY(1.08769) rotate(-270deg)",
+        }}
+      ></path>
+      <path
+        d="M23.4253 5.1588 L26.5075 1.2217 L28.5175 0.7632 L32.5063 1.3458 L34.4748 2.8868 L48.8202 34.6902 L54.0089 49.8008 L47.9378 53.1760 L24.8009 11.1886 L23.4253 5.1588 M23.4253 5.1588 "
+        fill="#D97757"
+        style={{
+          transformOrigin: "50px 50px",
+          transform: "rotate(240deg) scaleY(0.94) rotate(-240deg)",
+        }}
+      ></path>
+      <path
+        d="M8.4990 27.0019 L7.4999 23.0001 L10.5003 19.5001 L14.0003 20.0001 L15.0003 20.0001 L36.0000 35.5000 L42.5000 40.5000 L51.5000 47.5000 L46.5000 56.0000 L42.0002 52.5000 L39.0001 49.5000 L10.0000 29.0001 L8.4990 27.0019 M8.4990 27.0019 "
+        fill="#D97757"
+        style={{
+          transformOrigin: "50px 50px",
+          transform: "rotate(210deg) scaleY(0.925) rotate(-210deg)",
+        }}
+      ></path>
+      <path
+        d="M2.5003 53.0000 L0.2370 50.5000 L0.2373 48.2759 L2.5003 47.5000 L28.0000 49.0000 L53.0000 51.0000 L52.1885 55.9782 L4.5000 53.5000 L2.5003 53.0000 M2.5003 53.0000 "
+        fill="#D97757"
+        style={{
+          transformOrigin: "50px 50px",
+          transform: "rotate(180deg) scaleY(0.997) rotate(-180deg)",
+        }}
+      ></path>
+      <path
+        d="M17.5002 79.0264 L12.5005 79.0264 L10.5124 76.7369 L10.5124 74.0000 L19.0005 68.0000 L53.5082 46.0337 L57.0005 52.0000 L17.5002 79.0264 M17.5002 79.0264 "
+        fill="#D97757"
+        style={{
+          transformOrigin: "50px 50px",
+          transform: "rotate(150deg) scaleY(1.045) rotate(-150deg)",
+        }}
+      ></path>
+      <path
+        d="M27.0004 92.9999 L25.0003 93.4999 L22.0003 91.9999 L22.5004 89.4999 L52.0003 50.5000 L56.0004 55.9999 L34.0003 85.0000 L27.0004 92.9999 M27.0004 92.9999 "
+        fill="#D97757"
+        style={{
+          transformOrigin: "50px 50px",
+          transform: "rotate(120deg) scaleY(1.03) rotate(-120deg)",
+        }}
+      ></path>
+      <path
+        d="M51.9998 98.0000 L50.5002 100.0000 L47.5002 101.0000 L45.0001 99.0000 L43.5000 96.0000 L51.0003 55.4999 L55.5001 55.9999 L51.9998 98.0000 M51.9998 98.0000 "
+        fill="#D97757"
+        style={{
+          transformOrigin: "50px 50px",
+          transform: "rotate(90deg) scaleY(1.06) rotate(-90deg)",
+        }}
+      ></path>
+      <path
+        d="M77.5007 86.9997 L77.5007 90.9997 L77.0006 92.4997 L75.0004 93.4997 L71.5006 93.0339 L47.4669 57.2642 L56.9998 50.0002 L64.9994 64.5004 L65.7507 69.7497 L77.5007 86.9997 M77.5007 86.9997 "
+        fill="#D97757"
+        style={{
+          transformOrigin: "50px 50px",
+          transform: "rotate(60deg) scaleY(1.00898) rotate(-60deg)",
+        }}
+      ></path>
+      <path
+        d="M89.0008 80.9991 L89.5008 83.4991 L88.0008 85.4991 L86.5007 84.9991 L78.0007 78.9991 L65.0007 67.4991 L55.0007 60.4991 L58.0000 51.0000 L62.9999 54.0001 L66.0007 59.4991 L89.0008 80.9991 M89.0008 80.9991 "
+        fill="#D97757"
+        style={{
+          transformOrigin: "50px 50px",
+          transform: "rotate(30deg) scaleY(1.13564) rotate(-30deg)",
+        }}
+      ></path>
+      <path
+        d="M82.5003 55.5000 L95.0003 56.5000 L98.0003 58.5000 L100.0000 61.5000 L100.0000 63.6587 L94.5003 66.0000 L66.5005 59.0000 L55.0003 58.5000 L58.0000 48.0000 L66.0005 54.0000 L82.5003 55.5000 M82.5003 55.5000 "
+        fill="#D97757"
+        style={{
+          transformOrigin: "50px 50px",
+          transform: "rotate(0deg) scaleY(1.27731) rotate(0deg)",
+        }}
+      ></path>
+    </svg>
+  );
+}
+
+export function ThemeIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+    >
+      <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+      <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path>
+      <path d="M12 3l0 18"></path>
+      <path d="M12 9l4.65 -4.65"></path>
+      <path d="M12 14.3l7.37 -7.37"></path>
+      <path d="M12 19.6l8.85 -8.85"></path>
+    </svg>
+  );
+}
+
+export function VercelIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      viewBox="0 0 115 100"
+      height="18"
+      width="21"
+      className={className}
+      data-slot="geist-logo-svg"
+    >
+      <g>
+        <path
+          fill="currentColor"
+          fillRule="evenodd"
+          d="M57.5 0 115 100H0z"
+          clipRule="evenodd"
+        ></path>
+      </g>
+    </svg>
+  );
+}