hermium 0.1.3 → 0.1.4

package/dist/web-server/_ssr/index-Bp9a_nTf.mjs

@@ -0,0 +1,66 @@
+import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
+import { d as useNavigate } from "../_libs/tanstack__react-router.mjs";
+import { b as useChatStore, c as createSession } from "./router-59cN5lqo.mjs";
+import "../_libs/tanstack__router-core.mjs";
+import "../_libs/tanstack__history.mjs";
+import "../_libs/cookie-es.mjs";
+import "../_libs/seroval.mjs";
+import "../_libs/seroval-plugins.mjs";
+import "node:stream/web";
+import "node:stream";
+import "../_libs/react-dom.mjs";
+import "util";
+import "crypto";
+import "async_hooks";
+import "stream";
+import "../_libs/isbot.mjs";
+import "../_libs/tanstack__query-core.mjs";
+import "../_libs/tanstack__react-query.mjs";
+import "../_libs/clsx.mjs";
+import "../_libs/class-variance-authority.mjs";
+import "../_libs/zustand.mjs";
+import "../_libs/tabler__icons-react.mjs";
+import "../_libs/base-ui__react.mjs";
+import "../_libs/base-ui__utils.mjs";
+import "../_libs/use-sync-external-store.mjs";
+import "../_libs/floating-ui__utils.mjs";
+import "../_libs/floating-ui__react-dom.mjs";
+import "../_libs/floating-ui__dom.mjs";
+import "../_libs/floating-ui__core.mjs";
+import "../_libs/zod.mjs";
+function ChatIndexPage() {
+  const navigate = useNavigate();
+  const sessionsLoaded = useChatStore((s) => s.sessionsLoaded);
+  const sessions = useChatStore((s) => s.sessions);
+  const creatingRef = reactExports.useRef(false);
+  reactExports.useEffect(() => {
+    if (!sessionsLoaded) return;
+    if (sessions.length > 0) {
+      navigate({
+        to: "/chat/$sessionId",
+        params: {
+          sessionId: sessions[0].id
+        },
+        replace: true
+      });
+    } else {
+      if (creatingRef.current) return;
+      creatingRef.current = true;
+      createSession().then((data) => {
+        navigate({
+          to: "/chat/$sessionId",
+          params: {
+            sessionId: data.id
+          },
+          replace: true
+        });
+      }).catch(() => {
+        creatingRef.current = false;
+      });
+    }
+  }, [sessionsLoaded, sessions, navigate]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "Loading conversations…" }) });
+}
+export {
+  ChatIndexPage as component
+};

package/dist/web-server/_ssr/index-C8t8AZQG.mjs

@@ -0,0 +1,513 @@
+import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
+import { S as Switch } from "./switch-Bim4kX8N.mjs";
+import { I as Input } from "./input-BQFduUUo.mjs";
+import { u as useQueryClient, a as useQuery, b as useMutation } from "../_libs/tanstack__react-query.mjs";
+import { a as cn, d as put, g as get } from "./router-59cN5lqo.mjs";
+import { G as IconLoader2, O as IconSparkles, P as IconPlugConnected, Q as IconAlertTriangle, R as IconPlug, m as IconChevronDown, N as IconCheck } from "../_libs/tabler__icons-react.mjs";
+import "../_libs/base-ui__react.mjs";
+import "../_libs/base-ui__utils.mjs";
+import "../_libs/use-sync-external-store.mjs";
+import "../_libs/react-dom.mjs";
+import "util";
+import "crypto";
+import "async_hooks";
+import "stream";
+import "../_libs/floating-ui__utils.mjs";
+import "../_libs/floating-ui__react-dom.mjs";
+import "../_libs/floating-ui__dom.mjs";
+import "../_libs/floating-ui__core.mjs";
+import "../_libs/tanstack__query-core.mjs";
+import "../_libs/tanstack__react-router.mjs";
+import "../_libs/tanstack__router-core.mjs";
+import "../_libs/tanstack__history.mjs";
+import "../_libs/cookie-es.mjs";
+import "../_libs/seroval.mjs";
+import "../_libs/seroval-plugins.mjs";
+import "node:stream/web";
+import "node:stream";
+import "../_libs/isbot.mjs";
+import "../_libs/clsx.mjs";
+import "../_libs/class-variance-authority.mjs";
+import "../_libs/zustand.mjs";
+import "../_libs/zod.mjs";
+async function fetchConfig() {
+  return get("/api/config");
+}
+async function fetchEnvVars() {
+  return get("/api/env");
+}
+async function updateConfig(config) {
+  return put("/api/config", { config });
+}
+async function updateEnvVar(key, value) {
+  return put("/api/env", { key, value });
+}
+function PlatformCard({
+  name,
+  icon,
+  color,
+  configured,
+  hasCreds,
+  exclusive,
+  children
+}) {
+  const [expanded, setExpanded] = reactExports.useState(true);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: cn(
+        "group relative rounded-xl border bg-card transition-all duration-200",
+        "hover:shadow-md hover:shadow-black/5 dark:hover:shadow-black/20",
+        "hover:border-border/80",
+        configured && hasCreds ? "border-emerald-500/30 dark:border-emerald-500/20 bg-emerald-500/[0.02]" : configured ? "border-amber-500/30 dark:border-amber-500/20 bg-amber-500/[0.02]" : "border-border"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: cn(
+              "absolute left-0 top-0 bottom-0 w-0.5 rounded-l-xl transition-colors",
+              configured && hasCreds ? "bg-emerald-500/50" : configured ? "bg-amber-500/50" : "bg-border"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            onClick: () => setExpanded(!expanded),
+            className: "flex items-center justify-between w-full px-4 py-3.5 text-left",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "flex items-center justify-center size-9 rounded-lg shrink-0 transition-colors",
+                      configured ? "bg-foreground/5 dark:bg-foreground/10" : "bg-muted"
+                    ),
+                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "size-[18px] flex items-center justify-center",
+                          configured ? "text-foreground/70" : "text-muted-foreground/50"
+                        ),
+                        dangerouslySetInnerHTML: { __html: icon }
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-semibold text-foreground truncate", children: name }) }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-1.5 mt-0.5", children: configured && hasCreds ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(IconPlugConnected, { className: "size-3 text-emerald-500" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] font-medium text-emerald-600 dark:text-emerald-400", children: "Connected" })
+                  ] }) : configured ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(IconAlertTriangle, { className: "size-3 text-amber-500" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] font-medium text-amber-600 dark:text-amber-400", children: "Needs credentials" })
+                  ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(IconPlug, { className: "size-3 text-muted-foreground/50" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] font-medium text-muted-foreground", children: "Not connected" })
+                  ] }) })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                IconChevronDown,
+                {
+                  className: cn(
+                    "size-4 text-muted-foreground/50 transition-transform duration-200",
+                    expanded && "rotate-180"
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        expanded && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 pb-4 border-t border-border/40", children: [
+          exclusive && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3 flex items-start gap-2 rounded-lg bg-amber-500/5 border border-amber-500/20 px-3 py-2 text-[11px] text-amber-600 dark:text-amber-400 leading-relaxed", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "svg",
+              {
+                className: "size-3.5 shrink-0 mt-0.5",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+                ]
+              }
+            ),
+            "This platform requires an exclusive/shared token. Ensure only one bot instance uses this token."
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-3 space-y-0.5", children })
+        ] })
+      ]
+    }
+  );
+}
+function SettingRow({ label, hint, children }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between py-2 px-2 -mx-2 rounded-lg hover:bg-muted/40 transition-colors", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 mr-3 min-w-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[12px] font-medium text-foreground/80 block", children: label }),
+      hint && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-muted-foreground mt-0.5 leading-snug", children: hint })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0", children })
+  ] });
+}
+const PLATFORMS = [
+  {
+    key: "telegram",
+    name: "Telegram",
+    exclusive: true,
+    color: "#26A5E4",
+    icon: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.479.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/></svg>',
+    primaryCred: "TELEGRAM_BOT_TOKEN",
+    envFields: [
+      { key: "TELEGRAM_BOT_TOKEN", label: "Bot Token", hint: "Get it from @BotFather", password: true },
+      { key: "TELEGRAM_ALLOWED_USERS", label: "Allowed Users", hint: "Comma-separated user IDs" },
+      { key: "TELEGRAM_PROXY", label: "Proxy", hint: "Optional proxy URL" }
+    ],
+    configFields: [
+      { key: "reactions", label: "Reactions", hint: "Add emoji reactions during processing", type: "switch" },
+      { key: "allowed_chats", label: "Allowed Chats", hint: "Comma-separated chat IDs (whitelist)", type: "input" }
+    ]
+  },
+  {
+    key: "discord",
+    name: "Discord",
+    exclusive: true,
+    color: "#5865F2",
+    icon: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189z"/></svg>',
+    primaryCred: "DISCORD_BOT_TOKEN",
+    envFields: [
+      { key: "DISCORD_BOT_TOKEN", label: "Bot Token", hint: "From Discord Developer Portal", password: true },
+      { key: "DISCORD_ALLOWED_USERS", label: "Allowed Users", hint: "Comma-separated user IDs" },
+      { key: "DISCORD_REPLY_TO_MODE", label: "Reply Mode", hint: "off / first / all", type: "select", options: ["off", "first", "all"] }
+    ],
+    configFields: [
+      { key: "require_mention", label: "Require Mention", hint: "Only respond when @mentioned", type: "switch" },
+      { key: "auto_thread", label: "Auto-thread", hint: "Create threads for long conversations", type: "switch" },
+      { key: "reactions", label: "Reactions", hint: "Add emoji reactions during processing", type: "switch" },
+      { key: "free_response_channels", label: "Free-response Channels", hint: "Comma-separated channel IDs", type: "input" },
+      { key: "allowed_channels", label: "Allowed Channels", hint: "Comma-separated channel IDs (whitelist)", type: "input" }
+    ]
+  },
+  {
+    key: "slack",
+    name: "Slack",
+    exclusive: true,
+    color: "#4A154B",
+    icon: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zm1.271 0a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zm0 1.271a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zm10.122 0a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V5.042zm-1.27 0a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zm0-1.27a2.527 2.527 0 0 1 2.523-2.52h6.313A2.528 2.528 0 0 1 24 18.956a2.528 2.528 0 0 1-2.522 2.523h-6.313z"/></svg>',
+    primaryCred: "SLACK_BOT_TOKEN",
+    envFields: [
+      { key: "SLACK_BOT_TOKEN", label: "Bot Token", hint: "xoxb-... from Slack API", password: true },
+      { key: "SLACK_APP_TOKEN", label: "App Token", hint: "xapp-... for Socket Mode", password: true },
+      { key: "SLACK_ALLOWED_USERS", label: "Allowed Users", hint: "Comma-separated user IDs" }
+    ],
+    configFields: [
+      { key: "require_mention", label: "Require Mention", hint: "Only respond when @mentioned", type: "switch" },
+      { key: "free_response_channels", label: "Free-response Channels", hint: "Comma-separated channel IDs", type: "input" },
+      { key: "allowed_channels", label: "Allowed Channels", hint: "Comma-separated channel IDs (whitelist)", type: "input" }
+    ]
+  },
+  {
+    key: "whatsapp",
+    name: "WhatsApp",
+    exclusive: true,
+    color: "#25D366",
+    icon: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>',
+    primaryCred: "WHATSAPP_ENABLED",
+    envFields: [
+      { key: "WHATSAPP_ENABLED", label: "Enabled", hint: "Set to true to enable WhatsApp", type: "select", options: ["true", "false"] },
+      { key: "WHATSAPP_MODE", label: "Mode", hint: "self-chat or bot", type: "select", options: ["self-chat", "bot"] },
+      { key: "WHATSAPP_ALLOWED_USERS", label: "Allowed Users", hint: "Comma-separated phone numbers" }
+    ],
+    configFields: [
+      { key: "require_mention", label: "Require Mention", hint: "Only respond when mentioned", type: "switch" },
+      { key: "free_response_chats", label: "Free-response Chats", hint: "Comma-separated chat IDs", type: "input" }
+    ]
+  },
+  {
+    key: "matrix",
+    name: "Matrix",
+    color: "#000000",
+    icon: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M.632.55v22.9H2.28V24H0V0h2.28v.55zm7.043 7.26v1.157h.033c.309-.443.683-.784 1.117-1.024.433-.245.936-.365 1.5-.365.54 0 1.033.107 1.48.324.448.217.786.619 1.017 1.205.24-.376.558-.702.956-.98.398-.277.872-.414 1.424-.414.41 0 .784.065 1.122.194.34.13.629.325.87.588.241.263.428.59.56.984.132.393.198.85.198 1.368v5.89h-2.49v-4.893c0-.268-.016-.525-.048-.77a1.627 1.627 0 00-.2-.63 1.028 1.028 0 00-.392-.426 1.294 1.294 0 00-.616-.134c-.277 0-.508.05-.693.15a1.043 1.043 0 00-.43.41 1.768 1.768 0 00-.214.616 4.15 4.15 0 00-.06.74v4.937H9.29v-4.937c0-.25-.01-.498-.032-.742a1.84 1.84 0 00-.166-.638.998.998 0 00-.363-.448 1.206 1.206 0 00-.624-.154c-.26 0-.483.048-.67.144a1.055 1.055 0 00-.436.402 1.744 1.744 0 00-.227.616 4.108 4.108 0 00-.063.74v4.937H5.21V7.81zm15.693 15.64V.55H21.72V0H24v24h-2.28v-.55z"/></svg>',
+    primaryCred: "MATRIX_ACCESS_TOKEN",
+    envFields: [
+      { key: "MATRIX_HOMESERVER", label: "Homeserver", hint: "e.g. https://matrix.org" },
+      { key: "MATRIX_ACCESS_TOKEN", label: "Access Token", hint: "From Element settings", password: true },
+      { key: "MATRIX_USER_ID", label: "User ID", hint: "e.g. @hermes:matrix.org" },
+      { key: "MATRIX_ALLOWED_USERS", label: "Allowed Users", hint: "Comma-separated user IDs" }
+    ],
+    configFields: [
+      { key: "require_mention", label: "Require Mention", hint: "Only respond when mentioned", type: "switch" },
+      { key: "free_response_rooms", label: "Free-response Rooms", hint: "Comma-separated room IDs", type: "input" },
+      { key: "allowed_rooms", label: "Allowed Rooms", hint: "Comma-separated room IDs (whitelist)", type: "input" }
+    ]
+  },
+  {
+    key: "feishu",
+    name: "Feishu",
+    exclusive: true,
+    color: "#3370FF",
+    icon: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M6.59 3.41a2.25 2.25 0 0 1 3.182 0L13.5 7.14l-3.182 3.182L6.59 7.59a2.25 2.25 0 0 1 0-3.182zm5.303 5.303L15.075 5.53a2.25 2.25 0 0 1 3.182 3.182L15.075 11.894 11.893 8.713zM3.41 6.59a2.25 2.25 0 0 1 3.182 0l3.182 3.182-3.182 3.182a2.25 2.25 0 0 1-3.182-3.182L3.41 6.59zm5.303 5.303L11.894 15.075a2.25 2.25 0 0 1-3.182 3.182L5.53 15.075 8.713 11.893zm5.303-5.303L17.478 9.778a2.25 2.25 0 0 1-3.182 3.182L10.53 10.075l3.182-3.182 0 .023z"/></svg>',
+    primaryCred: "FEISHU_APP_ID",
+    envFields: [
+      { key: "FEISHU_APP_ID", label: "App ID", hint: "From Feishu Open Platform" },
+      { key: "FEISHU_APP_SECRET", label: "App Secret", hint: "From Feishu Open Platform", password: true },
+      { key: "FEISHU_ENCRYPT_KEY", label: "Encrypt Key", hint: "Optional encrypt key", password: true },
+      { key: "FEISHU_VERIFICATION_TOKEN", label: "Verification Token", hint: "Optional verification token" }
+    ],
+    configFields: []
+  },
+  {
+    key: "weixin",
+    name: "WeChat",
+    exclusive: true,
+    color: "#07C160",
+    icon: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 01.213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.29.295a.326.326 0 00.167-.054l1.903-1.114a.864.864 0 01.717-.098 10.16 10.16 0 002.837.403c.276 0 .543-.027.811-.05-.857-2.578.157-4.972 1.932-6.446 1.703-1.415 3.882-1.98 5.853-1.838-.576-3.583-4.196-6.348-8.596-6.348zM5.785 5.991c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 01-1.162 1.178A1.17 1.17 0 014.623 7.17c0-.651.52-1.18 1.162-1.18zm5.813 0c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 01-1.162 1.178 1.17 1.17 0 01-1.162-1.178c0-.651.52-1.18 1.162-1.18zm3.68 4.025c-3.694 0-6.69 2.462-6.69 5.496 0 3.034 2.996 5.496 6.69 5.496.753 0 1.477-.1 2.158-.28a.66.66 0 01.548.074l1.46.854a.25.25 0 00.127.041.224.224 0 00.221-.225c0-.055-.022-.109-.037-.162l-.298-1.131a.453.453 0 01.163-.509C21.81 18.613 22.77 16.973 22.77 15.512c0-3.034-2.996-5.496-6.69-5.496h.198zm-2.454 3.347c.491 0 .889.404.889.902a.896.896 0 01-.889.903.896.896 0 01-.889-.903c0-.498.398-.902.889-.902zm4.912 0c.491 0 .889.404.889.902a.896.896 0 01-.889.903.896.896 0 01-.889-.903c0-.498.398-.902.889-.902z"/></svg>',
+    primaryCred: "WEIXIN_TOKEN",
+    envFields: [
+      { key: "WEIXIN_ACCOUNT_ID", label: "Account ID", hint: "Official account ID" },
+      { key: "WEIXIN_TOKEN", label: "Token", hint: "WeChat verification token", password: true },
+      { key: "WEIXIN_BASE_URL", label: "Base URL", hint: "WeChat API base URL" },
+      { key: "WEIXIN_CDN_BASE_URL", label: "CDN Base URL", hint: "Optional CDN base URL" }
+    ],
+    configFields: []
+  },
+  {
+    key: "wecom",
+    name: "WeCom",
+    color: "#1677FF",
+    icon: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 01.213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.29.295a.326.326 0 00.167-.054l1.903-1.114a.864.864 0 01.717-.098 10.16 10.16 0 002.837.403c.276 0 .543-.027.811-.05-.857-2.578.157-4.972 1.932-6.446 1.703-1.415 3.882-1.98 5.853-1.838-.576-3.583-4.196-6.348-8.596-6.348zM5.785 5.991c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 01-1.162 1.178A1.17 1.17 0 014.623 7.17c0-.651.52-1.18 1.162-1.18zm5.813 0c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 01-1.162 1.178 1.17 1.17 0 01-1.162-1.178c0-.651.52-1.18 1.162-1.18zm3.68 4.025c-3.694 0-6.69 2.462-6.69 5.496 0 3.034 2.996 5.496 6.69 5.496.753 0 1.477-.1 2.158-.28a.66.66 0 01.548.074l1.46.854a.25.25 0 00.127.041.224.224 0 00.221-.225c0-.055-.022-.109-.037-.162l-.298-1.131a.453.453 0 01.163-.509C21.81 18.613 22.77 16.973 22.77 15.512c0-3.034-2.996-5.496-6.69-5.496h.198zm-2.454 3.347c.491 0 .889.404.889.902a.896.896 0 01-.889.903.896.896 0 01-.889-.903c0-.498.398-.902.889-.902zm4.912 0c.491 0 .889.404.889.902a.896.896 0 01-.889.903.896.896 0 01-.889-.903c0-.498.398-.902.889-.902z"/></svg>',
+    primaryCred: "WECOM_BOT_ID",
+    envFields: [
+      { key: "WECOM_BOT_ID", label: "Bot ID", hint: "WeCom Bot identifier" },
+      { key: "WECOM_SECRET", label: "Secret", hint: "WeCom application secret", password: true }
+    ],
+    configFields: []
+  }
+];
+function SaveStatus({ saving, saved }) {
+  if (saving) return /* @__PURE__ */ jsxRuntimeExports.jsx(IconLoader2, { className: "size-3 animate-spin text-muted-foreground" });
+  if (saved) return /* @__PURE__ */ jsxRuntimeExports.jsx(IconCheck, { className: "size-3 text-emerald-500" });
+  return null;
+}
+function ChannelsPage() {
+  const queryClient = useQueryClient();
+  const { data: config, isLoading: configLoading } = useQuery({
+    queryKey: ["config"],
+    queryFn: fetchConfig,
+    staleTime: 3e4
+  });
+  const { data: envVars, isLoading: envLoading } = useQuery({
+    queryKey: ["env-vars"],
+    queryFn: fetchEnvVars,
+    staleTime: 3e4
+  });
+  const [localEnv, setLocalEnv] = reactExports.useState({});
+  const [localConfig, setLocalConfig] = reactExports.useState({});
+  const [savingKeys, setSavingKeys] = reactExports.useState(/* @__PURE__ */ new Set());
+  const [savedKeys, setSavedKeys] = reactExports.useState(/* @__PURE__ */ new Set());
+  const markSaving = reactExports.useCallback((key) => {
+    setSavingKeys((prev) => new Set(prev).add(key));
+    setSavedKeys((prev) => {
+      const next = new Set(prev);
+      next.delete(key);
+      return next;
+    });
+  }, []);
+  const markSaved = reactExports.useCallback((key) => {
+    setSavingKeys((prev) => {
+      const next = new Set(prev);
+      next.delete(key);
+      return next;
+    });
+    setSavedKeys((prev) => new Set(prev).add(key));
+    setTimeout(() => {
+      setSavedKeys((prev) => {
+        const next = new Set(prev);
+        next.delete(key);
+        return next;
+      });
+    }, 2e3);
+  }, []);
+  const saveConfigMutation = useMutation({
+    mutationFn: async (nextConfig) => {
+      await updateConfig(nextConfig);
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["config"] });
+    }
+  });
+  const saveEnvMutation = useMutation({
+    mutationFn: async ({ key, value }) => {
+      await updateEnvVar(key, value);
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["env-vars"] });
+    }
+  });
+  const updateLocalConfig = reactExports.useCallback((platform, key, value) => {
+    setLocalConfig((prev) => ({
+      ...prev,
+      [platform]: { ...prev[platform] || {}, [key]: value }
+    }));
+  }, []);
+  const flushConfig = reactExports.useCallback(
+    (platform, key) => {
+      const saveKey = `cfg.${platform}.${key}`;
+      const currentConfig = queryClient.getQueryData(["config"]) || {};
+      const currentPlatform = currentConfig[platform] || {};
+      const localValue = localConfig[platform]?.[key];
+      if (localValue === void 0) return;
+      const nextPlatform = { ...currentPlatform, [key]: localValue };
+      const nextConfig = { ...currentConfig, [platform]: nextPlatform };
+      markSaving(saveKey);
+      saveConfigMutation.mutate(nextConfig, {
+        onSuccess: () => markSaved(saveKey),
+        onError: () => {
+          setSavingKeys((prev) => {
+            const next = new Set(prev);
+            next.delete(saveKey);
+            return next;
+          });
+        }
+      });
+    },
+    [localConfig, queryClient, saveConfigMutation, markSaving, markSaved]
+  );
+  const handleUpdateConfig = reactExports.useCallback(
+    (platform, key, value) => {
+      updateLocalConfig(platform, key, value);
+      flushConfig(platform, key);
+    },
+    [updateLocalConfig, flushConfig]
+  );
+  const handleSaveEnv = reactExports.useCallback(
+    (key) => {
+      const value = localEnv[key];
+      if (value === void 0) return;
+      const saveKey = `env.${key}`;
+      markSaving(saveKey);
+      saveEnvMutation.mutate(
+        { key, value },
+        {
+          onSuccess: () => markSaved(saveKey),
+          onError: () => {
+            setSavingKeys((prev) => {
+              const next = new Set(prev);
+              next.delete(saveKey);
+              return next;
+            });
+          }
+        }
+      );
+    },
+    [localEnv, saveEnvMutation, markSaving, markSaved]
+  );
+  const getConfigValue = reactExports.useCallback(
+    (platform, key) => {
+      return localConfig[platform]?.[key] ?? config?.[platform]?.[key];
+    },
+    [localConfig, config]
+  );
+  const isSaving = (key) => savingKeys.has(key);
+  const isSaved = (key) => savedKeys.has(key);
+  if (configLoading || envLoading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconLoader2, { className: "size-5 animate-spin text-muted-foreground" }) });
+  }
+  const envMap = envVars || {};
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 flex-col h-full overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0 border-b px-6 py-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2.5", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(IconSparkles, { className: "size-5 text-muted-foreground" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-base font-semibold text-foreground", children: "Channels" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[12px] text-muted-foreground mt-0.5", children: "Connect messaging platforms so Hermium can respond on Telegram, Discord, Slack, and more." })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4", children: PLATFORMS.map((p) => {
+      const primaryVar = envMap[p.primaryCred];
+      const hasCreds = primaryVar?.is_set ?? false;
+      const platformConfig = config?.[p.key] || {};
+      const configured = hasCreds || Object.keys(platformConfig).length > 0;
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        PlatformCard,
+        {
+          name: p.name,
+          icon: p.icon,
+          color: p.color,
+          configured,
+          hasCreds,
+          exclusive: p.exclusive,
+          children: [
+            p.envFields.map((field) => {
+              const envInfo = envMap[field.key];
+              const isSet = envInfo?.is_set ?? false;
+              const saveKey = `env.${field.key}`;
+              const currentValue = localEnv[field.key] ?? "";
+              return /* @__PURE__ */ jsxRuntimeExports.jsx(SettingRow, { label: field.label, hint: field.hint, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+                field.type === "select" && field.options ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  "select",
+                  {
+                    className: "w-[220px] h-8 text-xs rounded-md border border-input bg-background px-2",
+                    value: currentValue || String(getConfigValue(p.key, field.key) ?? ""),
+                    onChange: (e) => {
+                      setLocalEnv((prev) => ({ ...prev, [field.key]: e.target.value }));
+                      handleSaveEnv(field.key);
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: "— Select —" }),
+                      field.options.map((opt) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: opt, children: opt }, opt))
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Input,
+                  {
+                    className: "w-[220px] h-8 text-xs font-mono",
+                    type: field.password ? "password" : "text",
+                    placeholder: isSet ? "Already set (enter to overwrite)" : field.hint,
+                    value: currentValue,
+                    onChange: (e) => setLocalEnv((prev) => ({ ...prev, [field.key]: e.target.value })),
+                    onBlur: () => handleSaveEnv(field.key)
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(SaveStatus, { saving: isSaving(saveKey), saved: isSaved(saveKey) })
+              ] }) }, field.key);
+            }),
+            p.configFields.map((field) => {
+              const saveKey = `cfg.${p.key}.${field.key}`;
+              const value = getConfigValue(p.key, field.key);
+              return /* @__PURE__ */ jsxRuntimeExports.jsx(SettingRow, { label: field.label, hint: field.hint, children: field.type === "switch" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Switch,
+                {
+                  checked: !!value,
+                  onCheckedChange: (v) => handleUpdateConfig(p.key, field.key, v)
+                }
+              ) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  Input,
+                  {
+                    className: "w-[220px] h-8 text-xs",
+                    value: String(value ?? ""),
+                    onChange: (e) => updateLocalConfig(p.key, field.key, e.target.value),
+                    onBlur: () => flushConfig(p.key, field.key)
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(SaveStatus, { saving: isSaving(saveKey), saved: isSaved(saveKey) })
+              ] }) }, field.key);
+            })
+          ]
+        },
+        p.key
+      );
+    }) }) }) })
+  ] });
+}
+const SplitComponent = ChannelsPage;
+export {
+  SplitComponent as component
+};