@anvia/cli 1.0.0-rc.10

package/README.md

@@ -0,0 +1,15 @@
+# @anvia/cli
+
+Install editable, app-owned UI components on top of the headless `@anvia/react-ui` primitives.
+
+```sh
+pnpm dlx @anvia/cli init vite
+pnpm dlx @anvia/cli add chat
+```
+
+`init` configures shadcn in an existing Next.js or Vite application. It does not create an app.
+`add` writes components below the `components` alias from `components.json` (normally
+`src/components/anvia`) and installs the matching `@anvia/react-ui` release.
+
+Available items: `chat`, `thread`, `message`, `composer`, `attachment`, `markdown`, and
+`tool-fallback`.

package/dist/chunk-TE2ODJOV.js

@@ -0,0 +1,135 @@
+// src/index.ts
+import { spawnSync } from "child_process";
+import { mkdtempSync, readFileSync, rmSync, writeFileSync } from "fs";
+import { createRequire } from "module";
+import { tmpdir } from "os";
+import { basename, join } from "path";
+import { fileURLToPath } from "url";
+var registryItemNames = [
+  "chat",
+  "thread",
+  "message",
+  "composer",
+  "attachment",
+  "markdown",
+  "tool-fallback"
+];
+var itemFiles = {
+  attachment: ["attachment.tsx"],
+  chat: [
+    "attachment.tsx",
+    "markdown.tsx",
+    "tool-fallback.tsx",
+    "message.tsx",
+    "composer.tsx",
+    "thread.tsx",
+    "chat.tsx"
+  ],
+  composer: ["attachment.tsx", "composer.tsx"],
+  markdown: ["markdown.tsx"],
+  message: ["attachment.tsx", "markdown.tsx", "tool-fallback.tsx", "message.tsx"],
+  thread: ["attachment.tsx", "markdown.tsx", "tool-fallback.tsx", "message.tsx", "thread.tsx"],
+  "tool-fallback": ["tool-fallback.tsx"]
+};
+var revealCss = {
+  "@keyframes anvia-stream-gradient-settle": {
+    to: {
+      opacity: "1"
+    }
+  },
+  "@layer components": {
+    '.anvia-markdown [data-state="revealing"]': {
+      animation: "anvia-stream-gradient-settle var(--anvia-stream-reveal-duration, 180ms) linear both",
+      opacity: "var(--anvia-stream-reveal-opacity, 1)"
+    },
+    "@media (prefers-reduced-motion: reduce)": {
+      '.anvia-markdown [data-state="revealing"]': {
+        animation: "none",
+        opacity: "1"
+      }
+    }
+  }
+};
+function createRegistryItem(name, options = {}) {
+  const packageVersion = options.packageVersion ?? currentPackageVersion();
+  const registryDirectory = options.registryDirectory ?? bundledRegistryDirectory();
+  const files = itemFiles[name].map((filename) => ({
+    content: readFileSync(join(registryDirectory, filename), "utf8"),
+    path: `registry/anvia/${filename}`,
+    target: `@components/anvia/${filename}`,
+    type: "registry:component"
+  }));
+  const item = {
+    $schema: "https://ui.shadcn.com/schema/registry-item.json",
+    dependencies: [`@anvia/react-ui@${packageVersion}`],
+    description: registryItemDescription(name),
+    files,
+    name,
+    title: `Anvia ${name}`,
+    type: files.length === 1 ? "registry:component" : "registry:block"
+  };
+  if (name === "chat" || name === "markdown" || name === "message" || name === "thread") {
+    item.css = revealCss;
+  }
+  return item;
+}
+function initializeProject(options = {}) {
+  const cwd = options.cwd ?? process.cwd();
+  const args = ["init", "--cwd", cwd, "--yes", "--no-monorepo", "--base", "radix"];
+  if (options.template !== void 0) args.push("--template", options.template);
+  if (options.force === true) args.push("--force");
+  runShadcn(args);
+}
+function addRegistryItem(name, options = {}) {
+  const cwd = options.cwd ?? process.cwd();
+  const temporaryDirectory = mkdtempSync(join(tmpdir(), "anvia-registry-"));
+  const itemPath = join(temporaryDirectory, `${name}.json`);
+  try {
+    writeFileSync(itemPath, `${JSON.stringify(createRegistryItem(name), null, 2)}
+`);
+    const args = ["add", itemPath, "--cwd", cwd, "--yes"];
+    if (options.overwrite === true) args.push("--overwrite");
+    runShadcn(args);
+  } finally {
+    rmSync(temporaryDirectory, { force: true, recursive: true });
+  }
+}
+function isRegistryItemName(value) {
+  return registryItemNames.includes(value);
+}
+function runShadcn(args) {
+  const require2 = createRequire(import.meta.url);
+  const shadcnEntry = require2.resolve("shadcn");
+  const result = spawnSync(process.execPath, [shadcnEntry, ...args], {
+    encoding: "utf8",
+    stdio: "inherit"
+  });
+  if (result.error !== void 0) throw result.error;
+  if (result.status !== 0) {
+    throw new Error(`shadcn ${args[0] ?? "command"} failed with exit code ${result.status}.`);
+  }
+}
+function bundledRegistryDirectory() {
+  return fileURLToPath(new URL("./registry/", import.meta.url));
+}
+function currentPackageVersion() {
+  const manifestPath = fileURLToPath(new URL("../package.json", import.meta.url));
+  const manifest = JSON.parse(readFileSync(manifestPath, "utf8"));
+  if (typeof manifest.version !== "string") {
+    throw new Error(`Missing package version in ${basename(manifestPath)}.`);
+  }
+  return manifest.version;
+}
+function registryItemDescription(name) {
+  if (name === "chat") return "A complete editable Anvia chat interface.";
+  return `Editable Anvia ${name} UI.`;
+}
+
+export {
+  registryItemNames,
+  createRegistryItem,
+  initializeProject,
+  addRegistryItem,
+  isRegistryItemName
+};
+//# sourceMappingURL=chunk-TE2ODJOV.js.map

package/dist/chunk-TE2ODJOV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { spawnSync } from \"node:child_process\";\nimport { mkdtempSync, readFileSync, rmSync, writeFileSync } from \"node:fs\";\nimport { createRequire } from \"node:module\";\nimport { tmpdir } from \"node:os\";\nimport { basename, join } from \"node:path\";\nimport { fileURLToPath } from \"node:url\";\n\nexport const registryItemNames = [\n  \"chat\",\n  \"thread\",\n  \"message\",\n  \"composer\",\n  \"attachment\",\n  \"markdown\",\n  \"tool-fallback\",\n] as const;\n\nexport type RegistryItemName = (typeof registryItemNames)[number];\n\ntype RegistryFile = {\n  content: string;\n  path: string;\n  target: string;\n  type: \"registry:component\";\n};\n\ntype RegistryCss = {\n  [rule: string]: RegistryCss | string;\n};\n\nexport type AnviaRegistryItem = {\n  $schema: string;\n  css?: RegistryCss;\n  dependencies: string[];\n  description: string;\n  files: RegistryFile[];\n  name: RegistryItemName;\n  title: string;\n  type: \"registry:block\" | \"registry:component\";\n};\n\nconst itemFiles: Record<RegistryItemName, readonly string[]> = {\n  attachment: [\"attachment.tsx\"],\n  chat: [\n    \"attachment.tsx\",\n    \"markdown.tsx\",\n    \"tool-fallback.tsx\",\n    \"message.tsx\",\n    \"composer.tsx\",\n    \"thread.tsx\",\n    \"chat.tsx\",\n  ],\n  composer: [\"attachment.tsx\", \"composer.tsx\"],\n  markdown: [\"markdown.tsx\"],\n  message: [\"attachment.tsx\", \"markdown.tsx\", \"tool-fallback.tsx\", \"message.tsx\"],\n  thread: [\"attachment.tsx\", \"markdown.tsx\", \"tool-fallback.tsx\", \"message.tsx\", \"thread.tsx\"],\n  \"tool-fallback\": [\"tool-fallback.tsx\"],\n};\n\nconst revealCss = {\n  \"@keyframes anvia-stream-gradient-settle\": {\n    to: {\n      opacity: \"1\",\n    },\n  },\n  \"@layer components\": {\n    '.anvia-markdown [data-state=\"revealing\"]': {\n      animation:\n        \"anvia-stream-gradient-settle var(--anvia-stream-reveal-duration, 180ms) linear both\",\n      opacity: \"var(--anvia-stream-reveal-opacity, 1)\",\n    },\n    \"@media (prefers-reduced-motion: reduce)\": {\n      '.anvia-markdown [data-state=\"revealing\"]': {\n        animation: \"none\",\n        opacity: \"1\",\n      },\n    },\n  },\n} satisfies RegistryCss;\n\nexport function createRegistryItem(\n  name: RegistryItemName,\n  options: { packageVersion?: string; registryDirectory?: string } = {},\n): AnviaRegistryItem {\n  const packageVersion = options.packageVersion ?? currentPackageVersion();\n  const registryDirectory = options.registryDirectory ?? bundledRegistryDirectory();\n  const files = itemFiles[name].map((filename) => ({\n    content: readFileSync(join(registryDirectory, filename), \"utf8\"),\n    path: `registry/anvia/${filename}`,\n    target: `@components/anvia/${filename}`,\n    type: \"registry:component\" as const,\n  }));\n  const item: AnviaRegistryItem = {\n    $schema: \"https://ui.shadcn.com/schema/registry-item.json\",\n    dependencies: [`@anvia/react-ui@${packageVersion}`],\n    description: registryItemDescription(name),\n    files,\n    name,\n    title: `Anvia ${name}`,\n    type: files.length === 1 ? \"registry:component\" : \"registry:block\",\n  };\n  if (name === \"chat\" || name === \"markdown\" || name === \"message\" || name === \"thread\") {\n    item.css = revealCss;\n  }\n  return item;\n}\n\nexport function initializeProject(\n  options: { cwd?: string; force?: boolean; template?: \"next\" | \"vite\" } = {},\n): void {\n  const cwd = options.cwd ?? process.cwd();\n  const args = [\"init\", \"--cwd\", cwd, \"--yes\", \"--no-monorepo\", \"--base\", \"radix\"];\n  if (options.template !== undefined) args.push(\"--template\", options.template);\n  if (options.force === true) args.push(\"--force\");\n  runShadcn(args);\n}\n\nexport function addRegistryItem(\n  name: RegistryItemName,\n  options: { cwd?: string; overwrite?: boolean } = {},\n): void {\n  const cwd = options.cwd ?? process.cwd();\n  const temporaryDirectory = mkdtempSync(join(tmpdir(), \"anvia-registry-\"));\n  const itemPath = join(temporaryDirectory, `${name}.json`);\n  try {\n    writeFileSync(itemPath, `${JSON.stringify(createRegistryItem(name), null, 2)}\\n`);\n    const args = [\"add\", itemPath, \"--cwd\", cwd, \"--yes\"];\n    if (options.overwrite === true) args.push(\"--overwrite\");\n    runShadcn(args);\n  } finally {\n    rmSync(temporaryDirectory, { force: true, recursive: true });\n  }\n}\n\nexport function isRegistryItemName(value: string): value is RegistryItemName {\n  return registryItemNames.includes(value as RegistryItemName);\n}\n\nfunction runShadcn(args: string[]): void {\n  const require = createRequire(import.meta.url);\n  const shadcnEntry = require.resolve(\"shadcn\");\n  const result = spawnSync(process.execPath, [shadcnEntry, ...args], {\n    encoding: \"utf8\",\n    stdio: \"inherit\",\n  });\n  if (result.error !== undefined) throw result.error;\n  if (result.status !== 0) {\n    throw new Error(`shadcn ${args[0] ?? \"command\"} failed with exit code ${result.status}.`);\n  }\n}\n\nfunction bundledRegistryDirectory(): string {\n  return fileURLToPath(new URL(\"./registry/\", import.meta.url));\n}\n\nfunction currentPackageVersion(): string {\n  const manifestPath = fileURLToPath(new URL(\"../package.json\", import.meta.url));\n  const manifest = JSON.parse(readFileSync(manifestPath, \"utf8\")) as { version?: unknown };\n  if (typeof manifest.version !== \"string\") {\n    throw new Error(`Missing package version in ${basename(manifestPath)}.`);\n  }\n  return manifest.version;\n}\n\nfunction registryItemDescription(name: RegistryItemName): string {\n  if (name === \"chat\") return \"A complete editable Anvia chat interface.\";\n  return `Editable Anvia ${name} UI.`;\n}\n"],"mappings":"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","names":["require"]}

package/dist/cli.d.ts

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/dist/cli.js

@@ -0,0 +1,62 @@
+#!/usr/bin/env node
+import {
+  addRegistryItem,
+  initializeProject,
+  isRegistryItemName,
+  registryItemNames
+} from "./chunk-TE2ODJOV.js";
+
+// src/cli.ts
+function main(args) {
+  const [command, ...commandArgs] = args;
+  const cwd = optionValue(commandArgs, "--cwd");
+  const positional = commandArgs.filter(
+    (value, index) => !value.startsWith("--") && (index === 0 || commandArgs[index - 1] !== "--cwd")
+  );
+  if (command === "init") {
+    const value = positional[0];
+    if (positional.length > 1 || value !== void 0 && value !== "next" && value !== "vite") {
+      throw new Error("The init template must be next or vite.");
+    }
+    const options = {
+      force: commandArgs.includes("--force")
+    };
+    if (cwd !== void 0) options.cwd = cwd;
+    if (value === "next" || value === "vite") options.template = value;
+    initializeProject(options);
+    console.log("Anvia UI configuration is ready.");
+    return;
+  }
+  if (command === "add") {
+    const value = positional[0];
+    if (value === void 0 || positional.length !== 1 || !isRegistryItemName(value)) {
+      throw new Error(`Choose an item: ${registryItemNames.join(", ")}.`);
+    }
+    const options = {
+      overwrite: commandArgs.includes("--overwrite")
+    };
+    if (cwd !== void 0) options.cwd = cwd;
+    addRegistryItem(value, options);
+    console.log(`Added Anvia ${value}.`);
+    return;
+  }
+  console.log(`Usage:
+  anvia init [next|vite] [--cwd <path>] [--force]
+  anvia add <${registryItemNames.join("|")}> [--cwd <path>] [--overwrite]`);
+}
+function optionValue(args, name) {
+  const index = args.indexOf(name);
+  if (index === -1) return void 0;
+  const value = args[index + 1];
+  if (value === void 0 || value.startsWith("--")) {
+    throw new Error(`${name} requires a value.`);
+  }
+  return value;
+}
+try {
+  main(process.argv.slice(2));
+} catch (error) {
+  console.error(error instanceof Error ? error.message : String(error));
+  process.exitCode = 1;
+}
+//# sourceMappingURL=cli.js.map

package/dist/cli.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli.ts"],"sourcesContent":["#!/usr/bin/env node\nimport { addRegistryItem, initializeProject, isRegistryItemName, registryItemNames } from \"./index\";\n\nfunction main(args: string[]): void {\n  const [command, ...commandArgs] = args;\n  const cwd = optionValue(commandArgs, \"--cwd\");\n  const positional = commandArgs.filter(\n    (value, index) =>\n      !value.startsWith(\"--\") && (index === 0 || commandArgs[index - 1] !== \"--cwd\"),\n  );\n\n  if (command === \"init\") {\n    const value = positional[0];\n    if (positional.length > 1 || (value !== undefined && value !== \"next\" && value !== \"vite\")) {\n      throw new Error(\"The init template must be next or vite.\");\n    }\n    const options: Parameters<typeof initializeProject>[0] = {\n      force: commandArgs.includes(\"--force\"),\n    };\n    if (cwd !== undefined) options.cwd = cwd;\n    if (value === \"next\" || value === \"vite\") options.template = value;\n    initializeProject(options);\n    console.log(\"Anvia UI configuration is ready.\");\n    return;\n  }\n\n  if (command === \"add\") {\n    const value = positional[0];\n    if (value === undefined || positional.length !== 1 || !isRegistryItemName(value)) {\n      throw new Error(`Choose an item: ${registryItemNames.join(\", \")}.`);\n    }\n    const options: Parameters<typeof addRegistryItem>[1] = {\n      overwrite: commandArgs.includes(\"--overwrite\"),\n    };\n    if (cwd !== undefined) options.cwd = cwd;\n    addRegistryItem(value, options);\n    console.log(`Added Anvia ${value}.`);\n    return;\n  }\n\n  console.log(`Usage:\n  anvia init [next|vite] [--cwd <path>] [--force]\n  anvia add <${registryItemNames.join(\"|\")}> [--cwd <path>] [--overwrite]`);\n}\n\nfunction optionValue(args: string[], name: string): string | undefined {\n  const index = args.indexOf(name);\n  if (index === -1) return undefined;\n  const value = args[index + 1];\n  if (value === undefined || value.startsWith(\"--\")) {\n    throw new Error(`${name} requires a value.`);\n  }\n  return value;\n}\n\ntry {\n  main(process.argv.slice(2));\n} catch (error) {\n  console.error(error instanceof Error ? error.message : String(error));\n  process.exitCode = 1;\n}\n"],"mappings":";;;;;;;;;AAGA,SAAS,KAAK,MAAsB;AAClC,QAAM,CAAC,SAAS,GAAG,WAAW,IAAI;AAClC,QAAM,MAAM,YAAY,aAAa,OAAO;AAC5C,QAAM,aAAa,YAAY;AAAA,IAC7B,CAAC,OAAO,UACN,CAAC,MAAM,WAAW,IAAI,MAAM,UAAU,KAAK,YAAY,QAAQ,CAAC,MAAM;AAAA,EAC1E;AAEA,MAAI,YAAY,QAAQ;AACtB,UAAM,QAAQ,WAAW,CAAC;AAC1B,QAAI,WAAW,SAAS,KAAM,UAAU,UAAa,UAAU,UAAU,UAAU,QAAS;AAC1F,YAAM,IAAI,MAAM,yCAAyC;AAAA,IAC3D;AACA,UAAM,UAAmD;AAAA,MACvD,OAAO,YAAY,SAAS,SAAS;AAAA,IACvC;AACA,QAAI,QAAQ,OAAW,SAAQ,MAAM;AACrC,QAAI,UAAU,UAAU,UAAU,OAAQ,SAAQ,WAAW;AAC7D,sBAAkB,OAAO;AACzB,YAAQ,IAAI,kCAAkC;AAC9C;AAAA,EACF;AAEA,MAAI,YAAY,OAAO;AACrB,UAAM,QAAQ,WAAW,CAAC;AAC1B,QAAI,UAAU,UAAa,WAAW,WAAW,KAAK,CAAC,mBAAmB,KAAK,GAAG;AAChF,YAAM,IAAI,MAAM,mBAAmB,kBAAkB,KAAK,IAAI,CAAC,GAAG;AAAA,IACpE;AACA,UAAM,UAAiD;AAAA,MACrD,WAAW,YAAY,SAAS,aAAa;AAAA,IAC/C;AACA,QAAI,QAAQ,OAAW,SAAQ,MAAM;AACrC,oBAAgB,OAAO,OAAO;AAC9B,YAAQ,IAAI,eAAe,KAAK,GAAG;AACnC;AAAA,EACF;AAEA,UAAQ,IAAI;AAAA;AAAA,eAEC,kBAAkB,KAAK,GAAG,CAAC,gCAAgC;AAC1E;AAEA,SAAS,YAAY,MAAgB,MAAkC;AACrE,QAAM,QAAQ,KAAK,QAAQ,IAAI;AAC/B,MAAI,UAAU,GAAI,QAAO;AACzB,QAAM,QAAQ,KAAK,QAAQ,CAAC;AAC5B,MAAI,UAAU,UAAa,MAAM,WAAW,IAAI,GAAG;AACjD,UAAM,IAAI,MAAM,GAAG,IAAI,oBAAoB;AAAA,EAC7C;AACA,SAAO;AACT;AAEA,IAAI;AACF,OAAK,QAAQ,KAAK,MAAM,CAAC,CAAC;AAC5B,SAAS,OAAO;AACd,UAAQ,MAAM,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK,CAAC;AACpE,UAAQ,WAAW;AACrB;","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,37 @@
+declare const registryItemNames: readonly ["chat", "thread", "message", "composer", "attachment", "markdown", "tool-fallback"];
+type RegistryItemName = (typeof registryItemNames)[number];
+type RegistryFile = {
+    content: string;
+    path: string;
+    target: string;
+    type: "registry:component";
+};
+type RegistryCss = {
+    [rule: string]: RegistryCss | string;
+};
+type AnviaRegistryItem = {
+    $schema: string;
+    css?: RegistryCss;
+    dependencies: string[];
+    description: string;
+    files: RegistryFile[];
+    name: RegistryItemName;
+    title: string;
+    type: "registry:block" | "registry:component";
+};
+declare function createRegistryItem(name: RegistryItemName, options?: {
+    packageVersion?: string;
+    registryDirectory?: string;
+}): AnviaRegistryItem;
+declare function initializeProject(options?: {
+    cwd?: string;
+    force?: boolean;
+    template?: "next" | "vite";
+}): void;
+declare function addRegistryItem(name: RegistryItemName, options?: {
+    cwd?: string;
+    overwrite?: boolean;
+}): void;
+declare function isRegistryItemName(value: string): value is RegistryItemName;
+
+export { type AnviaRegistryItem, type RegistryItemName, addRegistryItem, createRegistryItem, initializeProject, isRegistryItemName, registryItemNames };

package/dist/index.js

@@ -0,0 +1,15 @@
+import {
+  addRegistryItem,
+  createRegistryItem,
+  initializeProject,
+  isRegistryItemName,
+  registryItemNames
+} from "./chunk-TE2ODJOV.js";
+export {
+  addRegistryItem,
+  createRegistryItem,
+  initializeProject,
+  isRegistryItemName,
+  registryItemNames
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/registry/attachment.tsx

@@ -0,0 +1,27 @@
+"use client";
+
+import { AttachmentPrimitive } from "@anvia/react-ui";
+import type { ComponentProps } from "react";
+
+export function Attachment({
+  className,
+  ...props
+}: ComponentProps<typeof AttachmentPrimitive.Root>) {
+  return (
+    <AttachmentPrimitive.Root
+      className={[
+        "flex min-w-0 items-center gap-3 rounded-xl border bg-card px-3 py-2 text-card-foreground shadow-sm",
+        className,
+      ]
+        .filter(Boolean)
+        .join(" ")}
+      {...props}
+    >
+      <AttachmentPrimitive.Preview className="size-10 shrink-0 overflow-hidden rounded-lg bg-muted [&_img]:size-full [&_img]:object-cover" />
+      <AttachmentPrimitive.Name className="min-w-0 flex-1 truncate text-sm" />
+      <AttachmentPrimitive.Remove className="rounded-md px-2 py-1 text-xs text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-50">
+        Remove
+      </AttachmentPrimitive.Remove>
+    </AttachmentPrimitive.Root>
+  );
+}

package/dist/registry/chat.tsx

@@ -0,0 +1,8 @@
+"use client";
+
+import type { ComponentProps } from "react";
+import { Thread } from "./thread";
+
+export function Chat(props: ComponentProps<typeof Thread>) {
+  return <Thread {...props} />;
+}

package/dist/registry/composer.tsx

@@ -0,0 +1,56 @@
+"use client";
+
+import { ComposerPrimitive } from "@anvia/react-ui";
+import type { ComponentProps } from "react";
+import { Attachment } from "./attachment";
+
+type ComposerProps = Omit<ComponentProps<typeof ComposerPrimitive.Root>, "children">;
+
+export function Composer({ className, ...props }: ComposerProps) {
+  return (
+    <ComposerPrimitive.Root
+      className={["relative rounded-2xl border bg-background p-2 shadow-lg", className]
+        .filter(Boolean)
+        .join(" ")}
+      {...props}
+    >
+      <ComposerPrimitive.Attachments className="mb-2 flex flex-wrap gap-2 px-1">
+        <Attachment />
+      </ComposerPrimitive.Attachments>
+      <ComposerPrimitive.Quote className="mx-1 mb-2 rounded-lg border-l-2 border-primary bg-muted px-3 py-2 text-sm" />
+      <ComposerPrimitive.Input
+        className="min-h-12 max-h-48 overflow-y-auto px-2 py-3 text-sm outline-none [&_.ProseMirror]:outline-none"
+        placeholder="Send a message..."
+      />
+      <ComposerPrimitive.TriggerMenu className="z-50 max-h-72 min-w-56 overflow-auto rounded-xl border bg-popover p-1 text-popover-foreground shadow-md">
+        {(trigger) =>
+          trigger.loading ? (
+            <div className="px-3 py-2 text-sm text-muted-foreground">Loading...</div>
+          ) : (
+            trigger.items.map((item, index) => (
+              <ComposerPrimitive.TriggerItem
+                className="flex w-full items-center rounded-lg px-3 py-2 text-left text-sm data-[state=selected]:bg-accent data-[state=disabled]:opacity-50"
+                index={index}
+                item={item}
+                key={item.id}
+              />
+            ))
+          )
+        }
+      </ComposerPrimitive.TriggerMenu>
+      <div className="flex items-center justify-between gap-2 px-1 pb-1">
+        <ComposerPrimitive.AddAttachment className="rounded-lg px-3 py-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground">
+          Attach
+        </ComposerPrimitive.AddAttachment>
+        <div className="flex items-center gap-2">
+          <ComposerPrimitive.Stop className="rounded-lg border px-3 py-2 text-sm data-[state=disabled]:hidden">
+            Stop
+          </ComposerPrimitive.Stop>
+          <ComposerPrimitive.Submit className="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground disabled:pointer-events-none disabled:opacity-50">
+            Send
+          </ComposerPrimitive.Submit>
+        </div>
+      </div>
+    </ComposerPrimitive.Root>
+  );
+}

package/dist/registry/markdown.tsx

@@ -0,0 +1,21 @@
+"use client";
+
+import { MessagePrimitive } from "@anvia/react-ui";
+import type { ComponentProps } from "react";
+
+export function Markdown({
+  className,
+  ...props
+}: ComponentProps<typeof MessagePrimitive.Markdown>) {
+  return (
+    <MessagePrimitive.Markdown
+      className={[
+        "anvia-markdown max-w-none text-sm leading-7 text-current [&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2 [&_blockquote]:border-l-2 [&_blockquote]:pl-4 [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_h1]:mt-6 [&_h1]:text-2xl [&_h1]:font-semibold [&_h2]:mt-5 [&_h2]:text-xl [&_h2]:font-semibold [&_h3]:mt-4 [&_h3]:text-lg [&_h3]:font-semibold [&_li]:ml-5 [&_ol]:list-decimal [&_p]:my-3 [&_pre]:overflow-auto [&_pre]:rounded-xl [&_pre]:bg-muted [&_pre]:p-4 [&_strong]:font-semibold [&_table]:w-full [&_ul]:list-disc",
+        className,
+      ]
+        .filter(Boolean)
+        .join(" ")}
+      {...props}
+    />
+  );
+}

package/dist/registry/message.tsx

@@ -0,0 +1,61 @@
+"use client";
+
+import { MessagePrimitive, useChatContext, useMessage } from "@anvia/react-ui";
+import type { ComponentProps } from "react";
+import { Attachment } from "./attachment";
+import { Markdown } from "./markdown";
+import { ToolFallback } from "./tool-fallback";
+
+export function Message({ className, ...props }: ComponentProps<typeof MessagePrimitive.Root>) {
+  const chat = useChatContext();
+  const { message } = useMessage();
+  const isLastAssistant = message.role === "assistant" && chat.messages.at(-1)?.id === message.id;
+
+  return (
+    <MessagePrimitive.Root
+      className={[
+        "group flex w-full flex-col gap-2 py-3 data-[role=user]:items-end data-[role=assistant]:items-start",
+        className,
+      ]
+        .filter(Boolean)
+        .join(" ")}
+      {...props}
+    >
+      <MessagePrimitive.Content className="max-w-[85%] rounded-2xl bg-muted px-4 py-3 text-sm group-data-[role=user]:bg-primary group-data-[role=user]:text-primary-foreground">
+        <MessagePrimitive.Parts
+          className="grid gap-2"
+          stream={{
+            flushImmediately: chat.status === "error",
+            isStreaming: chat.status === "streaming" && isLastAssistant,
+            resetKey: message.id,
+          }}
+        >
+          {(part) => (
+            <MessagePrimitive.Part>
+              {part.type === "text" ? <Markdown /> : null}
+              {part.type === "reasoning" ? (
+                <MessagePrimitive.Reasoning className="text-muted-foreground" />
+              ) : null}
+              {part.type === "tool" ? <ToolFallback /> : null}
+              {part.type === "attachment" ? (
+                <MessagePrimitive.Attachment>
+                  <Attachment />
+                </MessagePrimitive.Attachment>
+              ) : null}
+              {part.type === "data" ? (
+                <MessagePrimitive.Data className="overflow-auto whitespace-pre-wrap text-xs" />
+              ) : null}
+              {part.type === "error" ? (
+                <MessagePrimitive.Error className="text-destructive" />
+              ) : null}
+            </MessagePrimitive.Part>
+          )}
+        </MessagePrimitive.Parts>
+      </MessagePrimitive.Content>
+      <MessagePrimitive.Actions className="flex gap-1 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100">
+        <MessagePrimitive.Copy className="rounded-md px-2 py-1 text-xs text-muted-foreground hover:bg-muted hover:text-foreground" />
+        <MessagePrimitive.Regenerate className="rounded-md px-2 py-1 text-xs text-muted-foreground hover:bg-muted hover:text-foreground" />
+      </MessagePrimitive.Actions>
+    </MessagePrimitive.Root>
+  );
+}

package/dist/registry/thread.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+import { ThreadPrimitive } from "@anvia/react-ui";
+import type { ComponentProps } from "react";
+import { Composer } from "./composer";
+import { Message } from "./message";
+
+type ThreadProps = Omit<ComponentProps<typeof ThreadPrimitive.Root>, "children">;
+
+export function Thread({ className, ...props }: ThreadProps) {
+  return (
+    <ThreadPrimitive.Root
+      className={["relative flex h-full min-h-0 flex-col bg-background text-foreground", className]
+        .filter(Boolean)
+        .join(" ")}
+      {...props}
+    >
+      <ThreadPrimitive.Viewport className="min-h-0 flex-1 overflow-y-auto px-4">
+        <div className="mx-auto flex min-h-full w-full max-w-3xl flex-col">
+          <ThreadPrimitive.Empty className="m-auto py-16 text-center text-sm text-muted-foreground">
+            Start a conversation.
+          </ThreadPrimitive.Empty>
+          <ThreadPrimitive.Messages className="mt-auto py-4">
+            <Message />
+          </ThreadPrimitive.Messages>
+          <ThreadPrimitive.Error className="mb-3 rounded-xl bg-destructive/10 px-4 py-3 text-sm text-destructive" />
+        </div>
+      </ThreadPrimitive.Viewport>
+      <ThreadPrimitive.ScrollToBottom className="absolute bottom-28 left-1/2 -translate-x-1/2 rounded-full border bg-background px-3 py-2 text-xs shadow-sm data-[state=bottom]:hidden">
+        Jump to latest
+      </ThreadPrimitive.ScrollToBottom>
+      <ThreadPrimitive.ViewportFooter className="mx-auto w-full max-w-3xl px-4 pb-4">
+        <Composer />
+      </ThreadPrimitive.ViewportFooter>
+    </ThreadPrimitive.Root>
+  );
+}

package/dist/registry/tool-fallback.tsx

@@ -0,0 +1,33 @@
+"use client";
+
+import { MessagePrimitive } from "@anvia/react-ui";
+import type { ComponentProps } from "react";
+
+export function ToolFallback({
+  className,
+  ...props
+}: ComponentProps<typeof MessagePrimitive.Tool>) {
+  return (
+    <MessagePrimitive.Tool
+      className={["my-2 overflow-hidden rounded-xl border bg-muted/30 text-sm", className]
+        .filter(Boolean)
+        .join(" ")}
+      {...props}
+    >
+      <div className="flex items-center justify-between border-b px-3 py-2">
+        <MessagePrimitive.ToolName className="font-medium" />
+        <MessagePrimitive.ToolStatus className="text-xs text-muted-foreground" />
+      </div>
+      <details className="group">
+        <summary className="cursor-pointer px-3 py-2 text-xs text-muted-foreground">
+          Details
+        </summary>
+        <div className="grid gap-3 border-t p-3">
+          <MessagePrimitive.ToolInput className="overflow-auto whitespace-pre-wrap rounded-lg bg-background p-3 text-xs" />
+          <MessagePrimitive.ToolOutput className="overflow-auto whitespace-pre-wrap rounded-lg bg-background p-3 text-xs" />
+          <MessagePrimitive.ToolError className="rounded-lg bg-destructive/10 p-3 text-destructive" />
+        </div>
+      </details>
+    </MessagePrimitive.Tool>
+  );
+}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@anvia/cli",
+  "version": "1.0.0-rc.10",
+  "description": "Install editable Anvia UI components into React applications.",
+  "author": "anvia",
+  "maintainer": "Indra Zulfi",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/anvia-hq/anvia",
+    "directory": "packages/cli"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "bin": {
+    "anvia": "./dist/cli.js"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "engines": {
+    "node": ">=20.18.1"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts src/cli.ts --format esm --dts --sourcemap --clean && node scripts/copy-registry.mjs && chmod +x dist/cli.js",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit && tsc --project registry/tsconfig.json --noEmit"
+  },
+  "dependencies": {
+    "shadcn": "^4.19.0"
+  },
+  "devDependencies": {
+    "@anvia/react-ui": "workspace:*",
+    "@types/node": "^24.9.1",
+    "@types/react": "^19.2.14",
+    "react": "19.2.6",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.3",
+    "vitest": "^4.0.8"
+  }
+}