@intelligo-dev/cli 1.0.0-beta.1 → 1.0.0-beta.14

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"
+}