@truefoundry/trueforge-ui 0.0.0 → 0.1.0-rc.0

package/dist/SandboxSettings-S5XGZWOL.js

@@ -0,0 +1,505 @@
+"use client";
+import {
+  Accordion,
+  AccordionDetails,
+  AccordionSummary,
+  Button,
+  CenteredModal,
+  auiInputClass,
+  getErrorMessage,
+  useToasterOptional
+} from "./chunk-XSHXH6EI.js";
+import {
+  Icon,
+  useCatalogServer
+} from "./chunk-UHGSHDBM.js";
+import "./chunk-42GF723P.js";
+import {
+  cn
+} from "./chunk-UBOFEI77.js";
+
+// src/containers/SettingsBuilder/SandboxSettings.tsx
+import { useCallback, useEffect as useEffect2, useMemo, useState as useState2 } from "react";
+
+// src/containers/SettingsBuilder/ConfigureSandboxForm.tsx
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EMPTY_CONFIG = {
+  // Snapshot/image is release-owned now; kept only to satisfy the external SandboxProviderConfig type.
+  snapshotName: "",
+  execTimeoutMs: 3e5,
+  autoStopIntervalInMinutes: 15,
+  autoArchiveIntervalInMinutes: 10080,
+  autoDeleteIntervalInMinutes: 43200
+};
+var inputClassName = auiInputClass("h-11 shadow-sm");
+function parseNonNegInt(raw) {
+  if (raw.trim() === "") return null;
+  const n = Number(raw);
+  if (!Number.isFinite(n) || n < 0) return null;
+  return n;
+}
+var ConfigureSandboxForm = ({
+  open,
+  onOpenChange,
+  onSave,
+  title,
+  description,
+  initialConfig = null,
+  requireApiKey = true,
+  busy = false,
+  error
+}) => {
+  const [execTimeoutMs, setExecTimeoutMs] = useState("");
+  const [autoStopIntervalInMinutes, setAutoStopIntervalInMinutes] = useState("");
+  const [autoArchiveIntervalInMinutes, setAutoArchiveIntervalInMinutes] = useState("");
+  const [autoDeleteIntervalInMinutes, setAutoDeleteIntervalInMinutes] = useState("");
+  const [apiKey, setApiKey] = useState("");
+  const [advancedOpen, setAdvancedOpen] = useState(false);
+  const resetForm = () => {
+    setExecTimeoutMs("");
+    setAutoStopIntervalInMinutes("");
+    setAutoArchiveIntervalInMinutes("");
+    setAutoDeleteIntervalInMinutes("");
+    setApiKey("");
+    setAdvancedOpen(false);
+  };
+  useEffect(() => {
+    if (!open) return;
+    const config = initialConfig ?? EMPTY_CONFIG;
+    setExecTimeoutMs(String(config.execTimeoutMs));
+    setAutoStopIntervalInMinutes(String(config.autoStopIntervalInMinutes));
+    setAutoArchiveIntervalInMinutes(String(config.autoArchiveIntervalInMinutes));
+    setAutoDeleteIntervalInMinutes(String(config.autoDeleteIntervalInMinutes));
+    setApiKey("");
+    setAdvancedOpen(false);
+  }, [open, initialConfig]);
+  const handleOpenChange = (nextOpen) => {
+    if (!nextOpen) resetForm();
+    onOpenChange(nextOpen);
+  };
+  const execTimeout = parseNonNegInt(execTimeoutMs);
+  const autoStop = parseNonNegInt(autoStopIntervalInMinutes);
+  const autoArchive = parseNonNegInt(autoArchiveIntervalInMinutes);
+  const autoDelete = parseNonNegInt(autoDeleteIntervalInMinutes);
+  const trimmedKey = apiKey.trim();
+  const isValid = (!requireApiKey || !!trimmedKey) && execTimeout != null && autoStop != null && autoArchive != null && autoDelete != null;
+  const handleSubmit = async (event) => {
+    event.preventDefault();
+    if (!isValid || busy || execTimeout == null || autoStop == null || autoArchive == null || autoDelete == null) {
+      return;
+    }
+    try {
+      await onSave({
+        // Snapshot/image is release-owned; the field is retained only for the external type.
+        snapshotName: "",
+        execTimeoutMs: execTimeout,
+        autoStopIntervalInMinutes: autoStop,
+        autoArchiveIntervalInMinutes: autoArchive,
+        autoDeleteIntervalInMinutes: autoDelete,
+        apiKey: trimmedKey
+      });
+      resetForm();
+      onOpenChange(false);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    CenteredModal,
+    {
+      open,
+      onOpenChange: handleOpenChange,
+      title,
+      description,
+      contentSized: true,
+      headerIcon: /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "flex size-11 shrink-0 items-center justify-center rounded-lg border border-border bg-secondary-bg text-text-primary",
+          "aria-hidden": true,
+          children: /* @__PURE__ */ jsx(Icon, { name: "cube", className: "size-6" })
+        }
+      ),
+      children: /* @__PURE__ */ jsxs("form", { className: "flex flex-col overflow-y-auto p-5 md:p-6", onSubmit: handleSubmit, children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("label", { htmlFor: "sandbox-api-key", className: "mb-1.5 block text-sm font-medium text-text-primary", children: [
+              "API key",
+              !requireApiKey ? /* @__PURE__ */ jsx("span", { className: "font-normal text-text-secondary", children: " (optional)" }) : null
+            ] }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: "sandbox-api-key",
+                type: "password",
+                required: requireApiKey,
+                value: apiKey,
+                onChange: (event) => {
+                  setApiKey(event.target.value);
+                },
+                placeholder: requireApiKey ? "dtn_..." : "Leave blank to keep existing",
+                autoFocus: true,
+                className: inputClassName
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(
+            Accordion,
+            {
+              expanded: advancedOpen,
+              onChange: (_event, next) => setAdvancedOpen(next),
+              className: "rounded-md border border-border",
+              children: [
+                /* @__PURE__ */ jsx(AccordionSummary, { className: "px-3 py-2.5", children: /* @__PURE__ */ jsxs("span", { className: "flex w-full items-center justify-between text-sm font-medium text-text-primary", children: [
+                  "Advanced settings",
+                  /* @__PURE__ */ jsx(
+                    Icon,
+                    {
+                      name: "chevron-down",
+                      className: cn(
+                        "size-4 shrink-0 text-text-secondary transition-transform duration-200",
+                        advancedOpen ? "rotate-0" : "-rotate-90"
+                      )
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ jsxs(AccordionDetails, { className: "space-y-4 border-t border-border px-3 pb-3 pt-4", children: [
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("label", { htmlFor: "sandbox-exec-timeout", className: "mb-1.5 block text-sm font-medium text-text-primary", children: "Exec timeout (ms)" }),
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        id: "sandbox-exec-timeout",
+                        type: "number",
+                        min: 0,
+                        required: true,
+                        value: execTimeoutMs,
+                        onChange: (event) => {
+                          setExecTimeoutMs(event.target.value);
+                        },
+                        placeholder: "300000",
+                        className: inputClassName
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("label", { htmlFor: "sandbox-auto-stop", className: "mb-1.5 block text-sm font-medium text-text-primary", children: "Auto-stop interval (minutes)" }),
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        id: "sandbox-auto-stop",
+                        type: "number",
+                        min: 0,
+                        required: true,
+                        value: autoStopIntervalInMinutes,
+                        onChange: (event) => {
+                          setAutoStopIntervalInMinutes(event.target.value);
+                        },
+                        placeholder: "15",
+                        className: inputClassName
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("label", { htmlFor: "sandbox-auto-archive", className: "mb-1.5 block text-sm font-medium text-text-primary", children: "Auto-archive interval (minutes)" }),
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        id: "sandbox-auto-archive",
+                        type: "number",
+                        min: 0,
+                        required: true,
+                        value: autoArchiveIntervalInMinutes,
+                        onChange: (event) => {
+                          setAutoArchiveIntervalInMinutes(event.target.value);
+                        },
+                        placeholder: "10080",
+                        className: inputClassName
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("label", { htmlFor: "sandbox-auto-delete", className: "mb-1.5 block text-sm font-medium text-text-primary", children: "Auto-delete interval (minutes)" }),
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        id: "sandbox-auto-delete",
+                        type: "number",
+                        min: 0,
+                        required: true,
+                        value: autoDeleteIntervalInMinutes,
+                        onChange: (event) => {
+                          setAutoDeleteIntervalInMinutes(event.target.value);
+                        },
+                        placeholder: "43200",
+                        className: inputClassName
+                      }
+                    )
+                  ] })
+                ] })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-6 space-y-3", children: [
+          error ? /* @__PURE__ */ jsx("p", { className: "text-failure-bg text-sm", children: error }) : null,
+          /* @__PURE__ */ jsx(Button, { type: "submit", size: "lg", disabled: !isValid || busy, className: "w-full shrink-0", children: "Save" })
+        ] })
+      ] })
+    }
+  );
+};
+var ConfigureSandboxForm_default = ConfigureSandboxForm;
+
+// src/containers/SettingsBuilder/SandboxSettings.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var configFrom = ({
+  snapshotName,
+  execTimeoutMs,
+  autoStopIntervalInMinutes,
+  autoArchiveIntervalInMinutes,
+  autoDeleteIntervalInMinutes
+}) => ({
+  snapshotName,
+  execTimeoutMs,
+  autoStopIntervalInMinutes,
+  autoArchiveIntervalInMinutes,
+  autoDeleteIntervalInMinutes
+});
+var SandboxSettings = () => {
+  const { sandboxCatalog } = useCatalogServer();
+  const toaster = useToasterOptional();
+  const [providers, setProviders] = useState2([]);
+  const [catalog, setCatalog] = useState2([]);
+  const [loading, setLoading] = useState2(true);
+  const [error, setError] = useState2(null);
+  const [formError, setFormError] = useState2(null);
+  const [busy, setBusy] = useState2(false);
+  const [createEntry, setCreateEntry] = useState2(null);
+  const [updateProvider, setUpdateProvider] = useState2(null);
+  const refresh = useCallback(
+    async ({ quiet = false } = {}) => {
+      if (!sandboxCatalog) return;
+      if (!quiet) setLoading(true);
+      setError(null);
+      try {
+        const [listed, available] = await Promise.all([
+          sandboxCatalog.listSandboxProviders(),
+          sandboxCatalog.getSandboxProviderCatalog()
+        ]);
+        setProviders(listed);
+        setCatalog(available);
+      } catch (err) {
+        setError(getErrorMessage(err, "Failed to load sandbox providers"));
+      } finally {
+        if (!quiet) setLoading(false);
+      }
+    },
+    [sandboxCatalog]
+  );
+  useEffect2(() => {
+    void refresh();
+  }, [refresh]);
+  const hasConfiguredProvider = providers.length > 0;
+  const availableEntries = useMemo(() => {
+    if (hasConfiguredProvider) return [];
+    const connectedCatalogIds = new Set(providers.map((provider) => provider.catalogId));
+    return catalog.filter((entry) => !connectedCatalogIds.has(entry.id));
+  }, [catalog, providers, hasConfiguredProvider]);
+  const formInitialConfig = useMemo(
+    () => updateProvider ? configFrom(updateProvider) : createEntry ? configFrom(createEntry) : null,
+    [updateProvider, createEntry]
+  );
+  if (!sandboxCatalog) {
+    return /* @__PURE__ */ jsx2("p", { className: "text-sm text-text-secondary", children: "Sandbox provider catalog is not available." });
+  }
+  const runMutation = async (fn, setMutationError = setError) => {
+    setBusy(true);
+    setError(null);
+    try {
+      await fn();
+      await refresh({ quiet: true });
+    } catch (err) {
+      setMutationError(getErrorMessage(err, "Request failed"));
+      throw err;
+    } finally {
+      setBusy(false);
+    }
+  };
+  const handleCreate = async (draft) => {
+    if (!createEntry) return;
+    setFormError(null);
+    await runMutation(async () => {
+      await sandboxCatalog.createSandboxProvider({
+        catalogId: createEntry.id,
+        name: createEntry.name,
+        type: createEntry.type,
+        ...configFrom(draft),
+        apiKey: draft.apiKey
+      });
+    }, setFormError);
+    setCreateEntry(null);
+    setTimeout(() => {
+      toaster?.showSuccess({ title: `${createEntry.name} configured` });
+    }, 0);
+  };
+  const handleUpdate = async (draft) => {
+    if (!updateProvider) return;
+    setFormError(null);
+    await runMutation(async () => {
+      await sandboxCatalog.updateSandboxProvider({
+        id: updateProvider.id,
+        ...configFrom(draft),
+        ...draft.apiKey ? { apiKey: draft.apiKey } : {}
+      });
+    }, setFormError);
+    setUpdateProvider(null);
+    setTimeout(() => {
+      toaster?.showSuccess({ title: `${updateProvider.name} updated` });
+    }, 0);
+  };
+  const handleRemove = (provider) => {
+    const deleteSandboxProvider = sandboxCatalog.deleteSandboxProvider;
+    if (!deleteSandboxProvider) return;
+    void runMutation(async () => {
+      await deleteSandboxProvider({ id: provider.id });
+    }).catch(() => {
+    });
+  };
+  const formOpen = createEntry != null || updateProvider != null;
+  const isUpdate = updateProvider != null;
+  const formTitle = updateProvider ? `Update ${updateProvider.name}` : createEntry ? `Configure ${createEntry.name}` : "Configure sandbox provider";
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2("h3", { className: "text-xl font-semibold tracking-tight text-text-primary", children: "Sandbox providers" }),
+    /* @__PURE__ */ jsx2("p", { className: "mt-1 text-sm text-text-secondary", children: "Choose a provider that runs sandboxes for code, files and shell commands. Only one can be active at a time." }),
+    error ? /* @__PURE__ */ jsx2("p", { className: "mt-3 rounded-md border border-failure-bg/30 bg-failure-bg/10 px-3 py-2 text-sm text-failure-bg", children: error }) : null,
+    /* @__PURE__ */ jsx2("div", { className: "mt-4 flex-1 overflow-y-auto", children: loading ? /* @__PURE__ */ jsx2("p", { className: "text-sm text-text-secondary", children: "Loading sandbox providers\u2026" }) : /* @__PURE__ */ jsxs2("div", { className: "space-y-6", children: [
+      providers.length > 0 ? /* @__PURE__ */ jsxs2("section", { children: [
+        /* @__PURE__ */ jsxs2("h4", { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-text-secondary", children: [
+          "Configured \xB7 ",
+          providers.length
+        ] }),
+        /* @__PURE__ */ jsx2("div", { className: "overflow-hidden rounded-xl border border-border bg-card-bg", children: providers.map((provider) => /* @__PURE__ */ jsxs2(
+          "article",
+          {
+            className: "flex flex-col gap-3 border-b border-border p-3 last:border-b-0 sm:flex-row sm:items-center",
+            children: [
+              /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+                /* @__PURE__ */ jsx2(
+                  "span",
+                  {
+                    className: "flex size-9 shrink-0 items-center justify-center rounded-lg border border-border bg-secondary-bg text-text-primary",
+                    "aria-hidden": true,
+                    children: /* @__PURE__ */ jsx2(Icon, { name: "cube", className: "size-4.5" })
+                  }
+                ),
+                /* @__PURE__ */ jsx2("div", { className: "min-w-0", children: /* @__PURE__ */ jsx2("h5", { className: "truncate text-sm font-medium text-text-primary", children: provider.name }) })
+              ] }),
+              /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap items-center gap-2.5 sm:justify-end", children: [
+                provider.isConnected ? /* @__PURE__ */ jsxs2("span", { className: "flex items-center gap-1.5 rounded-full border border-border bg-secondary-bg/40 px-2 py-0.5 text-xs font-medium text-success-bg", children: [
+                  /* @__PURE__ */ jsx2("span", { className: "h-1.5 w-1.5 rounded-full bg-success-bg" }),
+                  "Connected"
+                ] }) : null,
+                /* @__PURE__ */ jsx2(
+                  Button,
+                  {
+                    variant: "secondary",
+                    size: "sm",
+                    type: "button",
+                    disabled: busy,
+                    onClick: () => {
+                      setFormError(null);
+                      setCreateEntry(null);
+                      setUpdateProvider(provider);
+                    },
+                    children: "Update"
+                  }
+                ),
+                sandboxCatalog.deleteSandboxProvider ? /* @__PURE__ */ jsx2(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    className: "text-text-secondary",
+                    type: "button",
+                    disabled: busy,
+                    onClick: () => {
+                      handleRemove(provider);
+                    },
+                    children: "Remove"
+                  }
+                ) : null
+              ] })
+            ]
+          },
+          provider.id
+        )) })
+      ] }) : null,
+      !hasConfiguredProvider ? /* @__PURE__ */ jsxs2("section", { children: [
+        /* @__PURE__ */ jsxs2("h4", { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-text-secondary", children: [
+          "Available \xB7 ",
+          availableEntries.length
+        ] }),
+        availableEntries.length === 0 ? /* @__PURE__ */ jsx2("p", { className: "text-sm text-text-secondary", children: catalog.length > 0 ? "All catalog providers are configured." : "No sandbox providers in the catalog." }) : /* @__PURE__ */ jsx2("div", { className: "overflow-hidden rounded-xl border border-border bg-card-bg", children: availableEntries.map((entry) => /* @__PURE__ */ jsxs2(
+          "article",
+          {
+            className: "flex flex-col gap-3 border-b border-border p-3 last:border-b-0 sm:flex-row sm:items-center",
+            children: [
+              /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+                /* @__PURE__ */ jsx2(
+                  "span",
+                  {
+                    className: "flex size-9 shrink-0 items-center justify-center rounded-lg border border-border bg-secondary-bg text-text-primary",
+                    "aria-hidden": true,
+                    children: /* @__PURE__ */ jsx2(Icon, { name: "cube", className: "size-4.5" })
+                  }
+                ),
+                /* @__PURE__ */ jsx2("div", { className: "min-w-0", children: /* @__PURE__ */ jsx2("h5", { className: "truncate text-sm font-medium text-text-primary", children: entry.name }) })
+              ] }),
+              /* @__PURE__ */ jsx2(
+                Button,
+                {
+                  variant: "secondary",
+                  type: "button",
+                  disabled: busy,
+                  onClick: () => {
+                    setFormError(null);
+                    setUpdateProvider(null);
+                    setCreateEntry(entry);
+                  },
+                  children: "Configure"
+                }
+              )
+            ]
+          },
+          entry.id
+        )) })
+      ] }) : null
+    ] }) }),
+    /* @__PURE__ */ jsx2(
+      ConfigureSandboxForm_default,
+      {
+        open: formOpen,
+        onOpenChange: (open) => {
+          if (!open) {
+            setFormError(null);
+            setCreateEntry(null);
+            setUpdateProvider(null);
+          }
+        },
+        onSave: isUpdate ? handleUpdate : handleCreate,
+        title: formTitle,
+        description: isUpdate ? "Update this sandbox provider. Leave API key blank to keep the existing key." : "Configure this sandbox provider. API key is never stored in the catalog.",
+        initialConfig: formInitialConfig,
+        requireApiKey: !isUpdate,
+        busy,
+        error: formError
+      }
+    )
+  ] });
+};
+var SandboxSettings_default = SandboxSettings;
+export {
+  SandboxSettings_default as default
+};
+//# sourceMappingURL=SandboxSettings-S5XGZWOL.js.map

package/dist/SandboxSettings-S5XGZWOL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/containers/SettingsBuilder/SandboxSettings.tsx","../src/containers/SettingsBuilder/ConfigureSandboxForm.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { Button } from '../../atoms/primitives/Button.js';\nimport { Icon } from '../../icons/Icon.js';\nimport { useCatalogServer } from '../../server/ServerContext.js';\nimport type { SandboxProviderBase, SandboxProviderCatalogEntry, SandboxProviderConfig } from '../../server/types.js';\nimport { getErrorMessage } from '../../utils/getErrorMessage.js';\nimport { useToasterOptional } from '../ToasterContainer.js';\nimport ConfigureSandboxForm, { type SandboxConfigDraft } from './ConfigureSandboxForm.js';\n\nconst configFrom = ({\n  snapshotName,\n  execTimeoutMs,\n  autoStopIntervalInMinutes,\n  autoArchiveIntervalInMinutes,\n  autoDeleteIntervalInMinutes,\n}: SandboxProviderConfig): SandboxProviderConfig => ({\n  snapshotName,\n  execTimeoutMs,\n  autoStopIntervalInMinutes,\n  autoArchiveIntervalInMinutes,\n  autoDeleteIntervalInMinutes,\n});\n\nconst SandboxSettings = () => {\n  const { sandboxCatalog } = useCatalogServer();\n  const toaster = useToasterOptional();\n\n  const [providers, setProviders] = useState<SandboxProviderBase[]>([]);\n  const [catalog, setCatalog] = useState<SandboxProviderCatalogEntry[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [formError, setFormError] = useState<string | null>(null);\n  const [busy, setBusy] = useState(false);\n\n  const [createEntry, setCreateEntry] = useState<SandboxProviderCatalogEntry | null>(null);\n  const [updateProvider, setUpdateProvider] = useState<SandboxProviderBase | null>(null);\n\n  const refresh = useCallback(\n    async ({ quiet = false }: { quiet?: boolean } = {}) => {\n      if (!sandboxCatalog) return;\n      if (!quiet) setLoading(true);\n      setError(null);\n      try {\n        const [listed, available] = await Promise.all([\n          sandboxCatalog.listSandboxProviders(),\n          sandboxCatalog.getSandboxProviderCatalog(),\n        ]);\n        setProviders(listed);\n        setCatalog(available);\n      } catch (err) {\n        setError(getErrorMessage(err, 'Failed to load sandbox providers'));\n      } finally {\n        if (!quiet) setLoading(false);\n      }\n    },\n    [sandboxCatalog],\n  );\n\n  useEffect(() => {\n    void refresh();\n  }, [refresh]);\n\n  // Tenant/UI-wide: only one sandbox provider may be configured at a time.\n  const hasConfiguredProvider = providers.length > 0;\n  const availableEntries = useMemo(() => {\n    if (hasConfiguredProvider) return [];\n    const connectedCatalogIds = new Set(providers.map(provider => provider.catalogId));\n    return catalog.filter(entry => !connectedCatalogIds.has(entry.id));\n  }, [catalog, providers, hasConfiguredProvider]);\n\n  const formInitialConfig = useMemo(\n    () => (updateProvider ? configFrom(updateProvider) : createEntry ? configFrom(createEntry) : null),\n    [updateProvider, createEntry],\n  );\n\n  if (!sandboxCatalog) {\n    return <p className=\"text-sm text-text-secondary\">Sandbox provider catalog is not available.</p>;\n  }\n\n  const runMutation = async (fn: () => Promise<void>, setMutationError = setError) => {\n    setBusy(true);\n    setError(null);\n    try {\n      await fn();\n      await refresh({ quiet: true });\n    } catch (err) {\n      setMutationError(getErrorMessage(err, 'Request failed'));\n      throw err;\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  const handleCreate = async (draft: SandboxConfigDraft) => {\n    if (!createEntry) return;\n    setFormError(null);\n    await runMutation(async () => {\n      await sandboxCatalog.createSandboxProvider({\n        catalogId: createEntry.id,\n        name: createEntry.name,\n        type: createEntry.type,\n        ...configFrom(draft),\n        apiKey: draft.apiKey,\n      });\n    }, setFormError);\n    setCreateEntry(null);\n    setTimeout(() => {\n      toaster?.showSuccess({ title: `${createEntry.name} configured` });\n    }, 0);\n  };\n\n  const handleUpdate = async (draft: SandboxConfigDraft) => {\n    if (!updateProvider) return;\n    setFormError(null);\n    await runMutation(async () => {\n      await sandboxCatalog.updateSandboxProvider({\n        id: updateProvider.id,\n        ...configFrom(draft),\n        ...(draft.apiKey ? { apiKey: draft.apiKey } : {}),\n      });\n    }, setFormError);\n    setUpdateProvider(null);\n    setTimeout(() => {\n      toaster?.showSuccess({ title: `${updateProvider.name} updated` });\n    }, 0);\n  };\n\n  const handleRemove = (provider: SandboxProviderBase) => {\n    const deleteSandboxProvider = sandboxCatalog.deleteSandboxProvider;\n    if (!deleteSandboxProvider) return;\n    void runMutation(async () => {\n      await deleteSandboxProvider({ id: provider.id });\n    }).catch(() => {});\n  };\n\n  const formOpen = createEntry != null || updateProvider != null;\n  const isUpdate = updateProvider != null;\n  const formTitle = updateProvider\n    ? `Update ${updateProvider.name}`\n    : createEntry\n      ? `Configure ${createEntry.name}`\n      : 'Configure sandbox provider';\n\n  return (\n    <>\n      <h3 className=\"text-xl font-semibold tracking-tight text-text-primary\">Sandbox providers</h3>\n      <p className=\"mt-1 text-sm text-text-secondary\">\n        Choose a provider that runs sandboxes for code, files and shell commands. Only one can be active at a time.\n      </p>\n\n      {error ? (\n        <p className=\"mt-3 rounded-md border border-failure-bg/30 bg-failure-bg/10 px-3 py-2 text-sm text-failure-bg\">\n          {error}\n        </p>\n      ) : null}\n\n      <div className=\"mt-4 flex-1 overflow-y-auto\">\n        {loading ? (\n          <p className=\"text-sm text-text-secondary\">Loading sandbox providers…</p>\n        ) : (\n          <div className=\"space-y-6\">\n            {providers.length > 0 ? (\n              <section>\n                <h4 className=\"mb-2 text-xs font-semibold uppercase tracking-wide text-text-secondary\">\n                  Configured · {providers.length}\n                </h4>\n                <div className=\"overflow-hidden rounded-xl border border-border bg-card-bg\">\n                  {providers.map(provider => (\n                    <article\n                      key={provider.id}\n                      className=\"flex flex-col gap-3 border-b border-border p-3 last:border-b-0 sm:flex-row sm:items-center\"\n                    >\n                      <div className=\"flex min-w-0 flex-1 items-center gap-3\">\n                        <span\n                          className=\"flex size-9 shrink-0 items-center justify-center rounded-lg border border-border bg-secondary-bg text-text-primary\"\n                          aria-hidden\n                        >\n                          <Icon name=\"cube\" className=\"size-4.5\" />\n                        </span>\n                        <div className=\"min-w-0\">\n                          <h5 className=\"truncate text-sm font-medium text-text-primary\">{provider.name}</h5>\n                        </div>\n                      </div>\n\n                      <div className=\"flex flex-wrap items-center gap-2.5 sm:justify-end\">\n                        {provider.isConnected ? (\n                          <span className=\"flex items-center gap-1.5 rounded-full border border-border bg-secondary-bg/40 px-2 py-0.5 text-xs font-medium text-success-bg\">\n                            <span className=\"h-1.5 w-1.5 rounded-full bg-success-bg\"></span>\n                            Connected\n                          </span>\n                        ) : null}\n                        <Button\n                          variant=\"secondary\"\n                          size=\"sm\"\n                          type=\"button\"\n                          disabled={busy}\n                          onClick={() => {\n                            setFormError(null);\n                            setCreateEntry(null);\n                            setUpdateProvider(provider);\n                          }}\n                        >\n                          Update\n                        </Button>\n                        {sandboxCatalog.deleteSandboxProvider ? (\n                          <Button\n                            variant=\"ghost\"\n                            size=\"sm\"\n                            className=\"text-text-secondary\"\n                            type=\"button\"\n                            disabled={busy}\n                            onClick={() => {\n                              handleRemove(provider);\n                            }}\n                          >\n                            Remove\n                          </Button>\n                        ) : null}\n                      </div>\n                    </article>\n                  ))}\n                </div>\n              </section>\n            ) : null}\n\n            {!hasConfiguredProvider ? (\n              <section>\n                <h4 className=\"mb-2 text-xs font-semibold uppercase tracking-wide text-text-secondary\">\n                  Available · {availableEntries.length}\n                </h4>\n                {availableEntries.length === 0 ? (\n                  <p className=\"text-sm text-text-secondary\">\n                    {catalog.length > 0\n                      ? 'All catalog providers are configured.'\n                      : 'No sandbox providers in the catalog.'}\n                  </p>\n                ) : (\n                  <div className=\"overflow-hidden rounded-xl border border-border bg-card-bg\">\n                    {availableEntries.map(entry => (\n                      <article\n                        key={entry.id}\n                        className=\"flex flex-col gap-3 border-b border-border p-3 last:border-b-0 sm:flex-row sm:items-center\"\n                      >\n                        <div className=\"flex min-w-0 flex-1 items-center gap-3\">\n                          <span\n                            className=\"flex size-9 shrink-0 items-center justify-center rounded-lg border border-border bg-secondary-bg text-text-primary\"\n                            aria-hidden\n                          >\n                            <Icon name=\"cube\" className=\"size-4.5\" />\n                          </span>\n                          <div className=\"min-w-0\">\n                            <h5 className=\"truncate text-sm font-medium text-text-primary\">{entry.name}</h5>\n                          </div>\n                        </div>\n\n                        <Button\n                          variant=\"secondary\"\n                          type=\"button\"\n                          disabled={busy}\n                          onClick={() => {\n                            setFormError(null);\n                            setUpdateProvider(null);\n                            setCreateEntry(entry);\n                          }}\n                        >\n                          Configure\n                        </Button>\n                      </article>\n                    ))}\n                  </div>\n                )}\n              </section>\n            ) : null}\n          </div>\n        )}\n      </div>\n\n      <ConfigureSandboxForm\n        open={formOpen}\n        onOpenChange={open => {\n          if (!open) {\n            setFormError(null);\n            setCreateEntry(null);\n            setUpdateProvider(null);\n          }\n        }}\n        onSave={isUpdate ? handleUpdate : handleCreate}\n        title={formTitle}\n        description={\n          isUpdate\n            ? 'Update this sandbox provider. Leave API key blank to keep the existing key.'\n            : 'Configure this sandbox provider. API key is never stored in the catalog.'\n        }\n        initialConfig={formInitialConfig}\n        requireApiKey={!isUpdate}\n        busy={busy}\n        error={formError}\n      />\n    </>\n  );\n};\n\nexport default SandboxSettings;\n","'use client';\n\nimport { useEffect, useState, type FormEvent } from 'react';\n\nimport { cn } from '../../atoms/lib/cn.js';\nimport { auiInputClass } from '../../atoms/lib/inputClasses.js';\nimport { Accordion, AccordionDetails, AccordionSummary } from '../../atoms/primitives/Accordion.js';\nimport { Button } from '../../atoms/primitives/Button.js';\nimport { CenteredModal } from '../../atoms/primitives/CenteredModal.js';\nimport { Icon } from '../../icons/Icon.js';\nimport type { SandboxProviderConfig } from '../../server/types.js';\n\nexport type SandboxConfigDraft = SandboxProviderConfig & {\n  apiKey: string;\n};\n\ntype ConfigureSandboxFormProps = {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onSave: (draft: SandboxConfigDraft) => void | Promise<void>;\n  title: string;\n  description?: string;\n  /** Prefills config fields; apiKey is never autofilled. */\n  initialConfig?: SandboxProviderConfig | null;\n  /** When false (updates), empty apiKey means keep the existing key. */\n  requireApiKey?: boolean;\n  busy?: boolean;\n  error?: string | null;\n};\n\n/** Sensible defaults so the advanced fields are never blank, even without a catalog preset. */\nconst EMPTY_CONFIG: SandboxProviderConfig = {\n  // Snapshot/image is release-owned now; kept only to satisfy the external SandboxProviderConfig type.\n  snapshotName: '',\n  execTimeoutMs: 300000,\n  autoStopIntervalInMinutes: 15,\n  autoArchiveIntervalInMinutes: 10080,\n  autoDeleteIntervalInMinutes: 43200,\n};\n\nconst inputClassName = auiInputClass('h-11 shadow-sm');\n\nfunction parseNonNegInt(raw: string): number | null {\n  if (raw.trim() === '') return null;\n  const n = Number(raw);\n  if (!Number.isFinite(n) || n < 0) return null;\n  return n;\n}\n\nconst ConfigureSandboxForm = ({\n  open,\n  onOpenChange,\n  onSave,\n  title,\n  description,\n  initialConfig = null,\n  requireApiKey = true,\n  busy = false,\n  error,\n}: ConfigureSandboxFormProps) => {\n  const [execTimeoutMs, setExecTimeoutMs] = useState('');\n  const [autoStopIntervalInMinutes, setAutoStopIntervalInMinutes] = useState('');\n  const [autoArchiveIntervalInMinutes, setAutoArchiveIntervalInMinutes] = useState('');\n  const [autoDeleteIntervalInMinutes, setAutoDeleteIntervalInMinutes] = useState('');\n  const [apiKey, setApiKey] = useState('');\n  const [advancedOpen, setAdvancedOpen] = useState(false);\n\n  const resetForm = () => {\n    setExecTimeoutMs('');\n    setAutoStopIntervalInMinutes('');\n    setAutoArchiveIntervalInMinutes('');\n    setAutoDeleteIntervalInMinutes('');\n    setApiKey('');\n    setAdvancedOpen(false);\n  };\n\n  useEffect(() => {\n    if (!open) return;\n    const config = initialConfig ?? EMPTY_CONFIG;\n    setExecTimeoutMs(String(config.execTimeoutMs));\n    setAutoStopIntervalInMinutes(String(config.autoStopIntervalInMinutes));\n    setAutoArchiveIntervalInMinutes(String(config.autoArchiveIntervalInMinutes));\n    setAutoDeleteIntervalInMinutes(String(config.autoDeleteIntervalInMinutes));\n    setApiKey('');\n    setAdvancedOpen(false);\n  }, [open, initialConfig]);\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (!nextOpen) resetForm();\n    onOpenChange(nextOpen);\n  };\n\n  const execTimeout = parseNonNegInt(execTimeoutMs);\n  const autoStop = parseNonNegInt(autoStopIntervalInMinutes);\n  const autoArchive = parseNonNegInt(autoArchiveIntervalInMinutes);\n  const autoDelete = parseNonNegInt(autoDeleteIntervalInMinutes);\n  const trimmedKey = apiKey.trim();\n\n  const isValid =\n    (!requireApiKey || !!trimmedKey) &&\n    execTimeout != null &&\n    autoStop != null &&\n    autoArchive != null &&\n    autoDelete != null;\n\n  const handleSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    if (!isValid || busy || execTimeout == null || autoStop == null || autoArchive == null || autoDelete == null) {\n      return;\n    }\n\n    try {\n      await onSave({\n        // Snapshot/image is release-owned; the field is retained only for the external type.\n        snapshotName: '',\n        execTimeoutMs: execTimeout,\n        autoStopIntervalInMinutes: autoStop,\n        autoArchiveIntervalInMinutes: autoArchive,\n        autoDeleteIntervalInMinutes: autoDelete,\n        apiKey: trimmedKey,\n      });\n      resetForm();\n      onOpenChange(false);\n    } catch {\n      // Parent surfaces error; keep form open.\n    }\n  };\n\n  return (\n    <CenteredModal\n      open={open}\n      onOpenChange={handleOpenChange}\n      title={title}\n      description={description}\n      contentSized\n      headerIcon={\n        <span\n          className=\"flex size-11 shrink-0 items-center justify-center rounded-lg border border-border bg-secondary-bg text-text-primary\"\n          aria-hidden\n        >\n          <Icon name=\"cube\" className=\"size-6\" />\n        </span>\n      }\n    >\n      <form className=\"flex flex-col overflow-y-auto p-5 md:p-6\" onSubmit={handleSubmit}>\n        <div className=\"space-y-4\">\n          <div>\n            <label htmlFor=\"sandbox-api-key\" className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n              API key\n              {!requireApiKey ? <span className=\"font-normal text-text-secondary\"> (optional)</span> : null}\n            </label>\n            <input\n              id=\"sandbox-api-key\"\n              type=\"password\"\n              required={requireApiKey}\n              value={apiKey}\n              onChange={event => {\n                setApiKey(event.target.value);\n              }}\n              placeholder={requireApiKey ? 'dtn_...' : 'Leave blank to keep existing'}\n              autoFocus\n              className={inputClassName}\n            />\n          </div>\n\n          <Accordion\n            expanded={advancedOpen}\n            onChange={(_event, next) => setAdvancedOpen(next)}\n            className=\"rounded-md border border-border\"\n          >\n            <AccordionSummary className=\"px-3 py-2.5\">\n              <span className=\"flex w-full items-center justify-between text-sm font-medium text-text-primary\">\n                Advanced settings\n                <Icon\n                  name=\"chevron-down\"\n                  className={cn(\n                    'size-4 shrink-0 text-text-secondary transition-transform duration-200',\n                    advancedOpen ? 'rotate-0' : '-rotate-90',\n                  )}\n                />\n              </span>\n            </AccordionSummary>\n            <AccordionDetails className=\"space-y-4 border-t border-border px-3 pb-3 pt-4\">\n              <div>\n                <label htmlFor=\"sandbox-exec-timeout\" className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n                  Exec timeout (ms)\n                </label>\n                <input\n                  id=\"sandbox-exec-timeout\"\n                  type=\"number\"\n                  min={0}\n                  required\n                  value={execTimeoutMs}\n                  onChange={event => {\n                    setExecTimeoutMs(event.target.value);\n                  }}\n                  placeholder=\"300000\"\n                  className={inputClassName}\n                />\n              </div>\n\n              <div>\n                <label htmlFor=\"sandbox-auto-stop\" className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n                  Auto-stop interval (minutes)\n                </label>\n                <input\n                  id=\"sandbox-auto-stop\"\n                  type=\"number\"\n                  min={0}\n                  required\n                  value={autoStopIntervalInMinutes}\n                  onChange={event => {\n                    setAutoStopIntervalInMinutes(event.target.value);\n                  }}\n                  placeholder=\"15\"\n                  className={inputClassName}\n                />\n              </div>\n\n              <div>\n                <label htmlFor=\"sandbox-auto-archive\" className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n                  Auto-archive interval (minutes)\n                </label>\n                <input\n                  id=\"sandbox-auto-archive\"\n                  type=\"number\"\n                  min={0}\n                  required\n                  value={autoArchiveIntervalInMinutes}\n                  onChange={event => {\n                    setAutoArchiveIntervalInMinutes(event.target.value);\n                  }}\n                  placeholder=\"10080\"\n                  className={inputClassName}\n                />\n              </div>\n\n              <div>\n                <label htmlFor=\"sandbox-auto-delete\" className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n                  Auto-delete interval (minutes)\n                </label>\n                <input\n                  id=\"sandbox-auto-delete\"\n                  type=\"number\"\n                  min={0}\n                  required\n                  value={autoDeleteIntervalInMinutes}\n                  onChange={event => {\n                    setAutoDeleteIntervalInMinutes(event.target.value);\n                  }}\n                  placeholder=\"43200\"\n                  className={inputClassName}\n                />\n              </div>\n            </AccordionDetails>\n          </Accordion>\n        </div>\n\n        <div className=\"mt-6 space-y-3\">\n          {error ? <p className=\"text-failure-bg text-sm\">{error}</p> : null}\n          <Button type=\"submit\" size=\"lg\" disabled={!isValid || busy} className=\"w-full shrink-0\">\n            Save\n          </Button>\n        </div>\n      </form>\n    </CenteredModal>\n  );\n};\n\nexport default ConfigureSandboxForm;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA,SAAS,aAAa,aAAAA,YAAW,SAAS,YAAAC,iBAAgB;;;ACA1D,SAAS,WAAW,gBAAgC;AA0I1C,cAOE,YAPF;AA7GV,IAAM,eAAsC;AAAA;AAAA,EAE1C,cAAc;AAAA,EACd,eAAe;AAAA,EACf,2BAA2B;AAAA,EAC3B,8BAA8B;AAAA,EAC9B,6BAA6B;AAC/B;AAEA,IAAM,iBAAiB,cAAc,gBAAgB;AAErD,SAAS,eAAe,KAA4B;AAClD,MAAI,IAAI,KAAK,MAAM,GAAI,QAAO;AAC9B,QAAM,IAAI,OAAO,GAAG;AACpB,MAAI,CAAC,OAAO,SAAS,CAAC,KAAK,IAAI,EAAG,QAAO;AACzC,SAAO;AACT;AAEA,IAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP;AACF,MAAiC;AAC/B,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,EAAE;AACrD,QAAM,CAAC,2BAA2B,4BAA4B,IAAI,SAAS,EAAE;AAC7E,QAAM,CAAC,8BAA8B,+BAA+B,IAAI,SAAS,EAAE;AACnF,QAAM,CAAC,6BAA6B,8BAA8B,IAAI,SAAS,EAAE;AACjF,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AACvC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,YAAY,MAAM;AACtB,qBAAiB,EAAE;AACnB,iCAA6B,EAAE;AAC/B,oCAAgC,EAAE;AAClC,mCAA+B,EAAE;AACjC,cAAU,EAAE;AACZ,oBAAgB,KAAK;AAAA,EACvB;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,UAAM,SAAS,iBAAiB;AAChC,qBAAiB,OAAO,OAAO,aAAa,CAAC;AAC7C,iCAA6B,OAAO,OAAO,yBAAyB,CAAC;AACrE,oCAAgC,OAAO,OAAO,4BAA4B,CAAC;AAC3E,mCAA+B,OAAO,OAAO,2BAA2B,CAAC;AACzE,cAAU,EAAE;AACZ,oBAAgB,KAAK;AAAA,EACvB,GAAG,CAAC,MAAM,aAAa,CAAC;AAExB,QAAM,mBAAmB,CAAC,aAAsB;AAC9C,QAAI,CAAC,SAAU,WAAU;AACzB,iBAAa,QAAQ;AAAA,EACvB;AAEA,QAAM,cAAc,eAAe,aAAa;AAChD,QAAM,WAAW,eAAe,yBAAyB;AACzD,QAAM,cAAc,eAAe,4BAA4B;AAC/D,QAAM,aAAa,eAAe,2BAA2B;AAC7D,QAAM,aAAa,OAAO,KAAK;AAE/B,QAAM,WACH,CAAC,iBAAiB,CAAC,CAAC,eACrB,eAAe,QACf,YAAY,QACZ,eAAe,QACf,cAAc;AAEhB,QAAM,eAAe,OAAO,UAAsC;AAChE,UAAM,eAAe;AACrB,QAAI,CAAC,WAAW,QAAQ,eAAe,QAAQ,YAAY,QAAQ,eAAe,QAAQ,cAAc,MAAM;AAC5G;AAAA,IACF;AAEA,QAAI;AACF,YAAM,OAAO;AAAA;AAAA,QAEX,cAAc;AAAA,QACd,eAAe;AAAA,QACf,2BAA2B;AAAA,QAC3B,8BAA8B;AAAA,QAC9B,6BAA6B;AAAA,QAC7B,QAAQ;AAAA,MACV,CAAC;AACD,gBAAU;AACV,mBAAa,KAAK;AAAA,IACpB,QAAQ;AAAA,IAER;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ,YACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAW;AAAA,UAEX,8BAAC,QAAK,MAAK,QAAO,WAAU,UAAS;AAAA;AAAA,MACvC;AAAA,MAGF,+BAAC,UAAK,WAAU,4CAA2C,UAAU,cACnE;AAAA,6BAAC,SAAI,WAAU,aACb;AAAA,+BAAC,SACC;AAAA,iCAAC,WAAM,SAAQ,mBAAkB,WAAU,sDAAqD;AAAA;AAAA,cAE7F,CAAC,gBAAgB,oBAAC,UAAK,WAAU,mCAAkC,yBAAW,IAAU;AAAA,eAC3F;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,MAAK;AAAA,gBACL,UAAU;AAAA,gBACV,OAAO;AAAA,gBACP,UAAU,WAAS;AACjB,4BAAU,MAAM,OAAO,KAAK;AAAA,gBAC9B;AAAA,gBACA,aAAa,gBAAgB,YAAY;AAAA,gBACzC,WAAS;AAAA,gBACT,WAAW;AAAA;AAAA,YACb;AAAA,aACF;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,UAAU;AAAA,cACV,UAAU,CAAC,QAAQ,SAAS,gBAAgB,IAAI;AAAA,cAChD,WAAU;AAAA,cAEV;AAAA,oCAAC,oBAAiB,WAAU,eAC1B,+BAAC,UAAK,WAAU,kFAAiF;AAAA;AAAA,kBAE/F;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,WAAW;AAAA,wBACT;AAAA,wBACA,eAAe,aAAa;AAAA,sBAC9B;AAAA;AAAA,kBACF;AAAA,mBACF,GACF;AAAA,gBACA,qBAAC,oBAAiB,WAAU,mDAC1B;AAAA,uCAAC,SACC;AAAA,wCAAC,WAAM,SAAQ,wBAAuB,WAAU,sDAAqD,+BAErG;AAAA,oBACA;AAAA,sBAAC;AAAA;AAAA,wBACC,IAAG;AAAA,wBACH,MAAK;AAAA,wBACL,KAAK;AAAA,wBACL,UAAQ;AAAA,wBACR,OAAO;AAAA,wBACP,UAAU,WAAS;AACjB,2CAAiB,MAAM,OAAO,KAAK;AAAA,wBACrC;AAAA,wBACA,aAAY;AAAA,wBACZ,WAAW;AAAA;AAAA,oBACb;AAAA,qBACF;AAAA,kBAEA,qBAAC,SACC;AAAA,wCAAC,WAAM,SAAQ,qBAAoB,WAAU,sDAAqD,0CAElG;AAAA,oBACA;AAAA,sBAAC;AAAA;AAAA,wBACC,IAAG;AAAA,wBACH,MAAK;AAAA,wBACL,KAAK;AAAA,wBACL,UAAQ;AAAA,wBACR,OAAO;AAAA,wBACP,UAAU,WAAS;AACjB,uDAA6B,MAAM,OAAO,KAAK;AAAA,wBACjD;AAAA,wBACA,aAAY;AAAA,wBACZ,WAAW;AAAA;AAAA,oBACb;AAAA,qBACF;AAAA,kBAEA,qBAAC,SACC;AAAA,wCAAC,WAAM,SAAQ,wBAAuB,WAAU,sDAAqD,6CAErG;AAAA,oBACA;AAAA,sBAAC;AAAA;AAAA,wBACC,IAAG;AAAA,wBACH,MAAK;AAAA,wBACL,KAAK;AAAA,wBACL,UAAQ;AAAA,wBACR,OAAO;AAAA,wBACP,UAAU,WAAS;AACjB,0DAAgC,MAAM,OAAO,KAAK;AAAA,wBACpD;AAAA,wBACA,aAAY;AAAA,wBACZ,WAAW;AAAA;AAAA,oBACb;AAAA,qBACF;AAAA,kBAEA,qBAAC,SACC;AAAA,wCAAC,WAAM,SAAQ,uBAAsB,WAAU,sDAAqD,4CAEpG;AAAA,oBACA;AAAA,sBAAC;AAAA;AAAA,wBACC,IAAG;AAAA,wBACH,MAAK;AAAA,wBACL,KAAK;AAAA,wBACL,UAAQ;AAAA,wBACR,OAAO;AAAA,wBACP,UAAU,WAAS;AACjB,yDAA+B,MAAM,OAAO,KAAK;AAAA,wBACnD;AAAA,wBACA,aAAY;AAAA,wBACZ,WAAW;AAAA;AAAA,oBACb;AAAA,qBACF;AAAA,mBACF;AAAA;AAAA;AAAA,UACF;AAAA,WACF;AAAA,QAEA,qBAAC,SAAI,WAAU,kBACZ;AAAA,kBAAQ,oBAAC,OAAE,WAAU,2BAA2B,iBAAM,IAAO;AAAA,UAC9D,oBAAC,UAAO,MAAK,UAAS,MAAK,MAAK,UAAU,CAAC,WAAW,MAAM,WAAU,mBAAkB,kBAExF;AAAA,WACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,+BAAQ;;;AD9LJ,SAoEP,UApEO,OAAAC,MAuFK,QAAAC,aAvFL;AAnEX,IAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OAAqD;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,IAAM,kBAAkB,MAAM;AAC5B,QAAM,EAAE,eAAe,IAAI,iBAAiB;AAC5C,QAAM,UAAU,mBAAmB;AAEnC,QAAM,CAAC,WAAW,YAAY,IAAIC,UAAgC,CAAC,CAAC;AACpE,QAAM,CAAC,SAAS,UAAU,IAAIA,UAAwC,CAAC,CAAC;AACxE,QAAM,CAAC,SAAS,UAAU,IAAIA,UAAS,IAAI;AAC3C,QAAM,CAAC,OAAO,QAAQ,IAAIA,UAAwB,IAAI;AACtD,QAAM,CAAC,WAAW,YAAY,IAAIA,UAAwB,IAAI;AAC9D,QAAM,CAAC,MAAM,OAAO,IAAIA,UAAS,KAAK;AAEtC,QAAM,CAAC,aAAa,cAAc,IAAIA,UAA6C,IAAI;AACvF,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,UAAqC,IAAI;AAErF,QAAM,UAAU;AAAA,IACd,OAAO,EAAE,QAAQ,MAAM,IAAyB,CAAC,MAAM;AACrD,UAAI,CAAC,eAAgB;AACrB,UAAI,CAAC,MAAO,YAAW,IAAI;AAC3B,eAAS,IAAI;AACb,UAAI;AACF,cAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,QAAQ,IAAI;AAAA,UAC5C,eAAe,qBAAqB;AAAA,UACpC,eAAe,0BAA0B;AAAA,QAC3C,CAAC;AACD,qBAAa,MAAM;AACnB,mBAAW,SAAS;AAAA,MACtB,SAAS,KAAK;AACZ,iBAAS,gBAAgB,KAAK,kCAAkC,CAAC;AAAA,MACnE,UAAE;AACA,YAAI,CAAC,MAAO,YAAW,KAAK;AAAA,MAC9B;AAAA,IACF;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,EAAAC,WAAU,MAAM;AACd,SAAK,QAAQ;AAAA,EACf,GAAG,CAAC,OAAO,CAAC;AAGZ,QAAM,wBAAwB,UAAU,SAAS;AACjD,QAAM,mBAAmB,QAAQ,MAAM;AACrC,QAAI,sBAAuB,QAAO,CAAC;AACnC,UAAM,sBAAsB,IAAI,IAAI,UAAU,IAAI,cAAY,SAAS,SAAS,CAAC;AACjF,WAAO,QAAQ,OAAO,WAAS,CAAC,oBAAoB,IAAI,MAAM,EAAE,CAAC;AAAA,EACnE,GAAG,CAAC,SAAS,WAAW,qBAAqB,CAAC;AAE9C,QAAM,oBAAoB;AAAA,IACxB,MAAO,iBAAiB,WAAW,cAAc,IAAI,cAAc,WAAW,WAAW,IAAI;AAAA,IAC7F,CAAC,gBAAgB,WAAW;AAAA,EAC9B;AAEA,MAAI,CAAC,gBAAgB;AACnB,WAAO,gBAAAH,KAAC,OAAE,WAAU,+BAA8B,wDAA0C;AAAA,EAC9F;AAEA,QAAM,cAAc,OAAO,IAAyB,mBAAmB,aAAa;AAClF,YAAQ,IAAI;AACZ,aAAS,IAAI;AACb,QAAI;AACF,YAAM,GAAG;AACT,YAAM,QAAQ,EAAE,OAAO,KAAK,CAAC;AAAA,IAC/B,SAAS,KAAK;AACZ,uBAAiB,gBAAgB,KAAK,gBAAgB,CAAC;AACvD,YAAM;AAAA,IACR,UAAE;AACA,cAAQ,KAAK;AAAA,IACf;AAAA,EACF;AAEA,QAAM,eAAe,OAAO,UAA8B;AACxD,QAAI,CAAC,YAAa;AAClB,iBAAa,IAAI;AACjB,UAAM,YAAY,YAAY;AAC5B,YAAM,eAAe,sBAAsB;AAAA,QACzC,WAAW,YAAY;AAAA,QACvB,MAAM,YAAY;AAAA,QAClB,MAAM,YAAY;AAAA,QAClB,GAAG,WAAW,KAAK;AAAA,QACnB,QAAQ,MAAM;AAAA,MAChB,CAAC;AAAA,IACH,GAAG,YAAY;AACf,mBAAe,IAAI;AACnB,eAAW,MAAM;AACf,eAAS,YAAY,EAAE,OAAO,GAAG,YAAY,IAAI,cAAc,CAAC;AAAA,IAClE,GAAG,CAAC;AAAA,EACN;AAEA,QAAM,eAAe,OAAO,UAA8B;AACxD,QAAI,CAAC,eAAgB;AACrB,iBAAa,IAAI;AACjB,UAAM,YAAY,YAAY;AAC5B,YAAM,eAAe,sBAAsB;AAAA,QACzC,IAAI,eAAe;AAAA,QACnB,GAAG,WAAW,KAAK;AAAA,QACnB,GAAI,MAAM,SAAS,EAAE,QAAQ,MAAM,OAAO,IAAI,CAAC;AAAA,MACjD,CAAC;AAAA,IACH,GAAG,YAAY;AACf,sBAAkB,IAAI;AACtB,eAAW,MAAM;AACf,eAAS,YAAY,EAAE,OAAO,GAAG,eAAe,IAAI,WAAW,CAAC;AAAA,IAClE,GAAG,CAAC;AAAA,EACN;AAEA,QAAM,eAAe,CAAC,aAAkC;AACtD,UAAM,wBAAwB,eAAe;AAC7C,QAAI,CAAC,sBAAuB;AAC5B,SAAK,YAAY,YAAY;AAC3B,YAAM,sBAAsB,EAAE,IAAI,SAAS,GAAG,CAAC;AAAA,IACjD,CAAC,EAAE,MAAM,MAAM;AAAA,IAAC,CAAC;AAAA,EACnB;AAEA,QAAM,WAAW,eAAe,QAAQ,kBAAkB;AAC1D,QAAM,WAAW,kBAAkB;AACnC,QAAM,YAAY,iBACd,UAAU,eAAe,IAAI,KAC7B,cACE,aAAa,YAAY,IAAI,KAC7B;AAEN,SACE,gBAAAC,MAAA,YACE;AAAA,oBAAAD,KAAC,QAAG,WAAU,0DAAyD,+BAAiB;AAAA,IACxF,gBAAAA,KAAC,OAAE,WAAU,oCAAmC,yHAEhD;AAAA,IAEC,QACC,gBAAAA,KAAC,OAAE,WAAU,kGACV,iBACH,IACE;AAAA,IAEJ,gBAAAA,KAAC,SAAI,WAAU,+BACZ,oBACC,gBAAAA,KAAC,OAAE,WAAU,+BAA8B,6CAA0B,IAErE,gBAAAC,MAAC,SAAI,WAAU,aACZ;AAAA,gBAAU,SAAS,IAClB,gBAAAA,MAAC,aACC;AAAA,wBAAAA,MAAC,QAAG,WAAU,0EAAyE;AAAA;AAAA,UACvE,UAAU;AAAA,WAC1B;AAAA,QACA,gBAAAD,KAAC,SAAI,WAAU,8DACZ,oBAAU,IAAI,cACb,gBAAAC;AAAA,UAAC;AAAA;AAAA,YAEC,WAAU;AAAA,YAEV;AAAA,8BAAAA,MAAC,SAAI,WAAU,0CACb;AAAA,gCAAAD;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,eAAW;AAAA,oBAEX,0BAAAA,KAAC,QAAK,MAAK,QAAO,WAAU,YAAW;AAAA;AAAA,gBACzC;AAAA,gBACA,gBAAAA,KAAC,SAAI,WAAU,WACb,0BAAAA,KAAC,QAAG,WAAU,kDAAkD,mBAAS,MAAK,GAChF;AAAA,iBACF;AAAA,cAEA,gBAAAC,MAAC,SAAI,WAAU,sDACZ;AAAA,yBAAS,cACR,gBAAAA,MAAC,UAAK,WAAU,kIACd;AAAA,kCAAAD,KAAC,UAAK,WAAU,0CAAyC;AAAA,kBAAO;AAAA,mBAElE,IACE;AAAA,gBACJ,gBAAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,MAAK;AAAA,oBACL,UAAU;AAAA,oBACV,SAAS,MAAM;AACb,mCAAa,IAAI;AACjB,qCAAe,IAAI;AACnB,wCAAkB,QAAQ;AAAA,oBAC5B;AAAA,oBACD;AAAA;AAAA,gBAED;AAAA,gBACC,eAAe,wBACd,gBAAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,MAAK;AAAA,oBACL,UAAU;AAAA,oBACV,SAAS,MAAM;AACb,mCAAa,QAAQ;AAAA,oBACvB;AAAA,oBACD;AAAA;AAAA,gBAED,IACE;AAAA,iBACN;AAAA;AAAA;AAAA,UAjDK,SAAS;AAAA,QAkDhB,CACD,GACH;AAAA,SACF,IACE;AAAA,MAEH,CAAC,wBACA,gBAAAC,MAAC,aACC;AAAA,wBAAAA,MAAC,QAAG,WAAU,0EAAyE;AAAA;AAAA,UACxE,iBAAiB;AAAA,WAChC;AAAA,QACC,iBAAiB,WAAW,IAC3B,gBAAAD,KAAC,OAAE,WAAU,+BACV,kBAAQ,SAAS,IACd,0CACA,wCACN,IAEA,gBAAAA,KAAC,SAAI,WAAU,8DACZ,2BAAiB,IAAI,WACpB,gBAAAC;AAAA,UAAC;AAAA;AAAA,YAEC,WAAU;AAAA,YAEV;AAAA,8BAAAA,MAAC,SAAI,WAAU,0CACb;AAAA,gCAAAD;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,eAAW;AAAA,oBAEX,0BAAAA,KAAC,QAAK,MAAK,QAAO,WAAU,YAAW;AAAA;AAAA,gBACzC;AAAA,gBACA,gBAAAA,KAAC,SAAI,WAAU,WACb,0BAAAA,KAAC,QAAG,WAAU,kDAAkD,gBAAM,MAAK,GAC7E;AAAA,iBACF;AAAA,cAEA,gBAAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,UAAU;AAAA,kBACV,SAAS,MAAM;AACb,iCAAa,IAAI;AACjB,sCAAkB,IAAI;AACtB,mCAAe,KAAK;AAAA,kBACtB;AAAA,kBACD;AAAA;AAAA,cAED;AAAA;AAAA;AAAA,UA1BK,MAAM;AAAA,QA2Bb,CACD,GACH;AAAA,SAEJ,IACE;AAAA,OACN,GAEJ;AAAA,IAEA,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,cAAc,UAAQ;AACpB,cAAI,CAAC,MAAM;AACT,yBAAa,IAAI;AACjB,2BAAe,IAAI;AACnB,8BAAkB,IAAI;AAAA,UACxB;AAAA,QACF;AAAA,QACA,QAAQ,WAAW,eAAe;AAAA,QAClC,OAAO;AAAA,QACP,aACE,WACI,gFACA;AAAA,QAEN,eAAe;AAAA,QACf,eAAe,CAAC;AAAA,QAChB;AAAA,QACA,OAAO;AAAA;AAAA,IACT;AAAA,KACF;AAEJ;AAEA,IAAO,0BAAQ;","names":["useEffect","useState","jsx","jsxs","useState","useEffect"]}