@sarchauhan/chat 0.0.0-stage → 0.0.1

package/dist/chunk-5SNRYULC.mjs

@@ -0,0 +1,2201 @@
+"use client";
+
+// src/widgets/read-file.tsx
+import { useState } from "react";
+
+// src/widgets/tool-frame.tsx
+import { ChevronDown } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ToolFrame({
+  label,
+  title,
+  meta,
+  state = "complete",
+  error,
+  className = "",
+  children
+}) {
+  const status = {
+    running: "Working",
+    complete: "Done",
+    error: "Failed",
+    denied: "Denied",
+    approval: "Needs approval"
+  }[state];
+  return /* @__PURE__ */ jsxs(
+    "details",
+    {
+      className: `chat-prebuilt chat-tool-widget ${className}`,
+      "data-state": state,
+      open: state !== "complete",
+      children: [
+        /* @__PURE__ */ jsxs("summary", { children: [
+          /* @__PURE__ */ jsx(ChevronDown, { size: 14, "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { className: "chat-tool-widget-label", children: label }),
+          /* @__PURE__ */ jsx("span", { className: "chat-tool-widget-title", title, children: title }),
+          /* @__PURE__ */ jsx("span", { className: "chat-tool-widget-meta", children: meta }),
+          /* @__PURE__ */ jsx("span", { className: "chat-tool-widget-status", role: "status", children: status })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "chat-tool-widget-body", children: error ? /* @__PURE__ */ jsx("p", { className: "chat-widget-error", role: "alert", children: error }) : children })
+      ]
+    }
+  );
+}
+
+// src/widgets/read-file.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function ReadFileWidget({
+  path,
+  content,
+  startLine = 1,
+  language,
+  maxLines = 80,
+  ...props
+}) {
+  var _a;
+  const [expanded, setExpanded] = useState(false);
+  const lines = (_a = content == null ? void 0 : content.split(/\r?\n/)) != null ? _a : [];
+  const limit = Math.max(1, maxLines);
+  const firstLine = Math.max(1, Math.floor(startLine));
+  return /* @__PURE__ */ jsxs2(
+    ToolFrame,
+    {
+      ...props,
+      label: "Read file",
+      title: path,
+      meta: lines.length ? `${lines.length} lines` : language,
+      children: [
+        content === void 0 ? /* @__PURE__ */ jsx2("p", { className: "chat-widget-empty", children: props.state === "running" ? "Reading file\u2026" : "No file content supplied." }) : /* @__PURE__ */ jsx2(
+          "div",
+          {
+            className: "chat-code-preview",
+            role: "region",
+            "aria-label": `Contents of ${path}`,
+            tabIndex: 0,
+            children: (expanded ? lines : lines.slice(0, limit)).map((line, index) => /* @__PURE__ */ jsxs2("div", { className: "chat-code-line", children: [
+              /* @__PURE__ */ jsx2("span", { className: "chat-line-number", "aria-hidden": "true", children: firstLine + index }),
+              /* @__PURE__ */ jsx2("code", { children: line || " " })
+            ] }, index))
+          }
+        ),
+        !expanded && lines.length > limit ? /* @__PURE__ */ jsxs2(
+          "button",
+          {
+            className: "chat-widget-more",
+            type: "button",
+            onClick: () => setExpanded(true),
+            children: [
+              "Show ",
+              lines.length - limit,
+              " more lines"
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/widgets/patch.tsx
+import { useMemo, useState as useState2 } from "react";
+
+// src/widgets/compute.ts
+import { parseArtifact } from "@sarchauhan/protocol";
+var record = (value) => value !== null && typeof value === "object" && !Array.isArray(value) ? value : {};
+var string = (...values) => values.find((value) => typeof value === "string");
+var number = (...values) => values.find(
+  (value) => typeof value === "number" && Number.isFinite(value)
+);
+var aliases = {
+  read: "read-file",
+  read_file: "read-file",
+  readFile: "read-file",
+  "read-file": "read-file",
+  patch: "patch",
+  apply_patch: "patch",
+  edit_file: "patch",
+  edit: "patch",
+  search: "search",
+  grep: "search",
+  file_search: "search",
+  web_search: "search",
+  question: "question",
+  ask_question: "question"
+};
+function computeToolState(part) {
+  if (part.state === "output-error") return "error";
+  if (part.state === "output-denied") return "denied";
+  if (part.state === "approval-requested") return "approval";
+  return part.state === "output-available" && !part.preliminary ? "complete" : "running";
+}
+function normalizeSearchResults(value) {
+  if (!Array.isArray(value)) return [];
+  return value.flatMap((item) => {
+    const result = record(item);
+    const path = string(result.path, result.file, result.url);
+    if (!path) return [];
+    return [
+      {
+        path,
+        line: number(result.line, result.lineNumber),
+        text: string(result.text, result.snippet, result.content),
+        title: string(result.title),
+        url: string(result.url)
+      }
+    ];
+  });
+}
+function computeToolWidget(part) {
+  var _a, _b, _c;
+  const name = aliases[part.toolName];
+  if (!name) {
+    const output2 = record(part.output);
+    if (part.state !== "output-available") return null;
+    if (Array.isArray(output2.artifacts)) {
+      const artifacts = output2.artifacts.flatMap((value) => {
+        const artifact2 = parseArtifact(value);
+        return artifact2 ? [artifact2] : [];
+      });
+      return artifacts.length ? { type: "widget", name: "artifacts", id: part.toolCallId, props: { artifacts } } : null;
+    }
+    const artifact = parseArtifact(output2.artifact);
+    return artifact ? { type: "widget", name: "artifact", id: part.toolCallId, props: { artifact } } : null;
+  }
+  const input = record(part.input), output = record(part.output);
+  const values = { ...input, ...output };
+  const common2 = { state: computeToolState(part), error: part.errorText };
+  let props;
+  if (name === "read-file") {
+    const path = string(
+      values.path,
+      values.file,
+      values.filename,
+      values.file_path
+    );
+    if (!path) return null;
+    props = {
+      ...common2,
+      path,
+      content: string(output.content, output.text, part.output),
+      startLine: number(values.startLine, values.start_line, values.offset),
+      language: string(values.language)
+    };
+    if (part.state === "output-available" && props.content === void 0)
+      return null;
+  } else if (name === "patch") {
+    const before = string(values.before, values.old_string, values.oldText);
+    const after = string(values.after, values.new_string, values.newText);
+    const diff = (_a = string(
+      output.diff,
+      output.patch,
+      input.diff,
+      input.patch,
+      part.input,
+      part.output
+    )) != null ? _a : before !== void 0 && after !== void 0 ? computeTextDiff(
+      before,
+      after,
+      string(values.path, values.file_path, "file")
+    ) : void 0;
+    if (diff === void 0 || diff && !/^(@@|diff --git|--- |\*\*\* Begin Patch)/m.test(diff))
+      return null;
+    props = {
+      ...common2,
+      path: string(values.path, values.file, values.file_path),
+      diff
+    };
+  } else if (name === "search") {
+    const query = string(values.query, values.pattern, values.search);
+    if (query === void 0) return null;
+    const results = (_c = (_b = output.results) != null ? _b : output.matches) != null ? _c : Array.isArray(part.output) ? part.output : void 0;
+    if (part.state === "output-available" && !Array.isArray(results))
+      return null;
+    props = {
+      ...common2,
+      query,
+      results: normalizeSearchResults(results),
+      total: number(output.total, output.totalCount)
+    };
+  } else {
+    if (["output-error", "output-denied", "approval-requested"].includes(
+      part.state
+    ))
+      return null;
+    const prompt = string(input.prompt, input.question);
+    if (!prompt) return null;
+    props = { ...input, prompt };
+  }
+  return {
+    type: "widget",
+    name,
+    id: part.toolCallId,
+    props,
+    interactive: name === "question" && part.state === "input-available"
+  };
+}
+function computeDiff(diff) {
+  let oldLine = 0, newLine = 0, inHunk = false, oldRemaining = 0, newRemaining = 0, additions = 0, deletions = 0;
+  const lines = diff.replace(/\r\n/g, "\n").split("\n").map((text) => {
+    var _a, _b;
+    const hunk = /^@@ -(\d+)(?:,(\d+))? \+(\d+)(?:,(\d+))? @@/.exec(text);
+    if (hunk) {
+      oldLine = Number(hunk[1]);
+      newLine = Number(hunk[3]);
+      oldRemaining = Number((_a = hunk[2]) != null ? _a : 1);
+      newRemaining = Number((_b = hunk[4]) != null ? _b : 1);
+      inHunk = true;
+      return { kind: "header", text };
+    }
+    if (oldRemaining === 0 && newRemaining === 0) inHunk = false;
+    if (!inHunk && /^(diff --git|--- |\+\+\+ |\*\*\* )/.test(text)) {
+      inHunk = false;
+      return { kind: "header", text };
+    }
+    if (text.startsWith("@@")) {
+      inHunk = false;
+      return { kind: "header", text };
+    }
+    if (text.startsWith("+")) {
+      additions++;
+      if (inHunk) newRemaining--;
+      return { kind: "add", text, newLine: inHunk ? newLine++ : void 0 };
+    }
+    if (text.startsWith("-")) {
+      deletions++;
+      if (inHunk) oldRemaining--;
+      return {
+        kind: "remove",
+        text,
+        oldLine: inHunk ? oldLine++ : void 0
+      };
+    }
+    if (inHunk && text.startsWith(" ")) {
+      oldRemaining--;
+      newRemaining--;
+      return {
+        kind: "context",
+        text,
+        oldLine: oldLine++,
+        newLine: newLine++
+      };
+    }
+    return { kind: "header", text };
+  });
+  return { lines, additions, deletions };
+}
+function safeResultUrl(url) {
+  try {
+    const parsed = new URL(url != null ? url : "");
+    return ["https:", "http:"].includes(parsed.protocol) ? parsed.href : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function computeTextDiff(before, after, path = "file") {
+  if (before === after) return "";
+  const split = (text) => text === "" ? [] : text.replace(/\r\n/g, "\n").replace(/\n$/, "").split("\n");
+  const oldLines = split(before), newLines = split(after);
+  let prefix = 0, suffix = 0;
+  while (prefix < oldLines.length && prefix < newLines.length && oldLines[prefix] === newLines[prefix])
+    prefix++;
+  while (suffix < oldLines.length - prefix && suffix < newLines.length - prefix && oldLines[oldLines.length - 1 - suffix] === newLines[newLines.length - 1 - suffix])
+    suffix++;
+  if (before.endsWith("\n") !== after.endsWith("\n")) suffix = 0;
+  if (prefix === oldLines.length && prefix === newLines.length) {
+    prefix = Math.max(0, prefix - 1);
+    suffix = 0;
+  }
+  const start = Math.max(0, prefix - 3), tail = Math.min(3, suffix);
+  const oldEnd = oldLines.length - suffix, newEnd = newLines.length - suffix;
+  const oldCount = oldEnd + tail - start, newCount = newEnd + tail - start;
+  const label = path.replace(/[\r\n]/g, "");
+  const body = [
+    ...oldLines.slice(start, prefix).map((line) => " " + line),
+    ...oldLines.slice(prefix, oldEnd).flatMap((line, index) => [
+      "-" + line,
+      ...prefix + index === oldLines.length - 1 && !before.endsWith("\n") ? ["\"] : []
+    ]),
+    ...newLines.slice(prefix, newEnd).flatMap((line, index) => [
+      "+" + line,
+      ...prefix + index === newLines.length - 1 && !after.endsWith("\n") ? ["\"] : []
+    ]),
+    ...oldLines.slice(oldEnd, oldEnd + tail).map((line) => " " + line)
+  ];
+  return [
+    `--- a/${label}`,
+    `+++ b/${label}`,
+    `@@ -${oldCount ? start + 1 : start},${oldCount} +${newCount ? start + 1 : start},${newCount} @@`,
+    ...body
+  ].join("\n");
+}
+
+// src/widgets/patch.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function PatchWidget({
+  path = "File changes",
+  diff: rawDiff,
+  before,
+  after,
+  maxLines = 100,
+  ...props
+}) {
+  const diff = useMemo(
+    () => rawDiff != null ? rawDiff : before !== void 0 && after !== void 0 ? computeTextDiff(before, after, path) : "",
+    [rawDiff, before, after, path]
+  );
+  const [expanded, setExpanded] = useState2(false);
+  const { lines, additions, deletions } = useMemo(
+    () => computeDiff(diff),
+    [diff]
+  );
+  const limit = Math.max(1, maxLines);
+  return /* @__PURE__ */ jsxs3(
+    ToolFrame,
+    {
+      ...props,
+      label: "Patch",
+      title: path,
+      meta: /* @__PURE__ */ jsxs3(Fragment, { children: [
+        /* @__PURE__ */ jsxs3("span", { className: "chat-diff-add-count", children: [
+          "+",
+          additions
+        ] }),
+        " ",
+        /* @__PURE__ */ jsxs3("span", { className: "chat-diff-remove-count", children: [
+          "\u2212",
+          deletions
+        ] })
+      ] }),
+      children: [
+        diff ? /* @__PURE__ */ jsx3(
+          "div",
+          {
+            className: "chat-code-preview chat-diff",
+            role: "region",
+            "aria-label": `Diff for ${path}`,
+            tabIndex: 0,
+            children: (expanded ? lines : lines.slice(0, limit)).map((line, index) => /* @__PURE__ */ jsxs3("div", { className: "chat-code-line", "data-kind": line.kind, children: [
+              /* @__PURE__ */ jsx3("span", { className: "chat-line-number", "aria-hidden": "true", children: line.oldLine }),
+              /* @__PURE__ */ jsx3("span", { className: "chat-line-number", "aria-hidden": "true", children: line.newLine }),
+              /* @__PURE__ */ jsx3("code", { children: line.text || " " })
+            ] }, index))
+          }
+        ) : /* @__PURE__ */ jsx3("p", { className: "chat-widget-empty", children: "No changes supplied." }),
+        !expanded && lines.length > limit ? /* @__PURE__ */ jsxs3(
+          "button",
+          {
+            className: "chat-widget-more",
+            type: "button",
+            onClick: () => setExpanded(true),
+            children: [
+              "Show full diff (",
+              lines.length,
+              " lines)"
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/widgets/search.tsx
+import { useState as useState3 } from "react";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function SearchWidget({
+  query,
+  results = [],
+  total,
+  maxResults = 5,
+  ...props
+}) {
+  const [expanded, setExpanded] = useState3(false);
+  const limit = Math.max(1, maxResults);
+  const count = Math.max(results.length, total != null ? total : 0);
+  return /* @__PURE__ */ jsxs4(
+    ToolFrame,
+    {
+      ...props,
+      label: "Search",
+      title: query,
+      meta: `${count} ${count === 1 ? "result" : "results"}`,
+      children: [
+        !results.length ? /* @__PURE__ */ jsx4("p", { className: "chat-widget-empty", children: props.state === "running" ? "Searching\u2026" : "No results found." }) : /* @__PURE__ */ jsx4("ol", { className: "chat-search-results", children: (expanded ? results : results.slice(0, limit)).map(
+          (result, index) => {
+            const href = safeResultUrl(result.url);
+            const label = /* @__PURE__ */ jsxs4(Fragment2, { children: [
+              result.title || result.path,
+              result.line ? /* @__PURE__ */ jsxs4("span", { className: "chat-search-line", children: [
+                ":",
+                result.line
+              ] }) : null
+            ] });
+            return /* @__PURE__ */ jsxs4("li", { children: [
+              href ? /* @__PURE__ */ jsx4("a", { href, target: "_blank", rel: "noreferrer", children: label }) : /* @__PURE__ */ jsx4("div", { className: "chat-search-path", children: label }),
+              result.text ? /* @__PURE__ */ jsx4("p", { children: result.text }) : null
+            ] }, `${result.path}-${result.line}-${index}`);
+          }
+        ) }),
+        !expanded && results.length > limit ? /* @__PURE__ */ jsxs4(
+          "button",
+          {
+            className: "chat-widget-more",
+            type: "button",
+            onClick: () => setExpanded(true),
+            children: [
+              "Show ",
+              results.length - limit,
+              " more results"
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/widgets/question.tsx
+import { useId, useRef, useState as useState4 } from "react";
+import { ArrowUp, Check } from "lucide-react";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function QuestionWidget({
+  prompt,
+  description,
+  options = [],
+  multiple = false,
+  allowCustom = false,
+  disabled = false,
+  onSubmit,
+  className = ""
+}) {
+  const id = useId();
+  const [selected, setSelected] = useState4([]), [text, setText] = useState4("");
+  const [status, setStatus] = useState4("idle");
+  const [error, setError] = useState4();
+  const submitting = useRef(false);
+  const choices = options.map(
+    (option) => typeof option === "string" ? { label: option, value: option } : option
+  );
+  const locked = disabled || status !== "idle" || !onSubmit;
+  return /* @__PURE__ */ jsxs5(
+    "form",
+    {
+      className: `chat-prebuilt chat-question ${className}`,
+      "aria-labelledby": `${id}-prompt`,
+      onSubmit: async (event) => {
+        event.preventDefault();
+        if (locked || submitting.current || !selected.length && !text.trim())
+          return;
+        submitting.current = true;
+        setStatus("sending");
+        setError(void 0);
+        try {
+          await (onSubmit == null ? void 0 : onSubmit({
+            values: selected,
+            ...text.trim() ? { text: text.trim() } : {}
+          }));
+          setStatus("sent");
+        } catch (cause) {
+          setError(
+            cause instanceof Error ? cause.message : "Could not send your answer. Try again."
+          );
+          setStatus("idle");
+        } finally {
+          submitting.current = false;
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx5("div", { className: "chat-question-eyebrow", children: "Your input" }),
+        /* @__PURE__ */ jsx5("h3", { id: `${id}-prompt`, children: prompt }),
+        description ? /* @__PURE__ */ jsx5("p", { className: "chat-question-description", children: description }) : null,
+        /* @__PURE__ */ jsxs5("fieldset", { disabled: locked, children: [
+          /* @__PURE__ */ jsx5("legend", { className: "chat-sr-only", children: multiple ? "Select one or more options" : "Select an option" }),
+          choices.map((option, index) => /* @__PURE__ */ jsxs5(
+            "label",
+            {
+              className: "chat-question-option",
+              "data-selected": selected.includes(option.value),
+              children: [
+                /* @__PURE__ */ jsx5(
+                  "input",
+                  {
+                    type: multiple ? "checkbox" : "radio",
+                    name: id,
+                    value: option.value,
+                    checked: selected.includes(option.value),
+                    onChange: () => setSelected(
+                      (current) => multiple ? current.includes(option.value) ? current.filter((value) => value !== option.value) : [...current, option.value] : [option.value]
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxs5("span", { children: [
+                  /* @__PURE__ */ jsxs5("span", { className: "chat-question-option-title", children: [
+                    option.label,
+                    option.recommended ? /* @__PURE__ */ jsx5("small", { children: "Recommended" }) : null
+                  ] }),
+                  option.description ? /* @__PURE__ */ jsx5("span", { className: "chat-question-option-description", children: option.description }) : null
+                ] })
+              ]
+            },
+            `${option.value}-${index}`
+          )),
+          allowCustom || !choices.length ? /* @__PURE__ */ jsxs5("label", { className: "chat-question-custom", children: [
+            choices.length ? "Additional context" : "Your answer",
+            /* @__PURE__ */ jsx5(
+              "textarea",
+              {
+                rows: 2,
+                value: text,
+                onChange: (event) => setText(event.target.value),
+                placeholder: "Type your answer\u2026"
+              }
+            )
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsxs5("footer", { children: [
+          /* @__PURE__ */ jsx5("span", { role: "status", children: status === "sent" ? "Answer sent" : status === "sending" ? "Sending\u2026" : multiple ? "Choose one or more" : choices.length ? "Choose and confirm" : "Write and confirm" }),
+          /* @__PURE__ */ jsxs5(
+            "button",
+            {
+              type: "submit",
+              disabled: locked || !selected.length && !text.trim(),
+              children: [
+                status === "sent" ? /* @__PURE__ */ jsx5(Check, { size: 14, "aria-hidden": "true" }) : /* @__PURE__ */ jsx5(ArrowUp, { size: 14, "aria-hidden": "true" }),
+                status === "sent" ? "Submitted" : "Confirm"
+              ]
+            }
+          )
+        ] }),
+        error ? /* @__PURE__ */ jsx5("p", { className: "chat-widget-error", role: "alert", children: error }) : null
+      ]
+    }
+  );
+}
+
+// src/widgets/registry.tsx
+import { parseArtifact as parseArtifact3, parseSubagent as parseSubagent2 } from "@sarchauhan/protocol";
+
+// src/widgets/artifact.tsx
+import { useState as useState6 } from "react";
+import { Download, FileText, Image as ImageIcon, ExternalLink } from "lucide-react";
+
+// src/widgets/responsive-detail.tsx
+import { useRef as useRef2, useState as useState5 } from "react";
+import { Dialog } from "radix-ui";
+import { X } from "lucide-react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function ResponsiveDetail({ title, description = "Details from this conversation", trigger, children }) {
+  const origin = useRef2(null);
+  const [presentation, setPresentation] = useState5({ theme: "light", style: {} });
+  return /* @__PURE__ */ jsx6("div", { ref: origin, className: "chat-detail-origin", children: /* @__PURE__ */ jsxs6(Dialog.Root, { onOpenChange: (open) => {
+    var _a, _b;
+    if (!open || !origin.current) return;
+    const host = (_a = origin.current.closest(".chat-root")) != null ? _a : origin.current;
+    const computed = window.getComputedStyle(host);
+    const tokens = {};
+    for (let index = 0; index < computed.length; index++) {
+      const name = computed.item(index);
+      if (name.startsWith("--chat-")) tokens[name] = computed.getPropertyValue(name);
+    }
+    const requested = host.getAttribute("data-theme");
+    const dark = requested === "dark" || requested === "system" && ((_b = window.matchMedia) == null ? void 0 : _b.call(window, "(prefers-color-scheme: dark)").matches);
+    setPresentation({ theme: dark ? "dark" : "light", style: tokens });
+  }, children: [
+    /* @__PURE__ */ jsx6(Dialog.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxs6(Dialog.Portal, { children: [
+      /* @__PURE__ */ jsx6(Dialog.Overlay, { className: "chat-detail-overlay" }),
+      /* @__PURE__ */ jsxs6(Dialog.Content, { className: "chat-root chat-detail-panel", "data-theme": presentation.theme, style: presentation.style, children: [
+        /* @__PURE__ */ jsx6("div", { className: "chat-detail-handle", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs6("header", { className: "chat-detail-header", children: [
+          /* @__PURE__ */ jsxs6("div", { children: [
+            /* @__PURE__ */ jsx6(Dialog.Title, { className: "chat-detail-title", children: title }),
+            /* @__PURE__ */ jsx6(Dialog.Description, { className: "chat-detail-description", children: description })
+          ] }),
+          /* @__PURE__ */ jsx6(Dialog.Close, { className: "chat-detail-close", "aria-label": "Close details", children: /* @__PURE__ */ jsx6(X, { size: 18, "aria-hidden": "true" }) })
+        ] }),
+        /* @__PURE__ */ jsx6("div", { className: "chat-detail-body", children })
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/widgets/artifact.tsx
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function safeArtifactUrl(value, image = false) {
+  if (!value || /[\u0000-\u0020\u007f]/.test(value)) return void 0;
+  if (/^blob:/i.test(value)) {
+    try {
+      new URL(value);
+      return value;
+    } catch {
+      return void 0;
+    }
+  }
+  if (image && /^data:image\/(?:png|jpeg|gif|webp|avif);base64,[a-z0-9+/=]+$/i.test(value)) return value;
+  try {
+    const parsed = new URL(value, "https://chat.invalid");
+    if (!["https:", "http:"].includes(parsed.protocol)) return void 0;
+    return value;
+  } catch {
+    return void 0;
+  }
+}
+function formatArtifactSize(bytes) {
+  if (bytes === void 0 || !Number.isFinite(bytes) || bytes < 0) return void 0;
+  if (bytes < 1024) return bytes + " B";
+  if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + " KB";
+  return (bytes / (1024 * 1024)).toFixed(1) + " MB";
+}
+function ArtifactWidget({ artifact, className = "" }) {
+  var _a;
+  const { filename, mediaType, content, sizeBytes, error } = artifact;
+  const state = (_a = artifact.status) != null ? _a : "ready";
+  const image = mediaType.startsWith("image/");
+  const [failedUrl, setFailedUrl] = useState6();
+  const previewUrl = image ? safeArtifactUrl(artifact.url, true) : void 0;
+  const link = safeArtifactUrl(artifact.url, image);
+  const ready = state === "ready";
+  const preview = ready && (previewUrl && failedUrl !== previewUrl || content !== void 0);
+  const Icon = image ? ImageIcon : FileText;
+  const label = state === "creating" ? "Creating\u2026" : state === "error" ? "Could not create file" : "Created";
+  const metadata = [mediaType, formatArtifactSize(sizeBytes)].filter(Boolean).join(" \xB7 ");
+  return /* @__PURE__ */ jsxs7("section", { className: "chat-prebuilt chat-artifact " + className, "aria-label": "Artifact: " + filename, "data-state": state, children: [
+    ready && previewUrl && failedUrl !== previewUrl ? /* @__PURE__ */ jsx7("div", { className: "chat-artifact-thumbnail", children: /* @__PURE__ */ jsx7("img", { src: previewUrl, alt: filename, loading: "lazy", onError: () => setFailedUrl(previewUrl) }) }) : null,
+    /* @__PURE__ */ jsxs7("div", { className: "chat-artifact-row", children: [
+      /* @__PURE__ */ jsx7("span", { className: "chat-artifact-icon", children: /* @__PURE__ */ jsx7(Icon, { size: 20, "aria-hidden": "true" }) }),
+      /* @__PURE__ */ jsxs7("div", { className: "chat-artifact-heading", children: [
+        /* @__PURE__ */ jsx7("strong", { title: filename, children: filename }),
+        /* @__PURE__ */ jsx7("span", { children: metadata })
+      ] }),
+      /* @__PURE__ */ jsx7("span", { className: "chat-artifact-state", role: "status", children: label })
+    ] }),
+    state === "error" && error ? /* @__PURE__ */ jsx7("p", { className: "chat-widget-error", role: "alert", children: error }) : null,
+    ready && image && previewUrl && failedUrl === previewUrl ? /* @__PURE__ */ jsx7("p", { className: "chat-widget-empty", children: "Image preview unavailable." }) : null,
+    ready && (preview || link) ? /* @__PURE__ */ jsxs7("footer", { className: "chat-artifact-actions", children: [
+      preview ? /* @__PURE__ */ jsx7(ResponsiveDetail, { title: filename, description: metadata, trigger: /* @__PURE__ */ jsx7("button", { type: "button", children: "Preview" }), children: image && previewUrl && failedUrl !== previewUrl ? /* @__PURE__ */ jsx7("img", { className: "chat-artifact-full-image", src: previewUrl, alt: filename, onError: () => setFailedUrl(previewUrl) }) : /* @__PURE__ */ jsx7("pre", { className: "chat-artifact-text", tabIndex: 0, children: content }) }) : null,
+      link ? /* @__PURE__ */ jsxs7(Fragment3, { children: [
+        /* @__PURE__ */ jsxs7("a", { href: link, target: "_blank", rel: "noreferrer", children: [
+          /* @__PURE__ */ jsx7(ExternalLink, { size: 14, "aria-hidden": "true" }),
+          "Open"
+        ] }),
+        /* @__PURE__ */ jsxs7("a", { href: link, download: filename, target: "_blank", rel: "noreferrer", children: [
+          /* @__PURE__ */ jsx7(Download, { size: 14, "aria-hidden": "true" }),
+          "Download"
+        ] })
+      ] }) : null
+    ] }) : null
+  ] });
+}
+function ArtifactsWidget({ artifacts, className = "" }) {
+  return /* @__PURE__ */ jsx7("div", { className: "chat-artifacts " + className, children: artifacts.map((artifact) => /* @__PURE__ */ jsx7(ArtifactWidget, { artifact }, artifact.id)) });
+}
+
+// src/widgets/subagent.tsx
+import { createContext as createContext3, useContext as useContext3 } from "react";
+import { ArrowUpRight, CircleCheck, CircleX, LoaderCircle, Bot } from "lucide-react";
+
+// src/components/Message/message.content.tsx
+import {
+  normalizeAgentParts,
+  parseArtifact as parseArtifact2,
+  parseSubagent
+} from "@sarchauhan/protocol";
+import { ChevronDown as ChevronDown3 } from "lucide-react";
+import { useEffect as useEffect6, useLayoutEffect, useRef as useRef7, useState as useState12 } from "react";
+
+// src/lib/message/segment.ts
+var splitThinkingSegments = (content) => {
+  const segments = [];
+  let cursor = 0;
+  while (cursor < content.length) {
+    const openingIndex = content.indexOf("<thinking>", cursor);
+    if (openingIndex === -1) {
+      segments.push({
+        type: "markdown",
+        content: content.slice(cursor)
+      });
+      break;
+    }
+    if (openingIndex > cursor) {
+      segments.push({
+        type: "markdown",
+        content: content.slice(cursor, openingIndex)
+      });
+    }
+    const thinkingStart = openingIndex + "<thinking>".length;
+    const closingIndex = content.indexOf("</thinking>", thinkingStart);
+    if (closingIndex === -1) {
+      segments.push({
+        type: "thinking",
+        content: content.slice(thinkingStart).trim(),
+        isComplete: false
+      });
+      break;
+    }
+    segments.push({
+      type: "thinking",
+      content: content.slice(thinkingStart, closingIndex).trim(),
+      isComplete: true
+    });
+    cursor = closingIndex + "</thinking>".length;
+  }
+  if (!segments.length) {
+    return [{ type: "markdown", content }];
+  }
+  return segments;
+};
+
+// src/lib/message/user.ts
+var REFERENCE_PREFIX = "Use the following selected references as context:\n\n";
+var USER_MESSAGE_MARKER = "\n\nUser message:\n";
+var REFERENCE_PATTERN = /<reference \d+>\n([\s\S]*?)\n<\/reference \d+>/g;
+var getMessageTextContent = (message) => message.parts.filter((part) => part.type === "text").map((part) => part.text).join("\n");
+var parseUserReferenceMessage = (content) => {
+  if (!content.startsWith(REFERENCE_PREFIX)) {
+    return null;
+  }
+  const markerIndex = content.indexOf(USER_MESSAGE_MARKER);
+  if (markerIndex === -1) {
+    return null;
+  }
+  const references = [...content.slice(REFERENCE_PREFIX.length, markerIndex).matchAll(REFERENCE_PATTERN)].map((match) => match[1].trim()).filter(Boolean);
+  return references.length ? { references, message: content.slice(markerIndex + USER_MESSAGE_MARKER.length) } : null;
+};
+var getUserDisplayText = (message) => {
+  var _a, _b;
+  const text = getMessageTextContent(message);
+  return (_b = (_a = parseUserReferenceMessage(text)) == null ? void 0 : _a.message) != null ? _b : text;
+};
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/motion/classes.ts
+var motion = {
+  textSwap: "t-text-swap",
+  isExit: "is-exit",
+  isEnterStart: "is-enter-start",
+  iconSwap: "t-icon-swap",
+  icon: "t-icon",
+  successCheck: "t-success-check",
+  dropdown: "t-dropdown",
+  isOpen: "is-open",
+  isClosing: "is-closing",
+  inputWrap: "t-input-wrap",
+  input: "t-input",
+  errorMsg: "t-error-msg",
+  isError: "is-error",
+  isShaking: "is-shaking"
+};
+var iconSwapStates = ["a", "b"];
+var successCheckStates = ["out", "in"];
+var dropdownOrigins = [
+  "top-left",
+  "top-center",
+  "top-right",
+  "bottom-left",
+  "bottom-center",
+  "bottom-right"
+];
+var motionData = {
+  state: "data-state",
+  icon: "data-icon",
+  origin: "data-origin",
+  open: "data-open"
+};
+
+// src/motion/helpers.ts
+var CHAT_ROOT = ".chat-root";
+var prefersReducedMotion = () => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+var motionRoot = (node) => {
+  var _a;
+  return (_a = node == null ? void 0 : node.closest(CHAT_ROOT)) != null ? _a : typeof document !== "undefined" ? document.querySelector(CHAT_ROOT) : null;
+};
+var readRaw = (name, node) => {
+  const root = motionRoot(node);
+  if (!root) {
+    return "";
+  }
+  return getComputedStyle(root).getPropertyValue(name);
+};
+var readDurationMs = (name, fallback, node) => {
+  const value = parseFloat(readRaw(name, node));
+  return Number.isFinite(value) ? value : fallback;
+};
+var revertTimers = /* @__PURE__ */ new WeakMap();
+var shakeTimers = /* @__PURE__ */ new WeakMap();
+var swapText = (el, next, options) => {
+  var _a;
+  if (prefersReducedMotion()) {
+    el.textContent = next;
+    (_a = options == null ? void 0 : options.onSwap) == null ? void 0 : _a.call(options);
+    return;
+  }
+  const dur = readDurationMs("--text-swap-dur", 200, el);
+  el.classList.add(motion.isExit);
+  return window.setTimeout(() => {
+    var _a2;
+    el.classList.remove(motion.isExit);
+    el.classList.add(motion.isEnterStart);
+    el.textContent = next;
+    (_a2 = options == null ? void 0 : options.onSwap) == null ? void 0 : _a2.call(options);
+    void el.offsetHeight;
+    el.classList.remove(motion.isEnterStart);
+  }, dur);
+};
+var openDropdown = (el) => {
+  el.classList.remove(motion.isClosing);
+  el.classList.add(motion.isOpen);
+};
+var closeDropdown = (el, onClosed) => {
+  el.classList.remove(motion.isOpen);
+  el.classList.add(motion.isClosing);
+  const closeMs = prefersReducedMotion() ? 0 : readDurationMs("--dropdown-close-dur", 150, el);
+  return window.setTimeout(() => {
+    el.classList.remove(motion.isClosing);
+    onClosed == null ? void 0 : onClosed();
+  }, closeMs);
+};
+var triggerErrorShake = (wrap, options) => {
+  var _a;
+  const input = wrap.matches(`.${motion.input}`) ? wrap : (_a = wrap.querySelector(`.${motion.input}`)) != null ? _a : wrap;
+  wrap.classList.add(motion.isError);
+  input.classList.add(motion.isError);
+  input.classList.remove(motion.isShaking);
+  void input.offsetWidth;
+  input.classList.add(motion.isShaking);
+  const existingShake = shakeTimers.get(input);
+  if (existingShake) {
+    window.clearTimeout(existingShake);
+  }
+  const shakeMs = readDurationMs("--shake-dur-a", 80, wrap) * 2 + readDurationMs("--shake-dur-b", 60, wrap) * 2;
+  shakeTimers.set(
+    input,
+    window.setTimeout(() => {
+      input.classList.remove(motion.isShaking);
+      shakeTimers.delete(input);
+    }, shakeMs + 20)
+  );
+  const existingRevert = revertTimers.get(wrap);
+  if (existingRevert) {
+    window.clearTimeout(existingRevert);
+    revertTimers.delete(wrap);
+  }
+  if ((options == null ? void 0 : options.revert) === false) {
+    return;
+  }
+  const hold = readDurationMs("--revert-hold", 3e3, wrap);
+  revertTimers.set(
+    wrap,
+    window.setTimeout(() => {
+      revertTimers.delete(wrap);
+      wrap.classList.remove(motion.isError);
+      input.classList.remove(motion.isError);
+    }, shakeMs + hold)
+  );
+};
+var clearErrorShake = (wrap) => {
+  var _a;
+  const input = wrap.matches(`.${motion.input}`) ? wrap : (_a = wrap.querySelector(`.${motion.input}`)) != null ? _a : wrap;
+  const existingRevert = revertTimers.get(wrap);
+  if (existingRevert) {
+    window.clearTimeout(existingRevert);
+    revertTimers.delete(wrap);
+  }
+  const existingShake = shakeTimers.get(input);
+  if (existingShake) {
+    window.clearTimeout(existingShake);
+    shakeTimers.delete(input);
+  }
+  wrap.classList.remove(motion.isError);
+  input.classList.remove(motion.isError, motion.isShaking);
+};
+var calibrateCheckPath = (path) => {
+  const len = Math.ceil(path.getTotalLength());
+  path.style.strokeDasharray = String(len);
+  path.style.strokeDashoffset = String(len);
+};
+
+// src/motion/text-swap.tsx
+import { useEffect, useRef as useRef3 } from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+function TextSwap({ text, className, ...props }) {
+  const ref = useRef3(null);
+  const shownRef = useRef3(text);
+  useEffect(() => {
+    const el = ref.current;
+    if (!el || shownRef.current === text) {
+      return;
+    }
+    if (prefersReducedMotion()) {
+      shownRef.current = text;
+      el.textContent = text;
+      return;
+    }
+    const dur = readDurationMs("--text-swap-dur", 200, el);
+    el.classList.add(motion.isExit);
+    const timer = window.setTimeout(() => {
+      el.classList.remove(motion.isExit);
+      el.classList.add(motion.isEnterStart);
+      el.textContent = text;
+      shownRef.current = text;
+      void el.offsetHeight;
+      el.classList.remove(motion.isEnterStart);
+    }, dur);
+    return () => window.clearTimeout(timer);
+  }, [text]);
+  return /* @__PURE__ */ jsx8("span", { ref, className: cn(motion.textSwap, className), ...props, children: shownRef.current });
+}
+
+// src/motion/use-dropdown-presence.ts
+import { useEffect as useEffect2, useRef as useRef4, useState as useState7 } from "react";
+var resolveRoot = (root) => root && "current" in root ? root.current : root != null ? root : null;
+function useDropdownPresence(open, root) {
+  const [mounted, setMounted] = useState7(open);
+  const [phase, setPhase] = useState7(open ? "open" : "rest");
+  const mountedRef = useRef4(open);
+  mountedRef.current = mounted;
+  useEffect2(() => {
+    const node = resolveRoot(root);
+    if (open) {
+      setMounted(true);
+      setPhase("rest");
+      const frame = window.requestAnimationFrame(() => {
+        window.requestAnimationFrame(() => setPhase("open"));
+      });
+      return () => window.cancelAnimationFrame(frame);
+    }
+    if (!mountedRef.current) {
+      return;
+    }
+    setPhase("closing");
+    const closeMs = prefersReducedMotion() ? 0 : readDurationMs("--dropdown-close-dur", 150, node);
+    const timer = window.setTimeout(() => {
+      setMounted(false);
+      setPhase("rest");
+    }, closeMs);
+    return () => window.clearTimeout(timer);
+  }, [open, root]);
+  const className = phase === "open" ? motion.isOpen : phase === "closing" ? motion.isClosing : void 0;
+  return { mounted, phase, className };
+}
+
+// src/components/Widget/widget.context.tsx
+import { createContext, useContext, useMemo as useMemo2 } from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
+function defineWidget(name, component, options = {}) {
+  return {
+    name,
+    component,
+    shell: true,
+    ...options
+  };
+}
+function createWidgetRegistry(widgets = {}) {
+  if (Array.isArray(widgets)) {
+    return Object.fromEntries(widgets.map((widget) => [widget.name, widget]));
+  }
+  return widgets;
+}
+function readWidgetValue(value, props, controls) {
+  return typeof value === "function" ? value(props, controls) : value;
+}
+function getWidgetShellProps(definition, props, controls) {
+  var _a;
+  const title = readWidgetValue(definition.title, props, controls);
+  return {
+    label: (_a = readWidgetValue(definition.label, props, controls)) != null ? _a : definition.name.replace(/[-_]/g, " "),
+    title: title != null ? title : definition.name,
+    status: readWidgetValue(definition.status, props, controls),
+    meta: readWidgetValue(definition.meta, props, controls),
+    className: readWidgetValue(definition.className, props, controls)
+  };
+}
+function isWidgetDefinition(entry) {
+  return Boolean(entry && typeof entry === "object" && "component" in entry);
+}
+var WidgetContext = createContext(null);
+function WidgetProvider({
+  widgets = {},
+  respondToWidget,
+  disabled = false,
+  children
+}) {
+  const registry = useMemo2(() => ({ ...prebuiltWidgets, ...createWidgetRegistry(widgets) }), [widgets]);
+  const value = useMemo2(
+    () => ({
+      widgets: registry,
+      respondToWidget,
+      disabled
+    }),
+    [disabled, registry, respondToWidget]
+  );
+  return /* @__PURE__ */ jsx9(WidgetContext.Provider, { value, children });
+}
+function useWidgets() {
+  const context = useContext(WidgetContext);
+  if (!context) {
+    return {
+      widgets: prebuiltWidgets,
+      respondToWidget: async () => void 0,
+      disabled: true
+    };
+  }
+  return context;
+}
+function resolveWidgetPart(part, registry) {
+  var _a;
+  return (_a = registry[part.name]) != null ? _a : null;
+}
+
+// src/ui/button.tsx
+import { cva } from "class-variance-authority";
+import { Slot } from "radix-ui";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  skeleton = false,
+  disabled,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "button";
+  return /* @__PURE__ */ jsx10(
+    Comp,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      "data-skeleton": skeleton ? "true" : void 0,
+      "aria-busy": skeleton ? true : void 0,
+      disabled: skeleton || disabled,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/components/Message/message.skeleton.tsx
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+var TextSkeleton = () => /* @__PURE__ */ jsxs8("div", { className: "chat-text-skeleton", role: "status", "aria-label": "Assistant is writing", children: [
+  /* @__PURE__ */ jsx11("span", { className: "chat-skeleton-bar" }),
+  /* @__PURE__ */ jsx11("span", { className: "chat-skeleton-bar" }),
+  /* @__PURE__ */ jsx11("span", { className: "chat-skeleton-bar chat-skeleton-bar-short" })
+] });
+var WidgetActionSkeleton = () => /* @__PURE__ */ jsxs8("div", { className: "chat-widget-action-skeleton", "aria-label": "Widget actions are loading", children: [
+  /* @__PURE__ */ jsx11(Button, { skeleton: true, size: "sm", variant: "secondary", type: "button", tabIndex: -1, "aria-hidden": "true", children: "Confirm" }),
+  /* @__PURE__ */ jsx11(Button, { skeleton: true, size: "sm", variant: "outline", type: "button", tabIndex: -1, "aria-hidden": "true", children: "Cancel" })
+] });
+
+// src/components/Widget/widget.renderer.tsx
+import { useRef as useRef5, useState as useState8 } from "react";
+
+// src/components/Widget/base.widget.tsx
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+function BaseWidget({
+  label,
+  title,
+  status,
+  meta,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxs9("section", { className: cn("chat-widget-card", className), "aria-label": label, children: [
+    /* @__PURE__ */ jsxs9("header", { className: "chat-widget-header", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "chat-widget-heading", children: [
+        label ? /* @__PURE__ */ jsxs9("div", { className: "chat-widget-label-row", children: [
+          /* @__PURE__ */ jsx12("span", { className: "chat-widget-status-dot", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx12("span", { className: "chat-widget-label", children: label })
+        ] }) : null,
+        /* @__PURE__ */ jsx12("div", { className: "chat-widget-title", children: title })
+      ] }),
+      status ? /* @__PURE__ */ jsx12("div", { className: "chat-widget-status", children: status }) : null
+    ] }),
+    children ? /* @__PURE__ */ jsx12("div", { className: "chat-widget-body", children }) : null,
+    meta ? /* @__PURE__ */ jsx12("div", { className: "chat-widget-meta", children: meta }) : null
+  ] });
+}
+
+// src/components/Widget/widget.renderer.tsx
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+function WidgetRenderer({
+  part,
+  pending = false
+}) {
+  const { widgets, respondToWidget, disabled } = useWidgets();
+  const entry = resolveWidgetPart(part, widgets);
+  const [submitted, setSubmitted] = useState8(false);
+  const responsePending = useRef5(false);
+  const widgetDisabled = disabled || submitted;
+  const respond = async (value, label, actionId) => {
+    if (!part.interactive || disabled || submitted || responsePending.current) {
+      return;
+    }
+    responsePending.current = true;
+    setSubmitted(true);
+    try {
+      await respondToWidget({
+        widgetId: part.id,
+        name: part.name,
+        actionId,
+        value,
+        label
+      });
+    } catch (error) {
+      setSubmitted(false);
+      throw error;
+    } finally {
+      responsePending.current = false;
+    }
+  };
+  const controls = {
+    widgetId: part.id,
+    widgetName: part.name,
+    interactive: Boolean(part.interactive),
+    disabled: widgetDisabled,
+    respond,
+    respondWith: async (response) => {
+      await respond(response.value, response.label, response.actionId);
+    }
+  };
+  const frame = (node) => /* @__PURE__ */ jsxs10("div", { className: "chat-widget", "data-pending": pending ? "true" : void 0, children: [
+    node,
+    pending ? /* @__PURE__ */ jsx13(WidgetActionSkeleton, {}) : null
+  ] });
+  if (!entry) {
+    return frame(
+      /* @__PURE__ */ jsx13(
+        BaseWidget,
+        {
+          label: "Unhandled widget",
+          title: part.name,
+          status: "Raw props",
+          className: "chat-widget-missing",
+          children: /* @__PURE__ */ jsx13("pre", { className: "agent-tool-code", children: JSON.stringify(part.props, null, 2) })
+        }
+      )
+    );
+  }
+  if (isWidgetDefinition(entry)) {
+    const Component2 = entry.component;
+    const content = /* @__PURE__ */ jsx13(Component2, { ...part.props, widget: controls });
+    if (entry.shell === false) {
+      return frame(content);
+    }
+    return frame(
+      /* @__PURE__ */ jsx13(BaseWidget, { ...getWidgetShellProps(entry, part.props, controls), children: content })
+    );
+  }
+  const Component = entry;
+  return frame(
+    /* @__PURE__ */ jsx13(
+      Component,
+      {
+        id: part.id,
+        name: part.name,
+        props: part.props,
+        interactive: part.interactive,
+        disabled: widgetDisabled,
+        onRespond: async (response) => {
+          if (!part.interactive || disabled || submitted || responsePending.current) {
+            return;
+          }
+          responsePending.current = true;
+          setSubmitted(true);
+          try {
+            await respondToWidget(response);
+          } catch (error) {
+            setSubmitted(false);
+            throw error;
+          } finally {
+            responsePending.current = false;
+          }
+        }
+      }
+    )
+  );
+}
+
+// src/components/Message/message.markdown.tsx
+import { Children, isValidElement } from "react";
+import { CodeMarkdown } from "@sarchauhan/code-markdown";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+
+// src/theme/theme.context.tsx
+import {
+  createContext as createContext2,
+  useCallback,
+  useContext as useContext2,
+  useEffect as useEffect3,
+  useMemo as useMemo3,
+  useState as useState9
+} from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var ThemeContext = createContext2(null);
+var STORAGE_KEY = "sarchauhan-chat-theme";
+var getSystemTheme = () => {
+  if (typeof window === "undefined" || !window.matchMedia) {
+    return "light";
+  }
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+};
+var resolveTheme = (theme) => theme === "system" ? getSystemTheme() : theme;
+function ThemeProvider({
+  children,
+  defaultTheme = "system",
+  theme: controlledTheme,
+  onThemeChange,
+  storageKey = STORAGE_KEY
+}) {
+  const [uncontrolledTheme, setUncontrolledTheme] = useState9(defaultTheme);
+  const theme = controlledTheme != null ? controlledTheme : uncontrolledTheme;
+  const [resolvedTheme, setResolvedTheme] = useState9(
+    theme === "dark" ? "dark" : "light"
+  );
+  useEffect3(() => {
+    if (controlledTheme !== void 0) {
+      return;
+    }
+    const stored = window.localStorage.getItem(storageKey);
+    if (stored === "light" || stored === "dark" || stored === "system") {
+      setUncontrolledTheme(stored);
+    }
+  }, [controlledTheme, storageKey]);
+  useEffect3(() => {
+    setResolvedTheme(resolveTheme(theme));
+    if (theme !== "system" || typeof window === "undefined") {
+      return;
+    }
+    const media = window.matchMedia("(prefers-color-scheme: dark)");
+    const onChange = () => setResolvedTheme(getSystemTheme());
+    media.addEventListener("change", onChange);
+    return () => media.removeEventListener("change", onChange);
+  }, [theme]);
+  const setTheme = useCallback(
+    (next) => {
+      onThemeChange == null ? void 0 : onThemeChange(next);
+      if (controlledTheme === void 0) {
+        setUncontrolledTheme(next);
+        if (typeof window !== "undefined") {
+          window.localStorage.setItem(storageKey, next);
+        }
+      }
+    },
+    [controlledTheme, onThemeChange, storageKey]
+  );
+  const toggleTheme = useCallback(() => {
+    const next = resolvedTheme === "dark" ? "light" : "dark";
+    setTheme(next);
+  }, [resolvedTheme, setTheme]);
+  const value = useMemo3(
+    () => ({
+      theme,
+      resolvedTheme,
+      setTheme,
+      toggleTheme
+    }),
+    [resolvedTheme, setTheme, theme, toggleTheme]
+  );
+  return /* @__PURE__ */ jsx14(ThemeContext.Provider, { value, children });
+}
+function useTheme() {
+  const context = useContext2(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used inside ThemeProvider");
+  }
+  return context;
+}
+
+// src/components/Message/message.markdown.theme.ts
+var chatCodeThemes = {
+  light: {
+    name: "chat-light",
+    shikiTheme: "github-light",
+    colors: {
+      background: "#ffffff",
+      foreground: "#0d0d0d",
+      comment: "#6e6e80",
+      keyword: "#9b174c",
+      string: "#166534",
+      function: "#1d4ed8",
+      variable: "#0d0d0d",
+      number: "#7c3aed",
+      operator: "#9b174c",
+      punctuation: "#6e6e80",
+      type: "#0369a1",
+      tag: "#166534",
+      attribute: "#1d4ed8",
+      constant: "#b45309",
+      surface: "#f7f7f8",
+      overlay: "#d8d8df",
+      subtext: "#6e6e80"
+    }
+  },
+  dark: {
+    name: "chat-dark",
+    shikiTheme: "github-dark",
+    colors: {
+      background: "#212121",
+      foreground: "#ececec",
+      comment: "#8f8f8f",
+      keyword: "#ff7b72",
+      string: "#a5d6a7",
+      function: "#79c0ff",
+      variable: "#ececec",
+      number: "#d2a8ff",
+      operator: "#ff7b72",
+      punctuation: "#b4b4b4",
+      type: "#79c0ff",
+      tag: "#7ee787",
+      attribute: "#79c0ff",
+      constant: "#ffa657",
+      surface: "#2f2f2f",
+      overlay: "#454545",
+      subtext: "#b4b4b4"
+    }
+  }
+};
+
+// src/components/Message/message.markdown.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+var markdownPlugins = {
+  remark: [remarkGfm],
+  rehype: []
+};
+var SUPPORTED_LANGUAGES = /* @__PURE__ */ new Set([
+  "c",
+  "h",
+  "cpp",
+  "cxx",
+  "cc",
+  "hpp",
+  "hxx",
+  "go",
+  "javascript",
+  "js",
+  "jsx",
+  "mjs",
+  "python",
+  "py",
+  "rust",
+  "rs",
+  "typescript",
+  "ts",
+  "tsx"
+]);
+var isSupportedLanguage = (value) => SUPPORTED_LANGUAGES.has(value);
+var getCodeLanguage = (className) => {
+  var _a;
+  const match = className == null ? void 0 : className.match(/language-([\w-]+)/);
+  const language = (_a = match == null ? void 0 : match[1]) == null ? void 0 : _a.toLowerCase();
+  return language && isSupportedLanguage(language) ? language : "typescript";
+};
+var getTextContent = (value) => {
+  if (typeof value === "string" || typeof value === "number") {
+    return String(value);
+  }
+  if (Array.isArray(value)) {
+    return value.map(getTextContent).join("");
+  }
+  return "";
+};
+var MarkdownCodeBlock = ({
+  code,
+  language
+}) => {
+  const { resolvedTheme } = useTheme();
+  return /* @__PURE__ */ jsx15(
+    CodeMarkdown,
+    {
+      className: "chat-code-markdown",
+      language,
+      theme: chatCodeThemes[resolvedTheme],
+      showCopyButton: true,
+      showLineNumbers: true,
+      showLanguage: true,
+      children: code
+    }
+  );
+};
+var MarkdownPre = ({ className, children }) => {
+  const child = Children.toArray(children)[0];
+  const code = isValidElement(child) ? getTextContent(child.props.children) : getTextContent(children);
+  const codeClassName = isValidElement(child) ? child.props.className : void 0;
+  return /* @__PURE__ */ jsx15("div", { className: cn("my-5", className), children: /* @__PURE__ */ jsx15(
+    MarkdownCodeBlock,
+    {
+      language: getCodeLanguage(codeClassName),
+      code: code.replace(/\n$/, "")
+    }
+  ) });
+};
+var markdownComponents = {
+  a: ({ className, ...props }) => /* @__PURE__ */ jsx15(
+    "a",
+    {
+      className: cn(
+        "font-medium text-primary underline underline-offset-2 decoration-primary/30 decoration-1 hover:decoration-primary/70",
+        className
+      ),
+      target: "_blank",
+      rel: "noreferrer noopener",
+      ...props
+    }
+  ),
+  p: ({ className, ...props }) => /* @__PURE__ */ jsx15(
+    "p",
+    {
+      className: cn("my-[0.85em] text-inherit chat-text-body first:mt-0 last:mb-0", className),
+      style: { fontSize: "var(--chat-body-size)", lineHeight: "var(--chat-body-leading)" },
+      ...props
+    }
+  ),
+  h1: ({ className, ...props }) => /* @__PURE__ */ jsx15(
+    "h1",
+    {
+      className: cn("mt-8 mb-3 chat-text-heading-1", className),
+      style: {
+        fontSize: "var(--chat-heading-1-size)",
+        lineHeight: "var(--chat-heading-1-leading)",
+        fontWeight: "var(--chat-heading-1-weight)",
+        letterSpacing: "var(--chat-heading-1-tracking)"
+      },
+      ...props
+    }
+  ),
+  h2: ({ className, ...props }) => /* @__PURE__ */ jsx15(
+    "h2",
+    {
+      className: cn("mt-8 mb-3", className),
+      style: {
+        fontSize: "var(--chat-fs-18)",
+        lineHeight: "var(--chat-leading-tight)",
+        fontWeight: "var(--chat-weight-semibold)",
+        letterSpacing: "var(--chat-tracking-tight)"
+      },
+      ...props
+    }
+  ),
+  h3: ({ className, ...props }) => /* @__PURE__ */ jsx15(
+    "h3",
+    {
+      className: cn("mt-6 mb-2", className),
+      style: {
+        fontSize: "var(--chat-fs-16)",
+        lineHeight: "var(--chat-leading-tight)",
+        fontWeight: "var(--chat-weight-semibold)",
+        letterSpacing: "var(--chat-tracking-tight)"
+      },
+      ...props
+    }
+  ),
+  h4: ({ className, ...props }) => /* @__PURE__ */ jsx15(
+    "h4",
+    {
+      className: cn("mt-6 mb-2", className),
+      style: {
+        fontSize: "var(--chat-fs-15)",
+        lineHeight: "var(--chat-leading-tight)",
+        fontWeight: "var(--chat-weight-semibold)",
+        letterSpacing: "var(--chat-tracking-normal)"
+      },
+      ...props
+    }
+  ),
+  ul: ({ className, ...props }) => /* @__PURE__ */ jsx15(
+    "ul",
+    {
+      className: cn("my-4 list-disc space-y-2 pl-6 chat-text-body", className),
+      style: { fontSize: "var(--chat-body-size)", lineHeight: "var(--chat-body-leading)" },
+      ...props
+    }
+  ),
+  ol: ({ className, ...props }) => /* @__PURE__ */ jsx15(
+    "ol",
+    {
+      className: cn("my-4 list-decimal space-y-2 pl-6 chat-text-body", className),
+      style: { fontSize: "var(--chat-body-size)", lineHeight: "var(--chat-body-leading)" },
+      ...props
+    }
+  ),
+  li: ({ className, ...props }) => /* @__PURE__ */ jsx15(
+    "li",
+    {
+      className: cn("pl-1", className),
+      style: { lineHeight: "var(--chat-leading-normal)" },
+      ...props
+    }
+  ),
+  blockquote: ({ className, ...props }) => /* @__PURE__ */ jsx15("blockquote", { className: cn("md-blockquote", className), ...props }),
+  hr: ({ className, ...props }) => /* @__PURE__ */ jsx15("hr", { className: cn("my-6 h-px border-0 bg-current opacity-10", className), ...props }),
+  table: ({ className, ...props }) => /* @__PURE__ */ jsx15("div", { className: "md-table-wrapper", children: /* @__PURE__ */ jsx15("table", { className: cn("md-table", className), ...props }) }),
+  thead: ({ className, ...props }) => /* @__PURE__ */ jsx15("thead", { ...props }),
+  tbody: ({ className, ...props }) => /* @__PURE__ */ jsx15("tbody", { ...props }),
+  tr: ({ className, ...props }) => /* @__PURE__ */ jsx15("tr", { ...props }),
+  th: ({ className, ...props }) => /* @__PURE__ */ jsx15("th", { ...props }),
+  td: ({ className, ...props }) => /* @__PURE__ */ jsx15("td", { ...props }),
+  pre: MarkdownPre,
+  // React Markdown v10 no longer consistently provides the legacy `inline`
+  // prop. Fenced code is handled by the custom `pre` renderer above, so a
+  // standalone `code` element should always be rendered as inline code.
+  code: ({ className, children, ...props }) => /* @__PURE__ */ jsx15("code", { className: cn("md-inline-code", className), ...props, children })
+};
+var MarkdownContent = ({ children, className }) => /* @__PURE__ */ jsx15("div", { className: cn("md-content break-words text-inherit", className), children: /* @__PURE__ */ jsx15(
+  ReactMarkdown,
+  {
+    remarkPlugins: markdownPlugins.remark,
+    rehypePlugins: markdownPlugins.rehype,
+    components: markdownComponents,
+    children
+  }
+) });
+
+// src/components/Message/message.thinking.tsx
+import { ChevronDown as ChevronDown2, Sparkles } from "lucide-react";
+import { useEffect as useEffect5, useState as useState11 } from "react";
+
+// src/components/Message/message.loading.tsx
+import { useEffect as useEffect4, useRef as useRef6, useState as useState10 } from "react";
+import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+var useElapsedTime = (active) => {
+  const startedAtRef = useRef6(0);
+  const [elapsed, setElapsed] = useState10(0);
+  useEffect4(() => {
+    if (!active) {
+      return;
+    }
+    startedAtRef.current = Date.now();
+    setElapsed(0);
+    const timer = window.setInterval(() => {
+      setElapsed(Date.now() - startedAtRef.current);
+    }, 100);
+    return () => window.clearInterval(timer);
+  }, [active]);
+  return elapsed;
+};
+var formatElapsed = (milliseconds, showTenths = false) => {
+  const totalSeconds = Math.max(0, milliseconds / 1e3);
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds - minutes * 60;
+  const formattedSeconds = showTenths ? seconds.toFixed(1) : String(Math.floor(seconds));
+  return minutes > 0 ? `${minutes}m ${formattedSeconds}s` : `${formattedSeconds}s`;
+};
+var formatElapsedWords = (milliseconds) => {
+  const seconds = Math.max(0, Math.floor(milliseconds / 1e3));
+  if (seconds < 60) {
+    return `${seconds} ${seconds === 1 ? "second" : "seconds"}`;
+  }
+  const minutes = Math.floor(seconds / 60);
+  const remainder = seconds % 60;
+  const minuteLabel = `${minutes} ${minutes === 1 ? "minute" : "minutes"}`;
+  return remainder > 0 ? `${minuteLabel} ${remainder} ${remainder === 1 ? "second" : "seconds"}` : minuteLabel;
+};
+var PixelGrid = () => /* @__PURE__ */ jsx16("span", { className: "chat-pixel-grid", "aria-hidden": "true", children: Array.from({ length: 9 }, (_, index) => /* @__PURE__ */ jsx16("span", {}, index)) });
+var LoadingState = ({ label = "Churning", compact = false }) => {
+  const elapsed = useElapsedTime(true);
+  return /* @__PURE__ */ jsxs11("div", { className: `chat-loading${compact ? " chat-loading-inline" : ""}`, role: "status", "aria-live": "polite", children: [
+    /* @__PURE__ */ jsx16(PixelGrid, {}),
+    /* @__PURE__ */ jsx16(TextSwap, { className: "chat-loading-label", text: label }),
+    /* @__PURE__ */ jsx16("span", { className: "chat-loading-timer", role: "timer", children: formatElapsed(elapsed, true) }),
+    /* @__PURE__ */ jsx16("span", { className: "chat-visually-hidden", children: "Loading conversation" })
+  ] });
+};
+
+// src/components/Message/message.thinking.tsx
+import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+var ThinkingBlock = ({ isComplete, elapsedMs, children }) => {
+  const [isOpen, setIsOpen] = useState11(true);
+  const measuredElapsed = useElapsedTime(!isComplete);
+  const elapsed = elapsedMs != null ? elapsedMs : measuredElapsed;
+  useEffect5(() => {
+    if (!isComplete) {
+      setIsOpen(true);
+    }
+  }, [isComplete]);
+  return /* @__PURE__ */ jsxs12(
+    "details",
+    {
+      className: cn(
+        "md-thinking",
+        isComplete ? "md-thinking-complete" : "md-thinking-pending"
+      ),
+      open: isOpen,
+      onToggle: (event) => setIsOpen(event.currentTarget.open),
+      children: [
+        /* @__PURE__ */ jsxs12("summary", { children: [
+          /* @__PURE__ */ jsx17(Sparkles, { className: "md-thinking-sparkle", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx17(
+            TextSwap,
+            {
+              className: "md-thinking-label",
+              text: isComplete ? `Thought for ${formatElapsedWords(elapsed)}` : "Thinking"
+            }
+          ),
+          isComplete && /* @__PURE__ */ jsx17(ChevronDown2, { className: "md-thinking-chevron", "aria-hidden": "true" })
+        ] }),
+        children
+      ]
+    }
+  );
+};
+
+// src/components/Message/message.content.tsx
+import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+var isPropsRecord = (value) => !!value && typeof value === "object" && !Array.isArray(value);
+var formatJson = (value) => {
+  if (typeof value === "string") {
+    return value;
+  }
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return String(value);
+  }
+};
+var toolDetail = (part) => {
+  var _a, _b, _c, _d, _e, _f;
+  const source = (_a = part.output) != null ? _a : part.input;
+  if (!isPropsRecord(source)) {
+    return null;
+  }
+  const value = (_f = (_e = (_d = (_c = (_b = source.path) != null ? _b : source.file) != null ? _c : source.filename) != null ? _d : source.query) != null ? _e : source.command) != null ? _f : source.url;
+  return typeof value === "string" && value.trim() ? value : null;
+};
+var toolStateLabel = (state) => {
+  switch (state) {
+    case "input-streaming":
+      return "Preparing";
+    case "input-available":
+      return "Ready";
+    case "approval-requested":
+      return "Needs approval";
+    case "approval-responded":
+      return "Approval sent";
+    case "output-available":
+      return "Done";
+    case "output-error":
+      return "Error";
+    case "output-denied":
+      return "Denied";
+    default:
+      return state;
+  }
+};
+var ReasoningBlock = ({ part }) => {
+  const isComplete = part.state !== "streaming";
+  return /* @__PURE__ */ jsx18(ThinkingBlock, { isComplete, children: !!part.text.trim() && /* @__PURE__ */ jsx18("div", { className: "md-thinking-body", children: /* @__PURE__ */ jsx18(MarkdownContent, { children: part.text }) }) });
+};
+var ToolStatusIcon = ({
+  isPending,
+  isDone
+}) => {
+  const pathRef = useRef7(null);
+  const [sawPending, setSawPending] = useState12(isPending);
+  const iconState = isPending ? "a" : "b";
+  const playCheck = Boolean(sawPending && isDone);
+  const checkState = playCheck ? "in" : "out";
+  if (isPending && !sawPending) {
+    setSawPending(true);
+  }
+  useLayoutEffect(() => {
+    if (pathRef.current) {
+      calibrateCheckPath(pathRef.current);
+    }
+  }, [playCheck]);
+  return /* @__PURE__ */ jsx18("span", { className: "agent-tool-dot", "aria-hidden": "true", children: /* @__PURE__ */ jsxs13("span", { className: motion.iconSwap, "data-state": iconState, children: [
+    /* @__PURE__ */ jsx18("span", { className: motion.icon, "data-icon": "a", children: /* @__PURE__ */ jsx18("span", { className: "agent-tool-spinner" }) }),
+    /* @__PURE__ */ jsx18("span", { className: motion.icon, "data-icon": "b", children: isDone ? playCheck ? /* @__PURE__ */ jsx18("span", { className: motion.successCheck, "data-state": checkState, children: /* @__PURE__ */ jsx18("svg", { viewBox: "0 0 12 12", width: "10", height: "10", fill: "none", children: /* @__PURE__ */ jsx18(
+      "path",
+      {
+        ref: pathRef,
+        d: "M2.5 6.5 5 9l4.5-6",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ) }) }) : /* @__PURE__ */ jsx18("svg", { viewBox: "0 0 12 12", width: "10", height: "10", fill: "none", children: /* @__PURE__ */ jsx18(
+      "path",
+      {
+        d: "M2.5 6.5 5 9l4.5-6",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ) }) : /* @__PURE__ */ jsx18("svg", { viewBox: "0 0 12 12", width: "10", height: "10", fill: "none", children: /* @__PURE__ */ jsx18(
+      "path",
+      {
+        d: "M3.2 3.2 8.8 8.8M8.8 3.2 3.2 8.8",
+        stroke: "currentColor",
+        strokeWidth: "1.6",
+        strokeLinecap: "round"
+      }
+    ) }) })
+  ] }) });
+};
+var ToolBlock = ({ part }) => {
+  var _a;
+  const wrapRef = useRef7(null);
+  const isPending = part.state === "input-streaming" || part.state === "input-available" || part.state === "approval-requested";
+  const isError = part.state === "output-error" || part.state === "output-denied";
+  const isDone = !isPending && !isError;
+  const detail = toolDetail(part);
+  useEffect6(() => {
+    if (!isError || !wrapRef.current) {
+      return;
+    }
+    triggerErrorShake(wrapRef.current, { revert: false });
+  }, [isError]);
+  return /* @__PURE__ */ jsxs13(
+    "details",
+    {
+      ref: wrapRef,
+      className: cn(
+        "agent-tool",
+        motion.inputWrap,
+        isPending ? "agent-tool-pending" : isError ? "agent-tool-error" : "agent-tool-complete"
+      ),
+      open: isPending || isError,
+      children: [
+        /* @__PURE__ */ jsxs13("summary", { className: cn(motion.input, isError && motion.isError), children: [
+          /* @__PURE__ */ jsx18(ChevronDown3, { className: "agent-tool-chevron", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx18(ToolStatusIcon, { isPending, isDone }),
+          /* @__PURE__ */ jsx18("span", { className: "agent-tool-name", children: (_a = part.title) != null ? _a : part.toolName }),
+          detail ? /* @__PURE__ */ jsx18("span", { className: "agent-tool-chip", children: detail }) : null,
+          /* @__PURE__ */ jsx18(TextSwap, { className: "agent-tool-state", text: toolStateLabel(part.state) })
+        ] }),
+        /* @__PURE__ */ jsxs13("div", { className: "agent-tool-body", children: [
+          part.input !== void 0 && /* @__PURE__ */ jsxs13("div", { className: "agent-tool-section", children: [
+            /* @__PURE__ */ jsx18("div", { className: "agent-tool-section-label", children: "Input" }),
+            /* @__PURE__ */ jsx18("pre", { className: "agent-tool-code", children: formatJson(part.input) })
+          ] }),
+          part.output !== void 0 && /* @__PURE__ */ jsxs13("div", { className: "agent-tool-section", children: [
+            /* @__PURE__ */ jsx18("div", { className: "agent-tool-section-label", children: "Output" }),
+            /* @__PURE__ */ jsx18("pre", { className: "agent-tool-code", children: formatJson(part.output) })
+          ] }),
+          part.errorText && /* @__PURE__ */ jsxs13("div", { className: "agent-tool-section", children: [
+            /* @__PURE__ */ jsx18("div", { className: "agent-tool-section-label", children: "Error" }),
+            /* @__PURE__ */ jsx18("pre", { className: "agent-tool-code agent-tool-error", children: part.errorText })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+var SourceUrlBlock = ({ part }) => /* @__PURE__ */ jsxs13("a", { className: "agent-source", href: part.url, target: "_blank", rel: "noreferrer", children: [
+  /* @__PURE__ */ jsx18("span", { className: "agent-source-label", children: "Source" }),
+  /* @__PURE__ */ jsx18("span", { className: "agent-source-title", children: part.title || part.url })
+] });
+var SourceDocumentBlock = ({ part }) => /* @__PURE__ */ jsxs13("div", { className: "agent-source agent-source-document", children: [
+  /* @__PURE__ */ jsx18("span", { className: "agent-source-label", children: "Document" }),
+  /* @__PURE__ */ jsx18("span", { className: "agent-source-title", children: part.title }),
+  part.filename && /* @__PURE__ */ jsx18("span", { className: "agent-source-meta", children: part.filename })
+] });
+var FileBlock = ({ part }) => /* @__PURE__ */ jsx18(ArtifactWidget, { artifact: {
+  id: part.url,
+  filename: part.filename || (part.mediaType.startsWith("image/") ? "Generated image" : "Generated file"),
+  mediaType: part.mediaType,
+  url: part.url,
+  status: "ready"
+} });
+var AgentEventBlock = ({ part }) => /* @__PURE__ */ jsxs13("details", { className: "agent-tool agent-event", children: [
+  /* @__PURE__ */ jsxs13("summary", { children: [
+    /* @__PURE__ */ jsx18("span", { className: "agent-event-marker", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs13("span", { className: "agent-tool-name", children: [
+      "data.",
+      part.name
+    ] })
+  ] }),
+  /* @__PURE__ */ jsx18("div", { className: "agent-tool-body", children: /* @__PURE__ */ jsx18("pre", { className: "agent-tool-code", children: formatJson(part.data) }) })
+] });
+var TextWithLegacyThinking = ({ text, isUser }) => {
+  var _a;
+  const userReferenceMessage = isUser ? parseUserReferenceMessage(text) : null;
+  const content = (_a = userReferenceMessage == null ? void 0 : userReferenceMessage.message) != null ? _a : text;
+  const segments = splitThinkingSegments(content);
+  return /* @__PURE__ */ jsxs13(Fragment4, { children: [
+    userReferenceMessage && /* @__PURE__ */ jsx18("div", { className: "chat-user-reference", children: userReferenceMessage.references.map((reference, index) => /* @__PURE__ */ jsxs13(
+      "div",
+      {
+        className: "chat-user-reference-item",
+        children: [
+          /* @__PURE__ */ jsxs13("div", { className: "chat-reference-label", children: [
+            "Reference ",
+            index + 1
+          ] }),
+          /* @__PURE__ */ jsx18("div", { className: "chat-reference-text", children: reference })
+        ]
+      },
+      `${index}-${reference.slice(0, 16)}`
+    )) }),
+    segments.map((segment, index) => {
+      var _a2;
+      if (!segment.content.trim() && segment.type !== "thinking") {
+        return null;
+      }
+      if (segment.type === "thinking" && !isUser) {
+        const isComplete = (_a2 = segment.isComplete) != null ? _a2 : true;
+        return /* @__PURE__ */ jsx18(ThinkingBlock, { isComplete, children: !!segment.content.trim() && /* @__PURE__ */ jsx18("div", { className: "md-thinking-body", children: /* @__PURE__ */ jsx18(MarkdownContent, { children: segment.content }) }) }, `thinking-${index}`);
+      }
+      return /* @__PURE__ */ jsx18(MarkdownContent, { children: segment.content }, `md-${index}`);
+    })
+  ] });
+};
+var asWidgetFromTool = (part) => {
+  const source = part.state === "output-available" && part.output !== void 0 ? part.output : part.input;
+  if (!isPropsRecord(source)) {
+    return null;
+  }
+  return {
+    type: "widget",
+    name: part.toolName,
+    id: part.toolCallId,
+    props: source,
+    interactive: part.toolName === "question" || source.interactive === true
+  };
+};
+var asWidgetFromData = (part) => ({
+  type: "widget",
+  name: part.name,
+  id: part.id,
+  props: isPropsRecord(part.data) ? part.data : { value: part.data },
+  interactive: isPropsRecord(part.data) ? part.data.interactive === true : false
+});
+var PartView = ({ part, index, isUser }) => {
+  const { widgets } = useWidgets();
+  if (part.type === "widget") {
+    return isUser ? null : /* @__PURE__ */ jsx18(WidgetRenderer, { part }, `widget-${part.id || index}`);
+  }
+  if (part.type === "tool" && !isUser) {
+    const entry = widgets[part.toolName];
+    const isCustom = entry && entry !== prebuiltWidgets[part.toolName];
+    const widgetPart = isCustom ? asWidgetFromTool(part) : computeToolWidget(part);
+    if (widgetPart) {
+      return /* @__PURE__ */ jsx18(
+        WidgetRenderer,
+        {
+          part: widgetPart,
+          pending: part.state === "input-streaming"
+        },
+        `tool-widget-${part.toolCallId || index}`
+      );
+    }
+  }
+  if (part.type === "data" && !isUser && widgets[part.name]) {
+    const builtin = widgets[part.name] === prebuiltWidgets[part.name];
+    if (builtin && (part.name === "artifact" && !parseArtifact2(part.data) || part.name === "subagent" && !parseSubagent(part.data))) return /* @__PURE__ */ jsx18(AgentEventBlock, { part });
+    return /* @__PURE__ */ jsx18(
+      WidgetRenderer,
+      {
+        part: asWidgetFromData(part)
+      },
+      `data-widget-${part.name}-${part.id || index}`
+    );
+  }
+  switch (part.type) {
+    case "text":
+      if (!isUser && part.state === "streaming" && part.text.trim().length === 0) {
+        return /* @__PURE__ */ jsx18(TextSkeleton, {}, `text-${index}`);
+      }
+      return /* @__PURE__ */ jsx18(TextWithLegacyThinking, { text: part.text, isUser }, `text-${index}`);
+    case "reasoning":
+      return isUser ? null : /* @__PURE__ */ jsx18(ReasoningBlock, { part }, `reasoning-${index}`);
+    case "tool":
+      return isUser ? null : /* @__PURE__ */ jsx18(ToolBlock, { part }, `tool-${part.toolCallId || index}`);
+    case "source-url":
+      return /* @__PURE__ */ jsx18(SourceUrlBlock, { part }, `source-url-${part.sourceId || index}`);
+    case "source-document":
+      return /* @__PURE__ */ jsx18(SourceDocumentBlock, { part }, `source-doc-${part.sourceId || index}`);
+    case "file":
+      return /* @__PURE__ */ jsx18(FileBlock, { part }, `file-${index}`);
+    case "data":
+      if (part.name === "usage" || part.name === "context" || part.name === "context-warning") {
+        return null;
+      }
+      return /* @__PURE__ */ jsx18(AgentEventBlock, { part }, `data-${part.name}-${part.id || index}`);
+    case "unknown":
+      return /* @__PURE__ */ jsxs13("details", { className: "agent-tool agent-event", children: [
+        /* @__PURE__ */ jsxs13("summary", { children: [
+          /* @__PURE__ */ jsx18("span", { className: "agent-event-marker", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx18("span", { className: "agent-tool-name", children: part.rawType })
+        ] }),
+        /* @__PURE__ */ jsx18("div", { className: "agent-tool-body", children: /* @__PURE__ */ jsx18("pre", { className: "agent-tool-code", children: formatJson(part.raw) }) })
+      ] }, `unknown-${index}`);
+    default:
+      return null;
+  }
+};
+var MessageContent = ({ parts, isUser = false }) => {
+  const agentParts = normalizeAgentParts(parts);
+  return /* @__PURE__ */ jsx18(
+    "div",
+    {
+      className: cn(
+        "chat-message-content break-words",
+        isUser ? "md-content-user" : "md-content-assistant"
+      ),
+      children: agentParts.map((part, index) => /* @__PURE__ */ jsx18(PartView, { part, index, isUser }, `${part.type}-${index}`))
+    }
+  );
+};
+
+// src/widgets/subagent.tsx
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+var Depth = createContext3(0);
+var labels = { queued: "Queued", running: "Working", completed: "Completed", failed: "Failed", cancelled: "Cancelled" };
+function SubagentWidget({ subagent, className = "" }) {
+  const depth = useContext3(Depth);
+  const { title, task, state, summary, progress, messages = [], artifacts = [], error } = subagent;
+  const Icon = state === "completed" ? CircleCheck : state === "failed" ? CircleX : state === "running" ? LoaderCircle : Bot;
+  const canInspect = depth < 3;
+  const transcript = messages.filter((message) => message.role !== "system");
+  return /* @__PURE__ */ jsxs14("section", { className: "chat-prebuilt chat-subagent " + className, "data-state": state, "aria-label": "Subagent: " + title, children: [
+    /* @__PURE__ */ jsxs14("div", { className: "chat-subagent-heading", children: [
+      /* @__PURE__ */ jsx19("span", { className: "chat-subagent-icon", children: /* @__PURE__ */ jsx19(Icon, { size: 18, "aria-hidden": "true" }) }),
+      /* @__PURE__ */ jsxs14("div", { children: [
+        /* @__PURE__ */ jsx19("strong", { children: title }),
+        /* @__PURE__ */ jsx19("span", { className: "chat-subagent-state", role: "status", children: labels[state] })
+      ] }),
+      canInspect ? /* @__PURE__ */ jsx19(
+        ResponsiveDetail,
+        {
+          title,
+          description: task || "Subagent activity in this conversation",
+          trigger: /* @__PURE__ */ jsxs14("button", { className: "chat-subagent-inspect", type: "button", "aria-label": "View activity for " + title, children: [
+            "View activity",
+            /* @__PURE__ */ jsx19(ArrowUpRight, { size: 14, "aria-hidden": "true" })
+          ] }),
+          children: /* @__PURE__ */ jsxs14(Depth.Provider, { value: depth + 1, children: [
+            /* @__PURE__ */ jsxs14("div", { className: "chat-subagent-overview", children: [
+              /* @__PURE__ */ jsx19("span", { className: "chat-subagent-state", children: labels[state] }),
+              progress !== void 0 ? /* @__PURE__ */ jsxs14("span", { children: [
+                Math.round(progress * 100),
+                "%"
+              ] }) : null
+            ] }),
+            summary ? /* @__PURE__ */ jsx19("p", { className: "chat-subagent-summary", children: summary }) : null,
+            error ? /* @__PURE__ */ jsx19("p", { className: "chat-widget-error", role: "alert", children: error }) : null,
+            transcript.length ? /* @__PURE__ */ jsx19("div", { className: "chat-subagent-transcript", children: transcript.map((message) => /* @__PURE__ */ jsxs14("article", { className: "chat-subagent-message", children: [
+              /* @__PURE__ */ jsx19("div", { className: "chat-subagent-role", children: message.role === "user" ? "Task" : title }),
+              /* @__PURE__ */ jsx19(MessageContent, { parts: message.parts, isUser: message.role === "user" })
+            ] }, message.id)) }) : /* @__PURE__ */ jsx19("p", { className: "chat-widget-empty", children: state === "queued" ? "Waiting to start." : state === "running" ? "Activity will appear as the agent works." : "No activity was recorded." }),
+            artifacts.length ? /* @__PURE__ */ jsxs14("div", { className: "chat-subagent-artifacts", children: [
+              /* @__PURE__ */ jsx19("h4", { children: "Created files" }),
+              /* @__PURE__ */ jsx19(ArtifactsWidget, { artifacts })
+            ] }) : null
+          ] })
+        }
+      ) : null
+    ] }),
+    task ? /* @__PURE__ */ jsx19("p", { className: "chat-subagent-task", children: task }) : null,
+    summary ? /* @__PURE__ */ jsx19("p", { className: "chat-subagent-summary", children: summary }) : null,
+    state === "running" && progress !== void 0 ? /* @__PURE__ */ jsx19("progress", { className: "chat-subagent-progress", value: progress, max: 1, "aria-label": "Progress for " + title }) : null,
+    state === "failed" && error ? /* @__PURE__ */ jsx19("p", { className: "chat-widget-error", role: "alert", children: error }) : null
+  ] });
+}
+
+// src/widgets/registry.tsx
+import { jsx as jsx20 } from "react/jsx-runtime";
+var str = (value, fallback = "") => typeof value === "string" ? value : fallback;
+var num = (value) => typeof value === "number" && Number.isFinite(value) ? value : void 0;
+var common = (props) => ({
+  state: props.state === "running" || props.state === "error" || props.state === "denied" || props.state === "approval" ? props.state : "complete",
+  error: typeof props.error === "string" ? props.error : void 0
+});
+function Read(props) {
+  return /* @__PURE__ */ jsx20(
+    ReadFileWidget,
+    {
+      ...common(props),
+      path: str(props.path, "File"),
+      content: typeof props.content === "string" ? props.content : void 0,
+      startLine: num(props.startLine),
+      language: str(props.language)
+    }
+  );
+}
+function Patch(props) {
+  return /* @__PURE__ */ jsx20(
+    PatchWidget,
+    {
+      ...common(props),
+      path: str(props.path, "File changes"),
+      diff: typeof props.diff === "string" ? props.diff : void 0,
+      before: typeof props.before === "string" ? props.before : void 0,
+      after: typeof props.after === "string" ? props.after : void 0
+    }
+  );
+}
+function Search(props) {
+  return /* @__PURE__ */ jsx20(
+    SearchWidget,
+    {
+      ...common(props),
+      query: str(props.query),
+      results: normalizeSearchResults(props.results),
+      total: num(props.total)
+    }
+  );
+}
+function Question(props) {
+  const options = Array.isArray(props.options) ? props.options.flatMap((item) => {
+    if (typeof item === "string") return [{ label: item, value: item }];
+    if (!item || typeof item !== "object" || typeof item.label !== "string" || typeof item.value !== "string")
+      return [];
+    return [
+      {
+        label: item.label,
+        value: item.value,
+        description: str(item.description),
+        recommended: item.recommended === true
+      }
+    ];
+  }) : [];
+  return /* @__PURE__ */ jsx20(
+    QuestionWidget,
+    {
+      prompt: str(props.prompt, "Your answer"),
+      description: str(props.description),
+      options,
+      multiple: props.multiple === true,
+      allowCustom: props.allowCustom === true,
+      disabled: !props.widget.interactive || props.widget.disabled,
+      onSubmit: async (answer) => {
+        const labels2 = answer.values.map(
+          (value) => {
+            var _a, _b;
+            return (_b = (_a = options.find((option) => option.value === value)) == null ? void 0 : _a.label) != null ? _b : value;
+          }
+        );
+        await props.widget.respond(
+          answer,
+          [...labels2, answer.text].filter(Boolean).join(", "),
+          "answer"
+        );
+      }
+    }
+  );
+}
+function Artifact(props) {
+  var _a;
+  const artifact = parseArtifact3((_a = props.artifact) != null ? _a : props);
+  return artifact ? /* @__PURE__ */ jsx20(ArtifactWidget, { artifact }) : /* @__PURE__ */ jsx20("p", { className: "chat-widget-empty", children: "File details are unavailable." });
+}
+function Artifacts(props) {
+  const artifacts = Array.isArray(props.artifacts) ? props.artifacts.flatMap((value) => {
+    const artifact = parseArtifact3(value);
+    return artifact ? [artifact] : [];
+  }) : [];
+  return /* @__PURE__ */ jsx20(ArtifactsWidget, { artifacts });
+}
+function Subagent(props) {
+  var _a;
+  const subagent = parseSubagent2((_a = props.subagent) != null ? _a : props);
+  return subagent ? /* @__PURE__ */ jsx20(SubagentWidget, { subagent }) : /* @__PURE__ */ jsx20("p", { className: "chat-widget-empty", children: "Agent details are unavailable." });
+}
+var prebuiltWidgets = {
+  artifact: { name: "artifact", component: Artifact, shell: false },
+  artifacts: { name: "artifacts", component: Artifacts, shell: false },
+  subagent: { name: "subagent", component: Subagent, shell: false },
+  "read-file": { name: "read-file", component: Read, shell: false },
+  patch: { name: "patch", component: Patch, shell: false },
+  search: { name: "search", component: Search, shell: false },
+  question: { name: "question", component: Question, shell: false }
+};
+
+// src/widgets/index.ts
+import { createArtifactData, createSubagentData, parseArtifact as parseArtifact4, parseSubagent as parseSubagent3 } from "@sarchauhan/protocol";
+
+export {
+  ThemeProvider,
+  useTheme,
+  cn,
+  motion,
+  iconSwapStates,
+  successCheckStates,
+  dropdownOrigins,
+  motionData,
+  prefersReducedMotion,
+  motionRoot,
+  readDurationMs,
+  swapText,
+  openDropdown,
+  closeDropdown,
+  triggerErrorShake,
+  clearErrorShake,
+  calibrateCheckPath,
+  TextSwap,
+  useDropdownPresence,
+  getUserDisplayText,
+  ResponsiveDetail,
+  safeArtifactUrl,
+  formatArtifactSize,
+  ArtifactWidget,
+  ArtifactsWidget,
+  computeToolState,
+  normalizeSearchResults,
+  computeToolWidget,
+  computeDiff,
+  safeResultUrl,
+  computeTextDiff,
+  SubagentWidget,
+  PatchWidget,
+  QuestionWidget,
+  ReadFileWidget,
+  SearchWidget,
+  prebuiltWidgets,
+  defineWidget,
+  createWidgetRegistry,
+  WidgetProvider,
+  useWidgets,
+  TextSkeleton,
+  BaseWidget,
+  WidgetRenderer,
+  formatElapsed,
+  formatElapsedWords,
+  LoadingState,
+  ThinkingBlock,
+  MessageContent,
+  createArtifactData,
+  createSubagentData,
+  parseArtifact4 as parseArtifact,
+  parseSubagent3 as parseSubagent
+};
+//# sourceMappingURL=chunk-5SNRYULC.mjs.map