@neuronection/assistant-ui 0.23.0 → 0.24.0

package/dist/types-DZwzmyKE.d.ts

@@ -0,0 +1,44 @@
+type ChatRole = 'user' | 'assistant' | 'system';
+type ChatMessageStatus = 'streaming' | 'done' | 'error' | 'interrupted';
+interface ChatError {
+    code: string;
+    message: string;
+    retryable: boolean;
+}
+interface ChatMessageVariants {
+    /** 1-based position of this message among its siblings. */
+    index: number;
+    count: number;
+    siblingIds: string[];
+}
+interface ChatAttachmentView {
+    id: string;
+    name: string;
+    kind: 'image' | 'file';
+    /** Resolvable URL for previews (blob:, data:, or app API path). */
+    url?: string;
+    meta?: Record<string, unknown>;
+}
+/**
+ * The normalized message every chat renderer in the library speaks. Apps map
+ * their persisted rows onto this shape; unknown extras survive in `meta`.
+ */
+interface ChatMessageView {
+    id: string;
+    role: ChatRole;
+    /** Markdown body. */
+    content: string;
+    /** Thinking-mode text (family `delta kind="reasoning"` accumulation). */
+    reasoning?: string;
+    status: ChatMessageStatus;
+    error?: ChatError;
+    createdAt?: string | number;
+    /** Branch-tree linkage (family branching contract). */
+    parentId?: string | null;
+    variants?: ChatMessageVariants;
+    attachments?: ChatAttachmentView[];
+    /** App extension bag (trace refs, citations, chips…). */
+    meta?: Record<string, unknown>;
+}
+
+export type { ChatRole as C, ChatAttachmentView as a, ChatError as b, ChatMessageStatus as c, ChatMessageVariants as d, ChatMessageView as e };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neuronection/assistant-ui",
-  "version": "0.23.0",
+  "version": "0.24.0",
   "description": "Shared React component library for the Assistant family (career-, study-, health-assistant). Family look by default, app-flavored via CSS-variable tokens.",
   "type": "module",
   "license": "Apache-2.0",
@@ -50,6 +50,54 @@
       "types": "./dist/card.d.ts",
       "import": "./dist/card.js"
     },
+    "./chat-core": {
+      "types": "./dist/chat-core.d.ts",
+      "import": "./dist/chat-core.js"
+    },
+    "./chat-launcher": {
+      "types": "./dist/chat-launcher.d.ts",
+      "import": "./dist/chat-launcher.js"
+    },
+    "./chat-composer": {
+      "types": "./dist/chat-composer.d.ts",
+      "import": "./dist/chat-composer.js"
+    },
+    "./chat-panel": {
+      "types": "./dist/chat-panel.d.ts",
+      "import": "./dist/chat-panel.js"
+    },
+    "./chat-transcript": {
+      "types": "./dist/chat-transcript.d.ts",
+      "import": "./dist/chat-transcript.js"
+    },
+    "./chat-message": {
+      "types": "./dist/chat-message.d.ts",
+      "import": "./dist/chat-message.js"
+    },
+    "./chat-branch-tree": {
+      "types": "./dist/chat-branch-tree.d.ts",
+      "import": "./dist/chat-branch-tree.js"
+    },
+    "./chat-drawer": {
+      "types": "./dist/chat-drawer.d.ts",
+      "import": "./dist/chat-drawer.js"
+    },
+    "./chat-markdown": {
+      "types": "./dist/chat-markdown.d.ts",
+      "import": "./dist/chat-markdown.js"
+    },
+    "./chat-reasoning": {
+      "types": "./dist/chat-reasoning.d.ts",
+      "import": "./dist/chat-reasoning.js"
+    },
+    "./chat-session-list": {
+      "types": "./dist/chat-session-list.d.ts",
+      "import": "./dist/chat-session-list.js"
+    },
+    "./chat-tool-card": {
+      "types": "./dist/chat-tool-card.d.ts",
+      "import": "./dist/chat-tool-card.js"
+    },
     "./connection-test-row": {
       "types": "./dist/connection-test-row.d.ts",
       "import": "./dist/connection-test-row.js"
@@ -290,6 +338,12 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "date-fns": "^4.4.0",
+    "katex": "^0.16.47",
+    "mermaid": "^11.17.2",
+    "react-markdown": "^10.1.0",
+    "rehype-katex": "^7.0.1",
+    "remark-gfm": "^4.0.1",
+    "remark-math": "^6.0.0",
     "tailwind-merge": "^3.6.0",
     "tiptap-markdown": "^0.9.0"
   },
@@ -335,7 +389,7 @@
     "playground:build": "ladle build",
     "build": "NODE_OPTIONS=--max-old-space-size=8192 pnpm build:ts && pnpm build:css",
     "build:ts": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\" && tsup",
-    "build:css": "tailwindcss -i src/tokens/tokens.css -o dist/styles.css --minify && node scripts/unwrap-layers.mjs",
+    "build:css": "tailwindcss -i src/tokens/tokens.css -o dist/styles.css --minify && node scripts/unwrap-layers.mjs && node scripts/copy-katex-fonts.mjs",
     "test": "vitest run",
     "test:watch": "vitest",
     "test:visual": "playwright test",

package/dist/chunk-7KD4MG75.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/settings-shell/SettingsShell.tsx"],"names":["SettingsShell"],"mappings":";;;;AAyBO,IAAM,aAAA,GAAsB,KAAA,CAAA,UAAA;AAAA,EACjC,SAASA,cAAAA,CACP,EAAE,GAAA,EAAK,MAAA,EAAQ,UAAA,EAAY,MAAA,EAAQ,QAAA,EAAU,SAAA,EAAW,YAAA,EAAc,SAAA,EAAU,EAChF,GAAA,EACA;AACA,IAAA,MAAM,aAAa,MAAA,EAAQ,IAAA;AAC3B,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAQ,gBAAA;AAAA,QACR,SAAA,EAAW,EAAA,CAAG,uCAAA,EAAyC,SAAS,CAAA;AAAA,QAEhE,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,eAAA;AAAA,cACV,YAAA,EAAW,mBAAA;AAAA,cACX,aAAA,EAAa,SAAA;AAAA,cAEb,QAAA,kBAAA,IAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,EAAA;AAAA,oBACT,gIAAA;AAAA,oBACA;AAAA,mBACF;AAAA,kBAEC,QAAA,EAAA;AAAA,oBAAA,MAAA,mBACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6EAAA,EACZ,QAAA,EAAA;AAAA,sBAAA,UAAA,mBACC,GAAA;AAAA,wBAAC,UAAA;AAAA,wBAAA;AAAA,0BACC,SAAA,EAAU,0CAAA;AAAA,0BACV,aAAA,EAAW;AAAA;AAAA,uBACb,GACE,IAAA;AAAA,sCACJ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gDAAA,EACb,iBAAO,KAAA,EACV;AAAA,qBAAA,EACF,CAAA,GACE,IAAA;AAAA,oBACH,GAAA,CAAI,GAAA,CAAI,CAAC,EAAE,EAAA,EAAI,OAAO,WAAA,EAAa,IAAA,EAAM,IAAA,EAAM,QAAA,EAAS,KAAM;AAC7D,sBAAA,MAAM,WAAW,EAAA,KAAO,MAAA;AACxB,sBAAA,uBACE,IAAA;AAAA,wBAAC,QAAA;AAAA,wBAAA;AAAA,0BAEC,IAAA,EAAK,QAAA;AAAA,0BACL,cAAA,EAAc,WAAW,MAAA,GAAS,MAAA;AAAA,0BAClC,OAAA,EAAS,MAAM,UAAA,CAAW,EAAE,CAAA;AAAA,0BAC5B,SAAA,EAAW,EAAA;AAAA,4BACT,uNAAA;AAAA,4BACA,WACI,8FAAA,GACA;AAAA,2BACN;AAAA,0BAEC,QAAA,EAAA;AAAA,4BAAA,IAAA,mBACC,GAAA;AAAA,8BAAC,IAAA;AAAA,8BAAA;AAAA,gCACC,SAAA,EAAU,6BAAA;AAAA,gCACV,aAAA,EAAW;AAAA;AAAA,6BACb,GACE,IAAA;AAAA,4CACJ,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EACd,QAAA,EAAA;AAAA,8CAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,8BACjC,8BACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mDAAA,EACb,uBACH,CAAA,GACE;AAAA,6BAAA,EACN,CAAA;AAAA,4BACC,2BACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,4CAAA,EACb,oBACH,CAAA,GACE;AAAA;AAAA,yBAAA;AAAA,wBA7BC;AAAA,uBA8BP;AAAA,oBAEJ,CAAC;AAAA;AAAA;AAAA;AACH;AAAA,WACF;AAAA,0BACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EAAyB,QAAA,EAAS;AAAA;AAAA;AAAA,KACnD;AAAA,EAEJ;AACF","file":"chunk-7KD4MG75.js","sourcesContent":["import * as React from 'react'\nimport type { LucideIcon } from 'lucide-react'\nimport { cn } from '../../lib/utils'\n\nexport interface SettingsNavItem {\n  id: string\n  label: string\n  description?: string\n  icon?: LucideIcon\n  /** Optional trailing node (status dot, count, badge) at the row edge. */\n  trailing?: React.ReactNode\n}\n\nexport interface SettingsShellProps {\n  nav: SettingsNavItem[]\n  active: string\n  onNavigate: (id: string) => void\n  header?: { icon?: LucideIcon; title: string }\n  children: React.ReactNode\n  className?: string\n  navClassName?: string\n  /** Test hook: data-testid for the `<nav>` element. */\n  navTestId?: string\n}\n\nexport const SettingsShell = React.forwardRef<HTMLDivElement, SettingsShellProps>(\n  function SettingsShell(\n    { nav, active, onNavigate, header, children, className, navClassName, navTestId },\n    ref,\n  ) {\n    const HeaderIcon = header?.icon\n    return (\n      <div\n        ref={ref}\n        data-as=\"settings-shell\"\n        className={cn('grid grid-cols-1 gap-8 lg:grid-cols-4', className)}\n      >\n        <nav\n          className=\"lg:col-span-1\"\n          aria-label=\"Settings sections\"\n          data-testid={navTestId}\n        >\n          <div\n            className={cn(\n              'space-y-1 rounded-[var(--as-radius-lg)] border border-[var(--as-border)] bg-[var(--as-surface-raised)] p-3 lg:sticky lg:top-24',\n              navClassName,\n            )}\n          >\n            {header ? (\n              <div className=\"mb-2 flex items-center gap-2.5 border-b border-[var(--as-border)] px-3 py-2\">\n                {HeaderIcon ? (\n                  <HeaderIcon\n                    className=\"size-5 shrink-0 text-[var(--as-primary)]\"\n                    aria-hidden\n                  />\n                ) : null}\n                <span className=\"truncate text-sm font-bold text-[var(--as-fg)]\">\n                  {header.title}\n                </span>\n              </div>\n            ) : null}\n            {nav.map(({ id, label, description, icon: Icon, trailing }) => {\n              const isActive = id === active\n              return (\n                <button\n                  key={id}\n                  type=\"button\"\n                  aria-current={isActive ? 'page' : undefined}\n                  onClick={() => onNavigate(id)}\n                  className={cn(\n                    'flex w-full cursor-pointer items-start rounded-[var(--as-radius)] px-3 py-2.5 text-left text-sm transition-colors focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]',\n                    isActive\n                      ? 'bg-[color-mix(in_srgb,var(--as-primary)_12%,transparent)] font-bold text-[var(--as-primary)]'\n                      : 'font-medium text-[var(--as-fg)] hover:bg-[var(--as-muted)]',\n                  )}\n                >\n                  {Icon ? (\n                    <Icon\n                      className=\"mr-3 mt-0.5 size-4 shrink-0\"\n                      aria-hidden\n                    />\n                  ) : null}\n                  <span className=\"flex min-w-0 flex-col\">\n                    <span className=\"truncate\">{label}</span>\n                    {description ? (\n                      <span className=\"text-[11px] font-normal text-[var(--as-muted-fg)]\">\n                        {description}\n                      </span>\n                    ) : null}\n                  </span>\n                  {trailing ? (\n                    <span className=\"ml-auto flex items-center self-center pl-2\">\n                      {trailing}\n                    </span>\n                  ) : null}\n                </button>\n              )\n            })}\n          </div>\n        </nav>\n        <div className=\"min-w-0 lg:col-span-3\">{children}</div>\n      </div>\n    )\n  },\n)\n"]}