@flanksource/clicky-ui 0.3.59 → 0.3.60

package/dist/data/PromptIndicator.cjs

@@ -0,0 +1,82 @@
+const require_utils = require("../lib/utils.cjs");
+const require_UiQuestion = require("../icons/components/UiQuestion.cjs");
+const require_use_prompts = require("../hooks/use-prompts.cjs");
+const require_Icon = require("./Icon.cjs");
+const require_button = require("../components/button.cjs");
+const require_DropdownMenu = require("../overlay/DropdownMenu.cjs");
+const require_marks = require("./test-runner/marks.cjs");
+const require_PromptDialog = require("./PromptDialog.cjs");
+const require_PromptBanner_model = require("./PromptBanner.model.cjs");
+const require_PromptList = require("./PromptList.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/data/PromptIndicator.tsx
+function PromptIndicator({ basePath = "/api/todos", enabled, className, lookupFetcher, autoOpen = false, state: _ignoredState, ...filter }) {
+	const { prompts, pending } = require_use_prompts.usePrompts({
+		...filter,
+		basePath,
+		...enabled !== void 0 ? { enabled } : {}
+	});
+	const [active, setActive] = (0, react.useState)(null);
+	const [activeBase, setActiveBase] = (0, react.useState)(basePath);
+	if (activeBase !== basePath) {
+		setActiveBase(basePath);
+		setActive(null);
+	}
+	const ordered = (0, react.useMemo)(() => require_PromptBanner_model.orderPrompts(prompts), [prompts]);
+	const count = (0, react.useMemo)(() => require_PromptBanner_model.summarizePrompts(prompts).pending, [prompts]);
+	const autoOpened = (0, react.useRef)(/* @__PURE__ */ new Set());
+	const unopened = autoOpen ? pending.find((prompt) => !autoOpened.current.has(prompt.id)) : void 0;
+	(0, react.useEffect)(() => {
+		if (!unopened || active) return;
+		autoOpened.current.add(unopened.id);
+		setActive(unopened);
+	}, [unopened, active]);
+	const closePrompt = (id) => setActive((current) => current?.id === id ? null : current);
+	const label = count > 0 ? `${count} pending` : "Prompts";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DropdownMenu.DropdownMenu, {
+		role: "dialog",
+		menuLabel: "Prompts",
+		align: "right",
+		menuClassName: "w-80 max-w-[calc(100vw-2rem)] p-1",
+		trigger: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_button.Button, {
+			type: "button",
+			variant: "ghost",
+			size: "sm",
+			title: count > 0 ? `${label} — answer from the list` : "No pending prompts",
+			className: require_utils.cn("gap-1.5", count > 0 ? require_marks.TEST_OUTCOMES.warned.className : "text-muted-foreground", className),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "relative inline-flex",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+					icon: require_UiQuestion.UiQuestion,
+					className: "size-4"
+				}), count > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					"data-prompt-pulse": "",
+					"aria-hidden": true,
+					className: "absolute -right-0.5 -top-0.5 size-1.5 animate-pulse rounded-full bg-current"
+				}) : null]
+			}), label]
+		}),
+		children: (close) => ordered.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "px-2 py-1.5 text-xs text-muted-foreground",
+			children: "No prompts"
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PromptList.PromptList, {
+			prompts: ordered,
+			activeId: active?.id,
+			className: "border-0",
+			onSelect: (prompt) => {
+				close();
+				setActive(prompt);
+			}
+		})
+	}), active ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PromptDialog.PromptDialog, {
+		prompt: active,
+		basePath,
+		open: true,
+		onClose: () => closePrompt(active.id),
+		lookupFetcher
+	}, active.id) : null] });
+}
+exports.PromptIndicator = PromptIndicator;
+
+//# sourceMappingURL=PromptIndicator.cjs.map

package/dist/data/PromptIndicator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptIndicator.cjs","names":["usePrompts","useState","useMemo","orderPrompts","summarizePrompts","useRef","_Fragment","DropdownMenu","Button","cn","TEST_OUTCOMES","Icon","UiQuestion","PromptList","PromptDialog"],"sources":["../../src/data/PromptIndicator.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Button } from \"../components/button\";\nimport { DropdownMenu } from \"../overlay/DropdownMenu\";\nimport { Icon } from \"./Icon\";\nimport { UiQuestion } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { usePrompts, type PromptFilter, type PromptSnapshot } from \"../hooks/use-prompts\";\nimport type { LookupFetcher } from \"../components/json-schema-form-runtime-types\";\nimport { PromptDialog } from \"./PromptDialog\";\nimport { PromptList } from \"./PromptList\";\nimport { orderPrompts, summarizePrompts } from \"./PromptBanner.model\";\nimport { TEST_OUTCOMES } from \"./test-runner/marks\";\n\nexport interface PromptIndicatorProps extends PromptFilter {\n  /** Base path the prompt API is mounted under, e.g. \"/api/todos\". */\n  basePath?: string | undefined;\n  enabled?: boolean | undefined;\n  /** Classes for the trigger button. */\n  className?: string | undefined;\n  /** Passed to the answer dialog to resolve the schema's `x-clicky-lookup` fields. */\n  lookupFetcher?: LookupFetcher | undefined;\n  /**\n   * Open each prompt's answer dialog once, as soon as it becomes pending:\n   * closing it without answering leaves it pending in the panel rather than\n   * reopening it.\n   */\n  autoOpen?: boolean | undefined;\n}\n\n// PromptIndicator is the compact form of PromptBanner for a header: \"N pending\"\n// in amber while prompts wait, a muted \"Prompts\" otherwise. It toggles a panel\n// listing the scope's prompts (pending first), and a pending one opens the\n// answer dialog.\nexport function PromptIndicator({\n  basePath = \"/api/todos\",\n  enabled,\n  className,\n  lookupFetcher,\n  autoOpen = false,\n  state: _ignoredState,\n  ...filter\n}: PromptIndicatorProps) {\n  const { prompts, pending } = usePrompts({ ...filter, basePath, ...(enabled !== undefined ? { enabled } : {}) });\n  const [active, setActive] = useState<PromptSnapshot | null>(null);\n  // An open prompt belongs to the API it came from; answering it on another would post its id there.\n  const [activeBase, setActiveBase] = useState(basePath);\n  if (activeBase !== basePath) {\n    setActiveBase(basePath);\n    setActive(null);\n  }\n  const ordered = useMemo(() => orderPrompts(prompts), [prompts]);\n  const count = useMemo(() => summarizePrompts(prompts).pending, [prompts]);\n\n  const autoOpened = useRef(new Set<string>());\n  const unopened = autoOpen ? pending.find((prompt) => !autoOpened.current.has(prompt.id)) : undefined;\n  useEffect(() => {\n    if (!unopened || active) return;\n    autoOpened.current.add(unopened.id);\n    setActive(unopened);\n  }, [unopened, active]);\n\n  // A dialog's answer can land after it was closed and another opened: clear only the prompt it was for.\n  const closePrompt = (id: string) => setActive((current) => (current?.id === id ? null : current));\n\n  const label = count > 0 ? `${count} pending` : \"Prompts\";\n  return (\n    <>\n      <DropdownMenu\n        role=\"dialog\"\n        menuLabel=\"Prompts\"\n        align=\"right\"\n        menuClassName=\"w-80 max-w-[calc(100vw-2rem)] p-1\"\n        trigger={\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            title={count > 0 ? `${label} — answer from the list` : \"No pending prompts\"}\n            className={cn(\"gap-1.5\", count > 0 ? TEST_OUTCOMES.warned.className : \"text-muted-foreground\", className)}\n          >\n            <span className=\"relative inline-flex\">\n              <Icon icon={UiQuestion} className=\"size-4\" />\n              {count > 0 ? (\n                <span data-prompt-pulse=\"\" aria-hidden className=\"absolute -right-0.5 -top-0.5 size-1.5 animate-pulse rounded-full bg-current\" />\n              ) : null}\n            </span>\n            {label}\n          </Button>\n        }\n      >\n        {(close) =>\n          ordered.length === 0 ? (\n            <div className=\"px-2 py-1.5 text-xs text-muted-foreground\">No prompts</div>\n          ) : (\n            <PromptList\n              prompts={ordered}\n              activeId={active?.id}\n              className=\"border-0\"\n              onSelect={(prompt) => {\n                close();\n                setActive(prompt);\n              }}\n            />\n          )\n        }\n      </DropdownMenu>\n      {active ? (\n        <PromptDialog\n          key={active.id}\n          prompt={active}\n          basePath={basePath}\n          open={true}\n          onClose={() => closePrompt(active.id)}\n          lookupFetcher={lookupFetcher}\n        />\n      ) : null}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAiCA,SAAgB,gBAAgB,EAC9B,WAAW,cACX,SACA,WACA,eACA,WAAW,OACX,OAAO,eACP,GAAG,UACoB;CACvB,MAAM,EAAE,SAAS,YAAYA,oBAAAA,WAAW;EAAE,GAAG;EAAQ;EAAU,GAAI,YAAY,KAAA,IAAY,EAAE,QAAQ,IAAI,CAAC;CAAG,CAAC;CAC9G,MAAM,CAAC,QAAQ,cAAA,GAAaC,MAAAA,SAAAA,CAAgC,IAAI;CAEhE,MAAM,CAAC,YAAY,kBAAA,GAAiBA,MAAAA,SAAAA,CAAS,QAAQ;CACrD,IAAI,eAAe,UAAU;EAC3B,cAAc,QAAQ;EACtB,UAAU,IAAI;CAChB;CACA,MAAM,WAAA,GAAUC,MAAAA,QAAAA,OAAcC,2BAAAA,aAAa,OAAO,GAAG,CAAC,OAAO,CAAC;CAC9D,MAAM,SAAA,GAAQD,MAAAA,QAAAA,OAAcE,2BAAAA,iBAAiB,OAAO,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC;CAExE,MAAM,cAAA,GAAaC,MAAAA,OAAAA,iBAAO,IAAI,IAAY,CAAC;CAC3C,MAAM,WAAW,WAAW,QAAQ,MAAM,WAAW,CAAC,WAAW,QAAQ,IAAI,OAAO,EAAE,CAAC,IAAI,KAAA;CAC3F,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,CAAC,YAAY,QAAQ;EACzB,WAAW,QAAQ,IAAI,SAAS,EAAE;EAClC,UAAU,QAAQ;CACpB,GAAG,CAAC,UAAU,MAAM,CAAC;CAGrB,MAAM,eAAe,OAAe,WAAW,YAAa,SAAS,OAAO,KAAK,OAAO,OAAQ;CAEhG,MAAM,QAAQ,QAAQ,IAAI,GAAG,MAAM,YAAY;CAC/C,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,cAAD;EACE,MAAK;EACL,WAAU;EACV,OAAM;EACN,eAAc;EACd,SACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,eAAAA,QAAD;GACE,MAAK;GACL,SAAQ;GACR,MAAK;GACL,OAAO,QAAQ,IAAI,GAAG,MAAM,2BAA2B;GACvD,WAAWC,cAAAA,GAAG,WAAW,QAAQ,IAAIC,cAAAA,cAAc,OAAO,YAAY,yBAAyB,SAAS;GAL1G,UAAA,CAOE,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;IAAM,WAAU;IAAhB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;KAAM,MAAMC,mBAAAA;KAAY,WAAU;IAAU,CAAA,GAC3C,QAAQ,IACP,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,qBAAkB;KAAG,eAAA;KAAY,WAAU;IAA+E,CAAA,IAC9H,IACA;GACL,CAAA,GAAA,KACK;;EAGR,WAAA,UACA,QAAQ,WAAW,IACjB,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GAA4C,UAAA;EAAe,CAAA,IAE1E,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;GACE,SAAS;GACT,UAAU,QAAQ;GAClB,WAAU;GACV,WAAW,WAAW;IACpB,MAAM;IACN,UAAU,MAAM;GAClB;EACD,CAAA;CAGO,CAAA,GACb,SACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,cAAD;EAEE,QAAQ;EACE;EACV,MAAM;EACN,eAAe,YAAY,OAAO,EAAE;EACrB;CAChB,GANM,OAAO,EAMb,IACC,IACJ,EAAA,CAAA;AAEN"}

package/dist/data/PromptIndicator.d.ts

@@ -0,0 +1,19 @@
+import { PromptFilter } from '../hooks/use-prompts.js';
+import { LookupFetcher } from '../components/json-schema-form-runtime-types.js';
+export interface PromptIndicatorProps extends PromptFilter {
+    /** Base path the prompt API is mounted under, e.g. "/api/todos". */
+    basePath?: string | undefined;
+    enabled?: boolean | undefined;
+    /** Classes for the trigger button. */
+    className?: string | undefined;
+    /** Passed to the answer dialog to resolve the schema's `x-clicky-lookup` fields. */
+    lookupFetcher?: LookupFetcher | undefined;
+    /**
+     * Open each prompt's answer dialog once, as soon as it becomes pending:
+     * closing it without answering leaves it pending in the panel rather than
+     * reopening it.
+     */
+    autoOpen?: boolean | undefined;
+}
+export declare function PromptIndicator({ basePath, enabled, className, lookupFetcher, autoOpen, state: _ignoredState, ...filter }: PromptIndicatorProps): import("react").JSX.Element;
+//# sourceMappingURL=PromptIndicator.d.ts.map

package/dist/data/PromptIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptIndicator.d.ts","sourceRoot":"","sources":["../../src/data/PromptIndicator.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAc,KAAK,YAAY,EAAuB,MAAM,sBAAsB,CAAC;AAC1F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAMlF,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,oFAAoF;IACpF,aAAa,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAC1C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAMD,wBAAgB,eAAe,CAAC,EAC9B,QAAuB,EACvB,OAAO,EACP,SAAS,EACT,aAAa,EACb,QAAgB,EAChB,KAAK,EAAE,aAAa,EACpB,GAAG,MAAM,EACV,EAAE,oBAAoB,+BA6EtB"}

package/dist/data/PromptIndicator.js

@@ -0,0 +1,82 @@
+import { cn } from "../lib/utils.js";
+import { UiQuestion } from "../icons/components/UiQuestion.js";
+import { usePrompts } from "../hooks/use-prompts.js";
+import { Icon } from "./Icon.js";
+import { Button } from "../components/button.js";
+import { DropdownMenu } from "../overlay/DropdownMenu.js";
+import { TEST_OUTCOMES } from "./test-runner/marks.js";
+import { PromptDialog } from "./PromptDialog.js";
+import { orderPrompts, summarizePrompts } from "./PromptBanner.model.js";
+import { PromptList } from "./PromptList.js";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+// src/data/PromptIndicator.tsx
+function PromptIndicator({ basePath = "/api/todos", enabled, className, lookupFetcher, autoOpen = false, state: _ignoredState, ...filter }) {
+	const { prompts, pending } = usePrompts({
+		...filter,
+		basePath,
+		...enabled !== void 0 ? { enabled } : {}
+	});
+	const [active, setActive] = useState(null);
+	const [activeBase, setActiveBase] = useState(basePath);
+	if (activeBase !== basePath) {
+		setActiveBase(basePath);
+		setActive(null);
+	}
+	const ordered = useMemo(() => orderPrompts(prompts), [prompts]);
+	const count = useMemo(() => summarizePrompts(prompts).pending, [prompts]);
+	const autoOpened = useRef(/* @__PURE__ */ new Set());
+	const unopened = autoOpen ? pending.find((prompt) => !autoOpened.current.has(prompt.id)) : void 0;
+	useEffect(() => {
+		if (!unopened || active) return;
+		autoOpened.current.add(unopened.id);
+		setActive(unopened);
+	}, [unopened, active]);
+	const closePrompt = (id) => setActive((current) => current?.id === id ? null : current);
+	const label = count > 0 ? `${count} pending` : "Prompts";
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DropdownMenu, {
+		role: "dialog",
+		menuLabel: "Prompts",
+		align: "right",
+		menuClassName: "w-80 max-w-[calc(100vw-2rem)] p-1",
+		trigger: /* @__PURE__ */ jsxs(Button, {
+			type: "button",
+			variant: "ghost",
+			size: "sm",
+			title: count > 0 ? `${label} — answer from the list` : "No pending prompts",
+			className: cn("gap-1.5", count > 0 ? TEST_OUTCOMES.warned.className : "text-muted-foreground", className),
+			children: [/* @__PURE__ */ jsxs("span", {
+				className: "relative inline-flex",
+				children: [/* @__PURE__ */ jsx(Icon, {
+					icon: UiQuestion,
+					className: "size-4"
+				}), count > 0 ? /* @__PURE__ */ jsx("span", {
+					"data-prompt-pulse": "",
+					"aria-hidden": true,
+					className: "absolute -right-0.5 -top-0.5 size-1.5 animate-pulse rounded-full bg-current"
+				}) : null]
+			}), label]
+		}),
+		children: (close) => ordered.length === 0 ? /* @__PURE__ */ jsx("div", {
+			className: "px-2 py-1.5 text-xs text-muted-foreground",
+			children: "No prompts"
+		}) : /* @__PURE__ */ jsx(PromptList, {
+			prompts: ordered,
+			activeId: active?.id,
+			className: "border-0",
+			onSelect: (prompt) => {
+				close();
+				setActive(prompt);
+			}
+		})
+	}), active ? /* @__PURE__ */ jsx(PromptDialog, {
+		prompt: active,
+		basePath,
+		open: true,
+		onClose: () => closePrompt(active.id),
+		lookupFetcher
+	}, active.id) : null] });
+}
+export { PromptIndicator };
+
+//# sourceMappingURL=PromptIndicator.js.map

package/dist/data/PromptIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptIndicator.js","names":["_Fragment"],"sources":["../../src/data/PromptIndicator.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Button } from \"../components/button\";\nimport { DropdownMenu } from \"../overlay/DropdownMenu\";\nimport { Icon } from \"./Icon\";\nimport { UiQuestion } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { usePrompts, type PromptFilter, type PromptSnapshot } from \"../hooks/use-prompts\";\nimport type { LookupFetcher } from \"../components/json-schema-form-runtime-types\";\nimport { PromptDialog } from \"./PromptDialog\";\nimport { PromptList } from \"./PromptList\";\nimport { orderPrompts, summarizePrompts } from \"./PromptBanner.model\";\nimport { TEST_OUTCOMES } from \"./test-runner/marks\";\n\nexport interface PromptIndicatorProps extends PromptFilter {\n  /** Base path the prompt API is mounted under, e.g. \"/api/todos\". */\n  basePath?: string | undefined;\n  enabled?: boolean | undefined;\n  /** Classes for the trigger button. */\n  className?: string | undefined;\n  /** Passed to the answer dialog to resolve the schema's `x-clicky-lookup` fields. */\n  lookupFetcher?: LookupFetcher | undefined;\n  /**\n   * Open each prompt's answer dialog once, as soon as it becomes pending:\n   * closing it without answering leaves it pending in the panel rather than\n   * reopening it.\n   */\n  autoOpen?: boolean | undefined;\n}\n\n// PromptIndicator is the compact form of PromptBanner for a header: \"N pending\"\n// in amber while prompts wait, a muted \"Prompts\" otherwise. It toggles a panel\n// listing the scope's prompts (pending first), and a pending one opens the\n// answer dialog.\nexport function PromptIndicator({\n  basePath = \"/api/todos\",\n  enabled,\n  className,\n  lookupFetcher,\n  autoOpen = false,\n  state: _ignoredState,\n  ...filter\n}: PromptIndicatorProps) {\n  const { prompts, pending } = usePrompts({ ...filter, basePath, ...(enabled !== undefined ? { enabled } : {}) });\n  const [active, setActive] = useState<PromptSnapshot | null>(null);\n  // An open prompt belongs to the API it came from; answering it on another would post its id there.\n  const [activeBase, setActiveBase] = useState(basePath);\n  if (activeBase !== basePath) {\n    setActiveBase(basePath);\n    setActive(null);\n  }\n  const ordered = useMemo(() => orderPrompts(prompts), [prompts]);\n  const count = useMemo(() => summarizePrompts(prompts).pending, [prompts]);\n\n  const autoOpened = useRef(new Set<string>());\n  const unopened = autoOpen ? pending.find((prompt) => !autoOpened.current.has(prompt.id)) : undefined;\n  useEffect(() => {\n    if (!unopened || active) return;\n    autoOpened.current.add(unopened.id);\n    setActive(unopened);\n  }, [unopened, active]);\n\n  // A dialog's answer can land after it was closed and another opened: clear only the prompt it was for.\n  const closePrompt = (id: string) => setActive((current) => (current?.id === id ? null : current));\n\n  const label = count > 0 ? `${count} pending` : \"Prompts\";\n  return (\n    <>\n      <DropdownMenu\n        role=\"dialog\"\n        menuLabel=\"Prompts\"\n        align=\"right\"\n        menuClassName=\"w-80 max-w-[calc(100vw-2rem)] p-1\"\n        trigger={\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            title={count > 0 ? `${label} — answer from the list` : \"No pending prompts\"}\n            className={cn(\"gap-1.5\", count > 0 ? TEST_OUTCOMES.warned.className : \"text-muted-foreground\", className)}\n          >\n            <span className=\"relative inline-flex\">\n              <Icon icon={UiQuestion} className=\"size-4\" />\n              {count > 0 ? (\n                <span data-prompt-pulse=\"\" aria-hidden className=\"absolute -right-0.5 -top-0.5 size-1.5 animate-pulse rounded-full bg-current\" />\n              ) : null}\n            </span>\n            {label}\n          </Button>\n        }\n      >\n        {(close) =>\n          ordered.length === 0 ? (\n            <div className=\"px-2 py-1.5 text-xs text-muted-foreground\">No prompts</div>\n          ) : (\n            <PromptList\n              prompts={ordered}\n              activeId={active?.id}\n              className=\"border-0\"\n              onSelect={(prompt) => {\n                close();\n                setActive(prompt);\n              }}\n            />\n          )\n        }\n      </DropdownMenu>\n      {active ? (\n        <PromptDialog\n          key={active.id}\n          prompt={active}\n          basePath={basePath}\n          open={true}\n          onClose={() => closePrompt(active.id)}\n          lookupFetcher={lookupFetcher}\n        />\n      ) : null}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAiCA,SAAgB,gBAAgB,EAC9B,WAAW,cACX,SACA,WACA,eACA,WAAW,OACX,OAAO,eACP,GAAG,UACoB;CACvB,MAAM,EAAE,SAAS,YAAY,WAAW;EAAE,GAAG;EAAQ;EAAU,GAAI,YAAY,KAAA,IAAY,EAAE,QAAQ,IAAI,CAAC;CAAG,CAAC;CAC9G,MAAM,CAAC,QAAQ,aAAa,SAAgC,IAAI;CAEhE,MAAM,CAAC,YAAY,iBAAiB,SAAS,QAAQ;CACrD,IAAI,eAAe,UAAU;EAC3B,cAAc,QAAQ;EACtB,UAAU,IAAI;CAChB;CACA,MAAM,UAAU,cAAc,aAAa,OAAO,GAAG,CAAC,OAAO,CAAC;CAC9D,MAAM,QAAQ,cAAc,iBAAiB,OAAO,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC;CAExE,MAAM,aAAa,uBAAO,IAAI,IAAY,CAAC;CAC3C,MAAM,WAAW,WAAW,QAAQ,MAAM,WAAW,CAAC,WAAW,QAAQ,IAAI,OAAO,EAAE,CAAC,IAAI,KAAA;CAC3F,gBAAgB;EACd,IAAI,CAAC,YAAY,QAAQ;EACzB,WAAW,QAAQ,IAAI,SAAS,EAAE;EAClC,UAAU,QAAQ;CACpB,GAAG,CAAC,UAAU,MAAM,CAAC;CAGrB,MAAM,eAAe,OAAe,WAAW,YAAa,SAAS,OAAO,KAAK,OAAO,OAAQ;CAEhG,MAAM,QAAQ,QAAQ,IAAI,GAAG,MAAM,YAAY;CAC/C,OACE,qBAAAA,YAAA,EAAA,UAAA,CACE,oBAAC,cAAD;EACE,MAAK;EACL,WAAU;EACV,OAAM;EACN,eAAc;EACd,SACE,qBAAC,QAAD;GACE,MAAK;GACL,SAAQ;GACR,MAAK;GACL,OAAO,QAAQ,IAAI,GAAG,MAAM,2BAA2B;GACvD,WAAW,GAAG,WAAW,QAAQ,IAAI,cAAc,OAAO,YAAY,yBAAyB,SAAS;GAL1G,UAAA,CAOE,qBAAC,QAAD;IAAM,WAAU;IAAhB,UAAA,CACE,oBAAC,MAAD;KAAM,MAAM;KAAY,WAAU;IAAU,CAAA,GAC3C,QAAQ,IACP,oBAAC,QAAD;KAAM,qBAAkB;KAAG,eAAA;KAAY,WAAU;IAA+E,CAAA,IAC9H,IACA;GACL,CAAA,GAAA,KACK;;EAGR,WAAA,UACA,QAAQ,WAAW,IACjB,oBAAC,OAAD;GAAK,WAAU;GAA4C,UAAA;EAAe,CAAA,IAE1E,oBAAC,YAAD;GACE,SAAS;GACT,UAAU,QAAQ;GAClB,WAAU;GACV,WAAW,WAAW;IACpB,MAAM;IACN,UAAU,MAAM;GAClB;EACD,CAAA;CAGO,CAAA,GACb,SACC,oBAAC,cAAD;EAEE,QAAQ;EACE;EACV,MAAM;EACN,eAAe,YAAY,OAAO,EAAE;EACrB;CAChB,GANM,OAAO,EAMb,IACC,IACJ,EAAA,CAAA;AAEN"}

package/dist/data/PromptList.cjs

@@ -0,0 +1,67 @@
+const require_utils = require("../lib/utils.cjs");
+const require_UiClose = require("../icons/components/UiClose.cjs");
+const require_UiCheck = require("../icons/components/UiCheck.cjs");
+const require_UiComment = require("../icons/components/UiComment.cjs");
+const require_UiHourglass = require("../icons/components/UiHourglass.cjs");
+const require_Icon = require("./Icon.cjs");
+const require_PromptBanner_model = require("./PromptBanner.model.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/data/PromptList.tsx
+/** Each prompt's state, title, kind and answer summary — the list PromptBanner and PromptIndicator share. */
+function PromptList({ prompts, activeId, onSelect, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+		className: require_utils.cn("divide-y divide-border overflow-hidden rounded-md border border-border bg-background text-xs", className),
+		children: prompts.map((prompt) => {
+			const rowClass = require_utils.cn("flex w-full min-w-0 items-start gap-2 px-2 py-1.5 text-left", prompt.id === activeId && "bg-muted/60");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: onSelect && prompt.state === "pending" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: require_utils.cn(rowClass, "hover:bg-muted focus-visible:bg-muted focus-visible:outline-none"),
+				onClick: () => onSelect(prompt),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PromptRow, { prompt })
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: rowClass,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PromptRow, { prompt })
+			}) }, prompt.id);
+		})
+	});
+}
+function PromptRow({ prompt }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PromptStateIcon, { prompt }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		className: "block min-w-0 flex-1",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: "flex min-w-0 items-center gap-2",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "truncate font-medium text-foreground",
+				"data-testid": "prompt-list-title",
+				children: prompt.title
+			}), prompt.kind ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "shrink-0 text-muted-foreground",
+				children: prompt.kind
+			}) : null]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "mt-0.5 block truncate text-muted-foreground",
+			children: require_PromptBanner_model.summarizePromptAnswer(prompt)
+		})]
+	})] });
+}
+function PromptStateIcon({ prompt }) {
+	if (prompt.state === "answered") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+		icon: require_UiCheck.UiCheck,
+		className: "mt-0.5 size-3.5 shrink-0 text-emerald-600"
+	});
+	if (prompt.state === "cancelled" || prompt.state === "expired") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+		icon: require_UiClose.UiClose,
+		className: "mt-0.5 size-3.5 shrink-0 text-rose-600"
+	});
+	if (prompt.kind === "comment") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+		icon: require_UiComment.UiComment,
+		className: "mt-0.5 size-3.5 shrink-0"
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+		icon: require_UiHourglass.UiHourglass,
+		className: "mt-0.5 size-3.5 shrink-0"
+	});
+}
+exports.PromptList = PromptList;
+
+//# sourceMappingURL=PromptList.cjs.map

package/dist/data/PromptList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptList.cjs","names":["cn","_Fragment","summarizePromptAnswer","Icon","UiCheck","UiClose","UiComment","UiHourglass"],"sources":["../../src/data/PromptList.tsx"],"sourcesContent":["import { Icon } from \"./Icon\";\nimport { UiCheck, UiClose, UiComment, UiHourglass } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type { PromptSnapshot } from \"../hooks/use-prompts\";\nimport { summarizePromptAnswer } from \"./PromptBanner.model\";\n\nexport interface PromptListProps {\n  /** Rendered in the given order; `orderPrompts` puts pending first. */\n  prompts: readonly PromptSnapshot[];\n  /** Highlights the prompt currently being answered. */\n  activeId?: string | undefined;\n  /** Makes each pending prompt a button that answers it; answered and closed prompts stay read-only. */\n  onSelect?: ((prompt: PromptSnapshot) => void) | undefined;\n  className?: string | undefined;\n}\n\n/** Each prompt's state, title, kind and answer summary — the list PromptBanner and PromptIndicator share. */\nexport function PromptList({ prompts, activeId, onSelect, className }: PromptListProps) {\n  return (\n    <ol className={cn(\"divide-y divide-border overflow-hidden rounded-md border border-border bg-background text-xs\", className)}>\n      {prompts.map((prompt) => {\n        const rowClass = cn(\"flex w-full min-w-0 items-start gap-2 px-2 py-1.5 text-left\", prompt.id === activeId && \"bg-muted/60\");\n        return (\n          <li key={prompt.id}>\n            {onSelect && prompt.state === \"pending\" ? (\n              <button type=\"button\" className={cn(rowClass, \"hover:bg-muted focus-visible:bg-muted focus-visible:outline-none\")} onClick={() => onSelect(prompt)}>\n                <PromptRow prompt={prompt} />\n              </button>\n            ) : (\n              <div className={rowClass}>\n                <PromptRow prompt={prompt} />\n              </div>\n            )}\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n\nfunction PromptRow({ prompt }: { prompt: PromptSnapshot }) {\n  return (\n    <>\n      <PromptStateIcon prompt={prompt} />\n      <span className=\"block min-w-0 flex-1\">\n        <span className=\"flex min-w-0 items-center gap-2\">\n          <span className=\"truncate font-medium text-foreground\" data-testid=\"prompt-list-title\">{prompt.title}</span>\n          {prompt.kind ? <span className=\"shrink-0 text-muted-foreground\">{prompt.kind}</span> : null}\n        </span>\n        <span className=\"mt-0.5 block truncate text-muted-foreground\">{summarizePromptAnswer(prompt)}</span>\n      </span>\n    </>\n  );\n}\n\nfunction PromptStateIcon({ prompt }: { prompt: PromptSnapshot }) {\n  if (prompt.state === \"answered\") return <Icon icon={UiCheck} className=\"mt-0.5 size-3.5 shrink-0 text-emerald-600\" />;\n  if (prompt.state === \"cancelled\" || prompt.state === \"expired\") {\n    return <Icon icon={UiClose} className=\"mt-0.5 size-3.5 shrink-0 text-rose-600\" />;\n  }\n  if (prompt.kind === \"comment\") return <Icon icon={UiComment} className=\"mt-0.5 size-3.5 shrink-0\" />;\n  return <Icon icon={UiHourglass} className=\"mt-0.5 size-3.5 shrink-0\" />;\n}\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,WAAW,EAAE,SAAS,UAAU,UAAU,aAA8B;CACtF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EAAI,WAAWA,cAAAA,GAAG,gGAAgG,SAAS;EACxH,UAAA,QAAQ,KAAK,WAAW;GACvB,MAAM,WAAWA,cAAAA,GAAG,+DAA+D,OAAO,OAAO,YAAY,aAAa;GAC1H,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD,EAAA,UACG,YAAY,OAAO,UAAU,YAC5B,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAQ,MAAK;IAAS,WAAWA,cAAAA,GAAG,UAAU,kEAAkE;IAAG,eAAe,SAAS,MAAM;IAC/I,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD,EAAmB,OAAS,CAAA;GACtB,CAAA,IAER,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAW;IACd,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD,EAAmB,OAAS,CAAA;GACzB,CAAA,EAEL,GAVK,OAAO,EAUZ;EAER,CAAC;CACC,CAAA;AAER;AAEA,SAAS,UAAU,EAAE,UAAsC;CACzD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD,EAAyB,OAAS,CAAA,GAClC,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;EAAM,WAAU;EAAhB,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAU;IAAuC,eAAY;IAAqB,UAAA,OAAO;GAAY,CAAA,GAC1G,OAAO,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAU;IAAkC,UAAA,OAAO;GAAW,CAAA,IAAI,IACnF;EACN,CAAA,GAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAU;GAA+C,UAAAC,2BAAAA,sBAAsB,MAAM;EAAQ,CAAA,CAC/F;CACN,CAAA,CAAA,EAAA,CAAA;AAEN;AAEA,SAAS,gBAAgB,EAAE,UAAsC;CAC/D,IAAI,OAAO,UAAU,YAAY,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;EAAM,MAAMC,gBAAAA;EAAS,WAAU;CAA6C,CAAA;CACpH,IAAI,OAAO,UAAU,eAAe,OAAO,UAAU,WACnD,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACD,aAAAA,MAAD;EAAM,MAAME,gBAAAA;EAAS,WAAU;CAA0C,CAAA;CAElF,IAAI,OAAO,SAAS,WAAW,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACF,aAAAA,MAAD;EAAM,MAAMG,kBAAAA;EAAW,WAAU;CAA4B,CAAA;CACnG,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACH,aAAAA,MAAD;EAAM,MAAMI,oBAAAA;EAAa,WAAU;CAA4B,CAAA;AACxE"}

package/dist/data/PromptList.d.ts

@@ -0,0 +1,13 @@
+import { PromptSnapshot } from '../hooks/use-prompts.js';
+export interface PromptListProps {
+    /** Rendered in the given order; `orderPrompts` puts pending first. */
+    prompts: readonly PromptSnapshot[];
+    /** Highlights the prompt currently being answered. */
+    activeId?: string | undefined;
+    /** Makes each pending prompt a button that answers it; answered and closed prompts stay read-only. */
+    onSelect?: ((prompt: PromptSnapshot) => void) | undefined;
+    className?: string | undefined;
+}
+/** Each prompt's state, title, kind and answer summary — the list PromptBanner and PromptIndicator share. */
+export declare function PromptList({ prompts, activeId, onSelect, className }: PromptListProps): import("react").JSX.Element;
+//# sourceMappingURL=PromptList.d.ts.map

package/dist/data/PromptList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptList.d.ts","sourceRoot":"","sources":["../../src/data/PromptList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG3D,MAAM,WAAW,eAAe;IAC9B,sEAAsE;IACtE,OAAO,EAAE,SAAS,cAAc,EAAE,CAAC;IACnC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,sGAAsG;IACtG,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED,6GAA6G;AAC7G,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,+BAqBrF"}

package/dist/data/PromptList.js

@@ -0,0 +1,67 @@
+import { cn } from "../lib/utils.js";
+import { UiClose } from "../icons/components/UiClose.js";
+import { UiCheck } from "../icons/components/UiCheck.js";
+import { UiComment } from "../icons/components/UiComment.js";
+import { UiHourglass } from "../icons/components/UiHourglass.js";
+import { Icon } from "./Icon.js";
+import { summarizePromptAnswer } from "./PromptBanner.model.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/data/PromptList.tsx
+/** Each prompt's state, title, kind and answer summary — the list PromptBanner and PromptIndicator share. */
+function PromptList({ prompts, activeId, onSelect, className }) {
+	return /* @__PURE__ */ jsx("ol", {
+		className: cn("divide-y divide-border overflow-hidden rounded-md border border-border bg-background text-xs", className),
+		children: prompts.map((prompt) => {
+			const rowClass = cn("flex w-full min-w-0 items-start gap-2 px-2 py-1.5 text-left", prompt.id === activeId && "bg-muted/60");
+			return /* @__PURE__ */ jsx("li", { children: onSelect && prompt.state === "pending" ? /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: cn(rowClass, "hover:bg-muted focus-visible:bg-muted focus-visible:outline-none"),
+				onClick: () => onSelect(prompt),
+				children: /* @__PURE__ */ jsx(PromptRow, { prompt })
+			}) : /* @__PURE__ */ jsx("div", {
+				className: rowClass,
+				children: /* @__PURE__ */ jsx(PromptRow, { prompt })
+			}) }, prompt.id);
+		})
+	});
+}
+function PromptRow({ prompt }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(PromptStateIcon, { prompt }), /* @__PURE__ */ jsxs("span", {
+		className: "block min-w-0 flex-1",
+		children: [/* @__PURE__ */ jsxs("span", {
+			className: "flex min-w-0 items-center gap-2",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "truncate font-medium text-foreground",
+				"data-testid": "prompt-list-title",
+				children: prompt.title
+			}), prompt.kind ? /* @__PURE__ */ jsx("span", {
+				className: "shrink-0 text-muted-foreground",
+				children: prompt.kind
+			}) : null]
+		}), /* @__PURE__ */ jsx("span", {
+			className: "mt-0.5 block truncate text-muted-foreground",
+			children: summarizePromptAnswer(prompt)
+		})]
+	})] });
+}
+function PromptStateIcon({ prompt }) {
+	if (prompt.state === "answered") return /* @__PURE__ */ jsx(Icon, {
+		icon: UiCheck,
+		className: "mt-0.5 size-3.5 shrink-0 text-emerald-600"
+	});
+	if (prompt.state === "cancelled" || prompt.state === "expired") return /* @__PURE__ */ jsx(Icon, {
+		icon: UiClose,
+		className: "mt-0.5 size-3.5 shrink-0 text-rose-600"
+	});
+	if (prompt.kind === "comment") return /* @__PURE__ */ jsx(Icon, {
+		icon: UiComment,
+		className: "mt-0.5 size-3.5 shrink-0"
+	});
+	return /* @__PURE__ */ jsx(Icon, {
+		icon: UiHourglass,
+		className: "mt-0.5 size-3.5 shrink-0"
+	});
+}
+export { PromptList };
+
+//# sourceMappingURL=PromptList.js.map

package/dist/data/PromptList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptList.js","names":["_Fragment"],"sources":["../../src/data/PromptList.tsx"],"sourcesContent":["import { Icon } from \"./Icon\";\nimport { UiCheck, UiClose, UiComment, UiHourglass } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type { PromptSnapshot } from \"../hooks/use-prompts\";\nimport { summarizePromptAnswer } from \"./PromptBanner.model\";\n\nexport interface PromptListProps {\n  /** Rendered in the given order; `orderPrompts` puts pending first. */\n  prompts: readonly PromptSnapshot[];\n  /** Highlights the prompt currently being answered. */\n  activeId?: string | undefined;\n  /** Makes each pending prompt a button that answers it; answered and closed prompts stay read-only. */\n  onSelect?: ((prompt: PromptSnapshot) => void) | undefined;\n  className?: string | undefined;\n}\n\n/** Each prompt's state, title, kind and answer summary — the list PromptBanner and PromptIndicator share. */\nexport function PromptList({ prompts, activeId, onSelect, className }: PromptListProps) {\n  return (\n    <ol className={cn(\"divide-y divide-border overflow-hidden rounded-md border border-border bg-background text-xs\", className)}>\n      {prompts.map((prompt) => {\n        const rowClass = cn(\"flex w-full min-w-0 items-start gap-2 px-2 py-1.5 text-left\", prompt.id === activeId && \"bg-muted/60\");\n        return (\n          <li key={prompt.id}>\n            {onSelect && prompt.state === \"pending\" ? (\n              <button type=\"button\" className={cn(rowClass, \"hover:bg-muted focus-visible:bg-muted focus-visible:outline-none\")} onClick={() => onSelect(prompt)}>\n                <PromptRow prompt={prompt} />\n              </button>\n            ) : (\n              <div className={rowClass}>\n                <PromptRow prompt={prompt} />\n              </div>\n            )}\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n\nfunction PromptRow({ prompt }: { prompt: PromptSnapshot }) {\n  return (\n    <>\n      <PromptStateIcon prompt={prompt} />\n      <span className=\"block min-w-0 flex-1\">\n        <span className=\"flex min-w-0 items-center gap-2\">\n          <span className=\"truncate font-medium text-foreground\" data-testid=\"prompt-list-title\">{prompt.title}</span>\n          {prompt.kind ? <span className=\"shrink-0 text-muted-foreground\">{prompt.kind}</span> : null}\n        </span>\n        <span className=\"mt-0.5 block truncate text-muted-foreground\">{summarizePromptAnswer(prompt)}</span>\n      </span>\n    </>\n  );\n}\n\nfunction PromptStateIcon({ prompt }: { prompt: PromptSnapshot }) {\n  if (prompt.state === \"answered\") return <Icon icon={UiCheck} className=\"mt-0.5 size-3.5 shrink-0 text-emerald-600\" />;\n  if (prompt.state === \"cancelled\" || prompt.state === \"expired\") {\n    return <Icon icon={UiClose} className=\"mt-0.5 size-3.5 shrink-0 text-rose-600\" />;\n  }\n  if (prompt.kind === \"comment\") return <Icon icon={UiComment} className=\"mt-0.5 size-3.5 shrink-0\" />;\n  return <Icon icon={UiHourglass} className=\"mt-0.5 size-3.5 shrink-0\" />;\n}\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,WAAW,EAAE,SAAS,UAAU,UAAU,aAA8B;CACtF,OACE,oBAAC,MAAD;EAAI,WAAW,GAAG,gGAAgG,SAAS;EACxH,UAAA,QAAQ,KAAK,WAAW;GACvB,MAAM,WAAW,GAAG,+DAA+D,OAAO,OAAO,YAAY,aAAa;GAC1H,OACE,oBAAC,MAAD,EAAA,UACG,YAAY,OAAO,UAAU,YAC5B,oBAAC,UAAD;IAAQ,MAAK;IAAS,WAAW,GAAG,UAAU,kEAAkE;IAAG,eAAe,SAAS,MAAM;IAC/I,UAAA,oBAAC,WAAD,EAAmB,OAAS,CAAA;GACtB,CAAA,IAER,oBAAC,OAAD;IAAK,WAAW;IACd,UAAA,oBAAC,WAAD,EAAmB,OAAS,CAAA;GACzB,CAAA,EAEL,GAVK,OAAO,EAUZ;EAER,CAAC;CACC,CAAA;AAER;AAEA,SAAS,UAAU,EAAE,UAAsC;CACzD,OACE,qBAAAA,UAAA,EAAA,UAAA,CACE,oBAAC,iBAAD,EAAyB,OAAS,CAAA,GAClC,qBAAC,QAAD;EAAM,WAAU;EAAhB,UAAA,CACE,qBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,oBAAC,QAAD;IAAM,WAAU;IAAuC,eAAY;IAAqB,UAAA,OAAO;GAAY,CAAA,GAC1G,OAAO,OAAO,oBAAC,QAAD;IAAM,WAAU;IAAkC,UAAA,OAAO;GAAW,CAAA,IAAI,IACnF;EACN,CAAA,GAAA,oBAAC,QAAD;GAAM,WAAU;GAA+C,UAAA,sBAAsB,MAAM;EAAQ,CAAA,CAC/F;CACN,CAAA,CAAA,EAAA,CAAA;AAEN;AAEA,SAAS,gBAAgB,EAAE,UAAsC;CAC/D,IAAI,OAAO,UAAU,YAAY,OAAO,oBAAC,MAAD;EAAM,MAAM;EAAS,WAAU;CAA6C,CAAA;CACpH,IAAI,OAAO,UAAU,eAAe,OAAO,UAAU,WACnD,OAAO,oBAAC,MAAD;EAAM,MAAM;EAAS,WAAU;CAA0C,CAAA;CAElF,IAAI,OAAO,SAAS,WAAW,OAAO,oBAAC,MAAD;EAAM,MAAM;EAAW,WAAU;CAA4B,CAAA;CACnG,OAAO,oBAAC,MAAD;EAAM,MAAM;EAAa,WAAU;CAA4B,CAAA;AACxE"}

package/dist/data/git/GitChangeList.cjs

@@ -14,6 +14,7 @@ const require_Checkbox = require("../../components/Checkbox.cjs");
 const require_code_highlight = require("../code-highlight.cjs");
 const require_CodeDiff = require("../CodeDiff.cjs");
 const require_git_dates = require("./git-dates.cjs");
+const require_git_links = require("./git-links.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/data/git/GitChangeList.tsx
@@ -156,6 +157,7 @@ function CommitRow({ commit, selected, slots }) {
 	const [expandedState, diffState, toggle] = useLazyDiff(commit, loadDiff);
 	const expanded = !onOpen && expandedState;
 	const author = displayAuthor(commit);
+	const href = commit.href ?? (commit.repository ? require_git_links.gitWebLink(commit.repository, { commit: commit.sha }) : void 0);
 	const canExpand = Boolean(onOpen || loadDiff || renderExpanded || commit.body);
 	const activate = onOpen ? () => onOpen(commit) : toggle;
 	const selectable = onToggleSelect !== void 0;
@@ -228,8 +230,8 @@ function CommitRow({ commit, selected, slots }) {
 							})
 						]
 					}),
-					commit.href ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
-						href: commit.href,
+					href ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+						href,
 						target: "_blank",
 						rel: "noopener noreferrer",
 						className: "mt-0.5 inline-flex shrink-0 items-center gap-1 font-mono text-cyan-600 hover:underline",
@@ -359,6 +361,11 @@ function FileRow({ file, loadDiff, diffMaxHeightClassName }) {
 	const status = statusView(file.status);
 	const StatusIcon = status.icon;
 	const path = splitPath(file.path);
+	if (file.href === void 0 && file.repository && !file.commit) throw new Error(`Git file "${file.path}" requires a commit for its repository link`);
+	const href = file.href ?? (file.repository && file.commit ? require_git_links.gitWebLink(file.repository, {
+		commit: file.commit,
+		file: file.path
+	}) : void 0);
 	const canExpand = Boolean(loadDiff);
 	function onKeyDown(event) {
 		if (!canExpand || !isActivationKey(event)) return;
@@ -403,8 +410,8 @@ function FileRow({ file, loadDiff, diffMaxHeightClassName }) {
 				...file.additions !== void 0 ? { additions: file.additions } : {},
 				...file.deletions !== void 0 ? { deletions: file.deletions } : {}
 			}),
-			file.href && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-				href: file.href,
+			href && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+				href,
 				target: "_blank",
 				rel: "noopener noreferrer",
 				className: "shrink-0 text-muted-foreground hover:text-foreground",