@neuronection/assistant-ui 0.29.0 → 0.29.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @neuronection/assistant-ui
 
+## 0.29.1
+
+### Patch Changes
+
+- [`6c8882c`](https://github.com/neuronection/assistant-ui/commit/6c8882cfc951a167b728b3977b5e1cffdda87a0b) Thanks [@constLiakos](https://github.com/constLiakos)! - fix(a11y): ChatSessionList and ChatToolsCatalog no longer render their empty/no-matches `<p>` states as children of `role="list"` (aria-required-children, critical — a list expects listitem children). The `role="list"` container now renders only when there are items to show; empty and no-results states render standalone with unchanged copy and styling. Found by desktop-assistant's new exclusion-free axe scans of the chat desktop window; regression axe tests for both components and a SessionListEmpty Ladle story added.
+
 ## 0.29.0
 
 ### Minor Changes

package/dist/chat-session-list.js

@@ -1,3 +1,3 @@
-export { ChatSessionList } from './chunk-NKYPNEOX.js';
+export { ChatSessionList } from './chunk-66K355IZ.js';
 //# sourceMappingURL=chat-session-list.js.map
 //# sourceMappingURL=chat-session-list.js.map

package/dist/chat-tools-catalog.js

@@ -1,3 +1,3 @@
-export { ChatToolsCatalog } from './chunk-N55WQMBA.js';
+export { ChatToolsCatalog } from './chunk-TC4NQL3H.js';
 //# sourceMappingURL=chat-tools-catalog.js.map
 //# sourceMappingURL=chat-tools-catalog.js.map

package/dist/{chunk-NKYPNEOX.js → chunk-66K355IZ.js}

@@ -111,7 +111,7 @@ var ChatSessionList = React.forwardRef(
           }
         ) : null
       ] }),
-      /* @__PURE__ */ jsx("div", { role: "list", "aria-label": labels?.search ?? "Conversations", className: "min-h-0 flex-1 overflow-y-auto", children: sessions.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-xs text-[var(--as-muted-fg)]", children: labels?.empty ?? "No conversations yet" }) : filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-xs text-[var(--as-muted-fg)]", children: labels?.noResults ?? "No matches" }) : groups.map((group) => /* @__PURE__ */ jsxs("div", { className: "mb-2", children: [
+      sessions.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-xs text-[var(--as-muted-fg)]", children: labels?.empty ?? "No conversations yet" }) : filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-xs text-[var(--as-muted-fg)]", children: labels?.noResults ?? "No matches" }) : /* @__PURE__ */ jsx("div", { role: "list", "aria-label": labels?.search ?? "Conversations", className: "min-h-0 flex-1 overflow-y-auto", children: groups.map((group) => /* @__PURE__ */ jsxs("div", { className: "mb-2", children: [
         group.label ? /* @__PURE__ */ jsx("p", { className: "px-2 pb-1 pt-2 text-[10px] font-semibold uppercase tracking-wide text-[var(--as-muted-fg)]", children: group.label }) : null,
         group.sessions.map((session) => {
           const isActive = session.id === activeId;
@@ -194,5 +194,5 @@ var ChatSessionList = React.forwardRef(
 );
 
 export { ChatSessionList };
-//# sourceMappingURL=chunk-NKYPNEOX.js.map
-//# sourceMappingURL=chunk-NKYPNEOX.js.map
+//# sourceMappingURL=chunk-66K355IZ.js.map
+//# sourceMappingURL=chunk-66K355IZ.js.map

package/dist/chunk-66K355IZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-session-list/ChatSessionList.tsx"],"names":["ChatSessionList"],"mappings":"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","file":"chunk-66K355IZ.js","sourcesContent":["import * as React from 'react'\nimport { Download, MessageSquarePlus, Pencil, Search, Trash2 } from 'lucide-react'\nimport type { LucideIcon } from 'lucide-react'\nimport { formatDistanceToNow, isToday, isYesterday, parseISO } from 'date-fns'\n\nimport { cn } from '../../lib/utils'\nimport { searchScore } from '../../lib/fuzzy'\n\nexport interface ChatSessionView {\n  id: string\n  title: string\n  updatedAt?: string | number | Date\n  meta?: Record<string, unknown>\n}\n\nexport interface ChatSessionListLabels {\n  search: string\n  searchPlaceholder: string\n  newChat: string\n  rename: string\n  delete: string\n  export: string\n  today: string\n  yesterday: string\n  earlier: string\n  empty: string\n  noResults: string\n}\n\nexport interface ChatSessionListIcons {\n  newChat: LucideIcon\n  rename: LucideIcon\n  delete: LucideIcon\n  export: LucideIcon\n}\n\nexport interface ChatSessionListProps {\n  sessions: ChatSessionView[]\n  activeId?: string | null\n  onSelect: (id: string) => void\n  onNew?: () => void\n  onRename?: (id: string) => void\n  onDelete?: (id: string) => void\n  onExport?: (id: string) => void\n  searchable?: boolean\n  groupByDate?: boolean\n  labels?: Partial<ChatSessionListLabels>\n  icons?: Partial<ChatSessionListIcons>\n  className?: string\n}\n\nfunction toDate(value: string | number | Date | undefined): Date | undefined {\n  if (value === undefined) {\n    return undefined\n  }\n  if (value instanceof Date) {\n    return value\n  }\n  if (typeof value === 'number') {\n    return new Date(value)\n  }\n  return parseISO(value)\n}\n\nfunction bucketOf(date: Date | undefined): 'today' | 'yesterday' | 'earlier' | 'none' {\n  if (date === undefined) {\n    return 'none'\n  }\n  if (isToday(date)) {\n    return 'today'\n  }\n  if (isYesterday(date)) {\n    return 'yesterday'\n  }\n  return 'earlier'\n}\n\n/**\n * The session list beside a full-page chat (study's `ChatSessionList` +\n * health's history overlay, generalized): fuzzy search, date grouping,\n * active marking, per-session actions (rename/delete/export) via the\n * menu when handlers are provided. All actions stay app-side.\n */\nexport const ChatSessionList = React.forwardRef<HTMLDivElement, ChatSessionListProps>(\n  function ChatSessionList(\n    {\n      sessions,\n      activeId,\n      onSelect,\n      onNew,\n      onRename,\n      onDelete,\n      onExport,\n      searchable = true,\n      groupByDate = true,\n      labels,\n      icons,\n      className,\n    },\n    ref,\n  ) {\n    const [query, setQuery] = React.useState('')\n    const NewIcon = icons?.newChat ?? MessageSquarePlus\n    const RenameIcon = icons?.rename ?? Pencil\n    const DeleteIcon = icons?.delete ?? Trash2\n    const ExportIcon = icons?.export ?? Download\n\n    const filtered = React.useMemo(() => {\n      const trimmed = query.trim()\n      if (trimmed === '') {\n        return sessions\n      }\n      return sessions\n        .map((session) => ({\n          session,\n          score: searchScore(trimmed, session.title),\n        }))\n        .filter((entry) => entry.score !== null)\n        .sort((a, b) => (b.score ?? 0) - (a.score ?? 0))\n        .map((entry) => entry.session)\n    }, [sessions, query])\n\n    const groups = React.useMemo(() => {\n      if (!groupByDate) {\n        return [{ key: 'all', label: null as string | null, sessions: filtered }]\n      }\n      const ordered = [...filtered].sort((a, b) => {\n        const dateA = toDate(a.updatedAt)?.getTime() ?? 0\n        const dateB = toDate(b.updatedAt)?.getTime() ?? 0\n        return dateB - dateA\n      })\n      const byBucket = new Map<string, ChatSessionView[]>()\n      for (const session of ordered) {\n        const bucket = bucketOf(toDate(session.updatedAt))\n        const list = byBucket.get(bucket) ?? []\n        list.push(session)\n        byBucket.set(bucket, list)\n      }\n      const order = ['today', 'yesterday', 'earlier', 'none']\n      return order\n        .filter((bucket) => byBucket.has(bucket))\n        .map((bucket) => ({\n          key: bucket,\n          label:\n            bucket === 'today'\n              ? (labels?.today ?? 'Today')\n              : bucket === 'yesterday'\n                ? (labels?.yesterday ?? 'Yesterday')\n                : bucket === 'earlier'\n                  ? (labels?.earlier ?? 'Earlier')\n                  : null,\n          sessions: byBucket.get(bucket) ?? [],\n        }))\n    }, [filtered, groupByDate, labels])\n\n    return (\n      <div ref={ref} data-as=\"chat-session-list\" className={cn('flex h-full min-h-0 w-full flex-col gap-2', className)}>\n        <div className=\"flex items-center gap-2\">\n          {searchable ? (\n            <div className=\"relative min-w-0 flex-1\">\n              <Search className=\"pointer-events-none absolute start-2 top-1/2 size-3.5 -translate-y-1/2 text-[var(--as-muted-fg)]\" aria-hidden />\n              <input\n                type=\"search\"\n                role=\"searchbox\"\n                value={query}\n                aria-label={labels?.search ?? 'Search conversations'}\n                placeholder={labels?.searchPlaceholder ?? 'Search…'}\n                onChange={(event) => setQuery(event.target.value)}\n                className=\"w-full rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] py-1.5 pe-2 ps-8 text-xs text-[var(--as-fg)] placeholder:text-[var(--as-muted-fg)] focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]\"\n              />\n            </div>\n          ) : null}\n          {onNew ? (\n            <button\n              type=\"button\"\n              onClick={onNew}\n              aria-label={labels?.newChat ?? 'New conversation'}\n              title={labels?.newChat ?? 'New conversation'}\n              className=\"flex size-7 shrink-0 items-center justify-center rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] text-[var(--as-fg)] transition-colors hover:bg-[var(--as-secondary)] focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]\"\n            >\n              <NewIcon className=\"size-4\" aria-hidden />\n            </button>\n          ) : null}\n        </div>\n        {sessions.length === 0 ? (\n          <p className=\"px-2 py-3 text-xs text-[var(--as-muted-fg)]\">{labels?.empty ?? 'No conversations yet'}</p>\n        ) : filtered.length === 0 ? (\n          <p className=\"px-2 py-3 text-xs text-[var(--as-muted-fg)]\">{labels?.noResults ?? 'No matches'}</p>\n        ) : (\n          <div role=\"list\" aria-label={labels?.search ?? 'Conversations'} className=\"min-h-0 flex-1 overflow-y-auto\">\n            {groups.map((group) => (\n              <div key={group.key} className=\"mb-2\">\n                {group.label ? (\n                  <p className=\"px-2 pb-1 pt-2 text-[10px] font-semibold uppercase tracking-wide text-[var(--as-muted-fg)]\">\n                    {group.label}\n                  </p>\n                ) : null}\n                {group.sessions.map((session) => {\n                  const isActive = session.id === activeId\n                  const date = toDate(session.updatedAt)\n                  const actions =\n                    onRename || onDelete || onExport\n                      ? [\n                          onRename\n                            ? {\n                                key: 'rename',\n                                label: labels?.rename ?? 'Rename',\n                                icon: <RenameIcon className=\"size-3.5\" aria-hidden />,\n                                onSelect: () => onRename(session.id),\n                              }\n                            : null,\n                          onExport\n                            ? {\n                                key: 'export',\n                                label: labels?.export ?? 'Export',\n                                icon: <ExportIcon className=\"size-3.5\" aria-hidden />,\n                                onSelect: () => onExport(session.id),\n                              }\n                            : null,\n                          onDelete\n                            ? {\n                                key: 'delete',\n                                label: labels?.delete ?? 'Delete',\n                                icon: <DeleteIcon className=\"size-3.5\" aria-hidden />,\n                                onSelect: () => onDelete(session.id),\n                                danger: true,\n                              }\n                            : null,\n                        ].filter((item): item is NonNullable<typeof item> => item !== null)\n                      : []\n                  return (\n                    <div\n                      key={session.id}\n                      role=\"listitem\"\n                      aria-current={isActive ? 'true' : undefined}\n                      data-active={isActive || undefined}\n                      className={cn(\n                        'group/session flex cursor-pointer items-center gap-2 rounded-[var(--as-radius)] px-2 py-1.5 text-xs transition-colors hover:bg-[var(--as-surface-raised)]',\n                        isActive && 'bg-[var(--as-surface-raised)] font-medium text-[var(--as-fg)]',\n                      )}\n                      onClick={() => onSelect(session.id)}\n                      onKeyDown={(event) => {\n                        if (event.key === 'Enter' || event.key === ' ') {\n                          event.preventDefault()\n                          onSelect(session.id)\n                        }\n                      }}\n                      tabIndex={0}\n                    >\n                      <span className=\"min-w-0 flex-1 truncate text-[var(--as-fg)]\">{session.title}</span>\n                      {date ? (\n                        <span className=\"shrink-0 text-[10px] text-[var(--as-muted-fg)]\">\n                          {formatDistanceToNow(date, { addSuffix: true })}\n                        </span>\n                      ) : null}\n                      {actions.length > 0 ? (\n                        <span\n                          role=\"group\"\n                          aria-label={labels?.rename ?? 'Conversation actions'}\n                          className=\"flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity focus-within:opacity-100 group-hover/session:opacity-100\"\n                          onClick={(event) => event.stopPropagation()}\n                          onKeyDown={(event) => event.stopPropagation()}\n                        >\n                          {actions.map((action) => (\n                            <button\n                              key={action.key}\n                              type=\"button\"\n                              aria-label={action.label}\n                              title={action.label}\n                              onClick={action.onSelect}\n                              className={cn(\n                                'rounded-[var(--as-radius-sm)] p-1 text-[var(--as-muted-fg)] transition-colors hover:bg-[var(--as-surface)] hover:text-[var(--as-fg)] focus-visible:opacity-100 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]',\n                                action.danger && 'hover:text-[var(--as-danger)]',\n                              )}\n                            >\n                              {action.icon}\n                            </button>\n                          ))}\n                        </span>\n                      ) : null}\n                     </div>\n                   )\n                 })}\n                </div>\n              ))\n            }\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n"]}

package/dist/{chunk-N55WQMBA.js → chunk-TC4NQL3H.js}

@@ -58,7 +58,7 @@ var ChatToolsCatalog = React.forwardRef(
               }
             )
           ] }) : null,
-          /* @__PURE__ */ jsx("div", { role: "list", "aria-label": labels?.tools ?? "Tools", className: "flex flex-col gap-2", children: tools.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-1 py-3 text-xs text-[var(--as-muted-fg)]", children: labels?.empty ?? "No tools available" }) : filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-1 py-3 text-xs text-[var(--as-muted-fg)]", children: labels?.noResults ?? "No matching tools" }) : filtered.map((tool) => {
+          tools.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-1 py-3 text-xs text-[var(--as-muted-fg)]", children: labels?.empty ?? "No tools available" }) : filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-1 py-3 text-xs text-[var(--as-muted-fg)]", children: labels?.noResults ?? "No matching tools" }) : /* @__PURE__ */ jsx("div", { role: "list", "aria-label": labels?.tools ?? "Tools", className: "flex flex-col gap-2", children: filtered.map((tool) => {
             const open = openOverrides[tool.name] ?? defaultOpen;
             const regionId = `${uid}-${tool.name}`;
             const toggle = () => setOpenOverrides((current) => ({ ...current, [tool.name]: !open }));
@@ -152,5 +152,5 @@ var ChatToolsCatalog = React.forwardRef(
 );
 
 export { ChatToolsCatalog };
-//# sourceMappingURL=chunk-N55WQMBA.js.map
-//# sourceMappingURL=chunk-N55WQMBA.js.map
+//# sourceMappingURL=chunk-TC4NQL3H.js.map
+//# sourceMappingURL=chunk-TC4NQL3H.js.map

package/dist/{chunk-N55WQMBA.js.map → chunk-TC4NQL3H.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/chat-tools-catalog/ChatToolsCatalog.tsx"],"names":["ChatToolsCatalog"],"mappings":"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","file":"chunk-N55WQMBA.js","sourcesContent":["import * as React from 'react'\nimport { ChevronDown, Search, Wrench } from 'lucide-react'\nimport type { LucideIcon } from 'lucide-react'\n\nimport { cn } from '../../lib/utils'\nimport { searchScore } from '../../lib/fuzzy'\n\nexport interface ChatToolCatalogArgument {\n  name: string\n  type?: string\n  required?: boolean\n  description?: string | null\n}\n\nexport interface ChatToolCatalogEntry {\n  /** Stable tool identifier (rendered mono). */\n  name: string\n  /** Human title; falls back to `name`. */\n  title?: string\n  description?: string\n  arguments?: ChatToolCatalogArgument[]\n  example?: string | null\n  response?: string | null\n  scope?: string | null\n}\n\nexport interface ChatToolsCatalogLabels {\n  /** Accessible name of the tool list. */\n  tools: string\n  search: string\n  searchPlaceholder: string\n  arguments: string\n  response: string\n  required: string\n  optional: string\n  empty: string\n  noResults: string\n}\n\nexport interface ChatToolsCatalogProps {\n  tools: ChatToolCatalogEntry[]\n  searchable?: boolean\n  /** Expand every entry's details initially (uncontrolled per entry after that). */\n  defaultOpen?: boolean\n  labels?: Partial<ChatToolsCatalogLabels>\n  icon?: LucideIcon\n  className?: string\n}\n\n/**\n * Catalog of the tools an assistant can use (study's `ToolsDialog` body,\n * generalized): searchable disclosure cards with description, argument\n * list, example and response shape. Presentational only — fetching and\n * the surrounding modal/popover stay app-side.\n */\nexport const ChatToolsCatalog = React.forwardRef<HTMLDivElement, ChatToolsCatalogProps>(\n  function ChatToolsCatalog(\n    {\n      tools,\n      searchable = true,\n      defaultOpen = false,\n      labels,\n      icon: Icon = Wrench,\n      className,\n    },\n    ref,\n  ) {\n    const uid = React.useId()\n    const [query, setQuery] = React.useState('')\n    const [openOverrides, setOpenOverrides] = React.useState<Record<string, boolean>>({})\n\n    const filtered = React.useMemo(() => {\n      const trimmed = query.trim()\n      if (trimmed === '') {\n        return tools\n      }\n      return tools\n        .map((tool) => ({\n          tool,\n          score: Math.max(\n            searchScore(trimmed, tool.title ?? tool.name) ?? -1,\n            searchScore(trimmed, tool.name) ?? -1,\n            searchScore(trimmed, tool.description ?? '') ?? -1,\n          ),\n        }))\n        .filter((entry) => entry.score >= 0)\n        .sort((a, b) => b.score - a.score)\n        .map((entry) => entry.tool)\n    }, [tools, query])\n\n    return (\n      <div\n        ref={ref}\n        data-as=\"chat-tools-catalog\"\n        className={cn('flex min-h-0 w-full flex-col gap-2', className)}\n      >\n        {searchable ? (\n          <div className=\"relative shrink-0\">\n            <Search\n              className=\"pointer-events-none absolute start-2 top-1/2 size-3.5 -translate-y-1/2 text-[var(--as-muted-fg)]\"\n              aria-hidden\n            />\n            <input\n              type=\"search\"\n              role=\"searchbox\"\n              value={query}\n              aria-label={labels?.search ?? 'Search tools'}\n              placeholder={labels?.searchPlaceholder ?? 'Search…'}\n              onChange={(event) => setQuery(event.target.value)}\n              className=\"w-full rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] py-1.5 pe-2 ps-8 text-xs text-[var(--as-fg)] placeholder:text-[var(--as-muted-fg)] focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]\"\n            />\n          </div>\n        ) : null}\n        <div role=\"list\" aria-label={labels?.tools ?? 'Tools'} className=\"flex flex-col gap-2\">\n          {tools.length === 0 ? (\n            <p className=\"px-1 py-3 text-xs text-[var(--as-muted-fg)]\">\n              {labels?.empty ?? 'No tools available'}\n            </p>\n          ) : filtered.length === 0 ? (\n            <p className=\"px-1 py-3 text-xs text-[var(--as-muted-fg)]\">\n              {labels?.noResults ?? 'No matching tools'}\n            </p>\n          ) : (\n            filtered.map((tool) => {\n              const open = openOverrides[tool.name] ?? defaultOpen\n              const regionId = `${uid}-${tool.name}`\n              const toggle = () =>\n                setOpenOverrides((current) => ({ ...current, [tool.name]: !open }))\n              return (\n                <div\n                  key={tool.name}\n                  role=\"listitem\"\n                  data-as=\"chat-tools-catalog-entry\"\n                  data-open={open || undefined}\n                  className=\"rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] text-xs\"\n                >\n                  <button\n                    type=\"button\"\n                    aria-expanded={open}\n                    aria-controls={regionId}\n                    onClick={toggle}\n                    className=\"flex w-full items-center gap-2 px-2.5 py-1.5 text-left focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]\"\n                  >\n                    <Icon className=\"size-3.5 shrink-0 text-[var(--as-muted-fg)]\" aria-hidden />\n                    <span className=\"min-w-0 flex-1 break-words\">\n                      <span className=\"font-mono font-medium text-[var(--as-fg)]\">{tool.name}</span>\n                      {tool.title ? (\n                        <span className=\"ml-1.5 text-[var(--as-muted-fg)]\">{tool.title}</span>\n                      ) : null}\n                    </span>\n                    {tool.scope ? (\n                      <span\n                        title={tool.scope}\n                        className=\"max-w-[40%] shrink-0 truncate rounded-full bg-[var(--as-surface-raised)] px-1.5 py-0.5 text-[10px] uppercase tracking-wide text-[var(--as-muted-fg)]\"\n                      >\n                        {tool.scope}\n                      </span>\n                    ) : null}\n                    <ChevronDown\n                      className={cn(\n                        'size-3.5 shrink-0 text-[var(--as-muted-fg)] transition-transform',\n                        open && 'rotate-180',\n                      )}\n                      aria-hidden\n                    />\n                  </button>\n                  {open ? (\n                    <div id={regionId} className=\"flex flex-col gap-2 border-t border-[var(--as-border)] px-2.5 py-2\">\n                      {tool.description ? (\n                        <p className=\"text-[var(--as-fg)]\">{tool.description}</p>\n                      ) : null}\n                      {tool.arguments && tool.arguments.length > 0 ? (\n                        <div>\n                          <p className=\"mb-1 font-medium uppercase tracking-wide text-[var(--as-muted-fg)]\">\n                            {labels?.arguments ?? 'Arguments'}\n                          </p>\n                          <ul className=\"flex flex-col gap-1.5\">\n                            {tool.arguments.map((argument) => (\n                              <li\n                                key={argument.name}\n                                className=\"rounded-[var(--as-radius-sm)] border border-[var(--as-border)] bg-[var(--as-surface-raised)] px-2 py-1.5\"\n                              >\n                                <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n                                  <span className=\"font-mono font-medium text-[var(--as-fg)]\">\n                                    {argument.name}\n                                  </span>\n                                  {argument.type ? (\n                                    <span className=\"rounded-full border border-[var(--as-border)] bg-[var(--as-surface)] px-1.5 py-px font-mono text-[10px] leading-4 text-[var(--as-muted-fg)]\">\n                                      {argument.type}\n                                    </span>\n                                  ) : null}\n                                  <span\n                                    className={cn(\n                                      'text-[10px] font-medium uppercase tracking-wide',\n                                      argument.required\n                                        ? 'text-[var(--as-warning)]'\n                                        : 'text-[var(--as-muted-fg)]',\n                                    )}\n                                  >\n                                    {argument.required\n                                      ? (labels?.required ?? 'required')\n                                      : (labels?.optional ?? 'optional')}\n                                  </span>\n                                </div>\n                                {argument.description ? (\n                                  <p className=\"mt-0.5 leading-snug text-[var(--as-muted-fg)]\">\n                                    {argument.description}\n                                  </p>\n                                ) : null}\n                              </li>\n                            ))}\n                          </ul>\n                        </div>\n                      ) : null}\n                      {tool.example ? (\n                        <pre className=\"max-h-40 overflow-auto whitespace-pre-wrap break-words rounded-[var(--as-radius-sm)] bg-[var(--as-surface-raised)] p-2 font-mono text-[11px] leading-relaxed\">\n                          {tool.example}\n                        </pre>\n                      ) : null}\n                      {tool.response ? (\n                        <div>\n                          <p className=\"mb-1 font-medium uppercase tracking-wide text-[var(--as-muted-fg)]\">\n                            {labels?.response ?? 'Response'}\n                          </p>\n                          <p className=\"text-[var(--as-fg)]\">{tool.response}</p>\n                        </div>\n                      ) : null}\n                    </div>\n                  ) : null}\n                </div>\n              )\n            })\n          )}\n        </div>\n      </div>\n    )\n  },\n)\n"]}
+{"version":3,"sources":["../src/components/chat-tools-catalog/ChatToolsCatalog.tsx"],"names":["ChatToolsCatalog"],"mappings":"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","file":"chunk-TC4NQL3H.js","sourcesContent":["import * as React from 'react'\nimport { ChevronDown, Search, Wrench } from 'lucide-react'\nimport type { LucideIcon } from 'lucide-react'\n\nimport { cn } from '../../lib/utils'\nimport { searchScore } from '../../lib/fuzzy'\n\nexport interface ChatToolCatalogArgument {\n  name: string\n  type?: string\n  required?: boolean\n  description?: string | null\n}\n\nexport interface ChatToolCatalogEntry {\n  /** Stable tool identifier (rendered mono). */\n  name: string\n  /** Human title; falls back to `name`. */\n  title?: string\n  description?: string\n  arguments?: ChatToolCatalogArgument[]\n  example?: string | null\n  response?: string | null\n  scope?: string | null\n}\n\nexport interface ChatToolsCatalogLabels {\n  /** Accessible name of the tool list. */\n  tools: string\n  search: string\n  searchPlaceholder: string\n  arguments: string\n  response: string\n  required: string\n  optional: string\n  empty: string\n  noResults: string\n}\n\nexport interface ChatToolsCatalogProps {\n  tools: ChatToolCatalogEntry[]\n  searchable?: boolean\n  /** Expand every entry's details initially (uncontrolled per entry after that). */\n  defaultOpen?: boolean\n  labels?: Partial<ChatToolsCatalogLabels>\n  icon?: LucideIcon\n  className?: string\n}\n\n/**\n * Catalog of the tools an assistant can use (study's `ToolsDialog` body,\n * generalized): searchable disclosure cards with description, argument\n * list, example and response shape. Presentational only — fetching and\n * the surrounding modal/popover stay app-side.\n */\nexport const ChatToolsCatalog = React.forwardRef<HTMLDivElement, ChatToolsCatalogProps>(\n  function ChatToolsCatalog(\n    {\n      tools,\n      searchable = true,\n      defaultOpen = false,\n      labels,\n      icon: Icon = Wrench,\n      className,\n    },\n    ref,\n  ) {\n    const uid = React.useId()\n    const [query, setQuery] = React.useState('')\n    const [openOverrides, setOpenOverrides] = React.useState<Record<string, boolean>>({})\n\n    const filtered = React.useMemo(() => {\n      const trimmed = query.trim()\n      if (trimmed === '') {\n        return tools\n      }\n      return tools\n        .map((tool) => ({\n          tool,\n          score: Math.max(\n            searchScore(trimmed, tool.title ?? tool.name) ?? -1,\n            searchScore(trimmed, tool.name) ?? -1,\n            searchScore(trimmed, tool.description ?? '') ?? -1,\n          ),\n        }))\n        .filter((entry) => entry.score >= 0)\n        .sort((a, b) => b.score - a.score)\n        .map((entry) => entry.tool)\n    }, [tools, query])\n\n    return (\n      <div\n        ref={ref}\n        data-as=\"chat-tools-catalog\"\n        className={cn('flex min-h-0 w-full flex-col gap-2', className)}\n      >\n        {searchable ? (\n          <div className=\"relative shrink-0\">\n            <Search\n              className=\"pointer-events-none absolute start-2 top-1/2 size-3.5 -translate-y-1/2 text-[var(--as-muted-fg)]\"\n              aria-hidden\n            />\n            <input\n              type=\"search\"\n              role=\"searchbox\"\n              value={query}\n              aria-label={labels?.search ?? 'Search tools'}\n              placeholder={labels?.searchPlaceholder ?? 'Search…'}\n              onChange={(event) => setQuery(event.target.value)}\n              className=\"w-full rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] py-1.5 pe-2 ps-8 text-xs text-[var(--as-fg)] placeholder:text-[var(--as-muted-fg)] focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]\"\n            />\n          </div>\n        ) : null}\n        {tools.length === 0 ? (\n          <p className=\"px-1 py-3 text-xs text-[var(--as-muted-fg)]\">\n            {labels?.empty ?? 'No tools available'}\n          </p>\n        ) : filtered.length === 0 ? (\n          <p className=\"px-1 py-3 text-xs text-[var(--as-muted-fg)]\">\n            {labels?.noResults ?? 'No matching tools'}\n          </p>\n        ) : (\n          <div role=\"list\" aria-label={labels?.tools ?? 'Tools'} className=\"flex flex-col gap-2\">\n            {filtered.map((tool) => {\n              const open = openOverrides[tool.name] ?? defaultOpen\n              const regionId = `${uid}-${tool.name}`\n              const toggle = () =>\n                setOpenOverrides((current) => ({ ...current, [tool.name]: !open }))\n              return (\n                <div\n                  key={tool.name}\n                  role=\"listitem\"\n                  data-as=\"chat-tools-catalog-entry\"\n                  data-open={open || undefined}\n                  className=\"rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] text-xs\"\n                >\n                  <button\n                    type=\"button\"\n                    aria-expanded={open}\n                    aria-controls={regionId}\n                    onClick={toggle}\n                    className=\"flex w-full items-center gap-2 px-2.5 py-1.5 text-left focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]\"\n                  >\n                    <Icon className=\"size-3.5 shrink-0 text-[var(--as-muted-fg)]\" aria-hidden />\n                    <span className=\"min-w-0 flex-1 break-words\">\n                      <span className=\"font-mono font-medium text-[var(--as-fg)]\">{tool.name}</span>\n                      {tool.title ? (\n                        <span className=\"ml-1.5 text-[var(--as-muted-fg)]\">{tool.title}</span>\n                      ) : null}\n                    </span>\n                    {tool.scope ? (\n                      <span\n                        title={tool.scope}\n                        className=\"max-w-[40%] shrink-0 truncate rounded-full bg-[var(--as-surface-raised)] px-1.5 py-0.5 text-[10px] uppercase tracking-wide text-[var(--as-muted-fg)]\"\n                      >\n                        {tool.scope}\n                      </span>\n                    ) : null}\n                    <ChevronDown\n                      className={cn(\n                        'size-3.5 shrink-0 text-[var(--as-muted-fg)] transition-transform',\n                        open && 'rotate-180',\n                      )}\n                      aria-hidden\n                    />\n                  </button>\n                  {open ? (\n                    <div id={regionId} className=\"flex flex-col gap-2 border-t border-[var(--as-border)] px-2.5 py-2\">\n                      {tool.description ? (\n                        <p className=\"text-[var(--as-fg)]\">{tool.description}</p>\n                      ) : null}\n                      {tool.arguments && tool.arguments.length > 0 ? (\n                        <div>\n                          <p className=\"mb-1 font-medium uppercase tracking-wide text-[var(--as-muted-fg)]\">\n                            {labels?.arguments ?? 'Arguments'}\n                          </p>\n                          <ul className=\"flex flex-col gap-1.5\">\n                            {tool.arguments.map((argument) => (\n                              <li\n                                key={argument.name}\n                                className=\"rounded-[var(--as-radius-sm)] border border-[var(--as-border)] bg-[var(--as-surface-raised)] px-2 py-1.5\"\n                              >\n                                <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n                                  <span className=\"font-mono font-medium text-[var(--as-fg)]\">\n                                    {argument.name}\n                                  </span>\n                                  {argument.type ? (\n                                    <span className=\"rounded-full border border-[var(--as-border)] bg-[var(--as-surface)] px-1.5 py-px font-mono text-[10px] leading-4 text-[var(--as-muted-fg)]\">\n                                      {argument.type}\n                                    </span>\n                                  ) : null}\n                                  <span\n                                    className={cn(\n                                      'text-[10px] font-medium uppercase tracking-wide',\n                                      argument.required\n                                        ? 'text-[var(--as-warning)]'\n                                        : 'text-[var(--as-muted-fg)]',\n                                    )}\n                                  >\n                                    {argument.required\n                                      ? (labels?.required ?? 'required')\n                                      : (labels?.optional ?? 'optional')}\n                                  </span>\n                                </div>\n                                {argument.description ? (\n                                  <p className=\"mt-0.5 leading-snug text-[var(--as-muted-fg)]\">\n                                    {argument.description}\n                                  </p>\n                                ) : null}\n                              </li>\n                            ))}\n                          </ul>\n                        </div>\n                      ) : null}\n                      {tool.example ? (\n                        <pre className=\"max-h-40 overflow-auto whitespace-pre-wrap break-words rounded-[var(--as-radius-sm)] bg-[var(--as-surface-raised)] p-2 font-mono text-[11px] leading-relaxed\">\n                          {tool.example}\n                        </pre>\n                      ) : null}\n                      {tool.response ? (\n                        <div>\n                          <p className=\"mb-1 font-medium uppercase tracking-wide text-[var(--as-muted-fg)]\">\n                            {labels?.response ?? 'Response'}\n                          </p>\n                          <p className=\"text-[var(--as-fg)]\">{tool.response}</p>\n                        </div>\n                      ) : null}\n                    </div>\n                  ) : null}\n                </div>\n              )\n            })}\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n"]}

package/dist/index.js

@@ -43,14 +43,14 @@ export { ChatHistoryButton } from './chunk-YYPO24TA.js';
 export { PopoverButton } from './chunk-BE3XFZWU.js';
 export { ChatTraceMeta } from './chunk-QMQ73C23.js';
 export { ChatTraceTimeline } from './chunk-HC6DBXYJ.js';
-export { ChatToolsCatalog } from './chunk-N55WQMBA.js';
+export { ChatToolsCatalog } from './chunk-TC4NQL3H.js';
 export { ConnectionTestRow } from './chunk-OGQF4XJB.js';
 export { CheckIndicator } from './chunk-XE4TFW63.js';
 export { ChipInput } from './chunk-HIRR2F4R.js';
 export { ChatBranchTree } from './chunk-HQIYSW2D.js';
 export { ChatDrawer } from './chunk-WBSGFOSD.js';
 export { ChatReasoning } from './chunk-QVDCFZSE.js';
-export { ChatSessionList } from './chunk-NKYPNEOX.js';
+export { ChatSessionList } from './chunk-66K355IZ.js';
 export { ChatToolCard } from './chunk-NBT7NLNU.js';
 export { ChatTurnStatus } from './chunk-P75QKU5J.js';
 export { buildChatMarkdown, chatExportFileName, downloadChatMarkdown } from './chunk-DRJGZ5TB.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neuronection/assistant-ui",
-  "version": "0.29.0",
+  "version": "0.29.1",
   "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",

package/dist/chunk-NKYPNEOX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat-session-list/ChatSessionList.tsx"],"names":["ChatSessionList"],"mappings":"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","file":"chunk-NKYPNEOX.js","sourcesContent":["import * as React from 'react'\nimport { Download, MessageSquarePlus, Pencil, Search, Trash2 } from 'lucide-react'\nimport type { LucideIcon } from 'lucide-react'\nimport { formatDistanceToNow, isToday, isYesterday, parseISO } from 'date-fns'\n\nimport { cn } from '../../lib/utils'\nimport { searchScore } from '../../lib/fuzzy'\n\nexport interface ChatSessionView {\n  id: string\n  title: string\n  updatedAt?: string | number | Date\n  meta?: Record<string, unknown>\n}\n\nexport interface ChatSessionListLabels {\n  search: string\n  searchPlaceholder: string\n  newChat: string\n  rename: string\n  delete: string\n  export: string\n  today: string\n  yesterday: string\n  earlier: string\n  empty: string\n  noResults: string\n}\n\nexport interface ChatSessionListIcons {\n  newChat: LucideIcon\n  rename: LucideIcon\n  delete: LucideIcon\n  export: LucideIcon\n}\n\nexport interface ChatSessionListProps {\n  sessions: ChatSessionView[]\n  activeId?: string | null\n  onSelect: (id: string) => void\n  onNew?: () => void\n  onRename?: (id: string) => void\n  onDelete?: (id: string) => void\n  onExport?: (id: string) => void\n  searchable?: boolean\n  groupByDate?: boolean\n  labels?: Partial<ChatSessionListLabels>\n  icons?: Partial<ChatSessionListIcons>\n  className?: string\n}\n\nfunction toDate(value: string | number | Date | undefined): Date | undefined {\n  if (value === undefined) {\n    return undefined\n  }\n  if (value instanceof Date) {\n    return value\n  }\n  if (typeof value === 'number') {\n    return new Date(value)\n  }\n  return parseISO(value)\n}\n\nfunction bucketOf(date: Date | undefined): 'today' | 'yesterday' | 'earlier' | 'none' {\n  if (date === undefined) {\n    return 'none'\n  }\n  if (isToday(date)) {\n    return 'today'\n  }\n  if (isYesterday(date)) {\n    return 'yesterday'\n  }\n  return 'earlier'\n}\n\n/**\n * The session list beside a full-page chat (study's `ChatSessionList` +\n * health's history overlay, generalized): fuzzy search, date grouping,\n * active marking, per-session actions (rename/delete/export) via the\n * menu when handlers are provided. All actions stay app-side.\n */\nexport const ChatSessionList = React.forwardRef<HTMLDivElement, ChatSessionListProps>(\n  function ChatSessionList(\n    {\n      sessions,\n      activeId,\n      onSelect,\n      onNew,\n      onRename,\n      onDelete,\n      onExport,\n      searchable = true,\n      groupByDate = true,\n      labels,\n      icons,\n      className,\n    },\n    ref,\n  ) {\n    const [query, setQuery] = React.useState('')\n    const NewIcon = icons?.newChat ?? MessageSquarePlus\n    const RenameIcon = icons?.rename ?? Pencil\n    const DeleteIcon = icons?.delete ?? Trash2\n    const ExportIcon = icons?.export ?? Download\n\n    const filtered = React.useMemo(() => {\n      const trimmed = query.trim()\n      if (trimmed === '') {\n        return sessions\n      }\n      return sessions\n        .map((session) => ({\n          session,\n          score: searchScore(trimmed, session.title),\n        }))\n        .filter((entry) => entry.score !== null)\n        .sort((a, b) => (b.score ?? 0) - (a.score ?? 0))\n        .map((entry) => entry.session)\n    }, [sessions, query])\n\n    const groups = React.useMemo(() => {\n      if (!groupByDate) {\n        return [{ key: 'all', label: null as string | null, sessions: filtered }]\n      }\n      const ordered = [...filtered].sort((a, b) => {\n        const dateA = toDate(a.updatedAt)?.getTime() ?? 0\n        const dateB = toDate(b.updatedAt)?.getTime() ?? 0\n        return dateB - dateA\n      })\n      const byBucket = new Map<string, ChatSessionView[]>()\n      for (const session of ordered) {\n        const bucket = bucketOf(toDate(session.updatedAt))\n        const list = byBucket.get(bucket) ?? []\n        list.push(session)\n        byBucket.set(bucket, list)\n      }\n      const order = ['today', 'yesterday', 'earlier', 'none']\n      return order\n        .filter((bucket) => byBucket.has(bucket))\n        .map((bucket) => ({\n          key: bucket,\n          label:\n            bucket === 'today'\n              ? (labels?.today ?? 'Today')\n              : bucket === 'yesterday'\n                ? (labels?.yesterday ?? 'Yesterday')\n                : bucket === 'earlier'\n                  ? (labels?.earlier ?? 'Earlier')\n                  : null,\n          sessions: byBucket.get(bucket) ?? [],\n        }))\n    }, [filtered, groupByDate, labels])\n\n    return (\n      <div ref={ref} data-as=\"chat-session-list\" className={cn('flex h-full min-h-0 w-full flex-col gap-2', className)}>\n        <div className=\"flex items-center gap-2\">\n          {searchable ? (\n            <div className=\"relative min-w-0 flex-1\">\n              <Search className=\"pointer-events-none absolute start-2 top-1/2 size-3.5 -translate-y-1/2 text-[var(--as-muted-fg)]\" aria-hidden />\n              <input\n                type=\"search\"\n                role=\"searchbox\"\n                value={query}\n                aria-label={labels?.search ?? 'Search conversations'}\n                placeholder={labels?.searchPlaceholder ?? 'Search…'}\n                onChange={(event) => setQuery(event.target.value)}\n                className=\"w-full rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] py-1.5 pe-2 ps-8 text-xs text-[var(--as-fg)] placeholder:text-[var(--as-muted-fg)] focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]\"\n              />\n            </div>\n          ) : null}\n          {onNew ? (\n            <button\n              type=\"button\"\n              onClick={onNew}\n              aria-label={labels?.newChat ?? 'New conversation'}\n              title={labels?.newChat ?? 'New conversation'}\n              className=\"flex size-7 shrink-0 items-center justify-center rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] text-[var(--as-fg)] transition-colors hover:bg-[var(--as-secondary)] focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]\"\n            >\n              <NewIcon className=\"size-4\" aria-hidden />\n            </button>\n          ) : null}\n        </div>\n        <div role=\"list\" aria-label={labels?.search ?? 'Conversations'} className=\"min-h-0 flex-1 overflow-y-auto\">\n          {sessions.length === 0 ? (\n            <p className=\"px-2 py-3 text-xs text-[var(--as-muted-fg)]\">{labels?.empty ?? 'No conversations yet'}</p>\n          ) : filtered.length === 0 ? (\n            <p className=\"px-2 py-3 text-xs text-[var(--as-muted-fg)]\">{labels?.noResults ?? 'No matches'}</p>\n          ) : (\n            groups.map((group) => (\n              <div key={group.key} className=\"mb-2\">\n                {group.label ? (\n                  <p className=\"px-2 pb-1 pt-2 text-[10px] font-semibold uppercase tracking-wide text-[var(--as-muted-fg)]\">\n                    {group.label}\n                  </p>\n                ) : null}\n                {group.sessions.map((session) => {\n                  const isActive = session.id === activeId\n                  const date = toDate(session.updatedAt)\n                  const actions =\n                    onRename || onDelete || onExport\n                      ? [\n                          onRename\n                            ? {\n                                key: 'rename',\n                                label: labels?.rename ?? 'Rename',\n                                icon: <RenameIcon className=\"size-3.5\" aria-hidden />,\n                                onSelect: () => onRename(session.id),\n                              }\n                            : null,\n                          onExport\n                            ? {\n                                key: 'export',\n                                label: labels?.export ?? 'Export',\n                                icon: <ExportIcon className=\"size-3.5\" aria-hidden />,\n                                onSelect: () => onExport(session.id),\n                              }\n                            : null,\n                          onDelete\n                            ? {\n                                key: 'delete',\n                                label: labels?.delete ?? 'Delete',\n                                icon: <DeleteIcon className=\"size-3.5\" aria-hidden />,\n                                onSelect: () => onDelete(session.id),\n                                danger: true,\n                              }\n                            : null,\n                        ].filter((item): item is NonNullable<typeof item> => item !== null)\n                      : []\n                  return (\n                    <div\n                      key={session.id}\n                      role=\"listitem\"\n                      aria-current={isActive ? 'true' : undefined}\n                      data-active={isActive || undefined}\n                      className={cn(\n                        'group/session flex cursor-pointer items-center gap-2 rounded-[var(--as-radius)] px-2 py-1.5 text-xs transition-colors hover:bg-[var(--as-surface-raised)]',\n                        isActive && 'bg-[var(--as-surface-raised)] font-medium text-[var(--as-fg)]',\n                      )}\n                      onClick={() => onSelect(session.id)}\n                      onKeyDown={(event) => {\n                        if (event.key === 'Enter' || event.key === ' ') {\n                          event.preventDefault()\n                          onSelect(session.id)\n                        }\n                      }}\n                      tabIndex={0}\n                    >\n                      <span className=\"min-w-0 flex-1 truncate text-[var(--as-fg)]\">{session.title}</span>\n                      {date ? (\n                        <span className=\"shrink-0 text-[10px] text-[var(--as-muted-fg)]\">\n                          {formatDistanceToNow(date, { addSuffix: true })}\n                        </span>\n                      ) : null}\n                      {actions.length > 0 ? (\n                        <span\n                          role=\"group\"\n                          aria-label={labels?.rename ?? 'Conversation actions'}\n                          className=\"flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity focus-within:opacity-100 group-hover/session:opacity-100\"\n                          onClick={(event) => event.stopPropagation()}\n                          onKeyDown={(event) => event.stopPropagation()}\n                        >\n                          {actions.map((action) => (\n                            <button\n                              key={action.key}\n                              type=\"button\"\n                              aria-label={action.label}\n                              title={action.label}\n                              onClick={action.onSelect}\n                              className={cn(\n                                'rounded-[var(--as-radius-sm)] p-1 text-[var(--as-muted-fg)] transition-colors hover:bg-[var(--as-surface)] hover:text-[var(--as-fg)] focus-visible:opacity-100 focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]',\n                                action.danger && 'hover:text-[var(--as-danger)]',\n                              )}\n                            >\n                              {action.icon}\n                            </button>\n                          ))}\n                        </span>\n                      ) : null}\n                    </div>\n                  )\n                })}\n              </div>\n            ))\n          )}\n        </div>\n      </div>\n    )\n  },\n)\n"]}