@adea-ai/ui 0.140.0 → 0.142.0

package/dist/components/composites/model-selector/models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.js","names":[],"sources":["../../../../src/components/composites/model-selector/models.ts"],"sourcesContent":["import { boundText } from '../sources/source'\n\n/**\n * An effort level a model supports: just its id (`'high'`), or an id with the\n * words to show. A bare id is labelled by capitalising it, which is right for\n * `low` / `medium` / `high` and wrong for anything else — pass a label then.\n */\nexport type ModelEffort = string | Readonly<{ id: string; label?: string; description?: string }>\n\nexport type EffortOption = Readonly<{ id: string; label: string; description?: string }>\n\n/**\n * A model the person may pick. `efforts` lists the effort levels *this* model\n * advertises; a model without it has no effort control, because showing one would\n * claim the model can be told how hard to think. `disabledReason` is the host's\n * authority speaking (plan, quota, region): the model stays in the list, disabled,\n * with the reason beside it.\n */\nexport type ModelOption = Readonly<{\n  /** Unique within the list. */\n  id: string\n  label: string\n  provider: string\n  description?: string\n  disabledReason?: string\n  efforts?: readonly ModelEffort[]\n}>\n\nconst LABEL_LIMIT = 60\nconst DESCRIPTION_LIMIT = 160\n\nfunction titleCase(id: string): string {\n  const clean = boundText(id, LABEL_LIMIT)\n  return clean.charAt(0).toUpperCase() + clean.slice(1)\n}\n\n/** Efforts as options: blanks dropped, duplicate ids kept once (first wins), text bounded. */\nexport function normalizeEfforts(efforts: readonly ModelEffort[] | undefined): EffortOption[] {\n  const seen = new Set<string>()\n  const out: EffortOption[] = []\n  for (const effort of efforts ?? []) {\n    const id = typeof effort === 'string' ? effort : effort.id\n    if (id.trim() === '' || seen.has(id)) continue\n    seen.add(id)\n    if (typeof effort === 'string') {\n      out.push({ id, label: titleCase(id) })\n    } else {\n      out.push({\n        id,\n        label: (effort.label ? boundText(effort.label, LABEL_LIMIT) : '') || titleCase(id),\n        description: effort.description\n          ? boundText(effort.description, DESCRIPTION_LIMIT)\n          : undefined,\n      })\n    }\n  }\n  return out\n}\n\nexport function findModel(\n  models: readonly ModelOption[],\n  id: string | undefined\n): ModelOption | undefined {\n  return id === undefined ? undefined : models.find((model) => model.id === id)\n}\n\n/** The selected effort, only if the selected model actually offers it. */\nexport function resolveEffort(\n  model: ModelOption | undefined,\n  effort: string | undefined\n): EffortOption | undefined {\n  if (!model || effort === undefined) return undefined\n  return normalizeEfforts(model.efforts).find((option) => option.id === effort)\n}\n\nexport type ModelGroup = Readonly<{ provider: string; models: readonly ModelOption[] }>\n\n/** Group by provider, in the order providers first appear, so the host controls ranking. */\nexport function groupModels(models: readonly ModelOption[]): ModelGroup[] {\n  const groups = new Map<string, ModelOption[]>()\n  for (const model of models) {\n    const provider = boundText(model.provider, LABEL_LIMIT) || 'Other'\n    const bucket = groups.get(provider)\n    if (bucket) bucket.push(model)\n    else groups.set(provider, [model])\n  }\n  return [...groups].map(([provider, list]) => ({ provider, models: list }))\n}\n\n/** Past this many models the list gets a search box; a short list is quicker to read. */\nexport const MODEL_SEARCH_THRESHOLD = 7\n\nexport function needsSearch(count: number, threshold = MODEL_SEARCH_THRESHOLD): boolean {\n  return count > threshold\n}\n\n/**\n * What the search matches against: everything a person might type to find a model\n * — its name, its provider, its id, and its description.\n */\nexport function modelSearchValue(model: ModelOption): string {\n  return [model.label, model.provider, model.id, model.description ?? ''].join(' ')\n}\n"],"mappings":";;AA4BA,IAAM,cAAc;AACpB,IAAM,oBAAoB;AAE1B,SAAS,UAAU,IAAoB;CACrC,MAAM,QAAQ,UAAU,IAAI,WAAW;CACvC,OAAO,MAAM,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,MAAM,MAAM,CAAC;AACtD;;AAGA,SAAgB,iBAAiB,SAA6D;CAC5F,MAAM,uBAAO,IAAI,IAAY;CAC7B,MAAM,MAAsB,CAAC;CAC7B,KAAK,MAAM,UAAU,WAAW,CAAC,GAAG;EAClC,MAAM,KAAK,OAAO,WAAW,WAAW,SAAS,OAAO;EACxD,IAAI,GAAG,KAAK,MAAM,MAAM,KAAK,IAAI,EAAE,GAAG;EACtC,KAAK,IAAI,EAAE;EACX,IAAI,OAAO,WAAW,UACpB,IAAI,KAAK;GAAE;GAAI,OAAO,UAAU,EAAE;EAAE,CAAC;OAErC,IAAI,KAAK;GACP;GACA,QAAQ,OAAO,QAAQ,UAAU,OAAO,OAAO,WAAW,IAAI,OAAO,UAAU,EAAE;GACjF,aAAa,OAAO,cAChB,UAAU,OAAO,aAAa,iBAAiB,IAC/C,KAAA;EACN,CAAC;CAEL;CACA,OAAO;AACT;AAEA,SAAgB,UACd,QACA,IACyB;CACzB,OAAO,OAAO,KAAA,IAAY,KAAA,IAAY,OAAO,MAAM,UAAU,MAAM,OAAO,EAAE;AAC9E;;AAGA,SAAgB,cACd,OACA,QAC0B;CAC1B,IAAI,CAAC,SAAS,WAAW,KAAA,GAAW,OAAO,KAAA;CAC3C,OAAO,iBAAiB,MAAM,OAAO,CAAC,CAAC,MAAM,WAAW,OAAO,OAAO,MAAM;AAC9E;;AAKA,SAAgB,YAAY,QAA8C;CACxE,MAAM,yBAAS,IAAI,IAA2B;CAC9C,KAAK,MAAM,SAAS,QAAQ;EAC1B,MAAM,WAAW,UAAU,MAAM,UAAU,WAAW,KAAK;EAC3D,MAAM,SAAS,OAAO,IAAI,QAAQ;EAClC,IAAI,QAAQ,OAAO,KAAK,KAAK;OACxB,OAAO,IAAI,UAAU,CAAC,KAAK,CAAC;CACnC;CACA,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC,KAAK,CAAC,UAAU,WAAW;EAAE;EAAU,QAAQ;CAAK,EAAE;AAC3E;;AAGA,IAAa,yBAAyB;AAEtC,SAAgB,YAAY,OAAe,YAAA,GAA6C;CACtF,OAAO,QAAQ;AACjB;;;;;AAMA,SAAgB,iBAAiB,OAA4B;CAC3D,OAAO;EAAC,MAAM;EAAO,MAAM;EAAU,MAAM;EAAI,MAAM,eAAe;CAAE,CAAC,CAAC,KAAK,GAAG;AAClF"}

package/dist/components/composites/plan/index.d.ts

@@ -0,0 +1,2 @@
+export { Plan, type PlanProps, type PlanStep, type PlanStepStatus } from './plan';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composites/plan/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/plan/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,QAAQ,CAAA"}

package/dist/components/composites/plan/index.js

@@ -0,0 +1,2 @@
+import { Plan } from "./plan.js";
+export { Plan };

package/dist/components/composites/plan/plan.d.ts

@@ -0,0 +1,61 @@
+import { type JSX } from 'solid-js';
+import { type TraceLineProps } from '../../ui/trace';
+import { type TaskItemStatus } from '../task';
+/**
+ * Plan.
+ *
+ * What the agent intends to do, as a `TraceLine` that opens onto the steps: a
+ * title, an optional description, the steps with their status, how far along
+ * they are, and — when the host supplies them — the actions the reader can take
+ * (approve, edit, run). Reach for `Task` when the list is a unit of work that is
+ * already under way and not a proposal, for `Queue` when it is the agent's
+ * running todo list, and for `ChainOfThought` when the steps describe how an
+ * answer was reached rather than what will be done.
+ *
+ * ## It opens by default
+ *
+ * Unlike a tool call, the plan is the thing being decided or followed, so it
+ * starts open (`defaultOpen={false}` folds it). A plan with no steps, no
+ * description and no actions is a plain line.
+ *
+ * ## Progress is derived, in words
+ *
+ * "2 of 5 steps done" and the bar come from the steps' own `status` and appear
+ * only when at least one step has one; a step with no status counts toward the
+ * total and not toward "done" (the host did not say it was finished). The bar is
+ * the shared `Progress`, which publishes the same phrase to assistive
+ * technology, so the number is never only a length.
+ *
+ * ## Streaming
+ *
+ * While `streaming` the plan is still being written, so its length is not known
+ * and no progress is claimed: the title shimmers, the line says "Drafting", and
+ * a caret trails the last step. Finished steps keep their DOM while the last one
+ * grows (rows are kept by position).
+ *
+ * ## The host owns authority
+ *
+ * `actions` is a slot. The plan neither enables nor disables what is in it, and
+ * with no `actions` there are no controls — a plan the reader may not approve
+ * simply has no Approve button.
+ *
+ * A `Plan` is a line: place it inside a `Trace`.
+ */
+export type PlanStepStatus = TaskItemStatus;
+export type PlanStep = Readonly<{
+    id?: string;
+    label: string;
+    description?: string;
+    status?: PlanStepStatus;
+}>;
+export type PlanProps = Omit<TraceLineProps, 'description' | 'href' | 'onSelect' | 'selectHaspopup' | 'children' | 'status' | 'statusLabel'> & {
+    steps: readonly PlanStep[];
+    /** What the plan is for, above the steps. */
+    description?: JSX.Element;
+    /** True while the plan is still being generated. */
+    streaming?: boolean;
+    /** Controls for the reader: approve, edit, run. Absent means there are none. */
+    actions?: JSX.Element;
+};
+export declare function Plan(props: PlanProps): JSX.Element;
+//# sourceMappingURL=plan.d.ts.map

package/dist/components/composites/plan/plan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plan.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/plan/plan.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuC,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAExE,OAAO,EAA0B,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC5E,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,SAAS,CAAA;AAKhB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,MAAM,cAAc,GAAG,cAAc,CAAA;AAE3C,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB,CAAC,CAAA;AAEF,MAAM,MAAM,SAAS,GAAG,IAAI,CAC1B,cAAc,EACd,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,gBAAgB,GAAG,UAAU,GAAG,QAAQ,GAAG,aAAa,CAC/F,GAAG;IACF,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAA;IAC1B,6CAA6C;IAC7C,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACzB,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gFAAgF;IAChF,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACtB,CAAA;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,eA6EpC"}

package/dist/components/composites/plan/plan.js

@@ -0,0 +1,130 @@
+import { Progress } from "../../ui/progress/progress.js";
+import { TraceDetail, TraceLine } from "../../ui/trace/trace.js";
+import { TaskItemList, TaskItemRow, taskProgress, taskProgressLabel } from "../task/task.js";
+import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
+import { ListTodo } from "lucide-solid";
+import { Index, Show, createMemo, splitProps } from "solid-js";
+//#region src/components/composites/plan/plan.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div class="text-sm text-muted-foreground">`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span class=streaming-caret aria-hidden=true>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div data-slot=plan-actions class="flex flex-wrap items-center gap-2 pt-1">`);
+var deferred = (render) => render;
+function Plan(props) {
+	const [local, rest] = splitProps(props, [
+		"steps",
+		"description",
+		"streaming",
+		"actions",
+		"icon",
+		"meta",
+		"defaultOpen"
+	]);
+	const progress = createMemo(() => local.streaming ? void 0 : taskProgress(local.steps));
+	const meta = () => {
+		if (local.meta !== void 0) return local.meta;
+		if (local.streaming) return "Drafting";
+		const value = progress();
+		return value ? taskProgressLabel(value) : void 0;
+	};
+	const hasDetail = () => local.steps.length > 0 || local.description !== void 0 || local.actions !== void 0 || local.streaming === true;
+	const detail = () => createComponent(TraceDetail, {
+		"class": "flex flex-col gap-2",
+		get children() {
+			return [
+				createComponent(Show, {
+					get when() {
+						return local.description;
+					},
+					get children() {
+						var _el$ = _tmpl$();
+						insert(_el$, () => local.description);
+						return _el$;
+					}
+				}),
+				createComponent(Show, {
+					get when() {
+						return progress();
+					},
+					children: (value) => createComponent(Progress, {
+						get value() {
+							return value().done;
+						},
+						minValue: 0,
+						get maxValue() {
+							return Math.max(1, value().total);
+						},
+						"aria-label": "Plan progress",
+						getValueLabel: ({ value: done, max }) => `${done} of ${max} ${max === 1 ? "step" : "steps"} done`
+					})
+				}),
+				createComponent(Show, {
+					get when() {
+						return local.steps.length > 0;
+					},
+					get children() {
+						return createComponent(TaskItemList, {
+							label: "Plan steps",
+							get children() {
+								return createComponent(Index, {
+									get each() {
+										return local.steps;
+									},
+									children: (step) => createComponent(TaskItemRow, {
+										get text() {
+											return step().label;
+										},
+										get description() {
+											return step().description;
+										},
+										get status() {
+											return step().status;
+										}
+									})
+								});
+							}
+						});
+					}
+				}),
+				createComponent(Show, {
+					get when() {
+						return local.streaming;
+					},
+					get children() {
+						return _tmpl$2();
+					}
+				}),
+				createComponent(Show, {
+					get when() {
+						return local.actions;
+					},
+					get children() {
+						var _el$3 = _tmpl$3();
+						insert(_el$3, () => local.actions);
+						return _el$3;
+					}
+				})
+			];
+		}
+	});
+	return createComponent(TraceLine, mergeProps({
+		get icon() {
+			return local.icon ?? createComponent(ListTodo, {});
+		},
+		get status() {
+			return local.streaming ? "running" : void 0;
+		},
+		statusLabel: "Generating",
+		get meta() {
+			return meta();
+		},
+		get defaultOpen() {
+			return local.defaultOpen ?? true;
+		}
+	}, rest, { get children() {
+		return memo(() => !!hasDetail())() ? deferred(detail) : void 0;
+	} }));
+}
+//#endregion
+export { Plan };
+
+//# sourceMappingURL=plan.js.map

package/dist/components/composites/plan/plan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plan.js","names":["ListTodo","createMemo","Index","Show","splitProps","JSX","Progress","TraceDetail","TraceLine","TraceLineProps","TaskItemList","TaskItemRow","taskProgress","taskProgressLabel","TaskItemStatus","deferred","render","Element","PlanStepStatus","PlanStep","Readonly","id","label","description","status","PlanProps","Omit","steps","streaming","actions","Plan","props","local","rest","progress","undefined","meta","value","hasDetail","length","detail","_$createComponent","children","when","_el$","_tmpl$","_$insert","done","minValue","maxValue","Math","max","total","getValueLabel","each","step","text","_tmpl$2","_el$3","_tmpl$3","_$mergeProps","icon","statusLabel","defaultOpen","_$memo","_$createComponent","_$mergeProps","_$memo"],"sources":["../../../../src/components/composites/plan/plan.tsx"],"sourcesContent":["import { ListTodo } from 'lucide-solid'\nimport { createMemo, Index, Show, splitProps, type JSX } from 'solid-js'\nimport { Progress } from '../../ui/progress'\nimport { TraceDetail, TraceLine, type TraceLineProps } from '../../ui/trace'\nimport {\n  TaskItemList,\n  TaskItemRow,\n  taskProgress,\n  taskProgressLabel,\n  type TaskItemStatus,\n} from '../task'\n\n// A function child runs once, when the content mounts (see `deferred` in `tool.tsx`).\nconst deferred = (render: () => JSX.Element) => render as unknown as JSX.Element\n\n/**\n * Plan.\n *\n * What the agent intends to do, as a `TraceLine` that opens onto the steps: a\n * title, an optional description, the steps with their status, how far along\n * they are, and — when the host supplies them — the actions the reader can take\n * (approve, edit, run). Reach for `Task` when the list is a unit of work that is\n * already under way and not a proposal, for `Queue` when it is the agent's\n * running todo list, and for `ChainOfThought` when the steps describe how an\n * answer was reached rather than what will be done.\n *\n * ## It opens by default\n *\n * Unlike a tool call, the plan is the thing being decided or followed, so it\n * starts open (`defaultOpen={false}` folds it). A plan with no steps, no\n * description and no actions is a plain line.\n *\n * ## Progress is derived, in words\n *\n * \"2 of 5 steps done\" and the bar come from the steps' own `status` and appear\n * only when at least one step has one; a step with no status counts toward the\n * total and not toward \"done\" (the host did not say it was finished). The bar is\n * the shared `Progress`, which publishes the same phrase to assistive\n * technology, so the number is never only a length.\n *\n * ## Streaming\n *\n * While `streaming` the plan is still being written, so its length is not known\n * and no progress is claimed: the title shimmers, the line says \"Drafting\", and\n * a caret trails the last step. Finished steps keep their DOM while the last one\n * grows (rows are kept by position).\n *\n * ## The host owns authority\n *\n * `actions` is a slot. The plan neither enables nor disables what is in it, and\n * with no `actions` there are no controls — a plan the reader may not approve\n * simply has no Approve button.\n *\n * A `Plan` is a line: place it inside a `Trace`.\n */\nexport type PlanStepStatus = TaskItemStatus\n\nexport type PlanStep = Readonly<{\n  id?: string\n  label: string\n  description?: string\n  status?: PlanStepStatus\n}>\n\nexport type PlanProps = Omit<\n  TraceLineProps,\n  'description' | 'href' | 'onSelect' | 'selectHaspopup' | 'children' | 'status' | 'statusLabel'\n> & {\n  steps: readonly PlanStep[]\n  /** What the plan is for, above the steps. */\n  description?: JSX.Element\n  /** True while the plan is still being generated. */\n  streaming?: boolean\n  /** Controls for the reader: approve, edit, run. Absent means there are none. */\n  actions?: JSX.Element\n}\n\nexport function Plan(props: PlanProps) {\n  const [local, rest] = splitProps(props, [\n    'steps',\n    'description',\n    'streaming',\n    'actions',\n    'icon',\n    'meta',\n    'defaultOpen',\n  ])\n  const progress = createMemo(() => (local.streaming ? undefined : taskProgress(local.steps)))\n  const meta = () => {\n    if (local.meta !== undefined) return local.meta\n    if (local.streaming) return 'Drafting'\n    const value = progress()\n    return value ? taskProgressLabel(value) : undefined\n  }\n  const hasDetail = () =>\n    local.steps.length > 0 ||\n    local.description !== undefined ||\n    local.actions !== undefined ||\n    local.streaming === true\n\n  const detail = () => (\n    <TraceDetail class=\"flex flex-col gap-2\">\n      <Show when={local.description}>\n        <div class=\"text-sm text-muted-foreground\">{local.description}</div>\n      </Show>\n      <Show when={progress()}>\n        {(value) => (\n          <Progress\n            value={value().done}\n            minValue={0}\n            maxValue={Math.max(1, value().total)}\n            aria-label=\"Plan progress\"\n            getValueLabel={({ value: done, max }) =>\n              `${done} of ${max} ${max === 1 ? 'step' : 'steps'} done`\n            }\n          />\n        )}\n      </Show>\n      <Show when={local.steps.length > 0}>\n        <TaskItemList label=\"Plan steps\">\n          <Index each={local.steps}>\n            {(step) => (\n              <TaskItemRow\n                text={step().label}\n                description={step().description}\n                status={step().status}\n              />\n            )}\n          </Index>\n        </TaskItemList>\n      </Show>\n      <Show when={local.streaming}>\n        <span class=\"streaming-caret\" aria-hidden=\"true\" />\n      </Show>\n      <Show when={local.actions}>\n        <div data-slot=\"plan-actions\" class=\"flex flex-wrap items-center gap-2 pt-1\">\n          {local.actions}\n        </div>\n      </Show>\n    </TraceDetail>\n  )\n\n  return (\n    <TraceLine\n      icon={local.icon ?? <ListTodo />}\n      status={local.streaming ? 'running' : undefined}\n      statusLabel=\"Generating\"\n      meta={meta()}\n      defaultOpen={local.defaultOpen ?? true}\n      {...rest}\n    >\n      {hasDetail() ? deferred(detail) : undefined}\n    </TraceLine>\n  )\n}\n"],"mappings":"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"}

package/dist/components/composites/queue/index.d.ts

@@ -0,0 +1,2 @@
+export { partitionQueue, Queue, QueueFollowUps, type QueueFollowUp, type QueueFollowUpsProps, type QueueItem, type QueueItemStatus, type QueueProps, } from './queue';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composites/queue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/queue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,EACL,cAAc,EACd,KAAK,aAAa,EAClB,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,UAAU,GAChB,MAAM,SAAS,CAAA"}

package/dist/components/composites/queue/index.js

@@ -0,0 +1,2 @@
+import { Queue, QueueFollowUps, partitionQueue } from "./queue.js";
+export { Queue, QueueFollowUps, partitionQueue };

package/dist/components/composites/queue/queue.d.ts

@@ -0,0 +1,77 @@
+import { type ComponentProps, type JSX } from 'solid-js';
+import { Trace } from '../../ui/trace';
+/**
+ * Queue.
+ *
+ * The agent's todo list, split the way a reader asks about it: what is still to
+ * do, and what is already done. Two collapsible sections with their counts,
+ * "Pending" open and "Completed" folded — the finished work is the record, the
+ * pending work is the question. Reach for `Plan` when the list is a proposal
+ * awaiting a decision, for `Task` when it is one piece of work with files
+ * attached, and for `QueueFollowUps` (below) when the things waiting are
+ * *messages from the person*, not work the agent set itself.
+ *
+ * ## Sorting is the host's statement, not ours
+ *
+ * An item is in the Completed section only if its `status` is `complete`.
+ * Everything else — `pending`, `active`, or no status at all — is still to do,
+ * which is what "not marked done" means; the mark shown matches (an item with
+ * no status gets the pending mark, because it is in the Pending section). An
+ * empty section is not drawn: "Completed (0)" is noise, and a list with nothing
+ * in either section renders nothing, or the `empty` content if the host gave
+ * some, rather than a heading over a void.
+ *
+ * ## Bounded
+ *
+ * Each section scrolls inside a capped, keyboard-focusable region, and rows are
+ * kept by position, so a list of two hundred items does not push the answer out
+ * of view and a status change updates a row instead of recreating it. Item text
+ * wraps to three lines and is clamped (see `Task`).
+ *
+ * A `Queue` is a block (its own `Trace`) and can sit between other parts of a
+ * turn.
+ */
+export type QueueItemStatus = 'pending' | 'active' | 'complete';
+export type QueueItem = Readonly<{
+    id?: string;
+    text: string;
+    description?: string;
+    status?: QueueItemStatus;
+}>;
+/** Split a todo list into the two sections. Order is preserved within each. */
+export declare function partitionQueue(items: readonly QueueItem[]): Readonly<{
+    pending: readonly QueueItem[];
+    completed: readonly QueueItem[];
+}>;
+export type QueueProps = Omit<ComponentProps<typeof Trace>, 'children'> & {
+    items: readonly QueueItem[];
+    pendingLabel?: string;
+    completedLabel?: string;
+    /** Shown when there is nothing in either section. Omit to draw nothing. */
+    empty?: JSX.Element;
+    /** Open the Completed section initially. */
+    defaultCompletedOpen?: boolean;
+};
+export declare function Queue(props: QueueProps): JSX.Element;
+export type QueueFollowUp = Readonly<{
+    id?: string;
+    text: string;
+    /** Removes it from the queue. Omit it and the row has no remove control. */
+    onRemove?: () => void;
+}>;
+export type QueueFollowUpsProps = Omit<ComponentProps<typeof Trace>, 'children'> & {
+    items: readonly QueueFollowUp[];
+    /** The section's title. */
+    title?: string;
+    defaultOpen?: boolean;
+};
+/**
+ * Follow-up messages the person sent that have not been delivered yet. They are
+ * the person's words, so they are shown as sent (wrapped, clamped to three
+ * lines) rather than as work. The remove control exists per message only when
+ * that message carries `onRemove`: whether it may still be withdrawn is the
+ * runtime's to say, and a message past recall simply has no button. With no
+ * messages the component draws nothing.
+ */
+export declare function QueueFollowUps(props: QueueFollowUpsProps): JSX.Element;
+//# sourceMappingURL=queue.d.ts.map

package/dist/components/composites/queue/queue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"queue.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/queue/queue.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,GAAG,EACT,MAAM,UAAU,CAAA;AAEjB,OAAO,EAAE,KAAK,EAAa,MAAM,gBAAgB,CAAA;AAMjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAA;AAE/D,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,eAAe,CAAA;CACzB,CAAC,CAAA;AAEF,+EAA+E;AAC/E,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,SAAS,EAAE,GAAG,QAAQ,CAAC;IACpE,OAAO,EAAE,SAAS,SAAS,EAAE,CAAA;IAC7B,SAAS,EAAE,SAAS,SAAS,EAAE,CAAA;CAChC,CAAC,CAKD;AAgBD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACxE,KAAK,EAAE,SAAS,SAAS,EAAE,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACnB,4CAA4C;IAC5C,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B,CAAA;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,eAyEtC;AAED,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB,CAAC,CAAA;AAuDF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACjF,KAAK,EAAE,SAAS,aAAa,EAAE,CAAA;IAC/B,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAqBxD"}

package/dist/components/composites/queue/queue.js

@@ -0,0 +1,271 @@
+import { Button } from "../../ui/button/button.js";
+import { Trace, TraceLine } from "../../ui/trace/trace.js";
+import { TaskItemList, TaskItemRow } from "../task/task.js";
+import { createComponent, effect, insert, mergeProps, setAttribute, template } from "solid-js/web";
+import { CornerDownRight, ListChecks, ListTodo, MessageSquarePlus, X } from "lucide-solid";
+import { Index, Show, createMemo, onCleanup, splitProps } from "solid-js";
+//#region src/components/composites/queue/queue.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span aria-hidden=true>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span class=sr-only>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<li data-slot=queue-follow-up class="flex min-w-0 items-start gap-2 rounded-md px-1.5 py-0.5"><p class="m-0 line-clamp-3 min-w-0 flex-1 text-sm [overflow-wrap:anywhere] whitespace-pre-wrap text-foreground">`);
+var deferred = (render) => render;
+/** Split a todo list into the two sections. Order is preserved within each. */
+function partitionQueue(items) {
+	return {
+		pending: items.filter((item) => item.status !== "complete"),
+		completed: items.filter((item) => item.status === "complete")
+	};
+}
+function itemCount(count) {
+	return `${count} ${count === 1 ? "item" : "items"}`;
+}
+/** The count, shown as a number and spoken as a phrase. */
+function Count(props) {
+	return [(() => {
+		var _el$ = _tmpl$();
+		insert(_el$, () => props.count);
+		return _el$;
+	})(), (() => {
+		var _el$2 = _tmpl$2();
+		insert(_el$2, () => props.noun ?? itemCount(props.count));
+		return _el$2;
+	})()];
+}
+function Queue(props) {
+	const [local, rest] = splitProps(props, [
+		"items",
+		"pendingLabel",
+		"completedLabel",
+		"empty",
+		"defaultCompletedOpen"
+	]);
+	const sections = createMemo(() => partitionQueue(local.items));
+	const pending = () => sections().pending;
+	const completed = () => sections().completed;
+	const pendingLabel = () => local.pendingLabel ?? "Pending";
+	const completedLabel = () => local.completedLabel ?? "Completed";
+	return createComponent(Show, {
+		get when() {
+			return local.items.length > 0;
+		},
+		get fallback() {
+			return createComponent(Show, {
+				get when() {
+					return local.empty;
+				},
+				get children() {
+					return createComponent(Trace, mergeProps({ "aria-label": "Queue" }, rest, { get children() {
+						return createComponent(TraceLine, { get title() {
+							return local.empty;
+						} });
+					} }));
+				}
+			});
+		},
+		get children() {
+			return createComponent(Trace, mergeProps({ "aria-label": "Queue" }, rest, { get children() {
+				return [createComponent(Show, {
+					get when() {
+						return pending().length > 0;
+					},
+					get children() {
+						return createComponent(TraceLine, {
+							get icon() {
+								return createComponent(ListTodo, {});
+							},
+							get title() {
+								return pendingLabel();
+							},
+							get meta() {
+								return createComponent(Count, { get count() {
+									return pending().length;
+								} });
+							},
+							defaultOpen: true,
+							get children() {
+								return deferred(() => createComponent(TaskItemList, {
+									get label() {
+										return pendingLabel();
+									},
+									get children() {
+										return createComponent(Index, {
+											get each() {
+												return pending();
+											},
+											children: (item) => createComponent(TaskItemRow, {
+												get text() {
+													return item().text;
+												},
+												get description() {
+													return item().description;
+												},
+												get status() {
+													return item().status ?? "pending";
+												}
+											})
+										});
+									}
+								}));
+							}
+						});
+					}
+				}), createComponent(Show, {
+					get when() {
+						return completed().length > 0;
+					},
+					get children() {
+						return createComponent(TraceLine, {
+							get icon() {
+								return createComponent(ListChecks, {});
+							},
+							get title() {
+								return completedLabel();
+							},
+							get meta() {
+								return createComponent(Count, { get count() {
+									return completed().length;
+								} });
+							},
+							get defaultOpen() {
+								return local.defaultCompletedOpen ?? false;
+							},
+							get children() {
+								return deferred(() => createComponent(TaskItemList, {
+									get label() {
+										return completedLabel();
+									},
+									get children() {
+										return createComponent(Index, {
+											get each() {
+												return completed();
+											},
+											children: (item) => createComponent(TaskItemRow, {
+												get text() {
+													return item().text;
+												},
+												get description() {
+													return item().description;
+												},
+												status: "complete"
+											})
+										});
+									}
+								}));
+							}
+						});
+					}
+				})];
+			} }));
+		}
+	});
+}
+var REMOVE_LABEL_CHARS = 60;
+function FollowUpRow(props) {
+	let remove;
+	onCleanup(() => {
+		if (!remove || document.activeElement !== remove) return;
+		const buttons = remove.closest("ul")?.querySelectorAll("button[data-slot=\"queue-follow-up-remove\"]");
+		Array.from(buttons ?? []).filter((button) => button !== remove).at(-1)?.focus();
+	});
+	const text = () => props.item.text.length > 1e3 ? `${props.item.text.slice(0, 1e3)}…` : props.item.text;
+	const label = () => props.item.text.length > REMOVE_LABEL_CHARS ? `${props.item.text.slice(0, REMOVE_LABEL_CHARS)}…` : props.item.text;
+	return (() => {
+		var _el$3 = _tmpl$3(), _el$4 = _el$3.firstChild;
+		insert(_el$3, createComponent(CornerDownRight, {
+			"aria-hidden": "true",
+			"class": "mt-0.5 size-3.5 shrink-0 text-muted-foreground"
+		}), _el$4);
+		insert(_el$4, text);
+		insert(_el$3, createComponent(Show, {
+			get when() {
+				return props.item.onRemove;
+			},
+			children: (onRemove) => createComponent(Button, {
+				ref: (element) => remove = element,
+				"data-slot": "queue-follow-up-remove",
+				type: "button",
+				variant: "ghost",
+				size: "icon-2xs",
+				"class": "shrink-0",
+				get ["aria-label"]() {
+					return `Remove queued message: ${label()}`;
+				},
+				onClick: () => onRemove()(),
+				get children() {
+					return createComponent(X, { "aria-hidden": "true" });
+				}
+			})
+		}), null);
+		effect(() => setAttribute(_el$4, "title", text()));
+		return _el$3;
+	})();
+}
+/**
+* Follow-up messages the person sent that have not been delivered yet. They are
+* the person's words, so they are shown as sent (wrapped, clamped to three
+* lines) rather than as work. The remove control exists per message only when
+* that message carries `onRemove`: whether it may still be withdrawn is the
+* runtime's to say, and a message past recall simply has no button. With no
+* messages the component draws nothing.
+*/
+function QueueFollowUps(props) {
+	const [local, rest] = splitProps(props, [
+		"items",
+		"title",
+		"defaultOpen"
+	]);
+	const title = () => local.title ?? "Queued follow-ups";
+	return createComponent(Show, {
+		get when() {
+			return local.items.length > 0;
+		},
+		get children() {
+			return createComponent(Trace, mergeProps({ get ["aria-label"]() {
+				return title();
+			} }, rest, { get children() {
+				return createComponent(TraceLine, {
+					get icon() {
+						return createComponent(MessageSquarePlus, {});
+					},
+					get title() {
+						return title();
+					},
+					get meta() {
+						return createComponent(Count, {
+							get count() {
+								return local.items.length;
+							},
+							get noun() {
+								return `${local.items.length} waiting`;
+							}
+						});
+					},
+					get defaultOpen() {
+						return local.defaultOpen ?? true;
+					},
+					get children() {
+						return deferred(() => createComponent(TaskItemList, {
+							get label() {
+								return title();
+							},
+							get children() {
+								return createComponent(Index, {
+									get each() {
+										return local.items;
+									},
+									children: (item) => createComponent(FollowUpRow, { get item() {
+										return item();
+									} })
+								});
+							}
+						}));
+					}
+				});
+			} }));
+		}
+	});
+}
+//#endregion
+export { Queue, QueueFollowUps, partitionQueue };
+
+//# sourceMappingURL=queue.js.map

package/dist/components/composites/queue/queue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queue.js","names":["CornerDownRight","ListChecks","ListTodo","MessageSquarePlus","X","createMemo","Index","onCleanup","Show","splitProps","ComponentProps","JSX","Button","Trace","TraceLine","TaskItemList","TaskItemRow","deferred","render","Element","QueueItemStatus","QueueItem","Readonly","id","text","description","status","partitionQueue","items","pending","completed","filter","item","itemCount","count","Count","props","noun","_el$","_tmpl$","_$insert","_el$2","_tmpl$2","QueueProps","Omit","pendingLabel","completedLabel","empty","defaultCompletedOpen","Queue","local","rest","sections","_$createComponent","when","length","fallback","children","_$mergeProps","title","icon","meta","defaultOpen","label","each","QueueFollowUp","onRemove","REMOVE_LABEL_CHARS","FollowUpRow","remove","HTMLButtonElement","document","activeElement","buttons","closest","querySelectorAll","previous","Array","from","button","at","focus","slice","_el$3","_tmpl$3","_el$4","firstChild","ref","element","type","variant","size","aria-label","onClick","_$effect","_$setAttribute","QueueFollowUpsProps","QueueFollowUps","_$createComponent","_$mergeProps","_$setAttribute"],"sources":["../../../../src/components/composites/queue/queue.tsx"],"sourcesContent":["import { CornerDownRight, ListChecks, ListTodo, MessageSquarePlus, X } from 'lucide-solid'\nimport {\n  createMemo,\n  Index,\n  onCleanup,\n  Show,\n  splitProps,\n  type ComponentProps,\n  type JSX,\n} from 'solid-js'\nimport { Button } from '../../ui/button'\nimport { Trace, TraceLine } from '../../ui/trace'\nimport { TaskItemList, TaskItemRow } from '../task'\n\n// A function child runs once, when the content mounts (see `deferred` in `tool.tsx`).\nconst deferred = (render: () => JSX.Element) => render as unknown as JSX.Element\n\n/**\n * Queue.\n *\n * The agent's todo list, split the way a reader asks about it: what is still to\n * do, and what is already done. Two collapsible sections with their counts,\n * \"Pending\" open and \"Completed\" folded — the finished work is the record, the\n * pending work is the question. Reach for `Plan` when the list is a proposal\n * awaiting a decision, for `Task` when it is one piece of work with files\n * attached, and for `QueueFollowUps` (below) when the things waiting are\n * *messages from the person*, not work the agent set itself.\n *\n * ## Sorting is the host's statement, not ours\n *\n * An item is in the Completed section only if its `status` is `complete`.\n * Everything else — `pending`, `active`, or no status at all — is still to do,\n * which is what \"not marked done\" means; the mark shown matches (an item with\n * no status gets the pending mark, because it is in the Pending section). An\n * empty section is not drawn: \"Completed (0)\" is noise, and a list with nothing\n * in either section renders nothing, or the `empty` content if the host gave\n * some, rather than a heading over a void.\n *\n * ## Bounded\n *\n * Each section scrolls inside a capped, keyboard-focusable region, and rows are\n * kept by position, so a list of two hundred items does not push the answer out\n * of view and a status change updates a row instead of recreating it. Item text\n * wraps to three lines and is clamped (see `Task`).\n *\n * A `Queue` is a block (its own `Trace`) and can sit between other parts of a\n * turn.\n */\nexport type QueueItemStatus = 'pending' | 'active' | 'complete'\n\nexport type QueueItem = Readonly<{\n  id?: string\n  text: string\n  description?: string\n  status?: QueueItemStatus\n}>\n\n/** Split a todo list into the two sections. Order is preserved within each. */\nexport function partitionQueue(items: readonly QueueItem[]): Readonly<{\n  pending: readonly QueueItem[]\n  completed: readonly QueueItem[]\n}> {\n  return {\n    pending: items.filter((item) => item.status !== 'complete'),\n    completed: items.filter((item) => item.status === 'complete'),\n  }\n}\n\nfunction itemCount(count: number): string {\n  return `${count} ${count === 1 ? 'item' : 'items'}`\n}\n\n/** The count, shown as a number and spoken as a phrase. */\nfunction Count(props: { count: number; noun?: string }) {\n  return (\n    <>\n      <span aria-hidden=\"true\">{props.count}</span>\n      <span class=\"sr-only\">{props.noun ?? itemCount(props.count)}</span>\n    </>\n  )\n}\n\nexport type QueueProps = Omit<ComponentProps<typeof Trace>, 'children'> & {\n  items: readonly QueueItem[]\n  pendingLabel?: string\n  completedLabel?: string\n  /** Shown when there is nothing in either section. Omit to draw nothing. */\n  empty?: JSX.Element\n  /** Open the Completed section initially. */\n  defaultCompletedOpen?: boolean\n}\n\nexport function Queue(props: QueueProps) {\n  const [local, rest] = splitProps(props, [\n    'items',\n    'pendingLabel',\n    'completedLabel',\n    'empty',\n    'defaultCompletedOpen',\n  ])\n  const sections = createMemo(() => partitionQueue(local.items))\n  const pending = () => sections().pending\n  const completed = () => sections().completed\n  const pendingLabel = () => local.pendingLabel ?? 'Pending'\n  const completedLabel = () => local.completedLabel ?? 'Completed'\n\n  return (\n    <Show\n      when={local.items.length > 0}\n      fallback={\n        <Show when={local.empty}>\n          <Trace aria-label=\"Queue\" {...rest}>\n            <TraceLine title={local.empty} />\n          </Trace>\n        </Show>\n      }\n    >\n      <Trace aria-label=\"Queue\" {...rest}>\n        <Show when={pending().length > 0}>\n          <TraceLine\n            icon={<ListTodo />}\n            title={pendingLabel()}\n            meta={<Count count={pending().length} />}\n            defaultOpen\n          >\n            {deferred(() => (\n              <TaskItemList label={pendingLabel()}>\n                <Index each={pending()}>\n                  {(item) => (\n                    <TaskItemRow\n                      text={item().text}\n                      description={item().description}\n                      status={item().status ?? 'pending'}\n                    />\n                  )}\n                </Index>\n              </TaskItemList>\n            ))}\n          </TraceLine>\n        </Show>\n        <Show when={completed().length > 0}>\n          <TraceLine\n            icon={<ListChecks />}\n            title={completedLabel()}\n            meta={<Count count={completed().length} />}\n            defaultOpen={local.defaultCompletedOpen ?? false}\n          >\n            {deferred(() => (\n              <TaskItemList label={completedLabel()}>\n                <Index each={completed()}>\n                  {(item) => (\n                    <TaskItemRow\n                      text={item().text}\n                      description={item().description}\n                      status=\"complete\"\n                    />\n                  )}\n                </Index>\n              </TaskItemList>\n            ))}\n          </TraceLine>\n        </Show>\n      </Trace>\n    </Show>\n  )\n}\n\nexport type QueueFollowUp = Readonly<{\n  id?: string\n  text: string\n  /** Removes it from the queue. Omit it and the row has no remove control. */\n  onRemove?: () => void\n}>\n\nconst REMOVE_LABEL_CHARS = 60\n\nfunction FollowUpRow(props: { item: QueueFollowUp }) {\n  let remove: HTMLButtonElement | undefined\n\n  // Rows are kept by position, so removing a middle row leaves the focused\n  // button where it is (now on the next message). Only the last row is ever\n  // disposed under focus; hand focus to the one before it rather than to `body`.\n  onCleanup(() => {\n    if (!remove || document.activeElement !== remove) return\n    const buttons = remove\n      .closest('ul')\n      ?.querySelectorAll<HTMLButtonElement>('button[data-slot=\"queue-follow-up-remove\"]')\n    const previous = Array.from(buttons ?? []).filter((button) => button !== remove)\n    previous.at(-1)?.focus()\n  })\n\n  const text = () =>\n    props.item.text.length > 1_000 ? `${props.item.text.slice(0, 1_000)}…` : props.item.text\n  const label = () =>\n    props.item.text.length > REMOVE_LABEL_CHARS\n      ? `${props.item.text.slice(0, REMOVE_LABEL_CHARS)}…`\n      : props.item.text\n\n  return (\n    <li data-slot=\"queue-follow-up\" class=\"flex min-w-0 items-start gap-2 rounded-md px-1.5 py-0.5\">\n      <CornerDownRight aria-hidden=\"true\" class=\"mt-0.5 size-3.5 shrink-0 text-muted-foreground\" />\n      <p\n        title={text()}\n        class=\"m-0 line-clamp-3 min-w-0 flex-1 text-sm [overflow-wrap:anywhere] whitespace-pre-wrap text-foreground\"\n      >\n        {text()}\n      </p>\n      <Show when={props.item.onRemove}>\n        {(onRemove) => (\n          <Button\n            ref={(element) => (remove = element)}\n            data-slot=\"queue-follow-up-remove\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-2xs\"\n            class=\"shrink-0\"\n            aria-label={`Remove queued message: ${label()}`}\n            onClick={() => onRemove()()}\n          >\n            <X aria-hidden=\"true\" />\n          </Button>\n        )}\n      </Show>\n    </li>\n  )\n}\n\nexport type QueueFollowUpsProps = Omit<ComponentProps<typeof Trace>, 'children'> & {\n  items: readonly QueueFollowUp[]\n  /** The section's title. */\n  title?: string\n  defaultOpen?: boolean\n}\n\n/**\n * Follow-up messages the person sent that have not been delivered yet. They are\n * the person's words, so they are shown as sent (wrapped, clamped to three\n * lines) rather than as work. The remove control exists per message only when\n * that message carries `onRemove`: whether it may still be withdrawn is the\n * runtime's to say, and a message past recall simply has no button. With no\n * messages the component draws nothing.\n */\nexport function QueueFollowUps(props: QueueFollowUpsProps) {\n  const [local, rest] = splitProps(props, ['items', 'title', 'defaultOpen'])\n  const title = () => local.title ?? 'Queued follow-ups'\n  return (\n    <Show when={local.items.length > 0}>\n      <Trace aria-label={title()} {...rest}>\n        <TraceLine\n          icon={<MessageSquarePlus />}\n          title={title()}\n          meta={<Count count={local.items.length} noun={`${local.items.length} waiting`} />}\n          defaultOpen={local.defaultOpen ?? true}\n        >\n          {deferred(() => (\n            <TaskItemList label={title()}>\n              <Index each={local.items}>{(item) => <FollowUpRow item={item()} />}</Index>\n            </TaskItemList>\n          ))}\n        </TraceLine>\n      </Trace>\n    </Show>\n  )\n}\n"],"mappings":"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"}

package/dist/components/composites/reasoning/index.d.ts

@@ -0,0 +1,2 @@
+export { formatDuration, Reasoning, reasoningTitle, type ReasoningProps } from './reasoning';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composites/reasoning/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/reasoning/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA"}

package/dist/components/composites/reasoning/index.js

@@ -0,0 +1,2 @@
+import { Reasoning, formatDuration, reasoningTitle } from "./reasoning.js";
+export { Reasoning, formatDuration, reasoningTitle };