@truefoundry/trueforge-ui 0.3.0 → 0.4.0-rc.0

package/dist/WebSearchSettings-BW4CWGRR.js

@@ -0,0 +1,322 @@
+"use client";
+import {
+  Button,
+  CenteredModal,
+  auiInputClass,
+  useToasterOptional
+} from "./chunk-MLMR26WQ.js";
+import {
+  Icon
+} from "./chunk-TX6PB3DY.js";
+import "./chunk-ZYJ2SBF7.js";
+import {
+  getErrorMessage,
+  useCatalogServer
+} from "./chunk-7S7A3PNP.js";
+import "./chunk-M6MHLVSO.js";
+import "./chunk-QKFMAQ7O.js";
+import "./chunk-6UACSIIY.js";
+
+// src/containers/SettingsBuilder/WebSearchSettings.tsx
+import { useCallback, useEffect as useEffect2, useMemo, useState as useState2 } from "react";
+
+// src/containers/SettingsBuilder/ConfigureWebSearchForm.tsx
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var inputClassName = auiInputClass("h-11 shadow-sm");
+var ConfigureWebSearchForm = ({
+  open,
+  onOpenChange,
+  onSave,
+  title,
+  description,
+  requireApiKey = true,
+  busy = false,
+  error
+}) => {
+  const [apiKey, setApiKey] = useState("");
+  const resetForm = () => {
+    setApiKey("");
+  };
+  useEffect(() => {
+    if (!open) return;
+    setApiKey("");
+  }, [open]);
+  const handleOpenChange = (nextOpen) => {
+    if (!nextOpen) resetForm();
+    onOpenChange(nextOpen);
+  };
+  const trimmedKey = apiKey.trim();
+  const isValid = !requireApiKey || !!trimmedKey;
+  const handleSubmit = async (event) => {
+    event.preventDefault();
+    if (!isValid || busy) return;
+    try {
+      await onSave({ 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: "search", className: "size-6" })
+        }
+      ),
+      children: /* @__PURE__ */ jsxs("form", { className: "flex flex-col overflow-y-auto p-5 md:p-6", onSubmit: handleSubmit, children: [
+        /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("label", { htmlFor: "web-search-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: "web-search-api-key",
+              type: "password",
+              required: requireApiKey,
+              value: apiKey,
+              onChange: (event) => {
+                setApiKey(event.target.value);
+              },
+              placeholder: requireApiKey ? "Parallel API key" : "Leave blank to keep existing",
+              autoFocus: true,
+              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.Primary, { type: "submit", size: "large", disabled: !isValid || busy, className: "w-full shrink-0", children: "Save" })
+        ] })
+      ] })
+    }
+  );
+};
+var ConfigureWebSearchForm_default = ConfigureWebSearchForm;
+
+// src/containers/SettingsBuilder/WebSearchSettings.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var WebSearchSettings = () => {
+  const { webSearchCatalog } = 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 (!webSearchCatalog) return;
+      if (!quiet) setLoading(true);
+      setError(null);
+      try {
+        const [listed, available] = await Promise.all([
+          webSearchCatalog.listWebSearchProviders(),
+          webSearchCatalog.getWebSearchProviderCatalog()
+        ]);
+        setProviders(listed);
+        setCatalog(available);
+      } catch (err) {
+        setError(getErrorMessage(err, "Failed to load web search providers"));
+      } finally {
+        if (!quiet) setLoading(false);
+      }
+    },
+    [webSearchCatalog]
+  );
+  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]);
+  if (!webSearchCatalog) {
+    return /* @__PURE__ */ jsx2("p", { className: "text-sm text-text-secondary", children: "Web search 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 webSearchCatalog.createWebSearchProvider({
+        catalogId: createEntry.id,
+        name: createEntry.name,
+        type: createEntry.type,
+        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 webSearchCatalog.updateWebSearchProvider({
+        id: updateProvider.id,
+        ...draft.apiKey ? { apiKey: draft.apiKey } : {}
+      });
+    }, setFormError);
+    setUpdateProvider(null);
+    setTimeout(() => {
+      toaster?.showSuccess({ title: `${updateProvider.name} updated` });
+    }, 0);
+  };
+  const formOpen = createEntry != null || updateProvider != null;
+  const isUpdate = updateProvider != null;
+  const formTitle = updateProvider ? `Update ${updateProvider.name}` : createEntry ? `Configure ${createEntry.name}` : "Configure web search provider";
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2("h3", { className: "text-xl font-semibold tracking-tight text-text-primary", children: "Web search" }),
+    /* @__PURE__ */ jsx2("p", { className: "mt-1 text-sm text-text-secondary", children: "Configure a provider so agents can search the web. 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 web search 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: "search", className: "size-4.5" })
+                  }
+                ),
+                /* @__PURE__ */ jsxs2("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsx2("h5", { className: "truncate text-sm font-medium text-text-primary", children: provider.name }),
+                  /* @__PURE__ */ jsx2("p", { className: "truncate text-xs text-text-secondary", children: "Parallel web search" })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap items-center gap-2.5 sm:justify-end", children: [
+                /* @__PURE__ */ jsxs2("span", { className: "inline-flex items-center gap-1.5 text-sm font-medium text-success-bg", children: [
+                  /* @__PURE__ */ jsx2("span", { className: "size-2 rounded-full bg-success-bg", "aria-hidden": true }),
+                  "Connected"
+                ] }),
+                /* @__PURE__ */ jsx2(
+                  Button.Secondary,
+                  {
+                    size: "small",
+                    type: "button",
+                    disabled: busy,
+                    onClick: () => {
+                      setFormError(null);
+                      setCreateEntry(null);
+                      setUpdateProvider(provider);
+                    },
+                    children: "Update"
+                  }
+                )
+              ] })
+            ]
+          },
+          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 web search 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: "search", className: "size-4.5" })
+                  }
+                ),
+                /* @__PURE__ */ jsxs2("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsx2("h5", { className: "truncate text-sm font-medium text-text-primary", children: entry.name }),
+                  /* @__PURE__ */ jsx2("p", { className: "truncate text-xs text-text-secondary", children: "Parallel web search" })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx2(
+                Button.Secondary,
+                {
+                  type: "button",
+                  disabled: busy,
+                  onClick: () => {
+                    setFormError(null);
+                    setUpdateProvider(null);
+                    setCreateEntry(entry);
+                  },
+                  children: "Configure"
+                }
+              )
+            ]
+          },
+          entry.id
+        )) })
+      ] }) : null
+    ] }) }),
+    /* @__PURE__ */ jsx2(
+      ConfigureWebSearchForm_default,
+      {
+        open: formOpen,
+        onOpenChange: (open) => {
+          if (!open) {
+            setFormError(null);
+            setCreateEntry(null);
+            setUpdateProvider(null);
+          }
+        },
+        onSave: isUpdate ? handleUpdate : handleCreate,
+        title: formTitle,
+        description: isUpdate ? "Update this web search provider. Leave API key blank to keep the existing key." : "Configure this web search provider. API key is never stored in the catalog.",
+        requireApiKey: !isUpdate,
+        busy,
+        error: formError
+      }
+    )
+  ] });
+};
+var WebSearchSettings_default = WebSearchSettings;
+export {
+  WebSearchSettings_default as default
+};
+//# sourceMappingURL=WebSearchSettings-BW4CWGRR.js.map

package/dist/WebSearchSettings-BW4CWGRR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/containers/SettingsBuilder/WebSearchSettings.tsx","../src/containers/SettingsBuilder/ConfigureWebSearchForm.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 { WebSearchProviderBase, WebSearchProviderCatalogEntry } from '../../server/types.js';\nimport { getErrorMessage } from '../../utils/getErrorMessage.js';\nimport { useToasterOptional } from '../ToasterContainer.js';\nimport ConfigureWebSearchForm, { type WebSearchConfigDraft } from './ConfigureWebSearchForm.js';\n\nconst WebSearchSettings = () => {\n  const { webSearchCatalog } = useCatalogServer();\n  const toaster = useToasterOptional();\n\n  const [providers, setProviders] = useState<WebSearchProviderBase[]>([]);\n  const [catalog, setCatalog] = useState<WebSearchProviderCatalogEntry[]>([]);\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<WebSearchProviderCatalogEntry | null>(null);\n  const [updateProvider, setUpdateProvider] = useState<WebSearchProviderBase | null>(null);\n\n  const refresh = useCallback(\n    async ({ quiet = false }: { quiet?: boolean } = {}) => {\n      if (!webSearchCatalog) return;\n      if (!quiet) setLoading(true);\n      setError(null);\n      try {\n        const [listed, available] = await Promise.all([\n          webSearchCatalog.listWebSearchProviders(),\n          webSearchCatalog.getWebSearchProviderCatalog(),\n        ]);\n        setProviders(listed);\n        setCatalog(available);\n      } catch (err) {\n        setError(getErrorMessage(err, 'Failed to load web search providers'));\n      } finally {\n        if (!quiet) setLoading(false);\n      }\n    },\n    [webSearchCatalog],\n  );\n\n  useEffect(() => {\n    void refresh();\n  }, [refresh]);\n\n  // Tenant/UI-wide: only one web-search 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  if (!webSearchCatalog) {\n    return <p className=\"text-sm text-text-secondary\">Web search 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: WebSearchConfigDraft) => {\n    if (!createEntry) return;\n    setFormError(null);\n    await runMutation(async () => {\n      await webSearchCatalog.createWebSearchProvider({\n        catalogId: createEntry.id,\n        name: createEntry.name,\n        type: createEntry.type,\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: WebSearchConfigDraft) => {\n    if (!updateProvider) return;\n    setFormError(null);\n    await runMutation(async () => {\n      await webSearchCatalog.updateWebSearchProvider({\n        id: updateProvider.id,\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 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 web search provider';\n\n  return (\n    <>\n      <h3 className=\"text-xl font-semibold tracking-tight text-text-primary\">Web search</h3>\n      <p className=\"mt-1 text-sm text-text-secondary\">\n        Configure a provider so agents can search the web. 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 web search 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=\"search\" 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                          <p className=\"truncate text-xs text-text-secondary\">Parallel web search</p>\n                        </div>\n                      </div>\n\n                      <div className=\"flex flex-wrap items-center gap-2.5 sm:justify-end\">\n                        <span className=\"inline-flex items-center gap-1.5 text-sm font-medium text-success-bg\">\n                          <span className=\"size-2 rounded-full bg-success-bg\" aria-hidden />\n                          Connected\n                        </span>\n                        <Button.Secondary\n                          size=\"small\"\n                          type=\"button\"\n                          disabled={busy}\n                          onClick={() => {\n                            setFormError(null);\n                            setCreateEntry(null);\n                            setUpdateProvider(provider);\n                          }}\n                        >\n                          Update\n                        </Button.Secondary>\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 web search 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=\"search\" 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                            <p className=\"truncate text-xs text-text-secondary\">Parallel web search</p>\n                          </div>\n                        </div>\n\n                        <Button.Secondary\n                          type=\"button\"\n                          disabled={busy}\n                          onClick={() => {\n                            setFormError(null);\n                            setUpdateProvider(null);\n                            setCreateEntry(entry);\n                          }}\n                        >\n                          Configure\n                        </Button.Secondary>\n                      </article>\n                    ))}\n                  </div>\n                )}\n              </section>\n            ) : null}\n          </div>\n        )}\n      </div>\n\n      <ConfigureWebSearchForm\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 web search provider. Leave API key blank to keep the existing key.'\n            : 'Configure this web search provider. API key is never stored in the catalog.'\n        }\n        requireApiKey={!isUpdate}\n        busy={busy}\n        error={formError}\n      />\n    </>\n  );\n};\n\nexport default WebSearchSettings;\n","'use client';\n\nimport { useEffect, useState, type FormEvent } from 'react';\n\nimport { auiInputClass } from '../../atoms/lib/inputClasses.js';\nimport { Button } from '../../atoms/primitives/Button.js';\nimport { CenteredModal } from '../../atoms/primitives/CenteredModal.js';\nimport { Icon } from '../../icons/Icon.js';\n\nexport type WebSearchConfigDraft = {\n  apiKey: string;\n};\n\ntype ConfigureWebSearchFormProps = {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onSave: (draft: WebSearchConfigDraft) => void | Promise<void>;\n  title: string;\n  description?: string;\n  /** When false (updates), empty apiKey means keep the existing key. */\n  requireApiKey?: boolean;\n  busy?: boolean;\n  error?: string | null;\n};\n\nconst inputClassName = auiInputClass('h-11 shadow-sm');\n\nconst ConfigureWebSearchForm = ({\n  open,\n  onOpenChange,\n  onSave,\n  title,\n  description,\n  requireApiKey = true,\n  busy = false,\n  error,\n}: ConfigureWebSearchFormProps) => {\n  const [apiKey, setApiKey] = useState('');\n\n  const resetForm = () => {\n    setApiKey('');\n  };\n\n  useEffect(() => {\n    if (!open) return;\n    setApiKey('');\n  }, [open]);\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (!nextOpen) resetForm();\n    onOpenChange(nextOpen);\n  };\n\n  const trimmedKey = apiKey.trim();\n  const isValid = !requireApiKey || !!trimmedKey;\n\n  const handleSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    if (!isValid || busy) return;\n\n    try {\n      await onSave({ apiKey: trimmedKey });\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=\"search\" 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=\"web-search-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=\"web-search-api-key\"\n              type=\"password\"\n              required={requireApiKey}\n              value={apiKey}\n              onChange={event => {\n                setApiKey(event.target.value);\n              }}\n              placeholder={requireApiKey ? 'Parallel API key' : 'Leave blank to keep existing'}\n              autoFocus\n              className={inputClassName}\n            />\n          </div>\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.Primary type=\"submit\" size=\"large\" disabled={!isValid || busy} className=\"w-full shrink-0\">\n            Save\n          </Button.Primary>\n        </div>\n      </form>\n    </CenteredModal>\n  );\n};\n\nexport default ConfigureWebSearchForm;\n"],"mappings":"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","names":["useEffect","useState","jsx","jsxs","useState","useEffect"]}

package/dist/{WidgetLayout-J7ZRW3V3.js → WidgetLayout-WIPKUIL4.js}

@@ -1,28 +1,28 @@
 "use client";
 import {
   StackChatPanel
-} from "./chunk-MB7Z5FPI.js";
-import "./chunk-7VWUB5OV.js";
-import "./chunk-VTOW2UIX.js";
+} from "./chunk-YN5ZBBQM.js";
+import "./chunk-TFQWCBFQ.js";
+import "./chunk-GHXA46A2.js";
 import {
   useWidgetVisibility
 } from "./chunk-DJUFS2BW.js";
 import "./chunk-BSIPI3KV.js";
 import {
   useSlot
-} from "./chunk-KZK2PQ4A.js";
-import "./chunk-UN7WPTTK.js";
+} from "./chunk-MLMR26WQ.js";
 import {
   CompactLayoutProvider,
   Icon,
   auiButtonClass
-} from "./chunk-KDCVFHPZ.js";
-import "./chunk-U7WONUMR.js";
+} from "./chunk-TX6PB3DY.js";
+import "./chunk-ZYJ2SBF7.js";
+import "./chunk-7S7A3PNP.js";
 import "./chunk-M6MHLVSO.js";
-import "./chunk-WFIA627Q.js";
+import "./chunk-QKFMAQ7O.js";
 import {
   cn
-} from "./chunk-NXK4XW4U.js";
+} from "./chunk-6UACSIIY.js";
 
 // src/layouts/WidgetLayout.tsx
 import { useEffect, useRef } from "react";
@@ -104,4 +104,4 @@ function WidgetLayout({ className }) {
 export {
   WidgetLayout
 };
-//# sourceMappingURL=WidgetLayout-J7ZRW3V3.js.map
+//# sourceMappingURL=WidgetLayout-WIPKUIL4.js.map