hermium 0.1.10 → 0.3.0

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

@@ -1,513 +0,0 @@
-import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { S as Switch } from "./switch-Bd-Sg0HG.mjs";
-import { I as Input } from "./input-BV1DMASc.mjs";
-import { u as useQueryClient, a as useQuery, b as useMutation } from "../_libs/tanstack__react-query.mjs";
-import { a as cn, b as put, g as get } from "./router-CS6Zq3md.mjs";
-import { E as IconLoader2, M as IconSparkles, N as IconPlugConnected, O as IconAlertTriangle, P as IconPlug, k as IconChevronDown, L 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
-};