@flanksource/clicky-ui 0.3.17 → 0.3.18

package/dist/data/ai/ThreadPicker.js

@@ -5,19 +5,23 @@ import { DropdownMenu } from "../../overlay/DropdownMenu.js";
 import { Icon } from "../Icon.js";
 import { UiAdd } from "../../icons/components/UiAdd.js";
 import { UiComment } from "../../icons/components/UiComment.js";
+import { UiPencilSimpleLine } from "../../icons/components/UiPencilSimpleLine.js";
 import { UiTrash } from "../../icons/components/UiTrash.js";
 import { UiChevronDown } from "../../icons/components/UiChevronDown.js";
 function ThreadPicker({
   threadId,
   onSelect,
   onNew,
-  api = "/api/chat/threads",
+  api = "/api/chat/sessions",
   source,
   query,
+  refreshToken,
   className = ""
 }) {
   const [threads, setThreads] = useState([]);
   const [loading, setLoading] = useState(false);
+  const [renaming, setRenaming] = useState();
+  const canRename = source ? Boolean(source.rename) : Boolean(api);
   const listUrl = query ? `${api}?${query}` : api;
   const fetchThreads = useCallback(async () => {
     setLoading(true);
@@ -36,7 +40,36 @@ function ThreadPicker({
   }, [source, listUrl]);
   useEffect(() => {
     void fetchThreads();
-  }, [fetchThreads]);
+  }, [fetchThreads, refreshToken]);
+  const commitRename = useCallback(async () => {
+    var _a, _b;
+    if (!renaming) return;
+    const { id, title } = renaming;
+    setRenaming(void 0);
+    const trimmed = title.trim();
+    const previous = ((_a = threads.find((t) => t.id === id)) == null ? void 0 : _a.title) ?? null;
+    if (!trimmed || trimmed === previous) return;
+    setThreads(
+      (prev) => prev.map((t) => t.id === id ? { ...t, title: trimmed } : t)
+    );
+    try {
+      if (source) {
+        await ((_b = source.rename) == null ? void 0 : _b.call(source, id, trimmed));
+      } else {
+        const res = await fetch(`${api}/${id}`, {
+          method: "PATCH",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ title: trimmed })
+        });
+        if (!res.ok) throw new Error(`rename failed with status ${res.status}`);
+      }
+    } catch (err) {
+      console.warn("clicky-ui: failed to rename thread", err);
+      setThreads(
+        (prev) => prev.map((t) => t.id === id ? { ...t, title: previous } : t)
+      );
+    }
+  }, [api, renaming, source, threads]);
   const handleDelete = useCallback(
     async (id, e) => {
       var _a;
@@ -119,11 +152,40 @@ function ThreadPicker({
             },
             children: [
               /* @__PURE__ */ jsx(Icon, { icon: UiComment, className: "size-3 shrink-0" }),
-              /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: t.title || "Untitled" }),
+              (renaming == null ? void 0 : renaming.id) === t.id ? /* @__PURE__ */ jsx(
+                "input",
+                {
+                  autoFocus: true,
+                  "aria-label": "Conversation title",
+                  className: "flex-1 rounded border border-border bg-background px-1 py-0.5 text-xs",
+                  value: renaming.title,
+                  onClick: (e) => e.stopPropagation(),
+                  onChange: (e) => setRenaming({ id: t.id, title: e.target.value }),
+                  onBlur: () => setRenaming(void 0),
+                  onKeyDown: (e) => {
+                    e.stopPropagation();
+                    if (e.key === "Enter") void commitRename();
+                    if (e.key === "Escape") setRenaming(void 0);
+                  }
+                }
+              ) : /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: t.title || "Untitled" }),
               t.totalCostUsd != null && t.totalCostUsd > 0 && /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: [
                 "$",
                 t.totalCostUsd.toFixed(2)
               ] }),
+              canRename && (renaming == null ? void 0 : renaming.id) !== t.id && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Rename conversation",
+                  className: "shrink-0 rounded p-0.5 text-muted-foreground opacity-0 hover:text-foreground group-hover/thread:opacity-100",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    setRenaming({ id: t.id, title: t.title ?? "" });
+                  },
+                  children: /* @__PURE__ */ jsx(Icon, { icon: UiPencilSimpleLine, className: "size-3" })
+                }
+              ),
               /* @__PURE__ */ jsx(
                 "button",
                 {

package/dist/data/ai/ThreadPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadPicker.js","sources":["../../../src/data/ai/ThreadPicker.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon } from \"../Icon\";\nimport { UiComment, UiAdd, UiTrash, UiChevronDown } from \"../../icons\";\n\n/** One conversation as returned by the threads endpoint. Only `id` is required;\n *  `title`/cost are rendered when present so the picker works against minimal\n *  backends (e.g. clicky's in-memory ThreadStore, which has no cost). */\nexport interface ThreadSummary {\n  id: string;\n  title?: string | null;\n  totalCostUsd?: number | null;\n  updatedAt?: string;\n}\n\n/** An injectable thread data source, for apps that load conversations through\n *  their own client (e.g. react-query) rather than a plain `${api}` fetch — and\n *  for backend-free stories/demos. When supplied it replaces the `api` calls. */\nexport interface ThreadSource {\n  /** Returns the conversation list (re-invoked whenever the menu opens). */\n  load: () => Promise<ThreadSummary[]>;\n  /** Creates a durable conversation before its first message is sent. */\n  create?: () => Promise<ThreadSummary>;\n  /** Deletes a conversation. Omit to hide the delete affordance's effect. */\n  remove?: (id: string) => Promise<void>;\n}\n\nexport type ThreadPickerProps = {\n  /** Currently selected thread, or null for an unsaved/new conversation. */\n  threadId: string | null;\n  onSelect: (threadId: string) => void;\n  onNew: () => void;\n  /** Base endpoint for thread CRUD. GET lists, `${api}/${id}` DELETE removes.\n   *  Defaults to clicky's \"/api/chat/threads\". Ignored when `source` is set. */\n  api?: string;\n  /** Inject the thread list/delete directly instead of fetching `api`. */\n  source?: ThreadSource;\n  /** Optional query string appended to the list request (e.g. a scope id). */\n  query?: string;\n  className?: string;\n};\n\n/** A dropdown to switch between, create, and delete conversation threads. The\n *  list is (re)fetched whenever the menu opens, so newly-persisted threads\n *  appear without a manual refresh. */\nexport function ThreadPicker({\n  threadId,\n  onSelect,\n  onNew,\n  api = \"/api/chat/threads\",\n  source,\n  query,\n  className = \"\",\n}: ThreadPickerProps) {\n  const [threads, setThreads] = useState<ThreadSummary[]>([]);\n  const [loading, setLoading] = useState(false);\n\n  const listUrl = query ? `${api}?${query}` : api;\n\n  const fetchThreads = useCallback(async () => {\n    setLoading(true);\n    try {\n      if (source) {\n        setThreads(await source.load());\n      } else {\n        const res = await fetch(listUrl);\n        if (res.ok) setThreads(await res.json());\n      }\n    } catch (err) {\n      console.warn(\"clicky-ui: failed to load threads\", err);\n    } finally {\n      setLoading(false);\n    }\n  }, [source, listUrl]);\n\n  useEffect(() => {\n    void fetchThreads();\n  }, [fetchThreads]);\n\n  const handleDelete = useCallback(\n    async (id: string, e: React.MouseEvent) => {\n      e.stopPropagation();\n      try {\n        if (source) {\n          await source.remove?.(id);\n        } else {\n          await fetch(`${api}/${id}`, { method: \"DELETE\" });\n        }\n        setThreads((prev) => prev.filter((t) => t.id !== id));\n        if (id === threadId) onNew();\n      } catch (err) {\n        console.warn(\"clicky-ui: failed to delete thread\", err);\n      }\n    },\n    [source, api, threadId, onNew],\n  );\n\n  const current = threads.find((t) => t.id === threadId);\n  const label = current?.title || \"New Chat\";\n\n  return (\n    <DropdownMenu\n      align=\"left\"\n      className={className}\n      onOpenChange={(open) => {\n        if (open) void fetchThreads();\n      }}\n      menuClassName=\"min-w-[220px] max-w-[320px] max-h-72 overflow-y-auto\"\n      trigger={\n        <button\n          type=\"button\"\n          className=\"flex max-w-[200px] items-center gap-1 truncate rounded px-2 py-1 text-sm font-medium hover:bg-muted\"\n        >\n          <Icon icon={UiComment} className=\"size-3.5 shrink-0\" />\n          <span className=\"truncate\">{label}</span>\n          <Icon icon={UiChevronDown} className=\"size-3 shrink-0 opacity-50\" />\n        </button>\n      }\n    >\n      {(closeMenu) => (\n        <div className=\"py-1\">\n          <button\n            type=\"button\"\n            className=\"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground hover:bg-accent\"\n            onClick={() => {\n              onNew();\n              closeMenu();\n            }}\n          >\n            <Icon icon={UiAdd} className=\"size-3\" /> New Chat\n          </button>\n          <div className=\"my-1 border-t border-border\" />\n          {loading && threads.length === 0 && (\n            <div className=\"px-3 py-1.5 text-xs text-muted-foreground\">\n              Loading…\n            </div>\n          )}\n          {threads.length === 0 && !loading && (\n            <div className=\"px-3 py-1.5 text-xs text-muted-foreground\">\n              No previous conversations\n            </div>\n          )}\n          {threads.map((t) => (\n            <div\n              key={t.id}\n              role=\"button\"\n              tabIndex={0}\n              className={cn(\n                \"group/thread flex w-full cursor-pointer items-center gap-2 px-3 py-1.5 text-left text-xs hover:bg-accent\",\n                t.id === threadId && \"font-semibold\",\n              )}\n              onClick={() => {\n                onSelect(t.id);\n                closeMenu();\n              }}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\" || e.key === \" \") {\n                  e.preventDefault();\n                  onSelect(t.id);\n                  closeMenu();\n                }\n              }}\n            >\n              <Icon icon={UiComment} className=\"size-3 shrink-0\" />\n              <span className=\"flex-1 truncate\">{t.title || \"Untitled\"}</span>\n              {t.totalCostUsd != null && t.totalCostUsd > 0 && (\n                <span className=\"shrink-0 text-[10px] text-muted-foreground\">\n                  ${t.totalCostUsd.toFixed(2)}\n                </span>\n              )}\n              <button\n                type=\"button\"\n                aria-label=\"Delete conversation\"\n                className=\"shrink-0 rounded p-0.5 text-muted-foreground opacity-0 hover:text-destructive group-hover/thread:opacity-100\"\n                onClick={(e) => void handleDelete(t.id, e)}\n              >\n                <Icon icon={UiTrash} className=\"size-3\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ThreadPicker.js","sources":["../../../src/data/ai/ThreadPicker.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu } from \"../../overlay/DropdownMenu\";\nimport { Icon } from \"../Icon\";\nimport {\n  UiComment,\n  UiAdd,\n  UiTrash,\n  UiChevronDown,\n  UiPencilSimpleLine,\n} from \"../../icons\";\n\n/** One conversation as returned by the sessions endpoint. Only `id` is required;\n *  `title`/cost are rendered when present so the picker works against minimal\n *  backends (e.g. clicky's in-memory ThreadStore, which has no cost). */\nexport interface ThreadSummary {\n  id: string;\n  title?: string | null;\n  totalCostUsd?: number | null;\n  updatedAt?: string;\n}\n\n/** An injectable thread data source, for apps that load conversations through\n *  their own client (e.g. react-query) rather than a plain `${api}` fetch — and\n *  for backend-free stories/demos. When supplied it replaces the `api` calls. */\nexport interface ThreadSource {\n  /** Returns the conversation list (re-invoked whenever the menu opens). */\n  load: () => Promise<ThreadSummary[]>;\n  /** Creates a durable conversation before its first message is sent. */\n  create?: () => Promise<ThreadSummary>;\n  /** Deletes a conversation. Omit to hide the delete affordance's effect. */\n  remove?: (id: string) => Promise<void>;\n  /** Renames a conversation. Omit to hide the rename affordance. */\n  rename?: (id: string, title: string) => Promise<void>;\n}\n\nexport type ThreadPickerProps = {\n  /** Currently selected thread, or null for an unsaved/new conversation. */\n  threadId: string | null;\n  onSelect: (threadId: string) => void;\n  onNew: () => void;\n  /** Base endpoint for session CRUD. GET lists, `${api}/${id}` DELETE removes\n   *  and PATCH renames. Defaults to Captain's \"/api/chat/sessions\". Ignored when\n   *  `source` is set. */\n  api?: string;\n  /** Inject the thread list/delete/rename directly instead of fetching `api`. */\n  source?: ThreadSource;\n  /** Optional query string appended to the list request (e.g. a scope id). */\n  query?: string;\n  /** Changing this refetches the list, so a title the backend derived during a\n   *  turn appears without reopening the menu. */\n  refreshToken?: number;\n  className?: string;\n};\n\n/** A dropdown to switch between, create, and delete conversation threads. The\n *  list is (re)fetched whenever the menu opens, so newly-persisted threads\n *  appear without a manual refresh. */\nexport function ThreadPicker({\n  threadId,\n  onSelect,\n  onNew,\n  api = \"/api/chat/sessions\",\n  source,\n  query,\n  refreshToken,\n  className = \"\",\n}: ThreadPickerProps) {\n  const [threads, setThreads] = useState<ThreadSummary[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [renaming, setRenaming] = useState<{ id: string; title: string }>();\n  const canRename = source ? Boolean(source.rename) : Boolean(api);\n\n  const listUrl = query ? `${api}?${query}` : api;\n\n  const fetchThreads = useCallback(async () => {\n    setLoading(true);\n    try {\n      if (source) {\n        setThreads(await source.load());\n      } else {\n        const res = await fetch(listUrl);\n        if (res.ok) setThreads(await res.json());\n      }\n    } catch (err) {\n      console.warn(\"clicky-ui: failed to load threads\", err);\n    } finally {\n      setLoading(false);\n    }\n  }, [source, listUrl]);\n\n  useEffect(() => {\n    void fetchThreads();\n  }, [fetchThreads, refreshToken]);\n\n  const commitRename = useCallback(async () => {\n    if (!renaming) return;\n    const { id, title } = renaming;\n    setRenaming(undefined);\n    const trimmed = title.trim();\n    const previous = threads.find((t) => t.id === id)?.title ?? null;\n    if (!trimmed || trimmed === previous) return;\n    setThreads((prev) =>\n      prev.map((t) => (t.id === id ? { ...t, title: trimmed } : t)),\n    );\n    try {\n      if (source) {\n        await source.rename?.(id, trimmed);\n      } else {\n        const res = await fetch(`${api}/${id}`, {\n          method: \"PATCH\",\n          headers: { \"Content-Type\": \"application/json\" },\n          body: JSON.stringify({ title: trimmed }),\n        });\n        if (!res.ok) throw new Error(`rename failed with status ${res.status}`);\n      }\n    } catch (err) {\n      console.warn(\"clicky-ui: failed to rename thread\", err);\n      setThreads((prev) =>\n        prev.map((t) => (t.id === id ? { ...t, title: previous } : t)),\n      );\n    }\n  }, [api, renaming, source, threads]);\n\n  const handleDelete = useCallback(\n    async (id: string, e: React.MouseEvent) => {\n      e.stopPropagation();\n      try {\n        if (source) {\n          await source.remove?.(id);\n        } else {\n          await fetch(`${api}/${id}`, { method: \"DELETE\" });\n        }\n        setThreads((prev) => prev.filter((t) => t.id !== id));\n        if (id === threadId) onNew();\n      } catch (err) {\n        console.warn(\"clicky-ui: failed to delete thread\", err);\n      }\n    },\n    [source, api, threadId, onNew],\n  );\n\n  const current = threads.find((t) => t.id === threadId);\n  const label = current?.title || \"New Chat\";\n\n  return (\n    <DropdownMenu\n      align=\"left\"\n      className={className}\n      onOpenChange={(open) => {\n        if (open) void fetchThreads();\n      }}\n      menuClassName=\"min-w-[220px] max-w-[320px] max-h-72 overflow-y-auto\"\n      trigger={\n        <button\n          type=\"button\"\n          className=\"flex max-w-[200px] items-center gap-1 truncate rounded px-2 py-1 text-sm font-medium hover:bg-muted\"\n        >\n          <Icon icon={UiComment} className=\"size-3.5 shrink-0\" />\n          <span className=\"truncate\">{label}</span>\n          <Icon icon={UiChevronDown} className=\"size-3 shrink-0 opacity-50\" />\n        </button>\n      }\n    >\n      {(closeMenu) => (\n        <div className=\"py-1\">\n          <button\n            type=\"button\"\n            className=\"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground hover:bg-accent\"\n            onClick={() => {\n              onNew();\n              closeMenu();\n            }}\n          >\n            <Icon icon={UiAdd} className=\"size-3\" /> New Chat\n          </button>\n          <div className=\"my-1 border-t border-border\" />\n          {loading && threads.length === 0 && (\n            <div className=\"px-3 py-1.5 text-xs text-muted-foreground\">\n              Loading…\n            </div>\n          )}\n          {threads.length === 0 && !loading && (\n            <div className=\"px-3 py-1.5 text-xs text-muted-foreground\">\n              No previous conversations\n            </div>\n          )}\n          {threads.map((t) => (\n            <div\n              key={t.id}\n              role=\"button\"\n              tabIndex={0}\n              className={cn(\n                \"group/thread flex w-full cursor-pointer items-center gap-2 px-3 py-1.5 text-left text-xs hover:bg-accent\",\n                t.id === threadId && \"font-semibold\",\n              )}\n              onClick={() => {\n                onSelect(t.id);\n                closeMenu();\n              }}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\" || e.key === \" \") {\n                  e.preventDefault();\n                  onSelect(t.id);\n                  closeMenu();\n                }\n              }}\n            >\n              <Icon icon={UiComment} className=\"size-3 shrink-0\" />\n              {renaming?.id === t.id ? (\n                <input\n                  autoFocus\n                  aria-label=\"Conversation title\"\n                  className=\"flex-1 rounded border border-border bg-background px-1 py-0.5 text-xs\"\n                  value={renaming.title}\n                  onClick={(e) => e.stopPropagation()}\n                  onChange={(e) =>\n                    setRenaming({ id: t.id, title: e.target.value })\n                  }\n                  onBlur={() => setRenaming(undefined)}\n                  onKeyDown={(e) => {\n                    e.stopPropagation();\n                    if (e.key === \"Enter\") void commitRename();\n                    if (e.key === \"Escape\") setRenaming(undefined);\n                  }}\n                />\n              ) : (\n                <span className=\"flex-1 truncate\">{t.title || \"Untitled\"}</span>\n              )}\n              {t.totalCostUsd != null && t.totalCostUsd > 0 && (\n                <span className=\"shrink-0 text-[10px] text-muted-foreground\">\n                  ${t.totalCostUsd.toFixed(2)}\n                </span>\n              )}\n              {canRename && renaming?.id !== t.id && (\n                <button\n                  type=\"button\"\n                  aria-label=\"Rename conversation\"\n                  className=\"shrink-0 rounded p-0.5 text-muted-foreground opacity-0 hover:text-foreground group-hover/thread:opacity-100\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    setRenaming({ id: t.id, title: t.title ?? \"\" });\n                  }}\n                >\n                  <Icon icon={UiPencilSimpleLine} className=\"size-3\" />\n                </button>\n              )}\n              <button\n                type=\"button\"\n                aria-label=\"Delete conversation\"\n                className=\"shrink-0 rounded p-0.5 text-muted-foreground opacity-0 hover:text-destructive group-hover/thread:opacity-100\"\n                onClick={(e) => void handleDelete(t.id, e)}\n              >\n                <Icon icon={UiTrash} className=\"size-3\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n"],"names":[],"mappings":"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"}