@beanx/cathygo-web-core 0.1.0

package/dist/index.js

@@ -0,0 +1,2409 @@
+// src/features/chat/ChatHomeView.tsx
+import { useRef as useRef2, useState as useState2 } from "react";
+
+// src/chat-ui/agentIdentity.ts
+function agentDisplayName(status) {
+  return status?.display_name?.trim() || status?.agent_id?.trim() || "CathyGO Agent";
+}
+function agentShortId(status) {
+  const value = status?.agent_short_id?.trim();
+  return value || void 0;
+}
+
+// src/chat-ui/icons.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function IconNewChat({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 20h9M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4 12.5-12.5z",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.8"
+        }
+      )
+    }
+  );
+}
+function IconPencil({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 20h9M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4 12.5-12.5z",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.8"
+        }
+      )
+    }
+  );
+}
+function IconCalendar({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("rect", { height: "16", rx: "2", stroke: "currentColor", strokeWidth: "1.8", width: "18", x: "3", y: "5" }),
+        /* @__PURE__ */ jsx("path", { d: "M3 9h18M8 3v4M16 3v4", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.8" })
+      ]
+    }
+  );
+}
+function IconMessage({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M7 9h10M7 13h6M5 19l2.5-4H19a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2z",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.8"
+        }
+      )
+    }
+  );
+}
+function IconDocument({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M8 4h7l3 3v13H8V4z",
+            stroke: "currentColor",
+            strokeLinejoin: "round",
+            strokeWidth: "1.8"
+          }
+        ),
+        /* @__PURE__ */ jsx("path", { d: "M15 4v3h3", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: "1.8" })
+      ]
+    }
+  );
+}
+function IconSearch({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "7", stroke: "currentColor", strokeWidth: "1.8" }),
+        /* @__PURE__ */ jsx("path", { d: "m20 20-3.5-3.5", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.8" })
+      ]
+    }
+  );
+}
+function IconSettings({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3", stroke: "currentColor", strokeWidth: "1.8" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeWidth: "1.8"
+          }
+        )
+      ]
+    }
+  );
+}
+function IconImageUpload({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "20",
+      viewBox: "0 0 24 24",
+      width: "20",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            height: "16",
+            rx: "3",
+            ry: "3",
+            stroke: "currentColor",
+            strokeWidth: "1.8",
+            width: "18",
+            x: "3",
+            y: "5"
+          }
+        ),
+        /* @__PURE__ */ jsx("circle", { cx: "9", cy: "10", fill: "currentColor", r: "1.4" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M3 17l5.2-5.2a1.2 1.2 0 0 1 1.7 0L15 17M14 12l2.3-2.3a1.2 1.2 0 0 1 1.7 0L21 14",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: "1.8"
+          }
+        )
+      ]
+    }
+  );
+}
+function IconChevronRight({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "m9 6 6 6-6 6",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.8"
+        }
+      )
+    }
+  );
+}
+function IconMore({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "6", cy: "12", fill: "currentColor", r: "1.4" }),
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", fill: "currentColor", r: "1.4" }),
+        /* @__PURE__ */ jsx("circle", { cx: "18", cy: "12", fill: "currentColor", r: "1.4" })
+      ]
+    }
+  );
+}
+function IconExternalLink({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "14",
+      viewBox: "0 0 24 24",
+      width: "14",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M14 4h6v6M10 14 20 4M15 4h5v5",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.8"
+        }
+      )
+    }
+  );
+}
+function IconHome({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M4 10.5 12 4l8 6.5V20a1 1 0 0 1-1 1h-5v-6H10v6H5a1 1 0 0 1-1-1v-9.5Z",
+          stroke: "currentColor",
+          strokeLinejoin: "round",
+          strokeWidth: "1.7"
+        }
+      )
+    }
+  );
+}
+function IconGithub({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M9 19c-4.3 1.4-4.3-2.1-6-2.4m6 2.4v-3.5c0-.9-.3-1.5-1.2-1.8.9-.1 1.8-.4 2.5-1 1.1-.9 1.6-2.2 1.6-3.9 0-3-1.8-4.5-4.4-4.5-1.2 0-2.2.4-3 .9l-.6-.6c-.3-.3-.8-.1-.8.4v1.8c-1.2 1.1-1.8 2.6-1.8 4.3 0 1.7.5 3 1.6 3.9.7.6 1.6.9 2.5 1-.9.3-1.2.9-1.2 1.8V19",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.7"
+        }
+      )
+    }
+  );
+}
+function IconBack({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "m15 6-6 6 6 6",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.8"
+        }
+      )
+    }
+  );
+}
+function IconClose({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M6 6l12 12M18 6 6 18",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeWidth: "1.8"
+        }
+      )
+    }
+  );
+}
+function IconPlug({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 22v-5M9 8V2M15 8V2M7 12h10a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2z",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.8"
+        }
+      )
+    }
+  );
+}
+function IconBrain({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M9.5 2A5.5 5.5 0 0 0 4 7.5c0 .9.2 1.7.6 2.5A5.5 5.5 0 0 0 9.5 22M14.5 2A5.5 5.5 0 0 1 20 7.5a5.5 5.5 0 0 1-5.5 14.5M12 6v12",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.8"
+        }
+      )
+    }
+  );
+}
+function IconDevice({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("rect", { height: "14", rx: "2", stroke: "currentColor", strokeWidth: "1.8", width: "18", x: "3", y: "5" }),
+        /* @__PURE__ */ jsx("path", { d: "M8 19h8", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.8" })
+      ]
+    }
+  );
+}
+function IconDevices({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("rect", { height: "11", rx: "1.5", stroke: "currentColor", strokeWidth: "1.7", width: "16", x: "2", y: "4" }),
+        /* @__PURE__ */ jsx("path", { d: "M6 15h8", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.7" }),
+        /* @__PURE__ */ jsx("rect", { height: "10", rx: "1.5", stroke: "currentColor", strokeWidth: "1.7", width: "7", x: "13", y: "9" }),
+        /* @__PURE__ */ jsx("path", { d: "M15.5 17.5h2", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.7" })
+      ]
+    }
+  );
+}
+function IconSmartphone({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("rect", { height: "16", rx: "2.5", stroke: "currentColor", strokeWidth: "1.8", width: "10", x: "7", y: "4" }),
+        /* @__PURE__ */ jsx("path", { d: "M11 17h2", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.8" })
+      ]
+    }
+  );
+}
+function IconShield({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 3 4 7v6c0 5 3.4 8.7 8 9 4.6-.3 8-4 8-9V7l-8-4z",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.8"
+        }
+      )
+    }
+  );
+}
+function IconCode({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "m8 9-4 3 4 3M16 9l4 3-4 3M13 5 11 19",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.8"
+        }
+      )
+    }
+  );
+}
+function IconInfo({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "1.8" }),
+        /* @__PURE__ */ jsx("path", { d: "M12 10v6M12 8h.01", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.8" })
+      ]
+    }
+  );
+}
+function IconCloud({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M7.5 18.5h9.2a3.3 3.3 0 0 0 .2-6.6A4.4 4.4 0 0 0 6.2 9.4 3.6 3.6 0 0 0 7.5 18.5Z",
+          stroke: "currentColor",
+          strokeLinejoin: "round",
+          strokeWidth: "1.7"
+        }
+      )
+    }
+  );
+}
+function IconLocalComputer({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M5 6.8A2.8 2.8 0 0 1 7.8 4h8.4A2.8 2.8 0 0 1 19 6.8V14a2.8 2.8 0 0 1-2.8 2.8H7.8A2.8 2.8 0 0 1 5 14V6.8Z",
+            stroke: "currentColor",
+            strokeLinejoin: "round",
+            strokeWidth: "1.7"
+          }
+        ),
+        /* @__PURE__ */ jsx("path", { d: "M9.8 20h4.4", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.7" })
+      ]
+    }
+  );
+}
+function IconChevronDown({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "m6 9 6 6 6-6",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.8"
+        }
+      )
+    }
+  );
+}
+function IconGatewayOnline({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M5 6.8A2.8 2.8 0 0 1 7.8 4h8.4A2.8 2.8 0 0 1 19 6.8V14a2.8 2.8 0 0 1-2.8 2.8H7.8A2.8 2.8 0 0 1 5 14V6.8Z",
+            stroke: "currentColor",
+            strokeLinejoin: "round",
+            strokeWidth: "1.7"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9.8 20h4.4",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeWidth: "1.7"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "m9.2 11.1 1.7 1.7 3.9-4",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: "1.8"
+          }
+        )
+      ]
+    }
+  );
+}
+function IconGatewayConnecting({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 4.5v2.8M12 16.7V19.5M5.1 7.4l2 2M16.9 16.6l2 2M4.5 12h2.8M16.7 12H19.5M5.1 16.6l2-2M16.9 7.4l2-2",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeWidth: "1.7"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M15.2 9.8a4.2 4.2 0 1 0 1.8 5.4",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeWidth: "1.7"
+          }
+        )
+      ]
+    }
+  );
+}
+function IconGatewayOffline({ className }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M6.6 6.2A2.6 2.6 0 0 1 9.2 3.6h5.6a2.6 2.6 0 0 1 2.6 2.6v8.3",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: "1.7"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M6.6 10.8V15a2.6 2.6 0 0 0 2.6 2.6h5.6a2.6 2.6 0 0 0 2.6-2.6v-1.2",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: "1.7"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M8.9 20.4h6.2",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeWidth: "1.7"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4.2 4.2 19.8 19.8",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeWidth: "1.8"
+          }
+        )
+      ]
+    }
+  );
+}
+function IconSend({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      className,
+      fill: "none",
+      height: "18",
+      viewBox: "0 0 24 24",
+      width: "18",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 19V5M5 12l7-7 7 7",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "2"
+        }
+      )
+    }
+  );
+}
+
+// src/chat-ui/components/ChatAgentIdentity.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function ChatAgentIdentity({ agentStatus }) {
+  const label = agentDisplayName(agentStatus);
+  return /* @__PURE__ */ jsxs2(
+    "button",
+    {
+      className: "chat-agent-identity",
+      title: "\u5207\u6362 Agent\uFF08\u5373\u5C06\u652F\u6301\uFF09",
+      type: "button",
+      onClick: (event) => event.preventDefault(),
+      children: [
+        /* @__PURE__ */ jsx2(IconLocalComputer, { className: "chat-agent-identity-icon" }),
+        /* @__PURE__ */ jsx2("span", { className: "chat-agent-identity-label", children: label }),
+        /* @__PURE__ */ jsx2(IconChevronDown, { "aria-hidden": true, className: "chat-agent-identity-chevron" })
+      ]
+    }
+  );
+}
+
+// src/chat-ui/components/ChatTopBar.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function modelShortLabel(model) {
+  if (!model) return "\u6A21\u578B";
+  if (model.provider === "unavailable") return "\u672A\u914D\u7F6E";
+  return model.model || model.display_name || model.provider;
+}
+function connectionTone(status, gatewayLinked = false) {
+  if (gatewayLinked) return "ok";
+  const lower = status.trim().toLowerCase();
+  if (lower === "connected") return "ok";
+  if (lower === "connecting" || lower === "socket open") return "idle";
+  if (lower === "disconnected") return "idle";
+  if (lower.includes("error") || lower.includes("fail")) return "warn";
+  return "idle";
+}
+function ChatTopBar({
+  agentStatus,
+  connectionStatus,
+  gatewayLinked = false,
+  model,
+  debugUI,
+  canAbort,
+  onAbort
+}) {
+  const tone = connectionTone(connectionStatus, gatewayLinked);
+  const statusLabel = gatewayLinked ? "Connected" : connectionStatus;
+  return /* @__PURE__ */ jsxs3("header", { className: "chat-topbar", children: [
+    /* @__PURE__ */ jsx3("div", { className: "chat-topbar-start", children: /* @__PURE__ */ jsx3(ChatAgentIdentity, { agentStatus }) }),
+    /* @__PURE__ */ jsxs3("div", { className: "chat-topbar-end", children: [
+      /* @__PURE__ */ jsx3("span", { className: "chat-topbar-model", title: model?.base_url ?? void 0, children: modelShortLabel(model) }),
+      /* @__PURE__ */ jsx3(
+        "span",
+        {
+          className: `chat-topbar-status-dot ${tone}`,
+          title: statusLabel,
+          "aria-label": statusLabel
+        }
+      ),
+      debugUI ? /* @__PURE__ */ jsx3("span", { className: "chat-topbar-debug", children: "Debug" }) : null,
+      canAbort ? /* @__PURE__ */ jsx3("button", { className: "chat-topbar-abort", onClick: onAbort, type: "button", children: "\u505C\u6B62" }) : null
+    ] })
+  ] });
+}
+
+// src/chat-ui/components/MessageComposer.tsx
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
+
+// src/chat-ui/attachmentValidation.ts
+var DEFAULT_COMPOSER_ATTACHMENT_POLICY = {
+  acceptMimeTypes: ["image/png", "image/jpeg", "image/webp"],
+  maxFileSizeBytes: 10 * 1024 * 1024,
+  maxFiles: 4
+};
+var MIME_EXTENSIONS = {
+  "image/jpeg": [".jpg", ".jpeg"],
+  "image/png": [".png"],
+  "image/webp": [".webp"]
+};
+function normalizeComposerAttachmentPolicy(policy = {}) {
+  return {
+    acceptMimeTypes: policy.acceptMimeTypes?.length ? policy.acceptMimeTypes.map((type) => type.toLowerCase()) : DEFAULT_COMPOSER_ATTACHMENT_POLICY.acceptMimeTypes,
+    maxFileSizeBytes: policy.maxFileSizeBytes && policy.maxFileSizeBytes > 0 ? policy.maxFileSizeBytes : DEFAULT_COMPOSER_ATTACHMENT_POLICY.maxFileSizeBytes,
+    maxFiles: policy.maxFiles && policy.maxFiles > 0 ? policy.maxFiles : DEFAULT_COMPOSER_ATTACHMENT_POLICY.maxFiles
+  };
+}
+function composerAcceptAttribute(policy = {}) {
+  const normalized = normalizeComposerAttachmentPolicy(policy);
+  return normalized.acceptMimeTypes.join(",");
+}
+function validateComposerFiles(files, existingCount = 0, policy = {}) {
+  const normalized = normalizeComposerAttachmentPolicy(policy);
+  const accepted = [];
+  const rejected = [];
+  for (const file of files) {
+    if (existingCount + accepted.length >= normalized.maxFiles) {
+      rejected.push({
+        fileName: file.name,
+        reason: "count",
+        message: `\u6700\u591A\u53EF\u4E0A\u4F20 ${normalized.maxFiles} \u5F20\u56FE\u7247\u3002`
+      });
+      continue;
+    }
+    if (!matchesAcceptedMimeType(file, normalized.acceptMimeTypes)) {
+      rejected.push({
+        fileName: file.name,
+        reason: "type",
+        message: `\u4EC5\u652F\u6301 ${formatAcceptedMimeTypes(normalized.acceptMimeTypes)} \u56FE\u7247\u3002`
+      });
+      continue;
+    }
+    if (file.size > normalized.maxFileSizeBytes) {
+      rejected.push({
+        fileName: file.name,
+        reason: "size",
+        message: `\u56FE\u7247\u9700\u5C0F\u4E8E ${formatBytes(normalized.maxFileSizeBytes)}\u3002`
+      });
+      continue;
+    }
+    accepted.push(file);
+  }
+  return {
+    accepted,
+    rejected,
+    error: firstComposerFileError(rejected)
+  };
+}
+function formatBytes(bytes) {
+  if (!Number.isFinite(bytes) || bytes <= 0) return "0 B";
+  if (bytes < 1024) return `${bytes} B`;
+  const units = ["KB", "MB", "GB"];
+  let value = bytes / 1024;
+  let unitIndex = 0;
+  while (value >= 1024 && unitIndex < units.length - 1) {
+    value /= 1024;
+    unitIndex += 1;
+  }
+  const rounded = value >= 10 ? Math.round(value) : Math.round(value * 10) / 10;
+  return `${rounded} ${units[unitIndex]}`;
+}
+function firstComposerFileError(rejected) {
+  const first = rejected[0];
+  if (!first) return void 0;
+  return rejected.length === 1 ? `${first.fileName}: ${first.message}` : `${first.fileName}: ${first.message} \u53E6\u6709 ${rejected.length - 1} \u4E2A\u6587\u4EF6\u672A\u6DFB\u52A0\u3002`;
+}
+function matchesAcceptedMimeType(file, acceptMimeTypes) {
+  const fileType = file.type.toLowerCase();
+  if (fileType && acceptMimeTypes.includes(fileType)) return true;
+  const name = file.name.toLowerCase();
+  return acceptMimeTypes.some(
+    (type) => (MIME_EXTENSIONS[type] ?? []).some((extension) => name.endsWith(extension))
+  );
+}
+function formatAcceptedMimeTypes(acceptMimeTypes) {
+  const labels = acceptMimeTypes.map((type) => {
+    if (type === "image/jpeg") return "JPG";
+    if (type === "image/png") return "PNG";
+    if (type === "image/webp") return "WebP";
+    return type;
+  });
+  if (labels.length <= 1) return labels[0] ?? "\u56FE\u7247";
+  return `${labels.slice(0, -1).join("\u3001")} \u6216 ${labels[labels.length - 1]}`;
+}
+
+// src/chat-ui/components/MessageComposer.tsx
+import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var MessageComposer = forwardRef(
+  function MessageComposer2({
+    value,
+    attachments = [],
+    error,
+    attachmentPolicy,
+    disabled,
+    layout = "default",
+    placeholder = "\u6709\u95EE\u9898\uFF0C\u5C3D\u7BA1\u95EE",
+    showDisclaimer = true,
+    onChange,
+    onFilesSelected,
+    onRemoveAttachment,
+    onSubmit
+  }, ref) {
+    const [isComposing, setIsComposing] = useState(false);
+    const [localError, setLocalError] = useState();
+    const inputRef = useRef(null);
+    const fileRef = useRef(null);
+    const heroLayout = layout === "hero";
+    const acceptAttribute = composerAcceptAttribute(attachmentPolicy);
+    const displayError = error ?? localError;
+    useImperativeHandle(ref, () => ({
+      openFilePicker: () => fileRef.current?.click()
+    }));
+    useEffect(() => {
+      if (!disabled) {
+        inputRef.current?.focus();
+      }
+    }, [disabled]);
+    function submitIfReady() {
+      if (disabled || !value.trim() && attachments.length === 0) return;
+      setLocalError(void 0);
+      onSubmit();
+    }
+    function addFiles(files) {
+      const validation = validateComposerFiles(files, attachments.length, attachmentPolicy);
+      setLocalError(validation.error);
+      if (validation.accepted.length) {
+        onFilesSelected?.(validation.accepted);
+      }
+    }
+    return /* @__PURE__ */ jsx4("div", { className: heroLayout ? "chat-composer-wrap chat-composer-wrap-hero" : "chat-composer-wrap", children: /* @__PURE__ */ jsxs4("div", { className: heroLayout ? "chat-column chat-column-hero" : "chat-column", children: [
+      /* @__PURE__ */ jsxs4(
+        "form",
+        {
+          className: heroLayout ? "message-composer message-composer-hero" : "message-composer",
+          onSubmit: (event) => {
+            event.preventDefault();
+            submitIfReady();
+          },
+          children: [
+            onFilesSelected ? /* @__PURE__ */ jsxs4(Fragment, { children: [
+              /* @__PURE__ */ jsx4(
+                "input",
+                {
+                  ref: fileRef,
+                  accept: acceptAttribute,
+                  className: "file-input",
+                  disabled,
+                  multiple: true,
+                  onChange: (event) => {
+                    const files = Array.from(event.target.files ?? []);
+                    if (files.length) addFiles(files);
+                    event.target.value = "";
+                  },
+                  type: "file"
+                }
+              ),
+              /* @__PURE__ */ jsx4(
+                "button",
+                {
+                  "aria-label": "\u4E0A\u4F20\u7167\u7247",
+                  className: "composer-icon-btn composer-photo-btn",
+                  disabled,
+                  onClick: () => fileRef.current?.click(),
+                  type: "button",
+                  children: /* @__PURE__ */ jsx4(IconImageUpload, {})
+                }
+              )
+            ] }) : null,
+            /* @__PURE__ */ jsx4(
+              "textarea",
+              {
+                ref: inputRef,
+                value,
+                disabled,
+                onChange: (event) => onChange(event.target.value),
+                onCompositionEnd: () => setIsComposing(false),
+                onCompositionStart: () => setIsComposing(true),
+                onKeyDown: (event) => {
+                  if (event.key !== "Enter" || event.shiftKey) return;
+                  if (event.nativeEvent.isComposing || isComposing) return;
+                  event.preventDefault();
+                  submitIfReady();
+                },
+                placeholder,
+                rows: heroLayout ? 3 : 1
+              }
+            ),
+            /* @__PURE__ */ jsx4(
+              "button",
+              {
+                "aria-label": "\u53D1\u9001\u6D88\u606F",
+                className: "composer-send-btn",
+                disabled: disabled || !value.trim() && attachments.length === 0,
+                type: "submit",
+                children: /* @__PURE__ */ jsx4(IconSend, {})
+              }
+            )
+          ]
+        }
+      ),
+      attachments.length ? /* @__PURE__ */ jsx4("div", { className: "composer-attachments", children: attachments.map((attachment) => /* @__PURE__ */ jsxs4("figure", { children: [
+        /* @__PURE__ */ jsx4("img", { alt: attachment.name, src: attachment.previewUrl }),
+        /* @__PURE__ */ jsx4("figcaption", { children: attachment.name }),
+        /* @__PURE__ */ jsx4(
+          "button",
+          {
+            "aria-label": `\u79FB\u9664 ${attachment.name}`,
+            onClick: () => onRemoveAttachment?.(attachment.id),
+            type: "button",
+            children: "\u79FB\u9664"
+          }
+        )
+      ] }, attachment.id)) }) : null,
+      displayError ? /* @__PURE__ */ jsx4("p", { className: "composer-error", children: displayError }) : null,
+      showDisclaimer ? /* @__PURE__ */ jsx4("p", { className: "composer-disclaimer", children: "CathyGO \u4E5F\u53EF\u80FD\u4F1A\u72AF\u9519\uFF0C\u8BF7\u6838\u67E5\u91CD\u8981\u4FE1\u606F\u3002" }) : null
+    ] }) });
+  }
+);
+
+// src/features/chat/chatHomeModes.ts
+var CHAT_HOME_MODES = [
+  {
+    id: "photo_question",
+    label: "\u62CD\u9898\u8BB2\u89E3",
+    placeholder: "\u4E0A\u4F20\u9898\u76EE\u7167\u7247\uFF0C\u6216\u63CF\u8FF0\u4F60\u60F3\u5F04\u61C2\u7684\u5730\u65B9",
+    emphasizeAttachment: true
+  },
+  {
+    id: "paper_analysis",
+    label: "\u8BD5\u5377\u5206\u6790",
+    placeholder: "\u4E0A\u4F20\u8BD5\u5377\u3001\u9519\u9898\uFF0C\u6216\u63CF\u8FF0\u4F60\u60F3\u5206\u6790\u7684\u5185\u5BB9"
+  },
+  {
+    id: "knowledge_learning",
+    label: "\u77E5\u8BC6\u70B9\u5B66\u4E60",
+    placeholder: "\u8F93\u5165\u4E00\u4E2A\u77E5\u8BC6\u70B9\uFF0C\u6216\u63CF\u8FF0\u4F60\u60F3\u7406\u89E3\u7684\u6982\u5FF5"
+  }
+];
+var DEFAULT_CHAT_HOME_MODE_ID = "photo_question";
+function findChatHomeMode(id) {
+  return CHAT_HOME_MODES.find((mode) => mode.id === id) ?? CHAT_HOME_MODES[0];
+}
+
+// src/features/chat/ChatHomeView.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function ChatHomeView({
+  draft,
+  attachments,
+  attachmentPolicy,
+  error,
+  busy,
+  connectionStatus,
+  gatewayLinked,
+  model,
+  agentStatus,
+  avatarSrc,
+  onDraftChange,
+  onFilesSelected,
+  onRemoveAttachment,
+  onSend
+}) {
+  const composerRef = useRef2(null);
+  const [activeModeId, setActiveModeId] = useState2(DEFAULT_CHAT_HOME_MODE_ID);
+  const activeMode = findChatHomeMode(activeModeId);
+  function selectMode(modeId) {
+    setActiveModeId(modeId);
+    const mode = findChatHomeMode(modeId);
+    if (mode.emphasizeAttachment) {
+      composerRef.current?.openFilePicker();
+    }
+  }
+  return /* @__PURE__ */ jsxs5("section", { className: "cathygo-chat-panel chat-home", children: [
+    /* @__PURE__ */ jsx5(
+      ChatTopBar,
+      {
+        connectionStatus,
+        gatewayLinked,
+        model,
+        agentStatus
+      }
+    ),
+    /* @__PURE__ */ jsxs5("div", { className: "chat-home-center", children: [
+      avatarSrc ? /* @__PURE__ */ jsx5(
+        "img",
+        {
+          alt: "",
+          className: "chat-home-avatar",
+          height: 88,
+          src: avatarSrc,
+          width: 88
+        }
+      ) : null,
+      /* @__PURE__ */ jsx5("h1", { className: "chat-home-title", children: "\u4ECA\u5929\u60F3\u5B66\u4F1A\u4EC0\u4E48\uFF1F" }),
+      /* @__PURE__ */ jsx5("div", { className: "chat-home-mode-tabs", role: "tablist", children: CHAT_HOME_MODES.map((mode) => /* @__PURE__ */ jsx5(
+        "button",
+        {
+          "aria-selected": mode.id === activeModeId,
+          className: mode.id === activeModeId ? "chat-home-mode-tab active" : "chat-home-mode-tab",
+          disabled: busy,
+          role: "tab",
+          type: "button",
+          onClick: () => selectMode(mode.id),
+          children: mode.label
+        },
+        mode.id
+      )) }),
+      /* @__PURE__ */ jsx5("div", { className: "chat-home-composer", children: /* @__PURE__ */ jsx5(
+        MessageComposer,
+        {
+          ref: composerRef,
+          attachments,
+          attachmentPolicy,
+          disabled: busy,
+          error,
+          layout: "hero",
+          placeholder: activeMode.placeholder,
+          value: draft,
+          onChange: onDraftChange,
+          onFilesSelected,
+          onRemoveAttachment,
+          onSubmit: () => onSend(activeModeId)
+        }
+      ) })
+    ] })
+  ] });
+}
+
+// src/chat-ui/previewText.ts
+function stripMathForPreview(text, maxLen = 80) {
+  const plain = text.replace(/\$\$[\s\S]*?\$\$/g, " ").replace(/\$[^$\n]+?\$/g, " ").replace(/\\\[[\s\S]*?\\\]/g, " ").replace(/\\\([\s\S]*?\\\)/g, " ").replace(/\s+/g, " ").trim();
+  if (plain.length <= maxLen) return plain;
+  return `${plain.slice(0, maxLen - 1)}\u2026`;
+}
+
+// src/features/chat/ChatListView.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function ChatListView({ chats, onOpen, onNewChat }) {
+  return /* @__PURE__ */ jsxs6("section", { className: "cathygo-chat-panel list-workspace", children: [
+    /* @__PURE__ */ jsxs6("header", { className: "page-topbar", children: [
+      /* @__PURE__ */ jsx6("h1", { className: "page-topbar-title", children: "\u5BF9\u8BDD\u5386\u53F2" }),
+      /* @__PURE__ */ jsx6("button", { className: "primary-action", onClick: onNewChat, type: "button", children: "\u65B0\u5BF9\u8BDD" })
+    ] }),
+    /* @__PURE__ */ jsx6("div", { className: "chat-column list-column", children: chats.length ? /* @__PURE__ */ jsx6("div", { className: "history-list", children: chats.map((chat) => /* @__PURE__ */ jsxs6(
+      "button",
+      {
+        className: "history-row",
+        onClick: () => onOpen(chat.session_id),
+        type: "button",
+        children: [
+          /* @__PURE__ */ jsx6("strong", { children: chat.title }),
+          /* @__PURE__ */ jsx6("span", { children: chat.preview ? stripMathForPreview(chat.preview, 120) : "\u6682\u65E0\u9884\u89C8" }),
+          /* @__PURE__ */ jsxs6("small", { children: [
+            chat.message_count,
+            " \u6761\u6D88\u606F"
+          ] })
+        ]
+      },
+      chat.session_id
+    )) }) : /* @__PURE__ */ jsx6("p", { className: "empty", children: "\u6682\u65E0\u5BF9\u8BDD\u3002\u521B\u5EFA\u65B0\u5BF9\u8BDD\u540E\u4F1A\u51FA\u73B0\u5728\u8FD9\u91CC\u3002" }) })
+  ] });
+}
+
+// src/chat-ui/components/ChatTranscript.tsx
+import { useEffect as useEffect4, useRef as useRef3 } from "react";
+
+// src/chat-ui/components/AgentActivityTimeline.tsx
+import { useEffect as useEffect2, useState as useState3 } from "react";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function AgentActivityTimeline({ activities, progress }) {
+  const tick = useTimelineTick(progress, activities);
+  if (!activities.length && !progress) return null;
+  return /* @__PURE__ */ jsxs7("div", { "aria-label": "Agent \u8FD0\u884C\u8F68\u8FF9", className: "agent-activity-timeline", children: [
+    progress ? /* @__PURE__ */ jsx7(AgentProgressRow, { progress, now: tick }) : null,
+    progress?.thinking ? /* @__PURE__ */ jsx7(ReasoningPanel, { thinking: progress.thinking }) : null,
+    activities.length ? /* @__PURE__ */ jsx7("div", { className: "agent-activity-list", children: activities.map((activity) => /* @__PURE__ */ jsx7(AgentActivityRow, { activity, now: tick }, activity.activity_id)) }) : null
+  ] });
+}
+function ReasoningPanel({ thinking }) {
+  const [expanded, setExpanded] = useState3(thinking.expanded);
+  const count = thinking.lines.length;
+  if (!count && !thinking.hiddenCount) return null;
+  const hiddenSummary = hiddenReasoningSummary(thinking);
+  return /* @__PURE__ */ jsxs7("section", { className: `agent-reasoning-panel ${expanded ? "expanded" : "collapsed"}`, children: [
+    /* @__PURE__ */ jsxs7(
+      "button",
+      {
+        "aria-expanded": expanded,
+        className: "agent-reasoning-toggle",
+        onClick: () => setExpanded((value) => !value),
+        type: "button",
+        children: [
+          /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", className: "agent-reasoning-chevron", children: expanded ? "\u2304" : "\u203A" }),
+          /* @__PURE__ */ jsx7("strong", { children: "\u601D\u8003\u4E2D" }),
+          /* @__PURE__ */ jsx7("span", { children: count ? `${count} \u6761` : hiddenSummary }),
+          count && thinking.hiddenCount ? /* @__PURE__ */ jsx7("span", { children: `\u63A8\u7406\u7247\u6BB5 ${thinking.hiddenCount}` }) : null
+        ]
+      }
+    ),
+    expanded ? /* @__PURE__ */ jsx7("div", { className: "agent-reasoning-lines", children: [...thinking.lines, ...hiddenSummary ? [hiddenSummary] : []].map((line, index) => /* @__PURE__ */ jsxs7("div", { className: "agent-reasoning-line", children: [
+      /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", className: "agent-activity-rail" }),
+      /* @__PURE__ */ jsx7("span", { children: line })
+    ] }, `${index}:${line}`)) }) : null
+  ] });
+}
+function hiddenReasoningSummary(thinking) {
+  if (!thinking.hiddenCount) return void 0;
+  const elapsedMs = thinking.hiddenStartedAt ? Date.now() - Date.parse(thinking.hiddenStartedAt) : 0;
+  if (elapsedMs >= 4e4 || thinking.hiddenCount >= 80) {
+    return "\u6A21\u578B\u6B63\u5728\u6DF1\u5EA6\u63A8\u7406\uFF0C\u5C1A\u672A\u5F00\u59CB\u751F\u6210\u6700\u7EC8\u56DE\u7B54";
+  }
+  if (elapsedMs >= 2e4 || thinking.hiddenCount >= 32) {
+    return "\u8FD9\u4E00\u6B65\u8017\u65F6\u8F83\u957F\uFF0C\u4ECD\u5728\u5904\u7406";
+  }
+  return "\u6B63\u5728\u63A8\u7406\u590D\u6742\u6B65\u9AA4";
+}
+function AgentProgressRow({ progress, now }) {
+  const seconds = elapsedSeconds(progress.startedAt, void 0, now);
+  const duration = seconds === void 0 ? void 0 : formatDuration(seconds);
+  const detail = progress.detail ?? progressWaitDetail(progress, seconds);
+  return /* @__PURE__ */ jsxs7("div", { className: `agent-progress-row ${progress.phase} ${progress.status}`, children: [
+    /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", className: "agent-progress-spinner" }),
+    /* @__PURE__ */ jsxs7("span", { className: "agent-progress-copy", children: [
+      /* @__PURE__ */ jsx7("strong", { children: progress.summary }),
+      detail ? /* @__PURE__ */ jsx7("small", { children: detail }) : null
+    ] }),
+    duration ? /* @__PURE__ */ jsx7("span", { className: "agent-activity-duration", children: duration }) : null
+  ] });
+}
+function AgentActivityRow({ activity, now }) {
+  const duration = durationLabel(activity.started_at, activity.completed_at, now);
+  const summary = activity.summary || activity.title;
+  return /* @__PURE__ */ jsxs7("div", { className: `agent-activity ${activity.kind} ${activity.status}`, children: [
+    /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", className: "agent-activity-rail" }),
+    /* @__PURE__ */ jsx7("span", { className: "agent-activity-kind", children: kindLabel(activity.kind) }),
+    /* @__PURE__ */ jsxs7("span", { className: "agent-activity-copy", children: [
+      /* @__PURE__ */ jsx7("strong", { children: summary }),
+      activity.detail ? /* @__PURE__ */ jsx7("small", { children: activity.detail }) : null
+    ] }),
+    duration ? /* @__PURE__ */ jsx7("span", { className: "agent-activity-duration", children: duration }) : null,
+    activity.status === "failed" && activity.error?.message ? /* @__PURE__ */ jsx7("small", { className: "agent-activity-error", children: activity.error.message }) : null
+  ] });
+}
+function useTimelineTick(progress, activities) {
+  const [now, setNow] = useState3(() => Date.now());
+  const hasRunning = Boolean(progress?.status === "running") || activities.some((activity) => activity.status === "running");
+  useEffect2(() => {
+    if (!hasRunning) return void 0;
+    const id = window.setInterval(() => setNow(Date.now()), 1e3);
+    return () => window.clearInterval(id);
+  }, [hasRunning]);
+  return now;
+}
+function kindLabel(kind) {
+  if (kind === "model") return "model";
+  if (kind === "skill") return "skill";
+  if (kind === "vision") return "vision";
+  if (kind === "memory") return "memory";
+  if (kind === "tool") return "tool";
+  return "system";
+}
+function durationLabel(start, end, now) {
+  const seconds = elapsedSeconds(start, end, now);
+  return seconds === void 0 ? void 0 : formatDuration(seconds);
+}
+function elapsedSeconds(start, end, now) {
+  const startMs = parseTime(start);
+  if (startMs === void 0) return void 0;
+  const endMs = parseTime(end) ?? now;
+  return Math.max(0, (endMs - startMs) / 1e3);
+}
+function formatDuration(seconds) {
+  return `${seconds.toFixed(seconds < 10 ? 1 : 0)}s`;
+}
+function progressWaitDetail(progress, seconds) {
+  if (seconds === void 0) return void 0;
+  if (progress.phase === "queued" && seconds >= 3) {
+    return "\u6B63\u5728\u8FDE\u63A5 CathyGO \u8FD0\u884C\u73AF\u5883";
+  }
+  if (progress.phase === "model" && seconds >= 8) {
+    return progress.summary.includes("\u770B\u56FE") ? "\u56FE\u7247\u9898\u5206\u6790\u901A\u5E38\u9700\u8981\u5341\u51E0\u79D2\uFF0C\u8BF7\u7A0D\u7B49" : "\u6B63\u5728\u7B49\u5F85\u6A21\u578B\u8FD4\u56DE\uFF0C\u590D\u6742\u95EE\u9898\u4F1A\u591A\u7B49\u51E0\u79D2";
+  }
+  if (progress.phase === "generating" && seconds >= 8) {
+    return "\u6B63\u5728\u6574\u7406\u6B65\u9AA4\uFF0C\u7A0D\u7B49\u7247\u523B";
+  }
+  return void 0;
+}
+function parseTime(value) {
+  if (!value) return void 0;
+  const parsed = Date.parse(value);
+  return Number.isFinite(parsed) ? parsed : void 0;
+}
+
+// src/chat-ui/components/ChatMessage.tsx
+import { useState as useState4 } from "react";
+
+// src/chat-ui/components/MathMarkdown.tsx
+import { memo } from "react";
+import { createMathPlugin } from "@streamdown/math";
+import { Streamdown } from "streamdown";
+
+// src/chat-ui/mathMarkdown.ts
+var CODE_SEGMENT_PATTERN = /(```[\s\S]*?```|`[^`\n]*`)/g;
+var LATEX_COMMAND_FIXES = [
+  ["$frac{", "$\\frac{"],
+  ["$\\$frac{", "$\\frac{"],
+  ["$$frac{", "$$\\frac{"],
+  ["\\\\frac{", "\\frac{"],
+  ["\\\\neq", "\\neq"],
+  ["\\\\times", "\\times"],
+  ["\\\\cdot", "\\cdot"]
+];
+function fixCommonLatexMistakes(source) {
+  if (!source) return source;
+  let out = source;
+  for (const [from, to] of LATEX_COMMAND_FIXES) {
+    out = out.split(from).join(to);
+  }
+  return out;
+}
+function normalizeMathDelimiters(source) {
+  if (!source) return source;
+  return source.split(CODE_SEGMENT_PATTERN).map((segment) => {
+    if (segment.startsWith("`")) return segment;
+    return normalizeTextSegment(segment);
+  }).join("");
+}
+function normalizeTextSegment(segment) {
+  return segment.replace(/\\{1,2}\[([\s\S]*?)\\{1,2}\]/g, (_match, body) => {
+    return `
+
+$$
+${cleanMathBody(body)}
+$$
+
+`;
+  }).replace(/\\{1,2}\(([\s\S]*?)\\{1,2}\)/g, (_match, body) => {
+    return `$${cleanMathBody(body)}$`;
+  });
+}
+function cleanMathBody(body) {
+  return body.trim().replace(/\\\\(?=[A-Za-z])/g, "\\");
+}
+function prepareMathMarkdown(source) {
+  return normalizeMathDelimiters(fixCommonLatexMistakes(source));
+}
+
+// src/chat-ui/components/MathMarkdown.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+var math = createMathPlugin({
+  errorColor: "#dc2626",
+  // Align with iOS/Gateway protocol: model emits inline `$...$` formulas.
+  singleDollarTextMath: true
+});
+var MathMarkdown = memo(function MathMarkdown2({ content }) {
+  return /* @__PURE__ */ jsx8(Streamdown, { className: "message-markdown", plugins: { math }, children: prepareMathMarkdown(content) });
+});
+
+// src/chat-ui/components/ChatMessage.tsx
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function ChatMessage({ message }) {
+  const [copied, setCopied] = useState4(false);
+  const isUser = message.role === "user";
+  const isAssistant = message.role === "assistant";
+  async function copyContent() {
+    if (!message.content) return;
+    try {
+      await navigator.clipboard.writeText(message.content);
+      setCopied(true);
+      window.setTimeout(() => setCopied(false), 1500);
+    } catch {
+    }
+  }
+  return /* @__PURE__ */ jsxs8(
+    "article",
+    {
+      "aria-label": isUser ? "\u4F60\u7684\u6D88\u606F" : "CathyGO \u56DE\u590D",
+      className: `chat-message ${message.role} ${message.status ?? "done"}`,
+      children: [
+        /* @__PURE__ */ jsxs8("div", { className: "chat-message-body", children: [
+          message.content ? isAssistant ? /* @__PURE__ */ jsx9(MathMarkdown, { content: message.content }) : /* @__PURE__ */ jsx9("p", { children: message.content }) : null,
+          message.parts?.some((part) => part.type === "image") ? /* @__PURE__ */ jsx9("div", { className: "message-images", children: message.parts.map(
+            (part) => part.type === "image" ? /* @__PURE__ */ jsx9(
+              "img",
+              {
+                alt: part.attachment.original_name ?? "Attached image",
+                src: part.attachment.uri
+              },
+              part.attachment_id
+            ) : null
+          ) }) : null,
+          message.status === "streaming" ? /* @__PURE__ */ jsx9("small", { className: "chat-message-meta", children: "\u6B63\u5728\u751F\u6210\u2026" }) : null,
+          message.status === "error" ? /* @__PURE__ */ jsx9("small", { className: "chat-message-meta error", children: "\u53D1\u9001\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5" }) : null
+        ] }),
+        isAssistant && message.content ? /* @__PURE__ */ jsx9("div", { className: "message-actions", children: /* @__PURE__ */ jsx9(
+          "button",
+          {
+            "aria-label": "\u590D\u5236\u56DE\u590D",
+            className: "message-action-btn",
+            onClick: () => void copyContent(),
+            type: "button",
+            children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236"
+          }
+        ) }) : null
+      ]
+    }
+  );
+}
+
+// src/chat-ui/components/ScrollToBottomButton.tsx
+import { useEffect as useEffect3, useState as useState5 } from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+function ScrollToBottomButton({
+  containerRef,
+  endRef,
+  watchKey
+}) {
+  const [visible, setVisible] = useState5(false);
+  useEffect3(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    function update() {
+      const node = containerRef.current;
+      if (!node) return;
+      const distance = node.scrollHeight - node.scrollTop - node.clientHeight;
+      setVisible(distance > 200);
+    }
+    update();
+    el.addEventListener("scroll", update, { passive: true });
+    return () => el.removeEventListener("scroll", update);
+  }, [containerRef, watchKey]);
+  if (!visible) return null;
+  return /* @__PURE__ */ jsx10(
+    "button",
+    {
+      "aria-label": "\u6EDA\u52A8\u5230\u6700\u65B0\u6D88\u606F",
+      className: "scroll-to-bottom",
+      onClick: () => endRef.current?.scrollIntoView({ behavior: "smooth", block: "end" }),
+      type: "button",
+      children: "\u2193"
+    }
+  );
+}
+
+// src/chat-ui/components/ChatTranscript.tsx
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+var SUGGESTIONS = [
+  "1/2 + 1/3 \u4E3A\u4EC0\u4E48\u4E0D\u80FD\u7B49\u4E8E 2/5\uFF1F",
+  "\u5E2E\u6211\u8BB2\u89E3\u4E00\u9053\u5206\u5F0F\u5316\u7B80\u9898",
+  "\u5BC6\u5EA6\u5355\u4F4D\u600E\u4E48\u6362\u7B97\uFF1F"
+];
+function ChatTranscript({
+  messages,
+  activitiesByTurnId = {},
+  progressByTurnId = {},
+  activeTurnId,
+  onSuggest
+}) {
+  const containerRef = useRef3(null);
+  const endRef = useRef3(null);
+  const activeTurnHasAssistant = Boolean(
+    activeTurnId && messages.some((message) => message.role === "assistant" && message.turnId === activeTurnId)
+  );
+  const activityWatchKey = Object.values(activitiesByTurnId).map((activities) => activities.map((activity) => `${activity.activity_id}:${activity.status}`).join("|")).join(";");
+  const progressWatchKey = Object.values(progressByTurnId).map((progress) => `${progress.turnId}:${progress.phase}:${progress.summary}`).join(";");
+  useEffect4(() => {
+    endRef.current?.scrollIntoView({ block: "end" });
+  }, [messages, activityWatchKey, progressWatchKey]);
+  return /* @__PURE__ */ jsxs9("div", { className: "chat-transcript-wrap", children: [
+    /* @__PURE__ */ jsx11("section", { className: "chat-transcript", ref: containerRef, children: /* @__PURE__ */ jsxs9("div", { className: "chat-column", children: [
+      messages.length === 0 ? /* @__PURE__ */ jsxs9("div", { className: "empty-chat", children: [
+        /* @__PURE__ */ jsx11("h2", { children: "\u5F00\u59CB\u4F60\u7684\u5B66\u4E60\u5BF9\u8BDD" }),
+        /* @__PURE__ */ jsx11("p", { children: "\u5411 CathyGO \u63D0\u95EE\uFF0C\u83B7\u53D6\u5206\u6B65\u8BB2\u89E3\u4E0E\u6E05\u6670\u63A8\u5BFC\u3002" }),
+        onSuggest ? /* @__PURE__ */ jsx11("div", { className: "suggestion-chips", children: SUGGESTIONS.map((text) => /* @__PURE__ */ jsx11(
+          "button",
+          {
+            className: "suggestion-chip",
+            onClick: () => onSuggest(text),
+            type: "button",
+            children: text
+          },
+          text
+        )) }) : null
+      ] }) : /* @__PURE__ */ jsxs9(Fragment2, { children: [
+        messages.map((message) => /* @__PURE__ */ jsxs9("div", { className: "chat-transcript-item", children: [
+          message.role === "assistant" && message.turnId ? /* @__PURE__ */ jsx11(
+            AgentActivityTimeline,
+            {
+              activities: activitiesByTurnId[message.turnId] ?? [],
+              progress: message.turnId === activeTurnId ? progressByTurnId[message.turnId] : void 0
+            }
+          ) : null,
+          /* @__PURE__ */ jsx11(ChatMessage, { message })
+        ] }, message.id)),
+        activeTurnId && !activeTurnHasAssistant ? /* @__PURE__ */ jsx11(
+          AgentActivityTimeline,
+          {
+            activities: activitiesByTurnId[activeTurnId] ?? [],
+            progress: progressByTurnId[activeTurnId]
+          }
+        ) : null
+      ] }),
+      /* @__PURE__ */ jsx11("div", { ref: endRef })
+    ] }) }),
+    /* @__PURE__ */ jsx11(
+      ScrollToBottomButton,
+      {
+        containerRef,
+        endRef,
+        watchKey: `${messages.length}:${activityWatchKey}:${progressWatchKey}`
+      }
+    )
+  ] });
+}
+
+// src/chat-ui/components/RunStatus.tsx
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function RunStatus({
+  status,
+  sessionId,
+  activeTurnId,
+  contextMessageCount,
+  error,
+  errorCode
+}) {
+  return /* @__PURE__ */ jsxs10("section", { className: "run-status", children: [
+    /* @__PURE__ */ jsxs10("div", { children: [
+      /* @__PURE__ */ jsx12("span", { children: "Status" }),
+      /* @__PURE__ */ jsx12("strong", { children: status })
+    ] }),
+    /* @__PURE__ */ jsxs10("div", { children: [
+      /* @__PURE__ */ jsx12("span", { children: "Session" }),
+      /* @__PURE__ */ jsx12("strong", { children: sessionId ?? "-" })
+    ] }),
+    /* @__PURE__ */ jsxs10("div", { children: [
+      /* @__PURE__ */ jsx12("span", { children: "Turn" }),
+      /* @__PURE__ */ jsx12("strong", { children: activeTurnId ?? "-" })
+    ] }),
+    /* @__PURE__ */ jsxs10("div", { children: [
+      /* @__PURE__ */ jsx12("span", { children: "Context" }),
+      /* @__PURE__ */ jsxs10("strong", { children: [
+        contextMessageCount ?? 0,
+        " messages"
+      ] })
+    ] }),
+    error ? /* @__PURE__ */ jsxs10("p", { children: [
+      errorCode ? `${errorCode}: ` : null,
+      error
+    ] }) : null
+  ] });
+}
+
+// src/features/chat/chatModelStatus.ts
+function modelStatusText(model) {
+  if (model.provider === "unavailable") {
+    return model.error ?? "Gateway \u672A\u63D0\u4F9B\u6A21\u578B\u72B6\u6001\u3002";
+  }
+  const capabilities = model.capabilities?.length ? ` \u80FD\u529B\uFF1A${model.capabilities.join(", ")}.` : "";
+  if (model.provider === "mock") {
+    return `\u5F53\u524D\u4F7F\u7528\u672C\u5730 mock\u3002\u9009\u62E9 OpenRouter \u6216 Ollama \u540E\u542F\u7528\u771F\u5B9E AI Chat\u3002${capabilities}`;
+  }
+  if (!model.configured) {
+    const missing = model.missing_config_keys.length ? ` Missing: ${model.missing_config_keys.join(", ")}.` : "";
+    return `\u6A21\u578B provider \u5C1A\u672A\u914D\u7F6E\u5B8C\u6574.${capabilities}${missing}`;
+  }
+  return `${model.provider} \u5DF2\u914D\u7F6E${model.base_url ? `\uFF1A${model.base_url}` : ""}.${capabilities}`;
+}
+
+// src/features/chat/ChatView.tsx
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+function isDebugUIEnabled() {
+  if (typeof window === "undefined") return false;
+  return new URLSearchParams(window.location.search).get("debug") === "1";
+}
+function ChatView({
+  chat,
+  draft,
+  attachments,
+  attachmentPolicy,
+  composerError,
+  connectionStatus,
+  gatewayLinked,
+  model,
+  agentStatus,
+  onDraftChange,
+  onFilesSelected,
+  onRemoveAttachment,
+  onSend,
+  onAbort,
+  onSuggest
+}) {
+  const busy = Boolean(chat.activeTurnId);
+  const ready = Boolean(chat.sessionId);
+  const usingMock = model?.provider === "mock";
+  const modelLabel = model ? model.model || model.display_name || model.provider : "loading model status";
+  const debugUI = isDebugUIEnabled();
+  return /* @__PURE__ */ jsxs11("section", { className: "cathygo-chat-panel chat-workspace", children: [
+    /* @__PURE__ */ jsx13(
+      ChatTopBar,
+      {
+        connectionStatus,
+        gatewayLinked,
+        model,
+        agentStatus,
+        debugUI,
+        canAbort: Boolean(chat.activeTurnId),
+        onAbort
+      }
+    ),
+    debugUI ? /* @__PURE__ */ jsxs11("div", { className: "chat-debug-panels", children: [
+      /* @__PURE__ */ jsxs11("section", { className: `model-banner ${model?.configured === false || usingMock ? "attention" : ""}`, children: [
+        /* @__PURE__ */ jsxs11("div", { children: [
+          /* @__PURE__ */ jsx13("span", { children: "Model" }),
+          /* @__PURE__ */ jsx13("strong", { children: modelLabel })
+        ] }),
+        /* @__PURE__ */ jsx13("p", { children: model ? modelStatusText(model) : "\u6B63\u5728\u8BFB\u53D6 Gateway \u6A21\u578B\u72B6\u6001..." })
+      ] }),
+      /* @__PURE__ */ jsx13(
+        RunStatus,
+        {
+          status: chat.status,
+          sessionId: chat.sessionId,
+          activeTurnId: chat.activeTurnId,
+          contextMessageCount: chat.contextMessageCount,
+          error: chat.error,
+          errorCode: chat.errorCode
+        }
+      )
+    ] }) : null,
+    /* @__PURE__ */ jsxs11("div", { className: "chat-main", children: [
+      /* @__PURE__ */ jsx13(
+        ChatTranscript,
+        {
+          activeTurnId: chat.activeTurnId,
+          activitiesByTurnId: chat.activitiesByTurnId,
+          progressByTurnId: chat.progressByTurnId,
+          messages: chat.messages,
+          onSuggest: ready && !busy ? onSuggest : void 0
+        }
+      ),
+      /* @__PURE__ */ jsx13(
+        MessageComposer,
+        {
+          value: draft,
+          attachments,
+          attachmentPolicy,
+          error: composerError,
+          disabled: !ready || busy,
+          onChange: onDraftChange,
+          onFilesSelected,
+          onRemoveAttachment,
+          onSubmit: onSend
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/CathyGOChatApp.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+function CathyGOChatApp({
+  screen,
+  chat,
+  chats = [],
+  draft,
+  attachments,
+  attachmentPolicy,
+  composerError,
+  busy,
+  connectionStatus,
+  gatewayLinked,
+  model,
+  agentStatus,
+  homeAvatarSrc,
+  onDraftChange,
+  onFilesSelected,
+  onRemoveAttachment,
+  onSendMessage,
+  onSendHomeMessage,
+  onAbort,
+  onSuggest,
+  onOpenChat,
+  onNewChat
+}) {
+  if (screen === "history") {
+    return /* @__PURE__ */ jsx14(ChatListView, { chats, onOpen: onOpenChat, onNewChat });
+  }
+  if (screen === "home") {
+    return /* @__PURE__ */ jsx14(
+      ChatHomeView,
+      {
+        attachments,
+        attachmentPolicy,
+        avatarSrc: homeAvatarSrc,
+        busy,
+        connectionStatus,
+        draft,
+        error: composerError,
+        gatewayLinked,
+        model,
+        agentStatus,
+        onDraftChange,
+        onFilesSelected,
+        onRemoveAttachment,
+        onSend: onSendHomeMessage
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx14(
+    ChatView,
+    {
+      chat,
+      draft,
+      attachments,
+      attachmentPolicy,
+      composerError,
+      connectionStatus,
+      gatewayLinked,
+      model,
+      agentStatus,
+      onDraftChange,
+      onFilesSelected,
+      onRemoveAttachment,
+      onSend: onSendMessage,
+      onAbort,
+      onSuggest
+    }
+  );
+}
+
+// src/useCathyGOChat.ts
+import { useCallback, useReducer } from "react";
+
+// src/chat-ui/reducer.ts
+var initialChatState = {
+  messages: [],
+  activitiesByTurnId: {},
+  progressByTurnId: {},
+  status: "Disconnected",
+  eventCount: 0
+};
+function reduceChat(state, action) {
+  if (action.type === "reset") {
+    return initialChatState;
+  }
+  if (action.type === "session.created") {
+    return {
+      ...state,
+      sessionId: action.sessionId,
+      status: "Ready",
+      error: void 0,
+      errorCode: void 0
+    };
+  }
+  if (action.type === "session.loaded") {
+    return {
+      ...state,
+      sessionId: action.sessionId,
+      activeTurnId: void 0,
+      messages: action.messages,
+      activitiesByTurnId: groupActivitiesByTurn(action.activities ?? []),
+      progressByTurnId: {},
+      status: "Ready",
+      error: void 0,
+      errorCode: void 0
+    };
+  }
+  if (action.type === "user.sent") {
+    return {
+      ...state,
+      messages: [
+        ...state.messages,
+        {
+          id: action.id,
+          role: "user",
+          content: action.content,
+          parts: action.parts,
+          status: "done"
+        }
+      ],
+      status: "Sending",
+      error: void 0,
+      errorCode: void 0
+    };
+  }
+  if (action.type === "send.failed") {
+    return {
+      ...state,
+      messages: state.messages.map(
+        (message) => message.id === action.id ? { ...message, status: "error" } : message
+      ),
+      activeTurnId: void 0,
+      progressByTurnId: {},
+      status: "Error",
+      error: action.error,
+      errorCode: action.code
+    };
+  }
+  if (action.type === "turn.accepted") {
+    return {
+      ...state,
+      sessionId: action.sessionId,
+      activeTurnId: action.turnId,
+      progressByTurnId: setProgress(state.progressByTurnId, {
+        turnId: action.turnId,
+        phase: "queued",
+        status: "running",
+        summary: "\u6B63\u5728\u63D0\u4EA4\u95EE\u9898",
+        detail: "\u7B49\u5F85 CathyGO \u5F00\u59CB\u5904\u7406",
+        startedAt: nowIso()
+      }),
+      status: "Thinking",
+      error: void 0,
+      errorCode: void 0
+    };
+  }
+  const event = action.event;
+  const payload = event.payload;
+  const next = {
+    ...state,
+    eventCount: state.eventCount + 1,
+    sessionId: payload.session_id ?? state.sessionId,
+    activeTurnId: payload.turn_id ?? state.activeTurnId
+  };
+  if (event.event === "agent.progress.delta") {
+    return {
+      ...next,
+      progressByTurnId: mergeProgressDelta(next.progressByTurnId, event)
+    };
+  }
+  if (isAgentActivityEvent(event)) {
+    const activity = activityFromEvent(event);
+    if (!activity) return next;
+    const activitiesByTurnId = mergeActivity(next.activitiesByTurnId, activity);
+    return {
+      ...next,
+      status: activity.status === "running" ? activity.summary ?? activity.title : next.status,
+      activitiesByTurnId,
+      progressByTurnId: progressFromActivity(
+        next.progressByTurnId,
+        activity,
+        activitiesByTurnId[activity.turn_id] ?? [],
+        next.messages
+      )
+    };
+  }
+  if (event.event === "turn.started") {
+    const inputMode = typeof payload.input_mode === "string" ? payload.input_mode : "";
+    return {
+      ...next,
+      activeTurnId: payload.turn_id ?? next.activeTurnId,
+      progressByTurnId: payload.turn_id ? updateProgress(next.progressByTurnId, payload.turn_id, {
+        phase: "model",
+        status: "running",
+        summary: inputMode === "image" || inputMode === "text_image" ? "\u6B63\u5728\u770B\u56FE\u5E76\u5224\u65AD\u89E3\u9898\u6D41\u7A0B" : "\u6B63\u5728\u7406\u89E3\u95EE\u9898\u5E76\u89C4\u5212\u4E0B\u4E00\u6B65",
+        detail: void 0
+      }) : next.progressByTurnId,
+      status: "Thinking"
+    };
+  }
+  if (event.event === "assistant.delta") {
+    const messageId = String(payload.message_id ?? `msg_${payload.turn_id ?? "active"}`);
+    const turnId = optionalString(payload.turn_id);
+    return {
+      ...next,
+      status: "Streaming",
+      progressByTurnId: turnId ? updateProgress(next.progressByTurnId, turnId, {
+        phase: "generating",
+        status: "running",
+        summary: "\u6B63\u5728\u751F\u6210\u56DE\u7B54",
+        detail: void 0
+      }) : next.progressByTurnId,
+      messages: appendAssistantDelta(
+        next.messages,
+        messageId,
+        String(payload.delta ?? ""),
+        payload.turn_id
+      )
+    };
+  }
+  if (event.event === "assistant.completed") {
+    const finalMessage = typeof payload.message === "string" ? payload.message : "";
+    return {
+      ...next,
+      status: "Streaming",
+      messages: finalizeAssistantMessage(
+        next.messages,
+        payload.message_id,
+        finalMessage,
+        payload.turn_id
+      )
+    };
+  }
+  if (event.event === "turn.completed") {
+    return {
+      ...next,
+      activeTurnId: void 0,
+      progressByTurnId: removeProgress(next.progressByTurnId, payload.turn_id),
+      status: "Ready"
+    };
+  }
+  if (event.event === "turn.cancelled") {
+    return {
+      ...next,
+      activeTurnId: void 0,
+      progressByTurnId: removeProgress(next.progressByTurnId, payload.turn_id),
+      status: "Ready"
+    };
+  }
+  if (event.event === "turn.failed") {
+    const error = payload.error;
+    return {
+      ...next,
+      activeTurnId: void 0,
+      progressByTurnId: removeProgress(next.progressByTurnId, payload.turn_id),
+      status: "Error",
+      error: error?.message ?? "CathyGO turn failed",
+      errorCode: error?.code
+    };
+  }
+  return next;
+}
+function appendAssistantDelta(messages, messageId, delta, turnId) {
+  const resolvedTurnId = optionalString(turnId);
+  const index = messages.findIndex((message) => message.id === messageId);
+  if (index === -1) {
+    return [
+      ...messages,
+      {
+        id: messageId,
+        role: "assistant",
+        content: delta,
+        turnId: resolvedTurnId,
+        status: "streaming"
+      }
+    ];
+  }
+  return messages.map(
+    (message, itemIndex) => itemIndex === index ? {
+      ...message,
+      content: `${message.content}${delta}`,
+      turnId: message.turnId ?? resolvedTurnId,
+      status: "streaming"
+    } : message
+  );
+}
+function finalizeAssistantMessage(messages, messageId, finalMessage, turnId) {
+  const id = String(messageId || "");
+  const resolvedTurnId = optionalString(turnId);
+  if (!id && !finalMessage) {
+    return messages.map(
+      (message) => message.role === "assistant" && message.status === "streaming" ? { ...message, turnId: message.turnId ?? resolvedTurnId, status: "done" } : message
+    );
+  }
+  const index = messages.findIndex((message) => message.id === id);
+  if (index === -1 && finalMessage) {
+    return [
+      ...messages,
+      {
+        id: id || `msg_done_${messages.length}`,
+        role: "assistant",
+        content: finalMessage,
+        turnId: resolvedTurnId,
+        status: "done"
+      }
+    ];
+  }
+  return messages.map(
+    (message, itemIndex) => itemIndex === index || message.role === "assistant" && message.status === "streaming" ? {
+      ...message,
+      content: message.content || finalMessage,
+      turnId: message.turnId ?? resolvedTurnId,
+      status: "done"
+    } : message
+  );
+}
+function isAgentActivityEvent(event) {
+  return event.event.startsWith("agent.activity.");
+}
+function activityFromEvent(event) {
+  const payload = event.payload;
+  const activityId = optionalString(payload.activity_id);
+  const sessionId = optionalString(payload.session_id);
+  const turnId = optionalString(payload.turn_id);
+  const title = optionalString(payload.title);
+  if (!activityId || !sessionId || !turnId || !title) return void 0;
+  return {
+    activity_id: activityId,
+    session_id: sessionId,
+    turn_id: turnId,
+    kind: activityKind(payload.kind),
+    status: activityStatus(payload.status, event.event),
+    title,
+    summary: optionalString(payload.summary),
+    detail: optionalString(payload.detail),
+    started_at: optionalString(payload.started_at),
+    completed_at: optionalString(payload.completed_at),
+    error: activityError(payload.error)
+  };
+}
+function activityKind(value) {
+  if (value === "model" || value === "tool" || value === "skill" || value === "vision" || value === "memory" || value === "system") {
+    return value;
+  }
+  return "system";
+}
+function activityStatus(value, eventName) {
+  if (value === "running" || value === "completed" || value === "failed" || value === "cancelled") {
+    return value;
+  }
+  if (eventName === "agent.activity.started") return "running";
+  return "completed";
+}
+function activityError(value) {
+  if (!value || typeof value !== "object") return void 0;
+  const raw = value;
+  const message = optionalString(raw.message);
+  if (!message) return void 0;
+  const code = optionalString(raw.code);
+  return code ? { code, message } : { message };
+}
+function groupActivitiesByTurn(activities) {
+  return activities.reduce(
+    (items, activity) => mergeActivity(items, activity),
+    {}
+  );
+}
+function mergeActivity(activitiesByTurnId, activity) {
+  const turnActivities = activitiesByTurnId[activity.turn_id] ?? [];
+  const index = turnActivities.findIndex((item) => item.activity_id === activity.activity_id);
+  const nextTurnActivities = index === -1 ? [...turnActivities, activity] : turnActivities.map(
+    (item, itemIndex) => itemIndex === index ? mergeDefinedActivity(item, activity) : item
+  );
+  return {
+    ...activitiesByTurnId,
+    [activity.turn_id]: nextTurnActivities
+  };
+}
+function mergeDefinedActivity(base, update) {
+  const next = { ...base };
+  Object.entries(update).forEach(([key, value]) => {
+    if (value !== void 0) {
+      next[key] = value;
+    }
+  });
+  return next;
+}
+function progressFromActivity(progressByTurnId, activity, turnActivities, messages) {
+  if (activity.status === "failed" || activity.status === "cancelled") {
+    return updateProgress(progressByTurnId, activity.turn_id, {
+      phase: "tool",
+      status: activity.status,
+      summary: activity.error?.message ?? activity.summary ?? activity.title,
+      detail: activity.detail
+    });
+  }
+  if (activity.status === "running") {
+    return updateProgress(progressByTurnId, activity.turn_id, {
+      phase: activity.kind === "model" ? "model" : "tool",
+      status: "running",
+      summary: activity.summary ?? activity.title,
+      detail: activity.detail
+    });
+  }
+  if (activity.kind === "model") {
+    return updateProgress(progressByTurnId, activity.turn_id, {
+      phase: "generating",
+      status: "completed",
+      summary: activity.summary ?? "\u5DF2\u751F\u6210\u56DE\u7B54",
+      detail: activity.detail
+    });
+  }
+  const hasRunningActivity = turnActivities.some((item) => item.status === "running");
+  const hasAssistantForTurn = messages.some(
+    (message) => message.role === "assistant" && message.turnId === activity.turn_id
+  );
+  if (!hasRunningActivity && !hasAssistantForTurn) {
+    return updateProgress(progressByTurnId, activity.turn_id, {
+      phase: "generating",
+      status: "running",
+      summary: "\u6B63\u5728\u7EC4\u7EC7\u89E3\u7B54",
+      detail: "\u5DF2\u5B8C\u6210\u524D\u7F6E\u5206\u6790\uFF0C\u7B49\u5F85\u6A21\u578B\u751F\u6210\u56DE\u7B54"
+    });
+  }
+  return progressByTurnId;
+}
+function setProgress(progressByTurnId, progress) {
+  return {
+    ...progressByTurnId,
+    [progress.turnId]: progress
+  };
+}
+function updateProgress(progressByTurnId, turnIdValue, patch) {
+  const turnId = optionalString(turnIdValue);
+  if (!turnId) return progressByTurnId;
+  const existing = progressByTurnId[turnId];
+  return setProgress(progressByTurnId, {
+    turnId,
+    phase: patch.phase ?? existing?.phase ?? "model",
+    status: patch.status ?? existing?.status ?? "running",
+    summary: patch.summary ?? existing?.summary ?? "\u6B63\u5728\u5904\u7406",
+    detail: patch.detail,
+    thinking: patch.thinking ?? existing?.thinking,
+    startedAt: existing?.startedAt ?? nowIso(),
+    updatedAt: nowIso()
+  });
+}
+function mergeProgressDelta(progressByTurnId, event) {
+  const payload = event.payload;
+  const turnId = optionalString(payload.turn_id);
+  if (!turnId) return progressByTurnId;
+  const existing = progressByTurnId[turnId];
+  const thinking = appendThinkingLine(
+    existing?.thinking,
+    progressLineFromPayload(payload),
+    optionalString(payload.source)
+  );
+  if (!thinking) return progressByTurnId;
+  return updateProgress(progressByTurnId, turnId, {
+    phase: progressPhase(payload.phase) ?? existing?.phase ?? "reasoning",
+    status: "running",
+    summary: existing?.summary ?? "\u601D\u8003\u4E2D",
+    detail: existing?.detail,
+    thinking
+  });
+}
+function appendThinkingLine(current, line, source) {
+  const now = nowIso();
+  const existing = current ?? { expanded: false, lines: [], hiddenCount: 0, updatedAt: now };
+  if (source === "hidden_reasoning") {
+    return {
+      ...existing,
+      hiddenCount: existing.hiddenCount + 1,
+      hiddenStartedAt: existing.hiddenStartedAt ?? now,
+      updatedAt: now
+    };
+  }
+  if (!line) return existing;
+  return {
+    ...existing,
+    lines: boundedLines([...existing.lines, line]),
+    updatedAt: now
+  };
+}
+function progressLineFromPayload(payload) {
+  const text = optionalString(payload.text);
+  if (text) return text;
+  return optionalString(payload.text_delta);
+}
+function progressPhase(value) {
+  if (value === "queued" || value === "model" || value === "reasoning" || value === "tool" || value === "generating") {
+    return value;
+  }
+  return void 0;
+}
+function boundedLines(lines) {
+  return lines.slice(-24);
+}
+function removeProgress(progressByTurnId, turnIdValue) {
+  const turnId = optionalString(turnIdValue);
+  if (!turnId || !progressByTurnId[turnId]) return progressByTurnId;
+  const next = { ...progressByTurnId };
+  delete next[turnId];
+  return next;
+}
+function optionalString(value) {
+  const text = typeof value === "string" ? value.trim() : "";
+  return text || void 0;
+}
+function nowIso() {
+  return (/* @__PURE__ */ new Date()).toISOString();
+}
+
+// src/useCathyGOChat.ts
+function useCathyGOChat(initialState = initialChatState) {
+  const [chat, dispatchChat] = useReducer(reduceChat, initialState);
+  const resetChat = useCallback(() => {
+    dispatchChat({ type: "reset" });
+  }, []);
+  const createSession = useCallback((sessionId) => {
+    dispatchChat({ type: "session.created", sessionId });
+  }, []);
+  const loadSession = useCallback(
+    (sessionId, messages, activities) => {
+      dispatchChat({ type: "session.loaded", sessionId, messages, activities });
+    },
+    []
+  );
+  const applyTurnEvent = useCallback((event) => {
+    dispatchChat({ type: "event.received", event });
+  }, []);
+  return {
+    chat,
+    dispatchChat,
+    resetChat,
+    createSession,
+    loadSession,
+    applyTurnEvent
+  };
+}
+
+// src/chat-ui/components/ChatRuntimeSelector.tsx
+import { useEffect as useEffect5, useId, useMemo, useRef as useRef4, useState as useState6 } from "react";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+function buildRuntimeOptions(agentStatus) {
+  return [
+    {
+      id: "lite",
+      label: "CathyGOLite",
+      icon: "cloud"
+    },
+    {
+      id: "local",
+      label: agentDisplayName(agentStatus),
+      icon: "local"
+    }
+  ];
+}
+function ChatRuntimeSelector({
+  agentStatus,
+  value,
+  onChange
+}) {
+  const [internalValue, setInternalValue] = useState6("lite");
+  const [open, setOpen] = useState6(false);
+  const rootRef = useRef4(null);
+  const listboxId = useId();
+  const selected = value ?? internalValue;
+  const options = useMemo(() => buildRuntimeOptions(agentStatus), [agentStatus]);
+  const active = options.find((item) => item.id === selected) ?? options[0];
+  function selectOption(id) {
+    if (value === void 0) {
+      setInternalValue(id);
+    }
+    onChange?.(id);
+    setOpen(false);
+  }
+  useEffect5(() => {
+    if (!open) return void 0;
+    function handlePointerDown(event) {
+      if (!rootRef.current?.contains(event.target)) {
+        setOpen(false);
+      }
+    }
+    function handleKeyDown(event) {
+      if (event.key === "Escape") setOpen(false);
+    }
+    window.addEventListener("mousedown", handlePointerDown);
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("mousedown", handlePointerDown);
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [open]);
+  return /* @__PURE__ */ jsxs12("div", { className: "chat-runtime-selector", ref: rootRef, children: [
+    /* @__PURE__ */ jsxs12(
+      "button",
+      {
+        "aria-controls": listboxId,
+        "aria-expanded": open,
+        "aria-haspopup": "listbox",
+        className: "chat-runtime-selector-trigger",
+        onClick: () => setOpen((current) => !current),
+        type: "button",
+        children: [
+          /* @__PURE__ */ jsx15(RuntimeIcon, { kind: active.icon }),
+          /* @__PURE__ */ jsx15("span", { className: "chat-runtime-selector-label", children: active.label }),
+          /* @__PURE__ */ jsx15(IconChevronDown, { className: "chat-runtime-selector-chevron" })
+        ]
+      }
+    ),
+    open ? /* @__PURE__ */ jsx15("ul", { className: "chat-runtime-selector-menu", id: listboxId, role: "listbox", children: options.map((option) => /* @__PURE__ */ jsx15("li", { role: "presentation", children: /* @__PURE__ */ jsxs12(
+      "button",
+      {
+        "aria-selected": option.id === selected,
+        className: option.id === selected ? "chat-runtime-option active" : "chat-runtime-option",
+        onClick: () => selectOption(option.id),
+        role: "option",
+        type: "button",
+        children: [
+          /* @__PURE__ */ jsx15(RuntimeIcon, { kind: option.icon }),
+          /* @__PURE__ */ jsx15("span", { className: "chat-runtime-option-label", children: option.label })
+        ]
+      }
+    ) }, option.id)) }) : null
+  ] });
+}
+function RuntimeIcon({ kind }) {
+  const className = "chat-runtime-icon";
+  return kind === "cloud" ? /* @__PURE__ */ jsx15(IconCloud, { className }) : /* @__PURE__ */ jsx15(IconLocalComputer, { className });
+}
+export {
+  AgentActivityTimeline,
+  CHAT_HOME_MODES,
+  CathyGOChatApp,
+  ChatAgentIdentity,
+  ChatHomeView,
+  ChatListView,
+  ChatMessage as ChatMessageView,
+  ChatRuntimeSelector,
+  ChatTopBar,
+  ChatTranscript,
+  ChatView,
+  DEFAULT_CHAT_HOME_MODE_ID,
+  DEFAULT_COMPOSER_ATTACHMENT_POLICY,
+  IconBack,
+  IconBrain,
+  IconCalendar,
+  IconChevronDown,
+  IconChevronRight,
+  IconClose,
+  IconCloud,
+  IconCode,
+  IconDevice,
+  IconDevices,
+  IconDocument,
+  IconExternalLink,
+  IconGatewayConnecting,
+  IconGatewayOffline,
+  IconGatewayOnline,
+  IconGithub,
+  IconHome,
+  IconImageUpload,
+  IconInfo,
+  IconLocalComputer,
+  IconMessage,
+  IconMore,
+  IconNewChat,
+  IconPencil,
+  IconPlug,
+  IconSearch,
+  IconSend,
+  IconSettings,
+  IconShield,
+  IconSmartphone,
+  MathMarkdown,
+  MessageComposer,
+  RunStatus,
+  ScrollToBottomButton,
+  agentDisplayName,
+  agentShortId,
+  buildRuntimeOptions,
+  composerAcceptAttribute,
+  findChatHomeMode,
+  fixCommonLatexMistakes,
+  formatBytes,
+  initialChatState,
+  modelStatusText,
+  normalizeComposerAttachmentPolicy,
+  normalizeMathDelimiters,
+  prepareMathMarkdown,
+  reduceChat,
+  stripMathForPreview,
+  useCathyGOChat,
+  validateComposerFiles
+};