@intelligo-dev/cli 1.0.0-beta.13 → 1.0.0-beta.15

package/templates/registry/chat-share.json

@@ -0,0 +1,42 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "chat-share",
+  "title": "Chat Share",
+  "description": "A conversation its owner published, readable by anyone with the link at /share/[id]: the same transcript, read-only, minus reasoning, tool details and attachments. Requires the chat item.",
+  "dependencies": [
+    "ai@^7.0.103",
+    "next-intl",
+    "@intelligo-dev/chat",
+    "@intelligo-dev/core"
+  ],
+  "registryDependencies": [
+    "@intelligo/button"
+  ],
+  "files": [
+    {
+      "path": "base/chat-share/page.tsx",
+      "content": "import type { Metadata } from \"next\";\nimport { notFound } from \"next/navigation\";\nimport { getTranslations } from \"next-intl/server\";\n\nimport { SharedConversation } from \"@/components/chat/shared-conversation\";\nimport { loadSharedConversation } from \"@/actions/chat-share\";\n\n/**\n * `/share/[id]` — a conversation its owner published, readable by\n * anyone with the link. Outside the `(app)` group on purpose: no\n * session, no workspace. `noindex`, so a link that leaks does not also\n * get crawled. Per-request, since sharing can be switched off.\n */\nexport const dynamic = \"force-dynamic\";\n\ninterface SharePageProps {\n  params: Promise<{ id: string; locale: string }>;\n}\n\nexport async function generateMetadata({\n  params,\n}: SharePageProps): Promise<Metadata> {\n  const { id } = await params;\n  const t = await getTranslations(\"chat-share\");\n  const shared = await loadSharedConversation(id);\n  return {\n    title: shared?.title ?? t(\"title\"),\n    robots: { index: false, follow: false },\n  };\n}\n\nexport default async function SharePage({ params }: SharePageProps) {\n  const { id } = await params;\n  const shared = await loadSharedConversation(id);\n  if (!shared) notFound();\n\n  return (\n    <SharedConversation\n      conversationId={shared.id}\n      title={shared.title}\n      messages={shared.messages}\n    />\n  );\n}\n",
+      "type": "registry:page",
+      "target": "app/[locale]/share/[id]/page.tsx"
+    },
+    {
+      "path": "base/chat-share/actions.ts",
+      "content": "\"use server\";\n\n/**\n * The public read of a shared conversation. No actor: the reader is\n * anyone with the link. What they get is decided by `sanitizeForShare`\n * (`@intelligo-dev/chat`) — the transcript minus reasoning, tool\n * details, provider metadata, transient parts and file URLs. A product\n * that wants a named tool's output on the page passes a policy here.\n */\n\nimport { sanitizeForShare, toUIMessages } from \"@intelligo-dev/chat\";\nimport type { UIMessage } from \"ai\";\nimport {\n  getPublicConversation,\n  getPublicMessages,\n  isConversationServiceError,\n} from \"@intelligo-dev/core/conversations\";\n\nexport type SharedConversation = {\n  id: string;\n  title: string | null;\n  updatedAt: string;\n  messages: UIMessage[];\n};\n\nexport async function loadSharedConversation(\n  id: string\n): Promise<SharedConversation | null> {\n  try {\n    const conversation = await getPublicConversation(id);\n    const rows = await getPublicMessages(id);\n    return {\n      id: conversation.id,\n      title: conversation.title,\n      updatedAt: conversation.updatedAt.toISOString(),\n      messages: sanitizeForShare(toUIMessages(rows)),\n    };\n  } catch (error) {\n    if (isConversationServiceError(error) && error.code === \"not_found\") {\n      return null;\n    }\n    throw error;\n  }\n}\n",
+      "type": "registry:file",
+      "target": "actions/chat-share.ts"
+    },
+    {
+      "path": "base/chat-share/components/shared-conversation.tsx",
+      "content": "\"use client\";\n\n/**\n * A shared conversation, read-only: the same message component the\n * chat page renders, with no composer, no actions and no edit. The\n * banner says what this is and offers the product.\n */\n\nimport { useTranslations } from \"next-intl\";\nimport type { UIMessage } from \"ai\";\n\nimport { MessageList } from \"@/components/chat/message-list\";\nimport { Button } from \"@/components/ui/button\";\nimport { Link } from \"@/i18n/navigation\";\n\ninterface SharedConversationProps {\n  conversationId: string;\n  title: string | null;\n  messages: UIMessage[];\n}\n\nexport function SharedConversation({\n  conversationId,\n  title,\n  messages,\n}: SharedConversationProps) {\n  const t = useTranslations(\"chat-share\");\n\n  return (\n    <div className=\"flex h-dvh flex-col\">\n      <header className=\"flex items-center justify-between gap-3 border-b px-4 py-3\">\n        <div className=\"min-w-0\">\n          <p className=\"text-xs text-muted-foreground\">{t(\"readOnly\")}</p>\n          <h1 className=\"truncate text-sm font-medium\">\n            {title ?? t(\"untitled\")}\n          </h1>\n        </div>\n        <Button size=\"sm\" render={<Link href=\"/chat\" />} nativeButton={false}>\n          {t(\"openApp\")}\n        </Button>\n      </header>\n      <MessageList\n        conversationId={conversationId}\n        messages={messages}\n        isStreaming={false}\n        readOnly\n      />\n    </div>\n  );\n}\n",
+      "type": "registry:component",
+      "target": "components/chat/shared-conversation.tsx"
+    },
+    {
+      "path": "base/chat-share/messages/en.json",
+      "content": "{\n  \"title\": \"Shared conversation\",\n  \"readOnly\": \"Shared conversation · read-only\",\n  \"untitled\": \"Untitled conversation\",\n  \"openApp\": \"Start your own\"\n}\n",
+      "type": "registry:file",
+      "target": "messages/en/chat-share.json"
+    }
+  ],
+  "type": "registry:block"
+}

package/templates/registry/chat-widget.json

@@ -0,0 +1,34 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "chat-widget",
+  "title": "Chat Widget",
+  "description": "The floating assistant: a launcher in a corner of every page and a compact chat over it, configured in lib/chat-widget-config.tsx. Requires the chat item.",
+  "dependencies": [
+    "lucide-react",
+    "next-intl"
+  ],
+  "registryDependencies": [
+    "@intelligo/button"
+  ],
+  "files": [
+    {
+      "path": "base/chat-widget/components/chat-widget.tsx",
+      "content": "\"use client\";\n\n/**\n * The floating assistant: a launcher in a corner of every page and a\n * compact chat that opens over the page — the same thread the chat\n * page runs, in the widget variant. Mounted once in the app layout;\n * `lib/chat-widget-config.tsx` says where it sits, which agent it\n * runs as, and which routes hide it.\n *\n * Each open conversation is a real one, minted when the widget first\n * opens and kept for the page's lifetime. `body` on the component adds\n * per-page context to every turn; `chatWidgetConfig.body` adds the\n * product's.\n *\n * Installed from the `chat-widget` item; requires the `chat` item.\n */\n\nimport { Suspense, useState } from \"react\";\nimport { useTranslations } from \"next-intl\";\nimport { MessageSquareIcon, XIcon } from \"lucide-react\";\n\nimport { ChatThread } from \"@/components/chat/chat-thread\";\nimport { Button } from \"@/components/ui/button\";\nimport { usePathname } from \"@/i18n/navigation\";\nimport { chatWidgetConfig } from \"@/lib/chat-widget-config\";\nimport { cn } from \"@/lib/utils\";\n\ninterface ChatWidgetProps {\n  /** Per-page context, merged over `chatWidgetConfig.body`. */\n  body?: Record<string, unknown>;\n  className?: string;\n}\n\nexport function ChatWidget({ body, className }: ChatWidgetProps) {\n  const t = useTranslations(\"chat-widget\");\n  const pathname = usePathname();\n  const [open, setOpen] = useState(false);\n  const [id] = useState(() => crypto.randomUUID());\n\n  // Segment-aware: hiding on `/chat` must not hide it on `/chatbots`.\n  const hidden = (chatWidgetConfig.hideOn ?? []).some(\n    (prefix) => pathname === prefix || pathname.startsWith(`${prefix}/`)\n  );\n  if (hidden) return null;\n\n  const corner =\n    chatWidgetConfig.position === \"bottom-left\"\n      ? \"sm:right-auto sm:left-4\"\n      : \"sm:left-auto sm:right-4\";\n  const name = chatWidgetConfig.agent?.name ?? t(\"title\");\n\n  return (\n    <div\n      className={cn(\n        \"fixed inset-x-4 bottom-4 z-50 flex flex-col items-end gap-3\",\n        corner,\n        className\n      )}\n    >\n      {open ? (\n        <section\n          role=\"dialog\"\n          aria-label={name}\n          className=\"flex h-128 max-h-dvh w-full flex-col overflow-hidden rounded-xl border bg-background shadow-lg sm:w-96\"\n        >\n          <header className=\"flex items-center justify-between gap-2 border-b px-3 py-2\">\n            <span className=\"flex min-w-0 items-center gap-2 text-sm font-medium\">\n              {chatWidgetConfig.agent?.icon ? (\n                <span aria-hidden>{chatWidgetConfig.agent.icon}</span>\n              ) : null}\n              <span className=\"truncate\">{name}</span>\n            </span>\n            <Button\n              variant=\"ghost\"\n              size=\"icon-sm\"\n              aria-label={t(\"close\")}\n              onClick={() => setOpen(false)}\n            >\n              <XIcon />\n            </Button>\n          </header>\n          <Suspense fallback={null}>\n            <ChatThread\n              conversationId={id}\n              initialMessages={[]}\n              variant=\"widget\"\n              agentId={chatWidgetConfig.agent?.id}\n              body={{ ...chatWidgetConfig.body, ...body }}\n              autoFocus\n            />\n          </Suspense>\n        </section>\n      ) : null}\n      <Button\n        size=\"lg\"\n        className=\"rounded-full shadow-lg\"\n        aria-expanded={open}\n        aria-label={open ? t(\"close\") : t(\"trigger\")}\n        onClick={() => setOpen((value) => !value)}\n      >\n        {open ? <XIcon /> : <MessageSquareIcon />}\n        <span className={open ? \"sr-only\" : undefined}>{t(\"trigger\")}</span>\n      </Button>\n    </div>\n  );\n}\n",
+      "type": "registry:component",
+      "target": "components/chat/chat-widget.tsx"
+    },
+    {
+      "path": "base/chat-widget/lib/chat-widget-config.tsx",
+      "content": "/**\n * Chat widget config — the consumer-owned seam for the floating\n * assistant (composition through a config you own, never a\n * component edit).\n *\n *  - `position`: which corner the launcher sits in.\n *  - `agent`: which agent the widget's conversations run as, when it\n *    differs from the chat page's (`chatConfig.agent`).\n *  - `body`: sent with every turn — a static product context. For\n *    per-page context pass `body` to `<ChatWidget>` where it mounts.\n *  - `hideOn`: pathname prefixes where the launcher is not shown (the\n *    chat page itself, auth pages).\n *\n * Mount the widget once, in your app layout:\n *\n *   import { ChatWidget } from \"@/components/chat/chat-widget\";\n *   …\n *   <ChatWidget />\n */\n\nexport interface ChatWidgetConfig {\n  position?: \"bottom-right\" | \"bottom-left\";\n  agent?: { id?: string; name?: string; icon?: string };\n  body?: Record<string, unknown>;\n  hideOn?: string[];\n}\n\nexport const chatWidgetConfig: ChatWidgetConfig = {\n  position: \"bottom-right\",\n  hideOn: [\"/chat\", \"/login\", \"/signup\"],\n};\n",
+      "type": "registry:file",
+      "target": "lib/chat-widget-config.tsx"
+    },
+    {
+      "path": "base/chat-widget/messages/en.json",
+      "content": "{\n  \"trigger\": \"Chat\",\n  \"title\": \"Assistant\",\n  \"close\": \"Close chat\"\n}\n",
+      "type": "registry:file",
+      "target": "messages/en/chat-widget.json"
+    }
+  ],
+  "type": "registry:block"
+}