@agent-native/core 0.172.4 → 0.172.8

package/corpus/README.md

@@ -31,4 +31,4 @@ rg -n "defineAction|useActionQuery" node_modules/@agent-native/core/corpus
 
 ## Generated Counts
 
-- template files: 8592
+- template files: 8596

package/corpus/templates/analytics/changelog/2026-08-24-chat-draft-preservation.md

@@ -0,0 +1,5 @@
+---
+type: fixed
+date: 2026-08-24
+---
+Analytics chat drafts now stay in place while a new chat finishes loading.

package/corpus/templates/clips/changelog/2026-08-24-muted-microphone-start-guidance.md

@@ -0,0 +1,5 @@
+---
+type: fixed
+date: 2026-08-24
+---
+Muted microphone alerts now return you to recording setup before recording starts.

package/corpus/templates/clips/desktop/src/app.tsx

@@ -1087,8 +1087,6 @@ export function App({
   );
   const [micOn, setMicOn] = useState<boolean>(() => loadBool(MIC_ON_KEY, true));
   const [micOffConfirmOpen, setMicOffConfirmOpen] = useState(false);
-  const pendingStartOptionsRef =
-    useRef<Parameters<typeof handleStartRecording>[0]>(undefined);
   const [systemAudioOn, setSystemAudioOn] = useState<boolean>(() =>
     loadBool(SYSTEM_AUDIO_KEY, true),
   );
@@ -3591,16 +3589,14 @@ export function App({
   }, []);
 
   // Gates every start-recording gesture (button, global shortcut, permission
-  // retry) on the mic toggle. When the mic is off we hold the actual
-  // getDisplayMedia/getUserMedia call until the user confirms in
-  // micOffConfirmOpen — the confirm button's own click supplies the user
-  // activation handleStartRecording needs, same as the direct gesture would.
+  // retry) on the mic toggle. When the mic is off we show the informational
+  // mic-off screen and wait for the user to go back and change that setting
+  // before the actual getDisplayMedia/getUserMedia call runs.
   function beginRecording(
     options?: Parameters<typeof handleStartRecording>[0],
     beginOptions?: { revealPopoverIfMicOff?: boolean },
   ) {
     if (!micOn) {
-      pendingStartOptionsRef.current = options;
       if (beginOptions?.revealPopoverIfMicOff) {
         invoke("show_popover").catch(() => {});
       }
@@ -3611,21 +3607,9 @@ export function App({
   }
 
   function closeMicOffConfirmation() {
-    pendingStartOptionsRef.current = undefined;
     setMicOffConfirmOpen(false);
   }
 
-  function unmuteFromConfirmation() {
-    setMicOn(true);
-    closeMicOffConfirmation();
-  }
-
-  function continueWithoutMic() {
-    const options = pendingStartOptionsRef.current;
-    closeMicOffConfirmation();
-    void handleStartRecording(options);
-  }
-
   recordShortcutHandlerRef.current = () => {
     if (recorder) {
       emit("clips:recorder-stop").catch(() => {});
@@ -4319,11 +4303,7 @@ export function App({
   return (
     <div className="app app-recorder" ref={appRef}>
       {micOffConfirmOpen ? (
-        <MicOffConfirmation
-          onBack={closeMicOffConfirmation}
-          onUnmute={unmuteFromConfirmation}
-          onContinue={continueWithoutMic}
-        />
+        <MicOffConfirmation onBack={closeMicOffConfirmation} />
       ) : null}
 
       <div

package/corpus/templates/clips/desktop/src/components/MicOffConfirmation.tsx

@@ -1,14 +1,6 @@
 import { IconArrowLeft, IconMicrophone2 } from "@tabler/icons-react";
 
-export function MicOffConfirmation({
-  onBack,
-  onUnmute,
-  onContinue,
-}: {
-  onBack: () => void;
-  onUnmute: () => void;
-  onContinue: () => void;
-}) {
+export function MicOffConfirmation({ onBack }: { onBack: () => void }) {
   return (
     <section className="mic-off-confirmation" aria-labelledby="mic-off-title">
       <header className="mic-off-confirmation-header">
@@ -29,19 +21,10 @@ export function MicOffConfirmation({
         </div>
         <h2 id="mic-off-title">Your mic is muted</h2>
         <p>
-          To have sound in your video, you&apos;ll need to unmute your
-          microphone.
+          You can change your microphone setting and then come back to start
+          recording.
         </p>
       </div>
-
-      <footer className="mic-off-confirmation-actions">
-        <button type="button" className="secondary" onClick={onUnmute}>
-          Unmute
-        </button>
-        <button type="button" className="primary" onClick={onContinue}>
-          Continue
-        </button>
-      </footer>
     </section>
   );
 }

package/corpus/templates/clips/desktop/src/styles.css

@@ -2177,26 +2177,6 @@ body[data-clips-route="recording-pill"] #root {
   line-height: 1.55;
 }
 
-.mic-off-confirmation-actions {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 10px;
-  padding: 16px 18px 18px;
-  border-top: 1px solid var(--border);
-  background: var(--surface);
-}
-
-.mic-off-confirmation-actions .primary,
-.mic-off-confirmation-actions .secondary {
-  width: auto;
-  min-width: 0;
-  height: 42px;
-  padding: 0 12px;
-  border-radius: var(--radius);
-  font-size: 13px;
-  white-space: nowrap;
-}
-
 /* ------------------------------------------------------------------------- */
 /* Alert dialog                                                              */
 /* ------------------------------------------------------------------------- */

package/corpus/templates/factory/AGENTS.md

@@ -76,9 +76,11 @@ decisions, feedback, agent runs, and provider audit records.
 
 Rules start in shadow mode; hard guards apply. Organization automations use
 stored prompts; external mutations require durable, idempotent runs and
-provider confirmation. Use the visual editor for graph changes and agent chat
-for proposals; persist complete graphs with `save-factory-graph`. Change rules
-through triage actions, never graph JSON.
+provider confirmation. Poll and Builder/PR dispatch run only as this factory's
+scheduled job, not chat and not a workspace-owner email match; teammates may
+edit and Run now Factory jobs. Use the visual editor for graph changes and
+agent chat for proposals; persist complete graphs with `save-factory-graph`.
+Change rules through triage actions, never graph JSON.
 
 ## Source Changes
 

package/corpus/templates/factory/actions/babysit-pull-request.ts

@@ -2,6 +2,7 @@ import { defineAction } from "@agent-native/core/action";
 import { z } from "zod";
 
 import { resolveConnectorSecret } from "../server/connectors/credentials.js";
+import { requireFactoryAutomation } from "../server/lib/require-factory-automation.js";
 import {
   requireWorkspaceMember,
   workspaceMemberIdentityFromContext,
@@ -106,6 +107,11 @@ export function createBabysitPullRequestAction(
       const { userEmail, orgId } = await requireWorkspaceMember(
         workspaceMemberIdentityFromContext(context),
       );
+      await requireFactoryAutomation(
+        context,
+        { userEmail, orgId },
+        "prBabysit",
+      );
       const { comments, truncated } = await fetchComments({
         repo: input.repo,
         pullRequestNumber: input.pullRequestNumber,

package/corpus/templates/factory/actions/list-factory-automations.ts

@@ -47,7 +47,7 @@ export default defineAction({
           factoryId,
     );
     return Promise.all(
-      scoped.map(async ({ resource, name, meta, body, canUpdate }) => {
+      scoped.map(async ({ resource, name, meta, body }) => {
         const runs = await listAutomationRuns({
           owners: [resource.owner],
           automation: automationRunHistoryKey(resource.path),
@@ -72,7 +72,7 @@ export default defineAction({
             Number.isFinite(resource.updatedAt) && resource.updatedAt > 0
               ? new Date(resource.updatedAt).toISOString()
               : null,
-          canUpdate,
+          canUpdate: true,
           runs: runs.filter((run) => run.path === resource.path),
         };
       }),

package/corpus/templates/factory/actions/save-factory-automation.ts

@@ -76,11 +76,6 @@ export default defineAction({
         "Factory automation id and name do not refer to the same automation.",
       );
     }
-    if (!definition.canUpdate) {
-      throw new Error(
-        "Only the automation's creator or an organization admin can update it.",
-      );
-    }
     if (definition.meta.triggerType === "schedule" && !isValidCron(schedule)) {
       throw new Error(`Invalid cron expression "${schedule}".`);
     }

package/corpus/templates/factory/changelog/2026-08-24-slack-checking-works-for-teammate-created-factories.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-08-24
+---
+
+Slack checking now works for factories created by someone other than the deploy owner.

package/corpus/templates/factory/changelog/2026-08-24-teammates-can-edit-and-run-factory-jobs.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-08-24
+---
+
+Workspace teammates can edit and run Factory jobs, not only the person who created them.

package/corpus/templates/factory/server/lib/factory-scope.ts

@@ -352,6 +352,14 @@ export function resolveAutomationDisplayName(
   return readAutomationDisplayName(content) ?? automationName;
 }
 
+export function assignCreatedByIfMissing(
+  content: string,
+  createdBy: string,
+): string {
+  if (readFrontmatterField(content, "createdBy")) return content;
+  return setAutomationFrontmatterField(content, "createdBy", createdBy);
+}
+
 export function setAutomationFrontmatterField(
   content: string,
   key: string,

package/corpus/templates/factory/server/lib/require-factory-automation.ts

@@ -25,12 +25,6 @@ const FACTORY_AUTOMATION_NAMES = {
 
 export type FactoryAutomationRole = keyof typeof FACTORY_AUTOMATION_NAMES;
 
-function workspaceOwnerEmail(): string | undefined {
-  const email = process.env.WORKSPACE_OWNER_EMAIL?.trim().toLowerCase(); // guard:allow-env-credential - deployment owner identity, not a user credential
-  if (!email || /[\r\n]/.test(email)) return undefined;
-  return email;
-}
-
 export async function requireFactoryAutomation(
   context: ActionRunContext | undefined,
   identity: Pick<WorkspaceMemberIdentity, "userEmail" | "orgId">,
@@ -61,15 +55,13 @@ export async function requireFactoryAutomation(
       "organization",
     )
   ).find((entry) => entry.resource.id === lineage.triggerId);
-  const ownerEmail = workspaceOwnerEmail();
   if (
     !definition ||
     definition.name !== lineage.triggerName ||
     definition.meta.domain !== "factory" ||
     definition.meta.orgId !== identity.orgId ||
     definition.meta.runAs !== "creator" ||
-    !ownerEmail ||
-    definition.meta.createdBy?.trim().toLowerCase() !== ownerEmail
+    !definition.meta.createdBy?.trim()
   ) {
     throw new Error(
       "The action was not invoked by a governed Factory automation.",

package/corpus/templates/factory/server/plugins/factory-scheduler-job.ts

@@ -21,6 +21,7 @@ import { triageConfig } from "../db/schema.js";
 import { repairFactoryAutomationsFromConfig } from "../lib/factory-automation-repair.js";
 import {
   DEFAULT_FACTORY_ID,
+  assignCreatedByIfMissing,
   factoryAutomationJobPath,
   factoryConfigRowId,
   patchAutomationResource,
@@ -541,7 +542,7 @@ export async function ensureFactoryAutomations(
       repaired = setFrontmatterField(repaired, "appId", "factory");
       repaired = setFrontmatterField(repaired, "orgId", orgId);
       repaired = setFrontmatterField(repaired, "factoryId", factoryId);
-      repaired = setFrontmatterField(repaired, "createdBy", ownerEmail);
+      repaired = assignCreatedByIfMissing(repaired, ownerEmail);
       repaired = setFrontmatterField(repaired, "runAs", "creator");
       if (!frontmatterField(repaired, "model")) {
         repaired = setFrontmatterField(repaired, "model", seed.model);

package/dist/automations/service.d.ts

@@ -67,6 +67,12 @@ export interface UpdateAutomationInput {
  * automation classifier.
  */
 export declare function canUpdateAutomationResource(actorInput: AutomationActor, resource: Resource): Promise<boolean>;
+/**
+ * Factory is a shared team workspace: any current org member may queue Run now
+ * for that app's Factory-domain org jobs. Mail/CRM and other automations stay
+ * on creator-or-admin `canUpdate`.
+ */
+export declare function canQueueAutomationRunNow(actorInput: AutomationActor, resource: Resource, scope: AutomationScope): Promise<boolean>;
 export declare function listAutomationDefinitions(actorInput: AutomationActor, scope: AutomationScope): Promise<AutomationDefinition[]>;
 export declare function defineAutomation(actorInput: AutomationActor, input: DefineAutomationInput): Promise<DefinedAutomation>;
 export declare function updateAutomation(actorInput: AutomationActor, input: UpdateAutomationInput): Promise<AutomationDefinition>;

package/dist/automations/service.js

@@ -108,6 +108,26 @@ export async function canUpdateAutomationResource(actorInput, resource) {
         return false;
     return (await mutationAccess(actor, resource, meta)).canUpdate;
 }
+/**
+ * Factory is a shared team workspace: any current org member may queue Run now
+ * for that app's Factory-domain org jobs. Mail/CRM and other automations stay
+ * on creator-or-admin `canUpdate`.
+ */
+export async function canQueueAutomationRunNow(actorInput, resource, scope) {
+    const { meta } = parseJobResource(resource.content);
+    const actor = normalizeActor(actorInput);
+    if (!jobBelongsToApp(meta, actor.appId))
+        return false;
+    const access = await mutationAccess(actor, resource, meta);
+    if (access.canUpdate)
+        return true;
+    const resourceOrgId = organizationIdFromResourceOwner(resource.owner);
+    return (scope === "organization" &&
+        Boolean(resourceOrgId) &&
+        actor.orgId === resourceOrgId &&
+        actor.appId === "factory" &&
+        meta.domain === "factory");
+}
 function assertExplicitAutomation(resource) {
     const parsed = parseJobResource(resource.content);
     if (parsed.classification.kind !== "automation") {

package/dist/client/AssistantChat.js

@@ -1458,7 +1458,7 @@ const AssistantChatInner = forwardRef(function AssistantChatInner({ emptyStateTe
     // Cleared on the next message send.
     const [composerError, setComposerError] = useState(null);
     const [composerText, setComposerText] = useState("");
-    const composerDraftScope = threadId || tabId;
+    const composerDraftScope = tabId || threadId;
     const initialComposerText = useMemo(() => readAssistantChatComposerDraft(composerDraftScope), [composerDraftScope]);
     const handleComposerTextChange = useCallback((text) => {
         setComposerText(text);

package/dist/client/settings/SettingsPanel.js

@@ -12,6 +12,7 @@ import { AgentWorkspaceContent } from "../agent-page/AgentWorkspaceContent.js";
 import { AGENT_PROVIDER_CATALOG, getAgentProviderOption, providerIdForEngine, } from "../agent-provider-catalog.js";
 import { agentNativePath } from "../api-path.js";
 import { BuilderBMark } from "../builder-mark.js";
+import { fetchAgentEngineStatus, fetchEnvironmentStatus, } from "../client-status-requests.js";
 import { Popover, PopoverContent, PopoverTrigger, } from "../components/ui/popover.js";
 import { Tooltip, TooltipContent, TooltipTrigger, } from "../components/ui/tooltip.js";
 import { useT } from "../i18n.js";
@@ -332,7 +333,7 @@ const PROVIDER_DOCS = {
     "ai-sdk:mistral": "https://console.mistral.ai/api-keys/",
     "ai-sdk:cohere": "https://dashboard.cohere.com/api-keys",
 };
-function LLMSectionInner({ builderFlow, builderLoading, connectUrl, connected, orgName, envManaged, credentialSource, grouped = false, open, onToggle, }) {
+function LLMSectionInner({ builderFlow, builderLoading, builderStatusAvailable, connectUrl, connected, orgName, envManaged, credentialSource, grouped = false, open, onToggle, }) {
     const isPage = useSettingsSurface() === "page";
     const t = useT();
     const [envKeys, setEnvKeys] = useState([]);
@@ -354,24 +355,40 @@ function LLMSectionInner({ builderFlow, builderLoading, connectUrl, connected, o
     const [testResult, setTestResult] = useState(null);
     const [settingsStatus, setSettingsStatus] = useState(null);
     const [disconnectError, setDisconnectError] = useState(null);
-    const [envLoaded, setEnvLoaded] = useState(false);
+    const [envProbeAvailable, setEnvProbeAvailable] = useState(false);
     const [enginesLoaded, setEnginesLoaded] = useState(false);
-    const [statusLoaded, setStatusLoaded] = useState(false);
-    const initialLoading = !envLoaded || !enginesLoaded || !statusLoaded || !!builderLoading;
-    useEffect(() => {
-        fetch(agentNativePath("/_agent-native/env-status"))
-            .then((r) => (r.ok ? r.json() : []))
-            .then(setEnvKeys)
-            .catch(() => { })
-            .finally(() => setEnvLoaded(true));
-    }, [saved]);
+    const [statusProbeAvailable, setStatusProbeAvailable] = useState(false);
+    const probeGenerationRef = useRef({ env: 0, status: 0 });
+    const initialLoading = !enginesLoaded || !!builderLoading;
+    const refreshEnvKeys = useCallback(() => {
+        const generation = ++probeGenerationRef.current.env;
+        setEnvProbeAvailable(false);
+        setEnvKeys([]);
+        void fetchEnvironmentStatus().then((result) => {
+            if (generation !== probeGenerationRef.current.env)
+                return;
+            if (result.state !== "available" || !Array.isArray(result.value)) {
+                return;
+            }
+            setEnvKeys(result.value);
+            setEnvProbeAvailable(true);
+        });
+    }, []);
     const notifyConfigChanged = useCallback(() => {
         window.dispatchEvent(new CustomEvent("agent-engine:configured-changed"));
     }, []);
     const refreshSettingsStatus = useCallback(() => {
-        fetch(agentNativePath("/_agent-native/agent-engine/status"))
-            .then((r) => (r.ok ? r.json() : null))
-            .then((data) => {
+        const generation = ++probeGenerationRef.current.status;
+        setStatusProbeAvailable(false);
+        setSettingsStatus(null);
+        setBaseUrlConfigured(false);
+        void fetchAgentEngineStatus()
+            .then((result) => {
+            if (generation !== probeGenerationRef.current.status)
+                return;
+            if (result.state !== "available")
+                return;
+            const data = result.value;
             setBaseUrlConfigured(Boolean(data?.openAiBaseUrlConfigured));
             if (data?.configured &&
                 typeof data.engine === "string" &&
@@ -387,13 +404,34 @@ function LLMSectionInner({ builderFlow, builderLoading, connectUrl, connected, o
             else {
                 setSettingsStatus(null);
             }
+            setStatusProbeAvailable(true);
         })
-            .catch(() => { })
-            .finally(() => setStatusLoaded(true));
+            .catch(() => { });
     }, []);
+    useEffect(() => {
+        refreshEnvKeys();
+    }, [refreshEnvKeys]);
     useEffect(() => {
         refreshSettingsStatus();
     }, [refreshSettingsStatus]);
+    useEffect(() => {
+        const refresh = () => {
+            refreshEnvKeys();
+            refreshSettingsStatus();
+        };
+        window.addEventListener("agent-engine:configured-changed", refresh);
+        window.addEventListener("focus", refresh);
+        const onVisibilityChange = () => {
+            if (document.visibilityState === "visible")
+                refresh();
+        };
+        document.addEventListener("visibilitychange", onVisibilityChange);
+        return () => {
+            window.removeEventListener("agent-engine:configured-changed", refresh);
+            window.removeEventListener("focus", refresh);
+            document.removeEventListener("visibilitychange", onVisibilityChange);
+        };
+    }, [refreshEnvKeys, refreshSettingsStatus]);
     useEffect(() => {
         callAction("manage-agent-engine", { action: "list" })
             .then((data) => {
@@ -441,14 +479,21 @@ function LLMSectionInner({ builderFlow, builderLoading, connectUrl, connected, o
         }
         return configured;
     }, [envKeys, settingsStatus]);
-    const builderConnected = connected || builderFlow.configured;
-    const anyKeyConfigured = builderConnected ||
-        (selectedEnginePackageInstalled &&
-            (envConfigured || settingsConfigured || configuredProviderIds.size > 0));
+    const builderConnected = builderStatusAvailable && (connected || builderFlow.configured);
+    const configurationKnown = envProbeAvailable && statusProbeAvailable;
+    const builderEngineSelected = selectedEngine === "builder";
+    const selectedConfigurationKnown = builderEngineSelected
+        ? builderStatusAvailable
+        : configurationKnown;
+    const anyKeyConfigured = (builderEngineSelected && builderConnected) ||
+        (!builderEngineSelected &&
+            configurationKnown &&
+            selectedEnginePackageInstalled &&
+            (envConfigured || settingsConfigured));
     const sourceBadge = computeSourceBadge({
-        settingsConfigured,
-        settingsStatus,
-        envConfigured,
+        settingsConfigured: configurationKnown && settingsConfigured,
+        settingsStatus: configurationKnown ? settingsStatus : null,
+        envConfigured: configurationKnown && envConfigured,
         envVar,
         builderConnected,
     });
@@ -479,7 +524,6 @@ function LLMSectionInner({ builderFlow, builderLoading, connectUrl, connected, o
                 setBaseUrlConfigured(true);
             if (clearBaseUrl)
                 setBaseUrlConfigured(false);
-            refreshSettingsStatus();
             notifyConfigChanged();
             setTimeout(() => setSaved(false), 2000);
         }
@@ -496,7 +540,6 @@ function LLMSectionInner({ builderFlow, builderLoading, connectUrl, connected, o
             if (res.ok) {
                 setTestResult(null);
                 setApplyNote(false);
-                refreshSettingsStatus();
                 notifyConfigChanged();
                 return;
             }
@@ -560,7 +603,6 @@ function LLMSectionInner({ builderFlow, builderLoading, connectUrl, connected, o
             setCurrentEngine(selectedEngine);
             setCurrentModel(selectedModel);
             setApplyNote(true);
-            refreshSettingsStatus();
             notifyConfigChanged();
             setTimeout(() => setApplyNote(false), 4000);
         }
@@ -568,7 +610,9 @@ function LLMSectionInner({ builderFlow, builderLoading, connectUrl, connected, o
             setApplyError(err instanceof Error ? err.message : String(err));
         }
     };
-    return (_jsx(SettingsSection, { id: settingsSectionDomId("llm"), icon: _jsx(IconBrain, { size: 14 }), title: "LLM", required: true, connected: initialLoading ? undefined : anyKeyConfigured, subtitle: isPage
+    return (_jsx(SettingsSection, { id: settingsSectionDomId("llm"), icon: _jsx(IconBrain, { size: 14 }), title: "LLM", required: true, connected: initialLoading || !selectedConfigurationKnown
+            ? undefined
+            : anyKeyConfigured, subtitle: isPage
             ? undefined
             : t("agentPanel.builderOrOwnKeys", {
                 defaultValue: "Choose Builder.io or custom keys.",
@@ -576,11 +620,11 @@ function LLMSectionInner({ builderFlow, builderLoading, connectUrl, connected, o
                 ? "flex items-center justify-between gap-4 px-5 py-4 sm:px-6"
                 : "flex items-center justify-between gap-2"), children: [isPage && (_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-foreground", children: "AI provider" }), _jsx("p", { className: "mt-1 text-sm leading-6 text-muted-foreground", children: t("agentPanel.builderOrOwnKeys", {
                                 defaultValue: "Choose Builder.io or custom keys.",
-                            }) })] })), _jsxs("div", { className: cn("flex flex-wrap items-center justify-end gap-2"), children: [!anyKeyConfigured && (_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "llm_settings", trackingFlow: "connect_llm", label: "Connect Builder.io", compact: true })), _jsx(ManualSetupCard, { id: "llm-manual-setup", title: "Custom keys", hint: manualSetupHint, sourceBadge: builderConnected ? undefined : sourceBadge, bare: isPage, popover: true, popoverLabel: settingsConfigured
+                            }) })] })), _jsxs("div", { className: cn("flex flex-wrap items-center justify-end gap-2"), children: [selectedConfigurationKnown && !anyKeyConfigured && (_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: builderConnected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "llm_settings", trackingFlow: "connect_llm", label: "Connect Builder.io", compact: true })), _jsx(ManualSetupCard, { id: "llm-manual-setup", title: "Custom keys", hint: manualSetupHint, sourceBadge: builderConnected ? undefined : sourceBadge, bare: isPage, popover: true, popoverLabel: settingsConfigured
                                 ? "Manage"
                                 : t("agentPanel.addOwnKeys", {
                                     defaultValue: "Custom keys",
-                                }), summaryContent: anyKeyConfigured ? (_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "llm_settings", trackingFlow: "connect_llm", label: "Connect Builder.io" })) : undefined, children: _jsxs("div", { className: "space-y-2 mb-1", children: [_jsx(AgentProviderPicker, { value: selectedProvider, configuredProviders: configuredProviderIds, layout: isPage ? "page" : "compact", onChange: (provider) => {
+                                }), summaryContent: selectedConfigurationKnown && anyKeyConfigured ? (_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: builderConnected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "llm_settings", trackingFlow: "connect_llm", label: "Connect Builder.io" })) : undefined, children: _jsxs("div", { className: "space-y-2 mb-1", children: [_jsx(AgentProviderPicker, { value: selectedProvider, configuredProviders: configurationKnown ? configuredProviderIds : undefined, layout: isPage ? "page" : "compact", onChange: (provider) => {
                                             const option = getAgentProviderOption(provider);
                                             setSelectedEngine(option.engine);
                                             setSelectedModel(option.defaultModel);
@@ -611,7 +655,9 @@ function LLMSectionInner({ builderFlow, builderLoading, connectUrl, connected, o
                                                 : `${envVar} configured`] })) : envVar ? (_jsxs("div", { className: "flex gap-1.5", children: [_jsx("input", { type: "password", value: apiKey, onChange: (e) => setApiKey(e.target.value), onKeyDown: (e) => {
                                                     if (e.key === "Enter")
                                                         handleSave();
-                                                }, placeholder: PROVIDER_ENV_PLACEHOLDERS[envVar] ?? "...", className: cn(textInputClass(isPage), "flex-1"), style: isPage ? CONTROL_STYLE_PAGE : undefined }), _jsx(Button, { intent: "primary", emphasis: "solid", onClick: handleSave, disabled: !providerSettingsChanged || saving, className: pillButtonClass(isPage, "solid"), children: saving ? (_jsx(IconLoader2, { size: isPage ? 14 : 10, className: "animate-spin" })) : saved ? (_jsx(IconCheck, { size: isPage ? 14 : 10 })) : ("Save") })] })) : null, _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { intent: "neutral", emphasis: "outline", onClick: handleTest, disabled: testing, className: pillButtonClass(isPage, "outline"), children: testing ? (_jsxs("span", { className: "flex items-center gap-1", children: [_jsx(IconLoader2, { size: isPage ? 14 : 10, className: "animate-spin" }), "Testing\u2026"] })) : ("Test") }), PROVIDER_DOCS[selectedEngine] ? (_jsxs("a", { href: PROVIDER_DOCS[selectedEngine], target: "_blank", rel: "noopener noreferrer", className: cn(pillButtonClass(isPage, "outline"), "no-underline"), children: ["Get an API key", _jsx(IconExternalLink, { size: isPage ? 14 : 10 })] })) : null, engineChanged && (_jsx(Button, { intent: "primary", emphasis: "solid", onClick: handleApply, className: pillButtonClass(isPage, "solid"), children: "Apply" })), settingsStatus != null && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { intent: "danger", emphasis: "outline", onClick: handleDisconnect, className: cn(pillButtonClass(isPage, "outline"), "ms-auto text-muted-foreground hover:bg-destructive/10 hover:text-destructive hover:border-destructive/40"), children: "Disconnect" }) }), _jsx(TooltipContent, { children: "Clear the saved engine \u2014 the app will fall back to the default until you re-apply." })] }))] }), testResult && testResult.ok && (_jsxs("p", { className: cn("flex items-center gap-1 text-primary", isPage ? "text-xs" : "text-[10px]"), children: [_jsx(IconCheck, { size: isPage ? 14 : 10 }), "Test passed \u2014 ", testResult.latencyMs, "ms"] })), testResult && testResult.ok === false && (_jsxs("p", { className: cn("text-destructive", isPage ? "text-xs" : "text-[10px]"), children: ["Test failed: ", testResult.error] })), disconnectError && (_jsxs("p", { className: cn("text-destructive", isPage ? "text-xs" : "text-[10px]"), children: ["Disconnect failed: ", disconnectError] })), applyError && (_jsxs("p", { className: cn("text-destructive", isPage ? "text-xs" : "text-[10px]"), children: ["Apply failed: ", applyError] })), applyNote && (_jsx("p", { className: cn("text-muted-foreground", isPage ? "text-xs" : "text-[10px]"), children: "Changes take effect on next conversation" }))] }) })] })] })) }));
+                                                }, placeholder: PROVIDER_ENV_PLACEHOLDERS[envVar] ?? "...", className: cn(textInputClass(isPage), "flex-1"), style: isPage ? CONTROL_STYLE_PAGE : undefined }), _jsx(Button, { intent: "primary", emphasis: "solid", onClick: handleSave, disabled: !providerSettingsChanged || saving, className: pillButtonClass(isPage, "solid"), children: saving ? (_jsx(IconLoader2, { size: isPage ? 14 : 10, className: "animate-spin" })) : saved ? (_jsx(IconCheck, { size: isPage ? 14 : 10 })) : ("Save") })] })) : null, _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { intent: "neutral", emphasis: "outline", onClick: handleTest, disabled: testing ||
+                                                    !selectedConfigurationKnown ||
+                                                    !anyKeyConfigured, className: pillButtonClass(isPage, "outline"), children: testing ? (_jsxs("span", { className: "flex items-center gap-1", children: [_jsx(IconLoader2, { size: isPage ? 14 : 10, className: "animate-spin" }), "Testing\u2026"] })) : ("Test") }), PROVIDER_DOCS[selectedEngine] ? (_jsxs("a", { href: PROVIDER_DOCS[selectedEngine], target: "_blank", rel: "noopener noreferrer", className: cn(pillButtonClass(isPage, "outline"), "no-underline"), children: ["Get an API key", _jsx(IconExternalLink, { size: isPage ? 14 : 10 })] })) : null, engineChanged && (_jsx(Button, { intent: "primary", emphasis: "solid", onClick: handleApply, className: pillButtonClass(isPage, "solid"), children: "Apply" })), settingsStatus != null && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { intent: "danger", emphasis: "outline", onClick: handleDisconnect, className: cn(pillButtonClass(isPage, "outline"), "ms-auto text-muted-foreground hover:bg-destructive/10 hover:text-destructive hover:border-destructive/40"), children: "Disconnect" }) }), _jsx(TooltipContent, { children: "Clear the saved engine \u2014 the app will fall back to the default until you re-apply." })] }))] }), testResult && testResult.ok && (_jsxs("p", { className: cn("flex items-center gap-1 text-primary", isPage ? "text-xs" : "text-[10px]"), children: [_jsx(IconCheck, { size: isPage ? 14 : 10 }), "Test passed \u2014 ", testResult.latencyMs, "ms"] })), testResult && testResult.ok === false && (_jsxs("p", { className: cn("text-destructive", isPage ? "text-xs" : "text-[10px]"), children: ["Test failed: ", testResult.error] })), disconnectError && (_jsxs("p", { className: cn("text-destructive", isPage ? "text-xs" : "text-[10px]"), children: ["Disconnect failed: ", disconnectError] })), applyError && (_jsxs("p", { className: cn("text-destructive", isPage ? "text-xs" : "text-[10px]"), children: ["Apply failed: ", applyError] })), applyNote && (_jsx("p", { className: cn("text-muted-foreground", isPage ? "text-xs" : "text-[10px]"), children: "Changes take effect on next conversation" }))] }) })] })] })) }));
 }
 function friendlyAppName(appId) {
     return appId
@@ -1056,10 +1102,11 @@ function CapabilityStatusStrip({ isDevMode, builderConnected, builderLoading, bu
     return (_jsxs("div", { className: "rounded-md border border-border bg-muted/20 px-2.5 py-2", children: [_jsx("div", { className: "mb-1.5 text-[10px] font-medium text-muted-foreground", children: "Available now" }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(CapabilityStatusRow, { label: "App", value: "Chat + actions", active: true }), _jsx(CapabilityStatusRow, { label: "Code", value: codeLabel, active: codeAvailable }), _jsx(CapabilityStatusRow, { label: "Builder", active: builderConnected, value: builderLoading ? (_jsx(Skeleton, { className: "h-3 w-16" })) : builderConnected ? ("Connected") : (_jsx(Button, { type: "button", intent: "neutral", emphasis: "outline", onClick: onOpenLlm, className: "rounded border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground transition-colors hover:bg-accent/40 hover:text-foreground", children: "Connect" })) })] })] }));
 }
 function SettingsPanelContent({ isDevMode, initialSection, sectionRequestKey, sections = ALL_SETTINGS_SECTIONS, showCapabilityStrip = true, className, surface = "sidebar", builderConnectionOwnedExternally = false, agentAdditionalContent, }) {
-    const { status: builder, loading: builderLoading } = useBuilderStatus({
+    const { status: builder, loading: builderLoading, stale: builderStatusStale, } = useBuilderStatus({
         enabled: !builderConnectionOwnedExternally,
     });
     const connected = builder?.configured ?? false;
+    const builderStatusAvailable = !builderLoading && !builderStatusStale && builder != null;
     const connectUrl = builder?.connectUrl;
     const orgName = builder?.orgName;
     const envManaged = !!builder?.envManaged;
@@ -1088,7 +1135,7 @@ function SettingsPanelContent({ isDevMode, initialSection, sectionRequestKey, se
     const isPage = surface === "page";
     const isWorkspacePage = isPage && sections.includes("hosting");
     return (_jsx(SettingsSurfaceProvider, { surface: surface, children: _jsxs("div", { className: cn(isPage ? "space-y-8" : "flex-1 min-h-0 overflow-y-auto p-3 space-y-2", className), style: isPage ? undefined : { overflowY: "auto" }, children: [showCapabilityStrip && (_jsx(CapabilityStatusStrip, { isDevMode: isDevMode, builderConnected: connected, builderLoading: builderLoading, builderBranchesAvailable: builderBranchesAvailable, onOpenLlm: () => openSettingsSection("llm", true) })), isPage &&
-                    ["llm", "app-models", "limits", "voice"].some((section) => shouldShowSection(section)) && (_jsxs(SettingsGroup, { title: "Agent", children: [shouldShowSection("llm") && (_jsx(LLMSectionInner, { builderFlow: builderFlow, builderLoading: builderLoading, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, grouped: true, open: openSection === "llm", onToggle: () => toggle("llm") })), shouldShowSection("app-models") && (_jsx(AppModelDefaultsSectionInner, { grouped: true, open: openSection === "app-models", onToggle: () => toggle("app-models") })), shouldShowSection("limits") && (_jsx(AgentLimitsSectionInner, { grouped: true, open: openSection === "limits", onToggle: () => toggle("limits") })), shouldShowSection("voice") && (_jsx(SettingsSection, { id: settingsSectionDomId("voice"), icon: _jsx(IconMicrophone, { size: 14 }), title: "Voice Transcription", subtitle: "Choose how voice input is transcribed.", grouped: true, flat: true, open: openSection === "voice", onToggle: () => toggle("voice"), children: _jsx(VoiceTranscriptionSection, { compact: true }) }))] })), isPage && agentAdditionalContent ? (_jsx(SettingsGroup, { title: "Notifications", children: agentAdditionalContent })) : null, isPage &&
+                    ["llm", "app-models", "limits", "voice"].some((section) => shouldShowSection(section)) && (_jsxs(SettingsGroup, { title: "Agent", children: [shouldShowSection("llm") && (_jsx(LLMSectionInner, { builderFlow: builderFlow, builderLoading: builderLoading, builderStatusAvailable: builderStatusAvailable, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, grouped: true, open: openSection === "llm", onToggle: () => toggle("llm") })), shouldShowSection("app-models") && (_jsx(AppModelDefaultsSectionInner, { grouped: true, open: openSection === "app-models", onToggle: () => toggle("app-models") })), shouldShowSection("limits") && (_jsx(AgentLimitsSectionInner, { grouped: true, open: openSection === "limits", onToggle: () => toggle("limits") })), shouldShowSection("voice") && (_jsx(SettingsSection, { id: settingsSectionDomId("voice"), icon: _jsx(IconMicrophone, { size: 14 }), title: "Voice Transcription", subtitle: "Choose how voice input is transcribed.", grouped: true, flat: true, open: openSection === "voice", onToggle: () => toggle("voice"), children: _jsx(VoiceTranscriptionSection, { compact: true }) }))] })), isPage && agentAdditionalContent ? (_jsx(SettingsGroup, { title: "Notifications", children: agentAdditionalContent })) : null, isPage &&
                     ["automations", "background"].some((section) => shouldShowSection(section)) && (_jsxs(SettingsGroup, { title: "Agent workflows", children: [shouldShowSection("automations") && (_jsx(SettingsSection, { id: settingsSectionDomId("automations"), icon: _jsx(IconBolt, { size: 14 }), title: "Automations", subtitle: "Scheduled and event-triggered agent tasks.", grouped: true, flat: true, open: openSection === "automations", onToggle: () => toggle("automations"), children: _jsx(SettingsRow, { label: "Automations", description: "Schedule agent tasks or run them from events.", control: _jsxs("a", { href: "/settings/agent/automations", className: "inline-flex items-center gap-1 rounded-md border border-border px-3 py-1.5 text-sm font-medium text-foreground no-underline transition-colors hover:bg-accent/40", children: ["Open automations", _jsx(IconExternalLink, { size: 14 })] }) }) })), shouldShowSection("background") && (_jsx(SettingsSection, { id: settingsSectionDomId("background"), icon: _jsx(IconGitBranch, { size: 14 }), title: "Background Agent", subtitle: "Make code changes from production mode via Builder.", grouped: true, flat: true, connected: connected, open: openSection === "background", onToggle: () => toggle("background"), children: _jsx(SettingsRow, { label: "Background agent", description: "Make code changes from production mode via Builder.", control: _jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "background_agent_settings", trackingFlow: "background_agent", compact: true }) }) }))] })), isWorkspacePage && (_jsxs(SettingsGroup, { title: "Workspace", children: [shouldShowSection("demo-mode") && (_jsx(SettingsRow, { id: settingsSectionDomId("demo-mode"), label: "Demo mode", description: "Use sample data in this browser for presentations.", control: _jsx(DemoModeSection, { compact: true }) })), shouldShowSection("hosting") && (_jsx(SettingsRow, { id: settingsSectionDomId("hosting"), label: "Hosting", description: "Deploy the app to the cloud.", control: _jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [!connected && (_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "hosting_settings", trackingFlow: "hosting", compact: true })), _jsx(ManualSetupCard, { title: "Set up manually", hint: "Deploy manually to Netlify, Vercel, Cloudflare, or any Nitro-supported target.", docsUrl: docsUrl("deployment", {
                                             campaign: "onboarding",
                                             content: "deployment_settings",
@@ -1101,7 +1148,7 @@ function SettingsPanelContent({ isDevMode, initialSection, sectionRequestKey, se
                                         }), dim: connected, bare: true, popover: true, popoverLabel: "Manage", summaryContent: connected ? (_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "file_upload_settings", trackingFlow: "file_upload" })) : undefined, children: _jsx(FileStorageSettingsForm, {}) })] }) })), shouldShowSection("auth") && (_jsx(SettingsRow, { id: settingsSectionDomId("auth"), label: "Authentication", description: "Set up sign-in and access control.", control: _jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [!connected && (_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "auth_settings", trackingFlow: "auth", compact: true })), _jsx(ManualSetupCard, { title: "Set up manually", hint: "Configure Better Auth and optional Google or GitHub providers.", docsUrl: docsUrl("authentication", {
                                             campaign: "onboarding",
                                             content: "authentication_settings",
-                                        }), dim: connected, bare: true, popover: true, popoverLabel: "Manage", summaryContent: connected ? (_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "auth_settings", trackingFlow: "auth" })) : undefined })] }) }))] })), !isPage && shouldShowSection("llm") && (_jsx(LLMSectionInner, { builderFlow: builderFlow, builderLoading: builderLoading, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, open: openSection === "llm", onToggle: () => toggle("llm") })), !isPage && shouldShowSection("app-models") && (_jsx(AppModelDefaultsSectionInner, { open: openSection === "app-models", onToggle: () => toggle("app-models") })), !isPage && shouldShowSection("limits") && (_jsx(AgentLimitsSectionInner, { open: openSection === "limits", onToggle: () => toggle("limits") })), !isPage && shouldShowSection("voice") && (_jsx(SettingsSection, { id: settingsSectionDomId("voice"), icon: _jsx(IconMicrophone, { size: 14 }), title: "Voice Transcription", subtitle: "How the composer microphone turns your voice into text.", flat: true, open: openSection === "voice", onToggle: () => toggle("voice"), children: _jsx(VoiceTranscriptionSection, {}) })), !isPage && shouldShowSection("demo-mode") && (_jsx(SettingsSection, { id: settingsSectionDomId("demo-mode"), icon: _jsx(IconEyeOff, { size: 14 }), title: "Demo mode", subtitle: "Replace displayed emails with realistic fake data in this browser and reshape supported charts for presentations. Backend, agent integrations, and agent results stay real and access-scoped.", flat: true, open: openSection === "demo-mode", onToggle: () => toggle("demo-mode"), children: _jsx(DemoModeSection, {}) })), !isPage && shouldShowSection("automations") && (_jsx(SettingsSection, { id: settingsSectionDomId("automations"), icon: _jsx(IconBolt, { size: 14 }), title: "Automations", subtitle: "Scheduled and event-triggered agent tasks.", flat: true, open: openSection === "automations", onToggle: () => toggle("automations"), children: _jsx(AutomationsSection, {}) })), shouldShowSection("secrets") && (_jsx(SettingsSection, { id: settingsSectionDomId("secrets"), icon: _jsx(IconKey, { size: 14 }), title: "API keys", subtitle: "Service credentials and automation keys.", flat: true, open: openSection === "secrets", onToggle: () => toggle("secrets"), children: _jsx(SecretsSection, { focusKey: focusSecretKey }) })), !isPage && shouldShowSection("hosting") && (_jsx(SettingsSection, { id: settingsSectionDomId("hosting"), icon: _jsx(IconCloud, { size: 14 }), title: "Hosting", subtitle: "Deploy your app to the cloud.", flat: true, 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, credentialSource: credentialSource, trackingSource: "hosting_settings", trackingFlow: "hosting" }), _jsx(ManualSetupCard, { hint: "Deploy manually to Netlify, Vercel, Cloudflare, or any Nitro-supported target.", docsUrl: docsUrl("deployment", {
+                                        }), dim: connected, bare: true, popover: true, popoverLabel: "Manage", summaryContent: connected ? (_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "auth_settings", trackingFlow: "auth" })) : undefined })] }) }))] })), !isPage && shouldShowSection("llm") && (_jsx(LLMSectionInner, { builderFlow: builderFlow, builderLoading: builderLoading, builderStatusAvailable: builderStatusAvailable, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, open: openSection === "llm", onToggle: () => toggle("llm") })), !isPage && shouldShowSection("app-models") && (_jsx(AppModelDefaultsSectionInner, { open: openSection === "app-models", onToggle: () => toggle("app-models") })), !isPage && shouldShowSection("limits") && (_jsx(AgentLimitsSectionInner, { open: openSection === "limits", onToggle: () => toggle("limits") })), !isPage && shouldShowSection("voice") && (_jsx(SettingsSection, { id: settingsSectionDomId("voice"), icon: _jsx(IconMicrophone, { size: 14 }), title: "Voice Transcription", subtitle: "How the composer microphone turns your voice into text.", flat: true, open: openSection === "voice", onToggle: () => toggle("voice"), children: _jsx(VoiceTranscriptionSection, {}) })), !isPage && shouldShowSection("demo-mode") && (_jsx(SettingsSection, { id: settingsSectionDomId("demo-mode"), icon: _jsx(IconEyeOff, { size: 14 }), title: "Demo mode", subtitle: "Replace displayed emails with realistic fake data in this browser and reshape supported charts for presentations. Backend, agent integrations, and agent results stay real and access-scoped.", flat: true, open: openSection === "demo-mode", onToggle: () => toggle("demo-mode"), children: _jsx(DemoModeSection, {}) })), !isPage && shouldShowSection("automations") && (_jsx(SettingsSection, { id: settingsSectionDomId("automations"), icon: _jsx(IconBolt, { size: 14 }), title: "Automations", subtitle: "Scheduled and event-triggered agent tasks.", flat: true, open: openSection === "automations", onToggle: () => toggle("automations"), children: _jsx(AutomationsSection, {}) })), shouldShowSection("secrets") && (_jsx(SettingsSection, { id: settingsSectionDomId("secrets"), icon: _jsx(IconKey, { size: 14 }), title: "API keys", subtitle: "Service credentials and automation keys.", flat: true, open: openSection === "secrets", onToggle: () => toggle("secrets"), children: _jsx(SecretsSection, { focusKey: focusSecretKey }) })), !isPage && shouldShowSection("hosting") && (_jsx(SettingsSection, { id: settingsSectionDomId("hosting"), icon: _jsx(IconCloud, { size: 14 }), title: "Hosting", subtitle: "Deploy your app to the cloud.", flat: true, 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, credentialSource: credentialSource, trackingSource: "hosting_settings", trackingFlow: "hosting" }), _jsx(ManualSetupCard, { hint: "Deploy manually to Netlify, Vercel, Cloudflare, or any Nitro-supported target.", docsUrl: docsUrl("deployment", {
                                     campaign: "onboarding",
                                     content: "deployment_settings",
                                 }), dim: connected })] }) })), !isPage && shouldShowSection("database") && (_jsx(SettingsSection, { id: settingsSectionDomId("database"), icon: _jsx(IconDatabase, { size: 14 }), title: "Database", subtitle: "Connect a cloud database for persistent storage.", flat: true, 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, credentialSource: credentialSource, trackingSource: "database_settings", trackingFlow: "database" }), _jsx(ManualSetupCard, { hint: "Set DATABASE_URL in your .env to connect Neon, Supabase, Turso, any Postgres/SQLite database, or local PGlite with pglite:./data/pglite.", docsUrl: docsUrl("database", {