@agent-native/core 0.9.1 → 0.10.0

package/dist/client/settings/SecretsSection.js

@@ -10,6 +10,13 @@ import { agentNativePath } from "../api-path.js";
 import { IconCheck, IconExternalLink, IconLoader2, IconPlugConnected, IconPlus, IconTrash, IconRefresh, } from "@tabler/icons-react";
 import { Tooltip, TooltipContent, TooltipTrigger, } from "../components/ui/tooltip.js";
 const ENDPOINT = agentNativePath("/_agent-native/secrets");
+function notifySecretsChanged() {
+    if (typeof window === "undefined")
+        return;
+    window.dispatchEvent(new CustomEvent("agent-engine:configured-changed", {
+        detail: { source: "secrets" },
+    }));
+}
 export function SecretsSection({ focusKey }) {
     const [secrets, setSecrets] = useState(null);
     const [error, setError] = useState(null);
@@ -83,6 +90,7 @@ function SecretCard({ secret, onChanged, focusInput }) {
             setValue("");
             setConfirmDelete(false);
             setToastAndClear("ok", "Saved");
+            notifySecretsChanged();
             onChanged();
         }
         finally {
@@ -108,6 +116,7 @@ function SecretCard({ secret, onChanged, focusInput }) {
             }
             setToastAndClear("ok", "Removed");
             setConfirmDelete(false);
+            notifySecretsChanged();
             onChanged();
         }
         finally {

package/dist/client/settings/SecretsSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecretsSection.js","sourceRoot":"","sources":["../../../src/client/settings/SecretsSection.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * <SecretsSection /> — renders the registered secrets from the framework\n * secrets registry. Fetches `/_agent-native/secrets` on mount and shows a\n * card per secret with a masked input + Save / Rotate / Delete / Test\n * buttons (api-key kind) or a Connect / Disconnect button (oauth kind).\n */\n\nimport React, { useEffect, useMemo, useState, useCallback } from \"react\";\nimport { agentNativePath } from \"../api-path.js\";\nimport {\n  IconCheck,\n  IconExternalLink,\n  IconLoader2,\n  IconPlugConnected,\n  IconPlus,\n  IconTrash,\n  IconRefresh,\n} from \"@tabler/icons-react\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\n\ninterface SecretStatus {\n  key: string;\n  label: string;\n  description?: string;\n  docsUrl?: string;\n  scope: \"user\" | \"workspace\";\n  kind: \"api-key\" | \"oauth\";\n  required: boolean;\n  status: \"set\" | \"unset\" | \"invalid\";\n  last4?: string;\n  updatedAt?: number;\n  oauthProvider?: string;\n  oauthConnectUrl?: string;\n  error?: string;\n}\n\nconst ENDPOINT = agentNativePath(\"/_agent-native/secrets\");\n\nexport interface SecretsSectionProps {\n  /** Optional hash fragment to focus a specific secret (e.g. \"secrets:OPENAI_API_KEY\"). */\n  focusKey?: string;\n}\n\nexport function SecretsSection({ focusKey }: SecretsSectionProps) {\n  const [secrets, setSecrets] = useState<SecretStatus[] | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [reloadToken, setReloadToken] = useState(0);\n\n  useEffect(() => {\n    let cancelled = false;\n    fetch(ENDPOINT)\n      .then(async (r) => {\n        if (!r.ok) {\n          throw new Error(`Failed to load secrets (${r.status})`);\n        }\n        return (await r.json()) as SecretStatus[];\n      })\n      .then((data) => {\n        if (!cancelled) setSecrets(data);\n      })\n      .catch((err) => {\n        if (!cancelled) setError(err?.message ?? \"Failed to load\");\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [reloadToken]);\n\n  const reload = useCallback(() => setReloadToken((t) => t + 1), []);\n\n  if (error) {\n    return (\n      <p className=\"text-[10px] text-red-500\">\n        Failed to load secrets: {error}\n      </p>\n    );\n  }\n  if (secrets === null) {\n    return (\n      <div className=\"flex items-center gap-1.5 text-[10px] text-muted-foreground\">\n        <IconLoader2 size={10} className=\"animate-spin\" />\n        Loading…\n      </div>\n    );\n  }\n  if (secrets.length === 0) {\n    return (\n      <div className=\"space-y-2\">\n        <p className=\"text-[10px] text-muted-foreground\">\n          No secrets registered yet. Templates register API keys and connections\n          via <code>registerRequiredSecret()</code>.\n        </p>\n        <AdHocKeysSection />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-2\">\n      {secrets.map((secret) => (\n        <SecretCard\n          key={secret.key}\n          secret={secret}\n          onChanged={reload}\n          focusInput={focusKey === secret.key}\n        />\n      ))}\n      <AdHocKeysSection />\n    </div>\n  );\n}\n\ninterface SecretCardProps {\n  secret: SecretStatus;\n  onChanged: () => void;\n  focusInput?: boolean;\n}\n\nfunction SecretCard({ secret, onChanged, focusInput }: SecretCardProps) {\n  const [value, setValue] = useState(\"\");\n  const [busy, setBusy] = useState<null | \"save\" | \"delete\" | \"test\">(null);\n  const [confirmDelete, setConfirmDelete] = useState(false);\n  const [toast, setToast] = useState<{\n    kind: \"ok\" | \"err\";\n    text: string;\n  } | null>(null);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (focusInput && inputRef.current) {\n      inputRef.current.focus();\n    }\n  }, [focusInput]);\n\n  const setToastAndClear = (kind: \"ok\" | \"err\", text: string, ms = 2500) => {\n    setToast({ kind, text });\n    setTimeout(() => setToast(null), ms);\n  };\n\n  const handleSave = async () => {\n    if (!value.trim() || busy) return;\n    setBusy(\"save\");\n    try {\n      const res = await fetch(`${ENDPOINT}/${encodeURIComponent(secret.key)}`, {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({ value: value.trim() }),\n      });\n      if (!res.ok) {\n        const err = await res\n          .json()\n          .then((j: { error?: string }) => j.error)\n          .catch(() => null);\n        setToastAndClear(\"err\", err ?? `Save failed (${res.status})`);\n        return;\n      }\n      setValue(\"\");\n      setConfirmDelete(false);\n      setToastAndClear(\"ok\", \"Saved\");\n      onChanged();\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  const handleDelete = async () => {\n    if (busy) return;\n    setBusy(\"delete\");\n    try {\n      const res = await fetch(`${ENDPOINT}/${encodeURIComponent(secret.key)}`, {\n        method: \"DELETE\",\n        headers: { \"Content-Type\": \"application/json\" },\n      });\n      if (!res.ok) {\n        const err = await res\n          .json()\n          .then((j: { error?: string }) => j.error)\n          .catch(() => null);\n        setToastAndClear(\"err\", err ?? `Delete failed (${res.status})`);\n        return;\n      }\n      setToastAndClear(\"ok\", \"Removed\");\n      setConfirmDelete(false);\n      onChanged();\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  const handleTest = async () => {\n    if (busy) return;\n    setBusy(\"test\");\n    try {\n      const res = await fetch(\n        `${ENDPOINT}/${encodeURIComponent(secret.key)}/test`,\n        {\n          method: \"POST\",\n        },\n      );\n      const body = (await res.json().catch(() => ({}))) as {\n        ok?: boolean;\n        error?: string;\n      };\n      if (res.ok && body.ok) {\n        setToastAndClear(\"ok\", \"Working\");\n      } else {\n        setToastAndClear(\n          \"err\",\n          body.error ?? (body.ok === false ? \"Invalid\" : `Test failed`),\n        );\n      }\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  const pill = useMemo(() => {\n    if (secret.status === \"set\") {\n      return (\n        <span className=\"flex items-center gap-1 text-[10px] text-green-500\">\n          <IconCheck size={10} />\n          Set\n        </span>\n      );\n    }\n    if (secret.required) {\n      return (\n        <span className=\"rounded-full bg-red-500/15 px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide text-red-500\">\n          Required\n        </span>\n      );\n    }\n    return (\n      <span className=\"rounded-full bg-accent/60 px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide text-muted-foreground\">\n        Optional\n      </span>\n    );\n  }, [secret.status, secret.required]);\n\n  const isOAuth = secret.kind === \"oauth\";\n\n  return (\n    <div className=\"rounded-md border border-border px-2.5 py-2 bg-accent/30\">\n      <div className=\"flex items-center justify-between gap-2\">\n        <div className=\"min-w-0\">\n          <div className=\"text-[11px] font-medium text-foreground truncate\">\n            {secret.label}\n          </div>\n          {secret.description && (\n            <p className=\"text-[10px] text-muted-foreground mt-0.5\">\n              {secret.description}\n            </p>\n          )}\n        </div>\n        <div className=\"shrink-0\">{pill}</div>\n      </div>\n\n      {isOAuth ? (\n        <div className=\"mt-2 flex items-center gap-1.5\">\n          {secret.oauthConnectUrl && (\n            <a\n              href={secret.oauthConnectUrl}\n              className=\"inline-flex items-center gap-1 rounded px-2 py-1 text-[10px] font-medium no-underline\"\n              style={{ backgroundColor: \"#625DF5\", color: \"white\" }}\n            >\n              <IconPlugConnected size={10} />\n              {secret.status === \"set\" ? \"Reconnect\" : \"Connect\"}\n            </a>\n          )}\n          {secret.docsUrl && (\n            <a\n              href={secret.docsUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex items-center gap-1 rounded border border-border px-2 py-1 text-[10px] no-underline text-muted-foreground hover:text-foreground\"\n            >\n              Docs\n              <IconExternalLink size={10} />\n            </a>\n          )}\n        </div>\n      ) : (\n        <div className=\"mt-2 space-y-1.5\">\n          {secret.status === \"set\" && (\n            <div className=\"flex items-center gap-2 text-[10px] text-muted-foreground\">\n              <span>Stored value ending in</span>\n              <code className=\"rounded bg-background px-1 py-0.5 text-foreground\">\n                {secret.last4}\n              </code>\n            </div>\n          )}\n          <div className=\"flex gap-1.5\">\n            <input\n              ref={inputRef}\n              type=\"password\"\n              value={value}\n              onChange={(e) => setValue(e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\") handleSave();\n              }}\n              placeholder={\n                secret.status === \"set\"\n                  ? \"Enter new value to rotate\"\n                  : \"Paste key\"\n              }\n              className=\"flex-1 rounded border border-border bg-background px-2 py-1 text-[11px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent\"\n            />\n            <button\n              type=\"button\"\n              onClick={handleSave}\n              disabled={!value.trim() || busy !== null}\n              className=\"inline-flex items-center gap-1 rounded px-2 py-1 text-[10px] font-medium disabled:opacity-40\"\n              style={{ backgroundColor: \"#625DF5\", color: \"white\" }}\n            >\n              {busy === \"save\" ? (\n                <IconLoader2 size={10} className=\"animate-spin\" />\n              ) : secret.status === \"set\" ? (\n                <>\n                  <IconRefresh size={10} />\n                  Rotate\n                </>\n              ) : (\n                \"Save\"\n              )}\n            </button>\n          </div>\n          <div className=\"flex items-center gap-1.5\">\n            {secret.status === \"set\" && (\n              <>\n                <button\n                  type=\"button\"\n                  onClick={handleTest}\n                  disabled={busy !== null}\n                  className=\"inline-flex items-center gap-1 rounded border border-border px-2 py-1 text-[10px] text-muted-foreground hover:text-foreground disabled:opacity-40\"\n                >\n                  {busy === \"test\" ? (\n                    <IconLoader2 size={10} className=\"animate-spin\" />\n                  ) : (\n                    \"Test\"\n                  )}\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setConfirmDelete(true)}\n                  disabled={busy !== null}\n                  className=\"inline-flex items-center gap-1 rounded border border-border px-2 py-1 text-[10px] text-muted-foreground hover:text-red-500 disabled:opacity-40\"\n                >\n                  <IconTrash size={10} />\n                  Remove\n                </button>\n              </>\n            )}\n            {secret.docsUrl && (\n              <a\n                href={secret.docsUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"inline-flex items-center gap-1 rounded border border-border px-2 py-1 text-[10px] no-underline text-muted-foreground hover:text-foreground ml-auto\"\n              >\n                Get key\n                <IconExternalLink size={10} />\n              </a>\n            )}\n          </div>\n          {confirmDelete && (\n            <div className=\"flex items-center gap-1.5 rounded border border-red-500/30 bg-red-500/10 px-2 py-1.5 text-[10px] text-red-500\">\n              <span className=\"min-w-0 flex-1\">Remove this saved value?</span>\n              <button\n                type=\"button\"\n                onClick={handleDelete}\n                disabled={busy !== null}\n                className=\"inline-flex items-center gap-1 rounded border border-red-500/40 px-1.5 py-0.5 font-medium disabled:opacity-40\"\n              >\n                {busy === \"delete\" ? (\n                  <IconLoader2 size={10} className=\"animate-spin\" />\n                ) : (\n                  \"Confirm\"\n                )}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => setConfirmDelete(false)}\n                disabled={busy !== null}\n                className=\"rounded border border-border px-1.5 py-0.5 text-muted-foreground hover:text-foreground disabled:opacity-40\"\n              >\n                Cancel\n              </button>\n            </div>\n          )}\n        </div>\n      )}\n\n      {toast && (\n        <p\n          className={`mt-1.5 text-[10px] ${\n            toast.kind === \"ok\" ? \"text-green-500\" : \"text-red-500\"\n          }`}\n        >\n          {toast.text}\n        </p>\n      )}\n    </div>\n  );\n}\n\n// ─── Ad-hoc Keys Section ──────────────────────────────────────────────────\n\ninterface AdHocKey {\n  name: string;\n  scope: \"user\" | \"workspace\";\n  scopeId: string;\n  description: string | null;\n  last4: string;\n  createdAt: number;\n  updatedAt: number;\n}\n\nconst ADHOC_ENDPOINT = agentNativePath(\"/_agent-native/secrets/adhoc\");\n\nfunction AdHocKeysSection() {\n  const [keys, setKeys] = useState<AdHocKey[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [reloadToken, setReloadToken] = useState(0);\n  const [showForm, setShowForm] = useState(false);\n  const [formName, setFormName] = useState(\"\");\n  const [formValue, setFormValue] = useState(\"\");\n  const [formDescription, setFormDescription] = useState(\"\");\n  const [formScope, setFormScope] = useState<\"user\" | \"workspace\">(\"user\");\n  const [formBusy, setFormBusy] = useState(false);\n  const [formError, setFormError] = useState<string | null>(null);\n  const [confirmDeleteName, setConfirmDeleteName] = useState<string | null>(\n    null,\n  );\n  const [deletingName, setDeletingName] = useState<string | null>(null);\n  const [toast, setToast] = useState<{\n    kind: \"ok\" | \"err\";\n    text: string;\n  } | null>(null);\n\n  const showToast = useCallback(\n    (kind: \"ok\" | \"err\", text: string, ms = 2500) => {\n      setToast({ kind, text });\n      setTimeout(() => setToast(null), ms);\n    },\n    [],\n  );\n\n  const reload = useCallback(() => setReloadToken((t) => t + 1), []);\n\n  useEffect(() => {\n    let cancelled = false;\n    setLoading(true);\n    fetch(ADHOC_ENDPOINT)\n      .then(async (r) => {\n        if (!r.ok) throw new Error(`Failed to load (${r.status})`);\n        return (await r.json()) as AdHocKey[];\n      })\n      .then((data) => {\n        if (!cancelled) {\n          setKeys(data);\n          setLoading(false);\n        }\n      })\n      .catch(() => {\n        if (!cancelled) {\n          setKeys([]);\n          setLoading(false);\n        }\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [reloadToken]);\n\n  const resetForm = useCallback(() => {\n    setShowForm(false);\n    setFormName(\"\");\n    setFormValue(\"\");\n    setFormDescription(\"\");\n    setFormScope(\"user\");\n    setFormError(null);\n  }, []);\n\n  const handleAdd = useCallback(async () => {\n    const name = formName.trim();\n    const value = formValue.trim();\n    if (!name || !value || formBusy) return;\n    setFormBusy(true);\n    setFormError(null);\n    try {\n      const res = await fetch(ADHOC_ENDPOINT, {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({\n          name,\n          value,\n          description: formDescription.trim() || undefined,\n          scope: formScope,\n        }),\n      });\n      if (!res.ok) {\n        const body = await res\n          .json()\n          .then((j: { error?: string }) => j.error)\n          .catch(() => null);\n        setFormError(body ?? `Save failed (${res.status})`);\n        return;\n      }\n      resetForm();\n      showToast(\"ok\", \"Key saved\");\n      reload();\n    } catch (err: any) {\n      setFormError(err?.message ?? \"Failed to save\");\n    } finally {\n      setFormBusy(false);\n    }\n  }, [\n    formName,\n    formValue,\n    formDescription,\n    formScope,\n    formBusy,\n    resetForm,\n    showToast,\n    reload,\n  ]);\n\n  const handleDelete = useCallback(\n    async (name: string) => {\n      setDeletingName(name);\n      try {\n        const res = await fetch(\n          `${ADHOC_ENDPOINT}/${encodeURIComponent(name)}`,\n          {\n            method: \"DELETE\",\n            headers: { \"Content-Type\": \"application/json\" },\n          },\n        );\n        if (!res.ok) {\n          showToast(\"err\", \"Failed to delete key\");\n          return;\n        }\n        showToast(\"ok\", \"Key deleted\");\n        setConfirmDeleteName(null);\n        reload();\n      } finally {\n        setDeletingName(null);\n      }\n    },\n    [showToast, reload],\n  );\n\n  return (\n    <div className=\"mt-3 space-y-2\">\n      <div className=\"flex items-center justify-between\">\n        <p className=\"text-[11px] font-medium text-foreground\">\n          Additional Keys\n        </p>\n        {!showForm && (\n          <button\n            type=\"button\"\n            onClick={() => setShowForm(true)}\n            className=\"inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] font-medium text-muted-foreground hover:text-foreground hover:bg-accent/40\"\n          >\n            <IconPlus size={10} />\n            Add Key\n          </button>\n        )}\n      </div>\n      <p className=\"text-[10px] text-muted-foreground/60 leading-relaxed\">\n        Keys are referenced in automations as{\" \"}\n        <code className=\"rounded bg-background px-1 py-0.5 text-[9px]\">\n          {\"${keys.KEY_NAME}\"}\n        </code>\n        . Values are encrypted and never shown to the AI agent.\n      </p>\n\n      {showForm && (\n        <div className=\"rounded-md border border-border px-2.5 py-2 bg-accent/30 space-y-1.5\">\n          <input\n            value={formName}\n            onChange={(e) =>\n              setFormName(\n                e.target.value.toUpperCase().replace(/[^A-Z0-9_-]/g, \"\"),\n              )\n            }\n            className=\"w-full rounded border border-border bg-background px-2 py-1 text-[11px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent\"\n            placeholder=\"KEY_NAME (e.g. SLACK_WEBHOOK)\"\n          />\n          <input\n            type=\"password\"\n            value={formValue}\n            onChange={(e) => setFormValue(e.target.value)}\n            className=\"w-full rounded border border-border bg-background px-2 py-1 text-[11px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent\"\n            placeholder=\"Secret value\"\n          />\n          <input\n            value={formDescription}\n            onChange={(e) => setFormDescription(e.target.value)}\n            className=\"w-full rounded border border-border bg-background px-2 py-1 text-[11px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent\"\n            placeholder=\"Description (optional)\"\n          />\n          <div className=\"flex items-center gap-2\">\n            <select\n              value={formScope}\n              onChange={(e) =>\n                setFormScope(e.target.value as \"user\" | \"workspace\")\n              }\n              className=\"rounded border border-border bg-background px-2 py-1 text-[11px] text-foreground outline-none focus:ring-1 focus:ring-accent\"\n            >\n              <option value=\"user\">Personal</option>\n              <option value=\"workspace\">Workspace</option>\n            </select>\n            <div className=\"ml-auto flex items-center gap-1.5\">\n              <button\n                type=\"button\"\n                onClick={resetForm}\n                className=\"rounded border border-border px-2 py-1 text-[10px] font-medium text-muted-foreground hover:text-foreground\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                onClick={handleAdd}\n                disabled={!formName.trim() || !formValue.trim() || formBusy}\n                className=\"inline-flex items-center gap-1 rounded px-2 py-1 text-[10px] font-medium disabled:opacity-40\"\n                style={{ backgroundColor: \"#625DF5\", color: \"white\" }}\n              >\n                {formBusy ? (\n                  <IconLoader2 size={10} className=\"animate-spin\" />\n                ) : (\n                  \"Save\"\n                )}\n              </button>\n            </div>\n          </div>\n          {formError && <p className=\"text-[10px] text-red-500\">{formError}</p>}\n        </div>\n      )}\n\n      {loading ? (\n        <div className=\"flex items-center gap-1.5 text-[10px] text-muted-foreground\">\n          <IconLoader2 size={10} className=\"animate-spin\" />\n          Loading...\n        </div>\n      ) : keys.length === 0 && !showForm ? (\n        <p className=\"text-[10px] text-muted-foreground\">\n          No additional keys yet.\n        </p>\n      ) : (\n        keys.map((key) => (\n          <div\n            key={`${key.scope}-${key.name}`}\n            className=\"rounded-md border border-border px-2.5 py-2 bg-accent/30\"\n          >\n            <div className=\"flex items-center justify-between gap-2\">\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"flex items-center gap-1.5\">\n                  <span className=\"text-[11px] font-medium text-foreground font-mono truncate\">\n                    {key.name}\n                  </span>\n                  <span\n                    className={`rounded-full px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide ${\n                      key.scope === \"workspace\"\n                        ? \"bg-blue-500/15 text-blue-500\"\n                        : \"bg-accent/60 text-muted-foreground\"\n                    }`}\n                  >\n                    {key.scope === \"workspace\" ? \"workspace\" : \"personal\"}\n                  </span>\n                </div>\n                {key.description && (\n                  <p className=\"text-[10px] text-muted-foreground mt-0.5\">\n                    {key.description}\n                  </p>\n                )}\n                <div className=\"flex items-center gap-2 text-[10px] text-muted-foreground mt-0.5\">\n                  <span>\n                    Ending in{\" \"}\n                    <code className=\"rounded bg-background px-1 py-0.5 text-foreground\">\n                      {key.last4}\n                    </code>\n                  </span>\n                </div>\n              </div>\n              <div className=\"shrink-0\">\n                {confirmDeleteName === key.name ? (\n                  <div className=\"flex items-center gap-1\">\n                    <button\n                      type=\"button\"\n                      onClick={() => handleDelete(key.name)}\n                      disabled={deletingName === key.name}\n                      className=\"rounded px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide bg-red-500/15 text-red-500 hover:bg-red-500/25 disabled:opacity-40\"\n                    >\n                      {deletingName === key.name ? (\n                        <IconLoader2 size={10} className=\"animate-spin\" />\n                      ) : (\n                        \"Confirm\"\n                      )}\n                    </button>\n                    <button\n                      type=\"button\"\n                      onClick={() => setConfirmDeleteName(null)}\n                      className=\"rounded px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide bg-accent/60 text-muted-foreground hover:text-foreground\"\n                    >\n                      Cancel\n                    </button>\n                  </div>\n                ) : (\n                  <Tooltip>\n                    <TooltipTrigger asChild>\n                      <button\n                        type=\"button\"\n                        onClick={() => setConfirmDeleteName(key.name)}\n                        className=\"text-muted-foreground hover:text-red-500\"\n                      >\n                        <IconTrash size={12} />\n                      </button>\n                    </TooltipTrigger>\n                    <TooltipContent>Delete</TooltipContent>\n                  </Tooltip>\n                )}\n              </div>\n            </div>\n          </div>\n        ))\n      )}\n\n      {toast && (\n        <p\n          className={`text-[10px] ${toast.kind === \"ok\" ? \"text-green-500\" : \"text-red-500\"}`}\n        >\n          {toast.text}\n        </p>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"SecretsSection.js","sourceRoot":"","sources":["../../../src/client/settings/SecretsSection.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * <SecretsSection /> — renders the registered secrets from the framework\n * secrets registry. Fetches `/_agent-native/secrets` on mount and shows a\n * card per secret with a masked input + Save / Rotate / Delete / Test\n * buttons (api-key kind) or a Connect / Disconnect button (oauth kind).\n */\n\nimport React, { useEffect, useMemo, useState, useCallback } from \"react\";\nimport { agentNativePath } from \"../api-path.js\";\nimport {\n  IconCheck,\n  IconExternalLink,\n  IconLoader2,\n  IconPlugConnected,\n  IconPlus,\n  IconTrash,\n  IconRefresh,\n} from \"@tabler/icons-react\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\n\ninterface SecretStatus {\n  key: string;\n  label: string;\n  description?: string;\n  docsUrl?: string;\n  scope: \"user\" | \"workspace\";\n  kind: \"api-key\" | \"oauth\";\n  required: boolean;\n  status: \"set\" | \"unset\" | \"invalid\";\n  last4?: string;\n  updatedAt?: number;\n  oauthProvider?: string;\n  oauthConnectUrl?: string;\n  error?: string;\n}\n\nconst ENDPOINT = agentNativePath(\"/_agent-native/secrets\");\n\nfunction notifySecretsChanged() {\n  if (typeof window === \"undefined\") return;\n  window.dispatchEvent(\n    new CustomEvent(\"agent-engine:configured-changed\", {\n      detail: { source: \"secrets\" },\n    }),\n  );\n}\n\nexport interface SecretsSectionProps {\n  /** Optional hash fragment to focus a specific secret (e.g. \"secrets:OPENAI_API_KEY\"). */\n  focusKey?: string;\n}\n\nexport function SecretsSection({ focusKey }: SecretsSectionProps) {\n  const [secrets, setSecrets] = useState<SecretStatus[] | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [reloadToken, setReloadToken] = useState(0);\n\n  useEffect(() => {\n    let cancelled = false;\n    fetch(ENDPOINT)\n      .then(async (r) => {\n        if (!r.ok) {\n          throw new Error(`Failed to load secrets (${r.status})`);\n        }\n        return (await r.json()) as SecretStatus[];\n      })\n      .then((data) => {\n        if (!cancelled) setSecrets(data);\n      })\n      .catch((err) => {\n        if (!cancelled) setError(err?.message ?? \"Failed to load\");\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [reloadToken]);\n\n  const reload = useCallback(() => setReloadToken((t) => t + 1), []);\n\n  if (error) {\n    return (\n      <p className=\"text-[10px] text-red-500\">\n        Failed to load secrets: {error}\n      </p>\n    );\n  }\n  if (secrets === null) {\n    return (\n      <div className=\"flex items-center gap-1.5 text-[10px] text-muted-foreground\">\n        <IconLoader2 size={10} className=\"animate-spin\" />\n        Loading…\n      </div>\n    );\n  }\n  if (secrets.length === 0) {\n    return (\n      <div className=\"space-y-2\">\n        <p className=\"text-[10px] text-muted-foreground\">\n          No secrets registered yet. Templates register API keys and connections\n          via <code>registerRequiredSecret()</code>.\n        </p>\n        <AdHocKeysSection />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-2\">\n      {secrets.map((secret) => (\n        <SecretCard\n          key={secret.key}\n          secret={secret}\n          onChanged={reload}\n          focusInput={focusKey === secret.key}\n        />\n      ))}\n      <AdHocKeysSection />\n    </div>\n  );\n}\n\ninterface SecretCardProps {\n  secret: SecretStatus;\n  onChanged: () => void;\n  focusInput?: boolean;\n}\n\nfunction SecretCard({ secret, onChanged, focusInput }: SecretCardProps) {\n  const [value, setValue] = useState(\"\");\n  const [busy, setBusy] = useState<null | \"save\" | \"delete\" | \"test\">(null);\n  const [confirmDelete, setConfirmDelete] = useState(false);\n  const [toast, setToast] = useState<{\n    kind: \"ok\" | \"err\";\n    text: string;\n  } | null>(null);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (focusInput && inputRef.current) {\n      inputRef.current.focus();\n    }\n  }, [focusInput]);\n\n  const setToastAndClear = (kind: \"ok\" | \"err\", text: string, ms = 2500) => {\n    setToast({ kind, text });\n    setTimeout(() => setToast(null), ms);\n  };\n\n  const handleSave = async () => {\n    if (!value.trim() || busy) return;\n    setBusy(\"save\");\n    try {\n      const res = await fetch(`${ENDPOINT}/${encodeURIComponent(secret.key)}`, {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({ value: value.trim() }),\n      });\n      if (!res.ok) {\n        const err = await res\n          .json()\n          .then((j: { error?: string }) => j.error)\n          .catch(() => null);\n        setToastAndClear(\"err\", err ?? `Save failed (${res.status})`);\n        return;\n      }\n      setValue(\"\");\n      setConfirmDelete(false);\n      setToastAndClear(\"ok\", \"Saved\");\n      notifySecretsChanged();\n      onChanged();\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  const handleDelete = async () => {\n    if (busy) return;\n    setBusy(\"delete\");\n    try {\n      const res = await fetch(`${ENDPOINT}/${encodeURIComponent(secret.key)}`, {\n        method: \"DELETE\",\n        headers: { \"Content-Type\": \"application/json\" },\n      });\n      if (!res.ok) {\n        const err = await res\n          .json()\n          .then((j: { error?: string }) => j.error)\n          .catch(() => null);\n        setToastAndClear(\"err\", err ?? `Delete failed (${res.status})`);\n        return;\n      }\n      setToastAndClear(\"ok\", \"Removed\");\n      setConfirmDelete(false);\n      notifySecretsChanged();\n      onChanged();\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  const handleTest = async () => {\n    if (busy) return;\n    setBusy(\"test\");\n    try {\n      const res = await fetch(\n        `${ENDPOINT}/${encodeURIComponent(secret.key)}/test`,\n        {\n          method: \"POST\",\n        },\n      );\n      const body = (await res.json().catch(() => ({}))) as {\n        ok?: boolean;\n        error?: string;\n      };\n      if (res.ok && body.ok) {\n        setToastAndClear(\"ok\", \"Working\");\n      } else {\n        setToastAndClear(\n          \"err\",\n          body.error ?? (body.ok === false ? \"Invalid\" : `Test failed`),\n        );\n      }\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  const pill = useMemo(() => {\n    if (secret.status === \"set\") {\n      return (\n        <span className=\"flex items-center gap-1 text-[10px] text-green-500\">\n          <IconCheck size={10} />\n          Set\n        </span>\n      );\n    }\n    if (secret.required) {\n      return (\n        <span className=\"rounded-full bg-red-500/15 px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide text-red-500\">\n          Required\n        </span>\n      );\n    }\n    return (\n      <span className=\"rounded-full bg-accent/60 px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide text-muted-foreground\">\n        Optional\n      </span>\n    );\n  }, [secret.status, secret.required]);\n\n  const isOAuth = secret.kind === \"oauth\";\n\n  return (\n    <div className=\"rounded-md border border-border px-2.5 py-2 bg-accent/30\">\n      <div className=\"flex items-center justify-between gap-2\">\n        <div className=\"min-w-0\">\n          <div className=\"text-[11px] font-medium text-foreground truncate\">\n            {secret.label}\n          </div>\n          {secret.description && (\n            <p className=\"text-[10px] text-muted-foreground mt-0.5\">\n              {secret.description}\n            </p>\n          )}\n        </div>\n        <div className=\"shrink-0\">{pill}</div>\n      </div>\n\n      {isOAuth ? (\n        <div className=\"mt-2 flex items-center gap-1.5\">\n          {secret.oauthConnectUrl && (\n            <a\n              href={secret.oauthConnectUrl}\n              className=\"inline-flex items-center gap-1 rounded px-2 py-1 text-[10px] font-medium no-underline\"\n              style={{ backgroundColor: \"#625DF5\", color: \"white\" }}\n            >\n              <IconPlugConnected size={10} />\n              {secret.status === \"set\" ? \"Reconnect\" : \"Connect\"}\n            </a>\n          )}\n          {secret.docsUrl && (\n            <a\n              href={secret.docsUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex items-center gap-1 rounded border border-border px-2 py-1 text-[10px] no-underline text-muted-foreground hover:text-foreground\"\n            >\n              Docs\n              <IconExternalLink size={10} />\n            </a>\n          )}\n        </div>\n      ) : (\n        <div className=\"mt-2 space-y-1.5\">\n          {secret.status === \"set\" && (\n            <div className=\"flex items-center gap-2 text-[10px] text-muted-foreground\">\n              <span>Stored value ending in</span>\n              <code className=\"rounded bg-background px-1 py-0.5 text-foreground\">\n                {secret.last4}\n              </code>\n            </div>\n          )}\n          <div className=\"flex gap-1.5\">\n            <input\n              ref={inputRef}\n              type=\"password\"\n              value={value}\n              onChange={(e) => setValue(e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\") handleSave();\n              }}\n              placeholder={\n                secret.status === \"set\"\n                  ? \"Enter new value to rotate\"\n                  : \"Paste key\"\n              }\n              className=\"flex-1 rounded border border-border bg-background px-2 py-1 text-[11px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent\"\n            />\n            <button\n              type=\"button\"\n              onClick={handleSave}\n              disabled={!value.trim() || busy !== null}\n              className=\"inline-flex items-center gap-1 rounded px-2 py-1 text-[10px] font-medium disabled:opacity-40\"\n              style={{ backgroundColor: \"#625DF5\", color: \"white\" }}\n            >\n              {busy === \"save\" ? (\n                <IconLoader2 size={10} className=\"animate-spin\" />\n              ) : secret.status === \"set\" ? (\n                <>\n                  <IconRefresh size={10} />\n                  Rotate\n                </>\n              ) : (\n                \"Save\"\n              )}\n            </button>\n          </div>\n          <div className=\"flex items-center gap-1.5\">\n            {secret.status === \"set\" && (\n              <>\n                <button\n                  type=\"button\"\n                  onClick={handleTest}\n                  disabled={busy !== null}\n                  className=\"inline-flex items-center gap-1 rounded border border-border px-2 py-1 text-[10px] text-muted-foreground hover:text-foreground disabled:opacity-40\"\n                >\n                  {busy === \"test\" ? (\n                    <IconLoader2 size={10} className=\"animate-spin\" />\n                  ) : (\n                    \"Test\"\n                  )}\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setConfirmDelete(true)}\n                  disabled={busy !== null}\n                  className=\"inline-flex items-center gap-1 rounded border border-border px-2 py-1 text-[10px] text-muted-foreground hover:text-red-500 disabled:opacity-40\"\n                >\n                  <IconTrash size={10} />\n                  Remove\n                </button>\n              </>\n            )}\n            {secret.docsUrl && (\n              <a\n                href={secret.docsUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"inline-flex items-center gap-1 rounded border border-border px-2 py-1 text-[10px] no-underline text-muted-foreground hover:text-foreground ml-auto\"\n              >\n                Get key\n                <IconExternalLink size={10} />\n              </a>\n            )}\n          </div>\n          {confirmDelete && (\n            <div className=\"flex items-center gap-1.5 rounded border border-red-500/30 bg-red-500/10 px-2 py-1.5 text-[10px] text-red-500\">\n              <span className=\"min-w-0 flex-1\">Remove this saved value?</span>\n              <button\n                type=\"button\"\n                onClick={handleDelete}\n                disabled={busy !== null}\n                className=\"inline-flex items-center gap-1 rounded border border-red-500/40 px-1.5 py-0.5 font-medium disabled:opacity-40\"\n              >\n                {busy === \"delete\" ? (\n                  <IconLoader2 size={10} className=\"animate-spin\" />\n                ) : (\n                  \"Confirm\"\n                )}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => setConfirmDelete(false)}\n                disabled={busy !== null}\n                className=\"rounded border border-border px-1.5 py-0.5 text-muted-foreground hover:text-foreground disabled:opacity-40\"\n              >\n                Cancel\n              </button>\n            </div>\n          )}\n        </div>\n      )}\n\n      {toast && (\n        <p\n          className={`mt-1.5 text-[10px] ${\n            toast.kind === \"ok\" ? \"text-green-500\" : \"text-red-500\"\n          }`}\n        >\n          {toast.text}\n        </p>\n      )}\n    </div>\n  );\n}\n\n// ─── Ad-hoc Keys Section ──────────────────────────────────────────────────\n\ninterface AdHocKey {\n  name: string;\n  scope: \"user\" | \"workspace\";\n  scopeId: string;\n  description: string | null;\n  last4: string;\n  createdAt: number;\n  updatedAt: number;\n}\n\nconst ADHOC_ENDPOINT = agentNativePath(\"/_agent-native/secrets/adhoc\");\n\nfunction AdHocKeysSection() {\n  const [keys, setKeys] = useState<AdHocKey[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [reloadToken, setReloadToken] = useState(0);\n  const [showForm, setShowForm] = useState(false);\n  const [formName, setFormName] = useState(\"\");\n  const [formValue, setFormValue] = useState(\"\");\n  const [formDescription, setFormDescription] = useState(\"\");\n  const [formScope, setFormScope] = useState<\"user\" | \"workspace\">(\"user\");\n  const [formBusy, setFormBusy] = useState(false);\n  const [formError, setFormError] = useState<string | null>(null);\n  const [confirmDeleteName, setConfirmDeleteName] = useState<string | null>(\n    null,\n  );\n  const [deletingName, setDeletingName] = useState<string | null>(null);\n  const [toast, setToast] = useState<{\n    kind: \"ok\" | \"err\";\n    text: string;\n  } | null>(null);\n\n  const showToast = useCallback(\n    (kind: \"ok\" | \"err\", text: string, ms = 2500) => {\n      setToast({ kind, text });\n      setTimeout(() => setToast(null), ms);\n    },\n    [],\n  );\n\n  const reload = useCallback(() => setReloadToken((t) => t + 1), []);\n\n  useEffect(() => {\n    let cancelled = false;\n    setLoading(true);\n    fetch(ADHOC_ENDPOINT)\n      .then(async (r) => {\n        if (!r.ok) throw new Error(`Failed to load (${r.status})`);\n        return (await r.json()) as AdHocKey[];\n      })\n      .then((data) => {\n        if (!cancelled) {\n          setKeys(data);\n          setLoading(false);\n        }\n      })\n      .catch(() => {\n        if (!cancelled) {\n          setKeys([]);\n          setLoading(false);\n        }\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [reloadToken]);\n\n  const resetForm = useCallback(() => {\n    setShowForm(false);\n    setFormName(\"\");\n    setFormValue(\"\");\n    setFormDescription(\"\");\n    setFormScope(\"user\");\n    setFormError(null);\n  }, []);\n\n  const handleAdd = useCallback(async () => {\n    const name = formName.trim();\n    const value = formValue.trim();\n    if (!name || !value || formBusy) return;\n    setFormBusy(true);\n    setFormError(null);\n    try {\n      const res = await fetch(ADHOC_ENDPOINT, {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({\n          name,\n          value,\n          description: formDescription.trim() || undefined,\n          scope: formScope,\n        }),\n      });\n      if (!res.ok) {\n        const body = await res\n          .json()\n          .then((j: { error?: string }) => j.error)\n          .catch(() => null);\n        setFormError(body ?? `Save failed (${res.status})`);\n        return;\n      }\n      resetForm();\n      showToast(\"ok\", \"Key saved\");\n      reload();\n    } catch (err: any) {\n      setFormError(err?.message ?? \"Failed to save\");\n    } finally {\n      setFormBusy(false);\n    }\n  }, [\n    formName,\n    formValue,\n    formDescription,\n    formScope,\n    formBusy,\n    resetForm,\n    showToast,\n    reload,\n  ]);\n\n  const handleDelete = useCallback(\n    async (name: string) => {\n      setDeletingName(name);\n      try {\n        const res = await fetch(\n          `${ADHOC_ENDPOINT}/${encodeURIComponent(name)}`,\n          {\n            method: \"DELETE\",\n            headers: { \"Content-Type\": \"application/json\" },\n          },\n        );\n        if (!res.ok) {\n          showToast(\"err\", \"Failed to delete key\");\n          return;\n        }\n        showToast(\"ok\", \"Key deleted\");\n        setConfirmDeleteName(null);\n        reload();\n      } finally {\n        setDeletingName(null);\n      }\n    },\n    [showToast, reload],\n  );\n\n  return (\n    <div className=\"mt-3 space-y-2\">\n      <div className=\"flex items-center justify-between\">\n        <p className=\"text-[11px] font-medium text-foreground\">\n          Additional Keys\n        </p>\n        {!showForm && (\n          <button\n            type=\"button\"\n            onClick={() => setShowForm(true)}\n            className=\"inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] font-medium text-muted-foreground hover:text-foreground hover:bg-accent/40\"\n          >\n            <IconPlus size={10} />\n            Add Key\n          </button>\n        )}\n      </div>\n      <p className=\"text-[10px] text-muted-foreground/60 leading-relaxed\">\n        Keys are referenced in automations as{\" \"}\n        <code className=\"rounded bg-background px-1 py-0.5 text-[9px]\">\n          {\"${keys.KEY_NAME}\"}\n        </code>\n        . Values are encrypted and never shown to the AI agent.\n      </p>\n\n      {showForm && (\n        <div className=\"rounded-md border border-border px-2.5 py-2 bg-accent/30 space-y-1.5\">\n          <input\n            value={formName}\n            onChange={(e) =>\n              setFormName(\n                e.target.value.toUpperCase().replace(/[^A-Z0-9_-]/g, \"\"),\n              )\n            }\n            className=\"w-full rounded border border-border bg-background px-2 py-1 text-[11px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent\"\n            placeholder=\"KEY_NAME (e.g. SLACK_WEBHOOK)\"\n          />\n          <input\n            type=\"password\"\n            value={formValue}\n            onChange={(e) => setFormValue(e.target.value)}\n            className=\"w-full rounded border border-border bg-background px-2 py-1 text-[11px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent\"\n            placeholder=\"Secret value\"\n          />\n          <input\n            value={formDescription}\n            onChange={(e) => setFormDescription(e.target.value)}\n            className=\"w-full rounded border border-border bg-background px-2 py-1 text-[11px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent\"\n            placeholder=\"Description (optional)\"\n          />\n          <div className=\"flex items-center gap-2\">\n            <select\n              value={formScope}\n              onChange={(e) =>\n                setFormScope(e.target.value as \"user\" | \"workspace\")\n              }\n              className=\"rounded border border-border bg-background px-2 py-1 text-[11px] text-foreground outline-none focus:ring-1 focus:ring-accent\"\n            >\n              <option value=\"user\">Personal</option>\n              <option value=\"workspace\">Workspace</option>\n            </select>\n            <div className=\"ml-auto flex items-center gap-1.5\">\n              <button\n                type=\"button\"\n                onClick={resetForm}\n                className=\"rounded border border-border px-2 py-1 text-[10px] font-medium text-muted-foreground hover:text-foreground\"\n              >\n                Cancel\n              </button>\n              <button\n                type=\"button\"\n                onClick={handleAdd}\n                disabled={!formName.trim() || !formValue.trim() || formBusy}\n                className=\"inline-flex items-center gap-1 rounded px-2 py-1 text-[10px] font-medium disabled:opacity-40\"\n                style={{ backgroundColor: \"#625DF5\", color: \"white\" }}\n              >\n                {formBusy ? (\n                  <IconLoader2 size={10} className=\"animate-spin\" />\n                ) : (\n                  \"Save\"\n                )}\n              </button>\n            </div>\n          </div>\n          {formError && <p className=\"text-[10px] text-red-500\">{formError}</p>}\n        </div>\n      )}\n\n      {loading ? (\n        <div className=\"flex items-center gap-1.5 text-[10px] text-muted-foreground\">\n          <IconLoader2 size={10} className=\"animate-spin\" />\n          Loading...\n        </div>\n      ) : keys.length === 0 && !showForm ? (\n        <p className=\"text-[10px] text-muted-foreground\">\n          No additional keys yet.\n        </p>\n      ) : (\n        keys.map((key) => (\n          <div\n            key={`${key.scope}-${key.name}`}\n            className=\"rounded-md border border-border px-2.5 py-2 bg-accent/30\"\n          >\n            <div className=\"flex items-center justify-between gap-2\">\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"flex items-center gap-1.5\">\n                  <span className=\"text-[11px] font-medium text-foreground font-mono truncate\">\n                    {key.name}\n                  </span>\n                  <span\n                    className={`rounded-full px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide ${\n                      key.scope === \"workspace\"\n                        ? \"bg-blue-500/15 text-blue-500\"\n                        : \"bg-accent/60 text-muted-foreground\"\n                    }`}\n                  >\n                    {key.scope === \"workspace\" ? \"workspace\" : \"personal\"}\n                  </span>\n                </div>\n                {key.description && (\n                  <p className=\"text-[10px] text-muted-foreground mt-0.5\">\n                    {key.description}\n                  </p>\n                )}\n                <div className=\"flex items-center gap-2 text-[10px] text-muted-foreground mt-0.5\">\n                  <span>\n                    Ending in{\" \"}\n                    <code className=\"rounded bg-background px-1 py-0.5 text-foreground\">\n                      {key.last4}\n                    </code>\n                  </span>\n                </div>\n              </div>\n              <div className=\"shrink-0\">\n                {confirmDeleteName === key.name ? (\n                  <div className=\"flex items-center gap-1\">\n                    <button\n                      type=\"button\"\n                      onClick={() => handleDelete(key.name)}\n                      disabled={deletingName === key.name}\n                      className=\"rounded px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide bg-red-500/15 text-red-500 hover:bg-red-500/25 disabled:opacity-40\"\n                    >\n                      {deletingName === key.name ? (\n                        <IconLoader2 size={10} className=\"animate-spin\" />\n                      ) : (\n                        \"Confirm\"\n                      )}\n                    </button>\n                    <button\n                      type=\"button\"\n                      onClick={() => setConfirmDeleteName(null)}\n                      className=\"rounded px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide bg-accent/60 text-muted-foreground hover:text-foreground\"\n                    >\n                      Cancel\n                    </button>\n                  </div>\n                ) : (\n                  <Tooltip>\n                    <TooltipTrigger asChild>\n                      <button\n                        type=\"button\"\n                        onClick={() => setConfirmDeleteName(key.name)}\n                        className=\"text-muted-foreground hover:text-red-500\"\n                      >\n                        <IconTrash size={12} />\n                      </button>\n                    </TooltipTrigger>\n                    <TooltipContent>Delete</TooltipContent>\n                  </Tooltip>\n                )}\n              </div>\n            </div>\n          </div>\n        ))\n      )}\n\n      {toast && (\n        <p\n          className={`text-[10px] ${toast.kind === \"ok\" ? \"text-green-500\" : \"text-red-500\"}`}\n        >\n          {toast.text}\n        </p>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/client/settings/SettingsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsPanel.d.ts","sourceRoot":"","sources":["../../../src/client/settings/SettingsPanel.tsx"],"names":[],"mappings":"AAo8CA,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAeD,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,eAAe,EACf,aAAa,EACb,SAAS,GACV,EAAE,kBAAkB,2CAuSpB"}
+{"version":3,"file":"SettingsPanel.d.ts","sourceRoot":"","sources":["../../../src/client/settings/SettingsPanel.tsx"],"names":[],"mappings":"AA+9CA,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAeD,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,eAAe,EACf,aAAa,EACb,SAAS,GACV,EAAE,kBAAkB,2CAuTpB"}

package/dist/client/settings/SettingsPanel.js

@@ -4,7 +4,7 @@ import { Suspense, lazy, useState, useEffect, useCallback, useRef, } from "react
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { IconChevronDown, IconCheck, IconExternalLink, IconBrain, IconBrowser, IconGitBranch, IconCloud, IconDatabase, IconShield, IconPlugConnected, IconTopologyRing2, IconLoader2, IconUpload, IconCoin, IconMail, IconKey, IconMicrophone, IconBolt, IconGauge, } from "@tabler/icons-react";
 import { SettingsSection } from "./SettingsSection.js";
-import { useBuilderStatus } from "./useBuilderStatus.js";
+import { useBuilderConnectFlow, useBuilderStatus, } from "./useBuilderStatus.js";
 import { BuilderBMark } from "../builder-mark.js";
 import { AgentsSection } from "./AgentsSection.js";
 import { UsageSection } from "./UsageSection.js";
@@ -129,16 +129,16 @@ function DisconnectBuilderButton() {
     return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: handleDisconnectClick, disabled: phase === "busy", className: "inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] text-muted-foreground hover:text-foreground hover:bg-accent/40 disabled:opacity-60 disabled:cursor-wait", "aria-busy": phase === "busy", children: phase === "busy" ? (_jsxs(_Fragment, { children: [_jsx(IconLoader2, { size: 10, className: "animate-spin" }), "Disconnecting\u2026"] })) : ("Disconnect") }), err && _jsx("span", { className: "text-[10px] text-destructive", children: err })] }));
 }
 // ─── "Connect Builder.io" card (shared across all sections) ─────────────────
-function UseBuilderCard({ connectUrl, connected, orgName, label = "Connect Builder.io", subtitle = "Free credits to start — no API key needed.", dim, }) {
-    const { status } = useBuilderStatus();
-    const envManaged = !!status?.envManaged;
+function UseBuilderCard({ builderFlow, connectUrl, connected, orgName, envManaged, label = "Connect Builder.io", subtitle = "Free credits to start — no API key needed.", dim, }) {
+    const effectiveConnected = connected || builderFlow.configured;
+    const effectiveOrgName = builderFlow.orgName ?? orgName;
     const bgClass = dim ? "" : "bg-accent/30";
-    if (connected) {
-        return (_jsxs("div", { className: `rounded-md border border-border px-2.5 py-2 ${bgClass}`, children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "text-[11px] font-medium text-foreground", children: "Builder.io" }), _jsxs("span", { className: "flex items-center gap-1 text-[10px] text-green-500", children: [_jsx(IconCheck, { size: 10 }), "Connected"] })] }), orgName && (_jsx("p", { className: "text-[10px] text-muted-foreground mt-0.5", children: orgName })), envManaged ? (_jsx("p", { className: "text-[10px] text-muted-foreground mt-1", children: "Managed by deployment \u2014 applied to all users of this app." })) : (_jsxs("div", { className: "flex items-center gap-2 mt-2.5", children: [connectUrl && (_jsxs("a", { href: connectUrl, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] no-underline text-muted-foreground hover:text-foreground hover:bg-accent/40", children: ["Reconnect", _jsx(IconExternalLink, { size: 10 })] })), _jsx(DisconnectBuilderButton, {})] }))] }));
+    if (effectiveConnected) {
+        return (_jsxs("div", { className: `rounded-md border border-border px-2.5 py-2 ${bgClass}`, children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "text-[11px] font-medium text-foreground", children: "Builder.io" }), _jsxs("span", { className: "flex items-center gap-1 text-[10px] text-green-500", children: [_jsx(IconCheck, { size: 10 }), "Connected"] })] }), effectiveOrgName && (_jsx("p", { className: "text-[10px] text-muted-foreground mt-0.5", children: effectiveOrgName })), envManaged ? (_jsx("p", { className: "text-[10px] text-muted-foreground mt-1", children: "Managed by deployment \u2014 applied to all users of this app." })) : (_jsxs("div", { className: "flex items-center gap-2 mt-2.5", children: [connectUrl && (_jsxs("a", { href: connectUrl, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1 rounded border border-border px-2 py-0.5 text-[10px] no-underline text-muted-foreground hover:text-foreground hover:bg-accent/40", children: ["Reconnect", _jsx(IconExternalLink, { size: 10 })] })), _jsx(DisconnectBuilderButton, {})] }))] }));
     }
     if (!connectUrl)
         return null;
-    return (_jsx("a", { href: connectUrl, target: "_blank", rel: "noopener noreferrer", className: `block rounded-md border border-border px-3 py-3 no-underline bg-gradient-to-br from-teal-500/10 via-transparent to-transparent hover:border-foreground/30 transition-colors`, children: _jsxs("div", { className: "flex items-start gap-2.5", children: [_jsx("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-foreground text-background", children: _jsx(BuilderBMark, { className: "h-3.5 w-3.5" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "flex items-center gap-1.5 flex-wrap", children: _jsx("span", { className: "text-[12px] font-semibold text-foreground", children: label }) }), _jsx("p", { className: "text-[10.5px] text-muted-foreground mt-0.5 leading-snug", children: subtitle })] }), _jsx(IconExternalLink, { size: 12, className: "shrink-0 text-muted-foreground mt-0.5" })] }) }));
+    return (_jsx("button", { type: "button", onClick: builderFlow.start, disabled: builderFlow.connecting, className: `block w-full rounded-md border border-border px-3 py-3 text-left no-underline bg-gradient-to-br from-teal-500/10 via-transparent to-transparent hover:border-foreground/30 transition-colors disabled:cursor-wait disabled:opacity-70`, children: _jsxs("div", { className: "flex items-start gap-2.5", children: [_jsx("div", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-foreground text-background", children: _jsx(BuilderBMark, { className: "h-3.5 w-3.5" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-1.5 flex-wrap", children: [_jsx("span", { className: "text-[12px] font-semibold text-foreground", children: builderFlow.connecting ? "Connecting Builder.io..." : label }), builderFlow.connecting && (_jsx(IconLoader2, { size: 12, className: "shrink-0 animate-spin text-muted-foreground" }))] }), _jsx("p", { className: "text-[10.5px] text-muted-foreground mt-0.5 leading-snug", children: subtitle }), builderFlow.error && (_jsx("p", { className: "mt-1 text-[10px] text-destructive", children: builderFlow.error }))] }), _jsx(IconExternalLink, { size: 12, className: "shrink-0 text-muted-foreground mt-0.5" })] }) }));
 }
 // ─── Manual setup card ──────────────────────────────────────────────────────
 function ManualSetupCard({ hint, docsUrl, docsLabel = "Read the docs", children, dim, sourceBadge, }) {
@@ -210,7 +210,7 @@ const PROVIDER_DOCS = {
     "ai-sdk:mistral": "https://console.mistral.ai/api-keys/",
     "ai-sdk:cohere": "https://dashboard.cohere.com/api-keys",
 };
-function LLMSectionInner({ builderLoading, connectUrl, connected, orgName, open, onToggle, }) {
+function LLMSectionInner({ builderFlow, builderLoading, connectUrl, connected, orgName, envManaged, open, onToggle, }) {
     const [envKeys, setEnvKeys] = useState([]);
     const [apiKey, setApiKey] = useState("");
     const [saving, setSaving] = useState(false);
@@ -419,7 +419,7 @@ function LLMSectionInner({ builderLoading, connectUrl, connected, orgName, open,
         }
         catch { }
     };
-    return (_jsx(SettingsSection, { icon: _jsx(IconBrain, { size: 14 }), title: "LLM", subtitle: "Connect any major LLM \u2014 Claude, GPT, Gemini, and more.", required: true, connected: initialLoading ? undefined : anyKeyConfigured, open: open, onToggle: onToggle, children: initialLoading ? (_jsx(SettingsSkeleton, { lines: 3 })) : (_jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { connectUrl: connectUrl, connected: connected, orgName: orgName, label: "Connect Builder.io" }), !connected && (_jsx(ManualSetupCard, { hint: "Choose your AI provider and model.", docsUrl: PROVIDER_DOCS[selectedEngine], sourceBadge: sourceBadge, docsLabel: "Get an API key", children: _jsxs("div", { className: "space-y-2 mb-1", children: [_jsx(SettingsSelect, { label: "Provider", value: selectedEngine, options: providerOptions, onValueChange: (val) => {
+    return (_jsx(SettingsSection, { icon: _jsx(IconBrain, { size: 14 }), title: "LLM", subtitle: "Connect any major LLM \u2014 Claude, GPT, Gemini, and more.", required: true, connected: initialLoading ? undefined : anyKeyConfigured, open: open, onToggle: onToggle, children: initialLoading ? (_jsx(SettingsSkeleton, { lines: 3 })) : (_jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, label: "Connect Builder.io" }), !connected && (_jsx(ManualSetupCard, { hint: "Choose your AI provider and model.", docsUrl: PROVIDER_DOCS[selectedEngine], sourceBadge: sourceBadge, docsLabel: "Get an API key", children: _jsxs("div", { className: "space-y-2 mb-1", children: [_jsx(SettingsSelect, { label: "Provider", value: selectedEngine, options: providerOptions, onValueChange: (val) => {
                                     setSelectedEngine(val);
                                     const info = engines.find((e) => e.name === val);
                                     setSelectedModel(info?.defaultModel ?? "");
@@ -639,6 +639,8 @@ export function SettingsPanel({ isDevMode, onToggleDevMode, showDevToggle, devAp
     const connected = builder?.configured ?? false;
     const connectUrl = builder?.connectUrl;
     const orgName = builder?.orgName;
+    const envManaged = !!builder?.envManaged;
+    const builderFlow = useBuilderConnectFlow({ popupUrl: connectUrl });
     // Detect whether the app registered any secrets — controls whether the
     // "API Keys & Connections" section renders at all.
     const [focusSecretKey, setFocusSecretKey] = useState(undefined);
@@ -671,6 +673,6 @@ export function SettingsPanel({ isDevMode, onToggleDevMode, showDevToggle, devAp
                         const nextIsDev = next === "development";
                         if (nextIsDev !== isDevMode)
                             onToggleDevMode();
-                    } })) })), _jsx(LLMSectionInner, { builderLoading: builderLoading, connectUrl: connectUrl, connected: connected, orgName: orgName, open: openSection === "llm", onToggle: () => toggle("llm") }), _jsx(AgentLimitsSectionInner, { open: openSection === "limits", onToggle: () => toggle("limits") }), _jsx(SettingsSection, { icon: _jsx(IconMicrophone, { size: 14 }), title: "Voice Transcription", subtitle: "How the composer microphone turns your voice into text.", open: openSection === "voice", onToggle: () => toggle("voice"), children: _jsx(VoiceTranscriptionSection, {}) }), _jsx(SettingsSection, { icon: _jsx(IconBolt, { size: 14 }), title: "Automations", subtitle: "Event-triggered and scheduled automations.", open: openSection === "automations", onToggle: () => toggle("automations"), children: _jsx(AutomationsSection, {}) }), _jsx(SettingsSection, { icon: _jsx(IconKey, { size: 14 }), title: "API Keys & Connections", subtitle: "Service credentials and automation keys.", open: openSection === "secrets", onToggle: () => toggle("secrets"), children: _jsx(SecretsSection, { focusKey: focusSecretKey }) }), _jsx(SettingsSection, { icon: _jsx(IconCloud, { size: 14 }), title: "Hosting", subtitle: "Deploy your app to the cloud.", connected: connected, open: openSection === "hosting", onToggle: () => toggle("hosting"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { connectUrl: connectUrl, connected: connected, orgName: orgName }), _jsx(ManualSetupCard, { hint: "Deploy manually to Netlify, Vercel, Cloudflare, or any Nitro-supported target.", docsUrl: "https://www.builder.io/c/docs/agent-native-deployment", dim: connected })] }) }), _jsx(SettingsSection, { icon: _jsx(IconDatabase, { size: 14 }), title: "Database", subtitle: "Connect a cloud database for persistent storage.", connected: connected, open: openSection === "database", onToggle: () => toggle("database"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { connectUrl: connectUrl, connected: connected, orgName: orgName }), _jsx(ManualSetupCard, { hint: "Set DATABASE_URL in your .env to connect Neon, Supabase, Turso, or any Postgres/SQLite database.", docsUrl: "https://www.builder.io/c/docs/agent-native-database", dim: connected })] }) }), _jsx(SettingsSection, { icon: _jsx(IconUpload, { size: 14 }), title: "File uploads", subtitle: "Where user-uploaded files (avatars, chat attachments) are stored.", connected: connected, open: openSection === "uploads", onToggle: () => toggle("uploads"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { connectUrl: connectUrl, connected: connected, orgName: orgName }), _jsx(ManualSetupCard, { hint: "Without a provider, files are stored as base64 in your database. Fine for dev, not recommended for production.", docsUrl: "https://www.builder.io/c/docs/agent-native-file-uploads", dim: connected })] }) }), _jsx(SettingsSection, { icon: _jsx(IconShield, { size: 14 }), title: "Authentication", subtitle: "Set up user authentication and access control.", connected: connected, open: openSection === "auth", onToggle: () => toggle("auth"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { connectUrl: connectUrl, connected: connected, orgName: orgName }), _jsx(ManualSetupCard, { hint: "Configure Better Auth with BETTER_AUTH_SECRET and optional Google/GitHub OAuth providers.", docsUrl: "https://www.builder.io/c/docs/agent-native-authentication", dim: connected })] }) }), _jsx(EmailSectionInner, { open: openSection === "email", onToggle: () => toggle("email") }), _jsx(SettingsSection, { icon: _jsx(IconBrowser, { size: 14 }), title: "Browser Automation", subtitle: "Let agents control a real browser for web tasks.", connected: connected, open: openSection === "browser", onToggle: () => toggle("browser"), children: _jsx(UseBuilderCard, { connectUrl: connectUrl, connected: connected, orgName: orgName }) }), _jsx(SettingsSection, { icon: _jsx(IconGitBranch, { size: 14 }), title: "Background Agent", subtitle: "Make code changes from production mode via Builder.", connected: connected, open: openSection === "background", onToggle: () => toggle("background"), children: _jsx(UseBuilderCard, { connectUrl: connectUrl, connected: connected, orgName: orgName }) }), _jsx(SettingsSection, { icon: _jsx(IconPlugConnected, { size: 14 }), title: "Integrations", subtitle: "Connect messaging platforms and external services.", open: openSection === "integrations", onToggle: () => toggle("integrations"), children: _jsx(Suspense, { fallback: null, children: _jsx(IntegrationsPanel, {}) }) }), _jsx(SettingsSection, { icon: _jsx(IconCoin, { size: 14 }), title: "Usage", subtitle: "Track token consumption and estimated cost \u2014 broken down by chat, automations, and background jobs.", open: openSection === "usage", onToggle: () => toggle("usage"), children: _jsx(UsageSection, {}) }), _jsx(SettingsSection, { icon: _jsx(IconTopologyRing2, { size: 14 }), title: "Connected Agents (A2A)", subtitle: "Manage remote agents connected via the A2A protocol.", open: openSection === "a2a", onToggle: () => toggle("a2a"), children: _jsx(AgentsSection, {}) })] }));
+                    } })) })), _jsx(LLMSectionInner, { builderFlow: builderFlow, builderLoading: builderLoading, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, open: openSection === "llm", onToggle: () => toggle("llm") }), _jsx(AgentLimitsSectionInner, { open: openSection === "limits", onToggle: () => toggle("limits") }), _jsx(SettingsSection, { icon: _jsx(IconMicrophone, { size: 14 }), title: "Voice Transcription", subtitle: "How the composer microphone turns your voice into text.", open: openSection === "voice", onToggle: () => toggle("voice"), children: _jsx(VoiceTranscriptionSection, {}) }), _jsx(SettingsSection, { icon: _jsx(IconBolt, { size: 14 }), title: "Automations", subtitle: "Event-triggered and scheduled automations.", open: openSection === "automations", onToggle: () => toggle("automations"), children: _jsx(AutomationsSection, {}) }), _jsx(SettingsSection, { icon: _jsx(IconKey, { size: 14 }), title: "API Keys & Connections", subtitle: "Service credentials and automation keys.", open: openSection === "secrets", onToggle: () => toggle("secrets"), children: _jsx(SecretsSection, { focusKey: focusSecretKey }) }), _jsx(SettingsSection, { icon: _jsx(IconCloud, { size: 14 }), title: "Hosting", subtitle: "Deploy your app to the cloud.", connected: connected, open: openSection === "hosting", onToggle: () => toggle("hosting"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged }), _jsx(ManualSetupCard, { hint: "Deploy manually to Netlify, Vercel, Cloudflare, or any Nitro-supported target.", docsUrl: "https://www.builder.io/c/docs/agent-native-deployment", dim: connected })] }) }), _jsx(SettingsSection, { icon: _jsx(IconDatabase, { size: 14 }), title: "Database", subtitle: "Connect a cloud database for persistent storage.", connected: connected, open: openSection === "database", onToggle: () => toggle("database"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged }), _jsx(ManualSetupCard, { hint: "Set DATABASE_URL in your .env to connect Neon, Supabase, Turso, or any Postgres/SQLite database.", docsUrl: "https://www.builder.io/c/docs/agent-native-database", dim: connected })] }) }), _jsx(SettingsSection, { icon: _jsx(IconUpload, { size: 14 }), title: "File uploads", subtitle: "Where user-uploaded files (avatars, chat attachments) are stored.", connected: connected, open: openSection === "uploads", onToggle: () => toggle("uploads"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged }), _jsx(ManualSetupCard, { hint: "Without a provider, files are stored as base64 in your database. Fine for dev, not recommended for production.", docsUrl: "https://www.builder.io/c/docs/agent-native-file-uploads", dim: connected })] }) }), _jsx(SettingsSection, { icon: _jsx(IconShield, { size: 14 }), title: "Authentication", subtitle: "Set up user authentication and access control.", connected: connected, open: openSection === "auth", onToggle: () => toggle("auth"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged }), _jsx(ManualSetupCard, { hint: "Configure Better Auth with BETTER_AUTH_SECRET and optional Google/GitHub OAuth providers.", docsUrl: "https://www.builder.io/c/docs/agent-native-authentication", dim: connected })] }) }), _jsx(EmailSectionInner, { open: openSection === "email", onToggle: () => toggle("email") }), _jsx(SettingsSection, { icon: _jsx(IconBrowser, { size: 14 }), title: "Browser Automation", subtitle: "Let agents control a real browser for web tasks.", connected: connected, open: openSection === "browser", onToggle: () => toggle("browser"), children: _jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged }) }), _jsx(SettingsSection, { icon: _jsx(IconGitBranch, { size: 14 }), title: "Background Agent", subtitle: "Make code changes from production mode via Builder.", connected: connected, open: openSection === "background", onToggle: () => toggle("background"), children: _jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged }) }), _jsx(SettingsSection, { icon: _jsx(IconPlugConnected, { size: 14 }), title: "Integrations", subtitle: "Connect messaging platforms and external services.", open: openSection === "integrations", onToggle: () => toggle("integrations"), children: _jsx(Suspense, { fallback: null, children: _jsx(IntegrationsPanel, {}) }) }), _jsx(SettingsSection, { icon: _jsx(IconCoin, { size: 14 }), title: "Usage", subtitle: "Track token consumption and estimated cost \u2014 broken down by chat, automations, and background jobs.", open: openSection === "usage", onToggle: () => toggle("usage"), children: _jsx(UsageSection, {}) }), _jsx(SettingsSection, { icon: _jsx(IconTopologyRing2, { size: 14 }), title: "Connected Agents (A2A)", subtitle: "Manage remote agents connected via the A2A protocol.", open: openSection === "a2a", onToggle: () => toggle("a2a"), children: _jsx(AgentsSection, {}) })] }));
 }
 //# sourceMappingURL=SettingsPanel.js.map