@agent-native/core 0.130.2 → 0.131.3

package/dist/client/settings/AutomationsSection.js

@@ -1,177 +1,18 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from "@agent-native/toolkit/ui/button";
-import { IconBolt, IconClock, IconEye, IconLoader2, IconPlayerPause, IconPlayerPlay, IconPlus, IconTrash, } from "@tabler/icons-react";
-import { useCallback, useState } from "react";
-import { sendToAgentChat } from "../agent-chat.js";
-import { AgentEmptyState } from "../agent-page/AgentEmptyState.js";
-import { useAutomations, useManageAutomation, } from "../agent-page/use-jobs.js";
-import { AgentAskPopover } from "../AgentAskPopover.js";
-import { agentNativePath } from "../api-path.js";
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "../components/ui/dialog.js";
-import { Popover, PopoverContent, PopoverTrigger, } from "../components/ui/popover.js";
-import { PromptComposer } from "../composer/index.js";
-import { useFormatters, useT } from "../i18n.js";
+import { IconArrowRight, IconBolt, IconClock } from "@tabler/icons-react";
+import { Link } from "react-router";
+import { useT } from "../i18n.js";
 export const AUTOMATION_CREATION_SCOPE = "personal";
 export function automationCreationContext() {
     return `The user wants to create a new ${AUTOMATION_CREATION_SCOPE} automation. Use manage-automations with action=define to create it. Ask clarifying questions if needed about what event to trigger on, conditions, and what actions to take.`;
 }
-export function AutomationsList({ scope = "user", compact = false, emptyMessage, emptyState, }) {
-    const t = useT();
-    const { formatDate } = useFormatters();
-    const query = useAutomations(scope);
-    const mutation = useManageAutomation(scope);
-    const [deleteTarget, setDeleteTarget] = useState(null);
-    const [detailsTarget, setDetailsTarget] = useState(null);
-    const formatDateTime = (value) => {
-        if (!value || Number.isNaN(new Date(value).getTime()))
-            return null;
-        return formatDate(value, {
-            month: "short",
-            day: "numeric",
-            hour: "numeric",
-            minute: "2-digit",
-        });
-    };
-    if (query.isLoading) {
-        return (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", "aria-busy": "true", children: [_jsx(IconLoader2, { className: "size-4 animate-spin" }), t("jobs.loading", { defaultValue: "Loading…" })] }));
-    }
-    if (query.error) {
-        return (_jsx("p", { className: "text-sm text-destructive", children: t("jobs.automationsLoadError", {
-                defaultValue: "Could not load automations.",
-            }) }));
-    }
-    const automations = query.data ?? [];
-    if (automations.length === 0) {
-        if (emptyState)
-            return emptyState;
-        return (_jsx(AgentEmptyState, { icon: IconBolt, title: t("jobs.automationsEmptyTitle", {
-                defaultValue: "No automations yet",
-            }), description: emptyMessage ??
-                t("jobs.automationsEmptyDescription", {
-                    defaultValue: "Describe what should happen and when.",
-                }), action: _jsx(AgentAskPopover, { context: automationCreationContext(), prompt: t("jobs.automationPrompt", {
-                    defaultValue: "Create an automation that does this: ",
-                }), title: t("jobs.automationsCreateTitle", {
-                    defaultValue: "Create an automation",
-                }) }) }));
-    }
-    return (_jsxs("div", { className: compact ? "space-y-2" : "space-y-3", children: [automations.map((automation) => {
-                const lastRun = formatDateTime(automation.lastRun);
-                const nextRun = formatDateTime(automation.nextRun);
-                const trigger = automation.triggerType === "event"
-                    ? t("jobs.automationEventTrigger", {
-                        defaultValue: "On {{event}}",
-                        event: automation.event ?? "event",
-                    })
-                    : (automation.scheduleDescription ??
-                        automation.schedule ??
-                        t("jobs.automationScheduleTrigger", {
-                            defaultValue: "Scheduled task",
-                        }));
-                return (_jsx("article", { className: "rounded-lg border border-border bg-card p-3", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "mt-0.5 text-muted-foreground", children: automation.triggerType === "event" ? (_jsx(IconBolt, { className: "size-4" })) : (_jsx(IconClock, { className: "size-4" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("h3", { className: "truncate text-sm font-medium text-foreground", children: automation.name.replace(/-/g, " ") }), _jsx("span", { className: automation.enabled
-                                                    ? "rounded-full bg-emerald-500/15 px-2 py-0.5 text-[10px] font-medium text-emerald-600 dark:text-emerald-400"
-                                                    : "rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground", children: automation.enabled
-                                                    ? t("jobs.enabled", { defaultValue: "Enabled" })
-                                                    : t("jobs.disabled", { defaultValue: "Disabled" }) }), automation.lastStatus ? (_jsx("span", { className: "rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground", children: automation.lastStatus })) : null] }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: trigger }), _jsx("p", { className: "mt-1 line-clamp-2 text-xs text-muted-foreground/80", children: automation.body }), lastRun || nextRun ? (_jsxs("div", { className: "mt-2 flex flex-wrap gap-x-4 gap-y-1 text-[11px] text-muted-foreground", children: [lastRun ? (_jsxs("span", { children: [t("jobs.lastRun", { defaultValue: "Last run" }), ":", " ", lastRun] })) : null, nextRun ? (_jsxs("span", { children: [t("jobs.nextRun", { defaultValue: "Next run" }), ":", " ", nextRun] })) : null] })) : null] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [_jsxs(Button, { type: "button", variant: "ghost", size: "sm", className: "cursor-pointer px-2 text-xs", onClick: () => setDetailsTarget(automation), children: [_jsx(IconEye, { className: "size-3.5" }), t("jobs.details", { defaultValue: "Details" })] }), automation.canUpdate ? (_jsxs(_Fragment, { children: [_jsxs(Button, { type: "button", variant: "ghost", size: "sm", className: "cursor-pointer px-2 text-xs", disabled: mutation.isPending, onClick: () => mutation.mutate({
-                                                    operation: "update",
-                                                    name: automation.name,
-                                                    scope: automation.scope,
-                                                    enabled: !automation.enabled,
-                                                }), children: [automation.enabled ? (_jsx(IconPlayerPause, { className: "size-3.5" })) : (_jsx(IconPlayerPlay, { className: "size-3.5" })), automation.enabled
-                                                        ? t("jobs.pause", { defaultValue: "Pause" })
-                                                        : t("jobs.resume", { defaultValue: "Resume" })] }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "size-8 cursor-pointer text-muted-foreground hover:text-destructive", "aria-label": t("jobs.delete", { defaultValue: "Delete" }), onClick: () => setDeleteTarget(automation), children: _jsx(IconTrash, { className: "size-3.5" }) })] })) : null] })] }) }, automation.id));
-            }), mutation.error ? (_jsx("p", { className: "text-sm text-destructive", children: mutation.error.message ||
-                    t("jobs.automationUpdateError", {
-                        defaultValue: "Could not update automation.",
-                    }) })) : null, _jsx(Dialog, { open: deleteTarget !== null, onOpenChange: (open) => {
-                    if (!open && !mutation.isPending)
-                        setDeleteTarget(null);
-                }, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: t("jobs.deleteAutomationTitle", {
-                                        defaultValue: "Delete automation?",
-                                    }) }), _jsx(DialogDescription, { children: t("jobs.deleteAutomationDescription", {
-                                        defaultValue: "This permanently removes the automation and cannot be undone.",
-                                    }) })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "outline", className: "cursor-pointer", disabled: mutation.isPending, onClick: () => setDeleteTarget(null), children: t("jobs.cancel", { defaultValue: "Cancel" }) }), _jsxs(Button, { type: "button", variant: "destructive", className: "cursor-pointer", disabled: mutation.isPending, onClick: () => {
-                                        if (!deleteTarget)
-                                            return;
-                                        mutation.mutate({
-                                            operation: "delete",
-                                            name: deleteTarget.name,
-                                            scope: deleteTarget.scope,
-                                        }, { onSuccess: () => setDeleteTarget(null) });
-                                    }, children: [mutation.isPending ? (_jsx(IconLoader2, { className: "size-4 animate-spin" })) : null, t("jobs.delete", { defaultValue: "Delete" })] })] })] }) }), _jsx(Dialog, { open: detailsTarget !== null, onOpenChange: (open) => {
-                    if (!open)
-                        setDetailsTarget(null);
-                }, children: _jsxs(DialogContent, { className: "max-w-2xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: detailsTarget?.name.replace(/-/g, " ") ??
-                                        t("jobs.automationDetails", {
-                                            defaultValue: "Automation details",
-                                        }) }), _jsx(DialogDescription, { children: detailsTarget
-                                        ? detailsTarget.triggerType === "event"
-                                            ? t("jobs.automationEventDetails", {
-                                                defaultValue: "Runs when {{event}}.",
-                                                event: detailsTarget.event ?? "an event fires",
-                                            })
-                                            : (detailsTarget.scheduleDescription ??
-                                                detailsTarget.schedule ??
-                                                t("jobs.automationScheduleTrigger", {
-                                                    defaultValue: "Scheduled task",
-                                                }))
-                                        : null })] }), detailsTarget ? (_jsxs("div", { className: "space-y-3", children: [detailsTarget.condition ? (_jsxs("div", { children: [_jsx("p", { className: "text-xs font-medium text-foreground", children: t("jobs.condition", { defaultValue: "Condition" }) }), _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: detailsTarget.condition })] })) : null, _jsxs("div", { children: [_jsx("p", { className: "text-xs font-medium text-foreground", children: t("jobs.instructions", { defaultValue: "Instructions" }) }), _jsx("p", { className: "mt-1 whitespace-pre-wrap text-sm text-muted-foreground", children: detailsTarget.body })] })] })) : null] }) })] }));
-}
 export function AutomationsSection() {
     const t = useT();
-    const { data: automations = [] } = useAutomations("user");
-    const [newOpen, setNewOpen] = useState(false);
-    const [toast, setToast] = useState(null);
-    const showToast = useCallback((kind, text, ms = 2500) => {
-        setToast({ kind, text });
-        window.setTimeout(() => setToast(null), ms);
-    }, []);
-    const handleFireTestEvent = useCallback(async () => {
-        showToast("ok", t("jobs.firingTestEvent", { defaultValue: "Firing test event…" }));
-        try {
-            const res = await fetch(agentNativePath("/_agent-native/automations/fire-test"), {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ data: {} }),
-            });
-            if (!res.ok) {
-                showToast("err", t("jobs.fireEventError", {
-                    defaultValue: "Failed to fire event ({{status}})",
-                    status: res.status,
-                }));
-                return;
-            }
-            showToast("ok", t("jobs.eventFired", { defaultValue: "Event fired" }));
-        }
-        catch (err) {
-            showToast("err", err instanceof Error
-                ? err.message
-                : t("jobs.fireEventErrorGeneric", {
-                    defaultValue: "Failed to fire event.",
-                }));
-        }
-    }, [showToast, t]);
-    const handleNewSubmit = useCallback((text) => {
-        const trimmed = text.trim();
-        if (!trimmed)
-            return;
-        window.dispatchEvent(new CustomEvent("agent-panel:set-mode", {
-            detail: { mode: "chat" },
-        }));
-        sendToAgentChat({
-            message: trimmed,
-            context: automationCreationContext(),
-            submit: true,
-            newTab: true,
-        });
-        setNewOpen(false);
-    }, []);
-    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsxs(Popover, { open: newOpen, onOpenChange: setNewOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "cursor-pointer", children: [_jsx(IconPlus, { className: "size-3.5" }), t("jobs.newAutomation", { defaultValue: "New automation" })] }) }), _jsxs(PopoverContent, { align: "start", sideOffset: 6, collisionPadding: 8, className: "z-[260] w-[calc(100vw-24px)] max-w-[380px] p-3", children: [_jsx("p", { className: "px-1 pb-2 text-sm font-semibold text-foreground", children: t("jobs.newAutomation", { defaultValue: "New automation" }) }), _jsx(PromptComposer, { autoFocus: true, placeholder: t("jobs.automationPlaceholder", {
-                                            defaultValue: "Describe what you want to automate…",
-                                        }), draftScope: "automations:create", onSubmit: handleNewSubmit })] })] }), automations.length > 0 ? (_jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "cursor-pointer", onClick: handleFireTestEvent, children: [_jsx(IconPlayerPlay, { className: "size-3.5" }), t("jobs.fireTestEvent", { defaultValue: "Fire test event" })] })) : null] }), toast ? (_jsx("p", { className: toast.kind === "ok"
-                    ? "text-xs text-emerald-600"
-                    : "text-xs text-destructive", children: toast.text })) : null, _jsx(AutomationsList, { scope: "user", compact: true, emptyMessage: t("jobs.automationsEmptySettings", {
-                    defaultValue: "Describe what should happen and when.",
-                }) })] }));
+    return (_jsxs("div", { className: "space-y-3", children: [_jsx("p", { className: "text-xs leading-5 text-muted-foreground", children: t("jobs.settingsSummary", {
+                    defaultValue: "Manage scheduled and event-triggered agent tasks together from the Automations page.",
+                }) }), _jsxs("div", { className: "flex flex-wrap gap-2 text-[11px] text-muted-foreground", children: [_jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-muted px-2 py-1", children: [_jsx(IconClock, { className: "size-3" }), t("jobs.scheduledTrigger", { defaultValue: "Scheduled" })] }), _jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-muted px-2 py-1", children: [_jsx(IconBolt, { className: "size-3" }), t("jobs.eventTrigger", { defaultValue: "Event-triggered" })] })] }), _jsx(Button, { asChild: true, variant: "outline", size: "sm", children: _jsxs(Link, { to: "/agent#jobs", children: [t("jobs.openAutomations", {
+                            defaultValue: "Open Automations",
+                        }), _jsx(IconArrowRight, { className: "size-3.5" })] }) })] }));
 }
 //# sourceMappingURL=AutomationsSection.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AutomationsSection.js","sourceRoot":"","sources":["../../../src/client/settings/AutomationsSection.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Button } from \"@agent-native/toolkit/ui/button\";\nimport {\n  IconBolt,\n  IconClock,\n  IconEye,\n  IconLoader2,\n  IconPlayerPause,\n  IconPlayerPlay,\n  IconPlus,\n  IconTrash,\n} from \"@tabler/icons-react\";\nimport { useCallback, useState, type ReactNode } from \"react\";\n\nimport { sendToAgentChat } from \"../agent-chat.js\";\nimport { AgentEmptyState } from \"../agent-page/AgentEmptyState.js\";\nimport {\n  useAutomations,\n  useManageAutomation,\n  type Automation,\n  type JobsScope,\n} from \"../agent-page/use-jobs.js\";\nimport { AgentAskPopover } from \"../AgentAskPopover.js\";\nimport { agentNativePath } from \"../api-path.js\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"../components/ui/dialog.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport { PromptComposer } from \"../composer/index.js\";\nimport { useFormatters, useT } from \"../i18n.js\";\n\nexport interface AutomationsListProps {\n  scope?: JobsScope;\n  compact?: boolean;\n  emptyMessage?: string;\n  emptyState?: ReactNode;\n}\n\nexport const AUTOMATION_CREATION_SCOPE = \"personal\" as const;\n\nexport function automationCreationContext(): string {\n  return `The user wants to create a new ${AUTOMATION_CREATION_SCOPE} automation. Use manage-automations with action=define to create it. Ask clarifying questions if needed about what event to trigger on, conditions, and what actions to take.`;\n}\n\nexport function AutomationsList({\n  scope = \"user\",\n  compact = false,\n  emptyMessage,\n  emptyState,\n}: AutomationsListProps) {\n  const t = useT();\n  const { formatDate } = useFormatters();\n  const query = useAutomations(scope);\n  const mutation = useManageAutomation(scope);\n  const [deleteTarget, setDeleteTarget] = useState<Automation | null>(null);\n  const [detailsTarget, setDetailsTarget] = useState<Automation | null>(null);\n\n  const formatDateTime = (value: string | null) => {\n    if (!value || Number.isNaN(new Date(value).getTime())) return null;\n    return formatDate(value, {\n      month: \"short\",\n      day: \"numeric\",\n      hour: \"numeric\",\n      minute: \"2-digit\",\n    });\n  };\n\n  if (query.isLoading) {\n    return (\n      <div\n        className=\"flex items-center gap-2 text-sm text-muted-foreground\"\n        aria-busy=\"true\"\n      >\n        <IconLoader2 className=\"size-4 animate-spin\" />\n        {t(\"jobs.loading\", { defaultValue: \"Loading…\" })}\n      </div>\n    );\n  }\n\n  if (query.error) {\n    return (\n      <p className=\"text-sm text-destructive\">\n        {t(\"jobs.automationsLoadError\", {\n          defaultValue: \"Could not load automations.\",\n        })}\n      </p>\n    );\n  }\n\n  const automations = query.data ?? [];\n  if (automations.length === 0) {\n    if (emptyState) return emptyState;\n    return (\n      <AgentEmptyState\n        icon={IconBolt}\n        title={t(\"jobs.automationsEmptyTitle\", {\n          defaultValue: \"No automations yet\",\n        })}\n        description={\n          emptyMessage ??\n          t(\"jobs.automationsEmptyDescription\", {\n            defaultValue: \"Describe what should happen and when.\",\n          })\n        }\n        action={\n          <AgentAskPopover\n            context={automationCreationContext()}\n            prompt={t(\"jobs.automationPrompt\", {\n              defaultValue: \"Create an automation that does this: \",\n            })}\n            title={t(\"jobs.automationsCreateTitle\", {\n              defaultValue: \"Create an automation\",\n            })}\n          />\n        }\n      />\n    );\n  }\n\n  return (\n    <div className={compact ? \"space-y-2\" : \"space-y-3\"}>\n      {automations.map((automation) => {\n        const lastRun = formatDateTime(automation.lastRun);\n        const nextRun = formatDateTime(automation.nextRun);\n        const trigger =\n          automation.triggerType === \"event\"\n            ? t(\"jobs.automationEventTrigger\", {\n                defaultValue: \"On {{event}}\",\n                event: automation.event ?? \"event\",\n              })\n            : (automation.scheduleDescription ??\n              automation.schedule ??\n              t(\"jobs.automationScheduleTrigger\", {\n                defaultValue: \"Scheduled task\",\n              }));\n\n        return (\n          <article\n            key={automation.id}\n            className=\"rounded-lg border border-border bg-card p-3\"\n          >\n            <div className=\"flex items-start gap-3\">\n              <div className=\"mt-0.5 text-muted-foreground\">\n                {automation.triggerType === \"event\" ? (\n                  <IconBolt className=\"size-4\" />\n                ) : (\n                  <IconClock className=\"size-4\" />\n                )}\n              </div>\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <h3 className=\"truncate text-sm font-medium text-foreground\">\n                    {automation.name.replace(/-/g, \" \")}\n                  </h3>\n                  <span\n                    className={\n                      automation.enabled\n                        ? \"rounded-full bg-emerald-500/15 px-2 py-0.5 text-[10px] font-medium text-emerald-600 dark:text-emerald-400\"\n                        : \"rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground\"\n                    }\n                  >\n                    {automation.enabled\n                      ? t(\"jobs.enabled\", { defaultValue: \"Enabled\" })\n                      : t(\"jobs.disabled\", { defaultValue: \"Disabled\" })}\n                  </span>\n                  {automation.lastStatus ? (\n                    <span className=\"rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground\">\n                      {automation.lastStatus}\n                    </span>\n                  ) : null}\n                </div>\n                <p className=\"mt-1 text-xs text-muted-foreground\">{trigger}</p>\n                <p className=\"mt-1 line-clamp-2 text-xs text-muted-foreground/80\">\n                  {automation.body}\n                </p>\n                {lastRun || nextRun ? (\n                  <div className=\"mt-2 flex flex-wrap gap-x-4 gap-y-1 text-[11px] text-muted-foreground\">\n                    {lastRun ? (\n                      <span>\n                        {t(\"jobs.lastRun\", { defaultValue: \"Last run\" })}:{\" \"}\n                        {lastRun}\n                      </span>\n                    ) : null}\n                    {nextRun ? (\n                      <span>\n                        {t(\"jobs.nextRun\", { defaultValue: \"Next run\" })}:{\" \"}\n                        {nextRun}\n                      </span>\n                    ) : null}\n                  </div>\n                ) : null}\n              </div>\n              <div className=\"flex shrink-0 items-center gap-1\">\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"cursor-pointer px-2 text-xs\"\n                  onClick={() => setDetailsTarget(automation)}\n                >\n                  <IconEye className=\"size-3.5\" />\n                  {t(\"jobs.details\", { defaultValue: \"Details\" })}\n                </Button>\n                {automation.canUpdate ? (\n                  <>\n                    <Button\n                      type=\"button\"\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      className=\"cursor-pointer px-2 text-xs\"\n                      disabled={mutation.isPending}\n                      onClick={() =>\n                        mutation.mutate({\n                          operation: \"update\",\n                          name: automation.name,\n                          scope: automation.scope,\n                          enabled: !automation.enabled,\n                        })\n                      }\n                    >\n                      {automation.enabled ? (\n                        <IconPlayerPause className=\"size-3.5\" />\n                      ) : (\n                        <IconPlayerPlay className=\"size-3.5\" />\n                      )}\n                      {automation.enabled\n                        ? t(\"jobs.pause\", { defaultValue: \"Pause\" })\n                        : t(\"jobs.resume\", { defaultValue: \"Resume\" })}\n                    </Button>\n                    <Button\n                      type=\"button\"\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      className=\"size-8 cursor-pointer text-muted-foreground hover:text-destructive\"\n                      aria-label={t(\"jobs.delete\", { defaultValue: \"Delete\" })}\n                      onClick={() => setDeleteTarget(automation)}\n                    >\n                      <IconTrash className=\"size-3.5\" />\n                    </Button>\n                  </>\n                ) : null}\n              </div>\n            </div>\n          </article>\n        );\n      })}\n\n      {mutation.error ? (\n        <p className=\"text-sm text-destructive\">\n          {mutation.error.message ||\n            t(\"jobs.automationUpdateError\", {\n              defaultValue: \"Could not update automation.\",\n            })}\n        </p>\n      ) : null}\n\n      <Dialog\n        open={deleteTarget !== null}\n        onOpenChange={(open) => {\n          if (!open && !mutation.isPending) setDeleteTarget(null);\n        }}\n      >\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>\n              {t(\"jobs.deleteAutomationTitle\", {\n                defaultValue: \"Delete automation?\",\n              })}\n            </DialogTitle>\n            <DialogDescription>\n              {t(\"jobs.deleteAutomationDescription\", {\n                defaultValue:\n                  \"This permanently removes the automation and cannot be undone.\",\n              })}\n            </DialogDescription>\n          </DialogHeader>\n          <DialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              className=\"cursor-pointer\"\n              disabled={mutation.isPending}\n              onClick={() => setDeleteTarget(null)}\n            >\n              {t(\"jobs.cancel\", { defaultValue: \"Cancel\" })}\n            </Button>\n            <Button\n              type=\"button\"\n              variant=\"destructive\"\n              className=\"cursor-pointer\"\n              disabled={mutation.isPending}\n              onClick={() => {\n                if (!deleteTarget) return;\n                mutation.mutate(\n                  {\n                    operation: \"delete\",\n                    name: deleteTarget.name,\n                    scope: deleteTarget.scope,\n                  },\n                  { onSuccess: () => setDeleteTarget(null) },\n                );\n              }}\n            >\n              {mutation.isPending ? (\n                <IconLoader2 className=\"size-4 animate-spin\" />\n              ) : null}\n              {t(\"jobs.delete\", { defaultValue: \"Delete\" })}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n\n      <Dialog\n        open={detailsTarget !== null}\n        onOpenChange={(open) => {\n          if (!open) setDetailsTarget(null);\n        }}\n      >\n        <DialogContent className=\"max-w-2xl\">\n          <DialogHeader>\n            <DialogTitle>\n              {detailsTarget?.name.replace(/-/g, \" \") ??\n                t(\"jobs.automationDetails\", {\n                  defaultValue: \"Automation details\",\n                })}\n            </DialogTitle>\n            <DialogDescription>\n              {detailsTarget\n                ? detailsTarget.triggerType === \"event\"\n                  ? t(\"jobs.automationEventDetails\", {\n                      defaultValue: \"Runs when {{event}}.\",\n                      event: detailsTarget.event ?? \"an event fires\",\n                    })\n                  : (detailsTarget.scheduleDescription ??\n                    detailsTarget.schedule ??\n                    t(\"jobs.automationScheduleTrigger\", {\n                      defaultValue: \"Scheduled task\",\n                    }))\n                : null}\n            </DialogDescription>\n          </DialogHeader>\n          {detailsTarget ? (\n            <div className=\"space-y-3\">\n              {detailsTarget.condition ? (\n                <div>\n                  <p className=\"text-xs font-medium text-foreground\">\n                    {t(\"jobs.condition\", { defaultValue: \"Condition\" })}\n                  </p>\n                  <p className=\"mt-1 text-sm text-muted-foreground\">\n                    {detailsTarget.condition}\n                  </p>\n                </div>\n              ) : null}\n              <div>\n                <p className=\"text-xs font-medium text-foreground\">\n                  {t(\"jobs.instructions\", { defaultValue: \"Instructions\" })}\n                </p>\n                <p className=\"mt-1 whitespace-pre-wrap text-sm text-muted-foreground\">\n                  {detailsTarget.body}\n                </p>\n              </div>\n            </div>\n          ) : null}\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n}\n\nexport function AutomationsSection() {\n  const t = useT();\n  const { data: automations = [] } = useAutomations(\"user\");\n  const [newOpen, setNewOpen] = useState(false);\n  const [toast, setToast] = useState<{\n    kind: \"ok\" | \"err\";\n    text: string;\n  } | null>(null);\n\n  const showToast = useCallback(\n    (kind: \"ok\" | \"err\", text: string, ms = 2500) => {\n      setToast({ kind, text });\n      window.setTimeout(() => setToast(null), ms);\n    },\n    [],\n  );\n\n  const handleFireTestEvent = useCallback(async () => {\n    showToast(\n      \"ok\",\n      t(\"jobs.firingTestEvent\", { defaultValue: \"Firing test event…\" }),\n    );\n    try {\n      const res = await fetch(\n        agentNativePath(\"/_agent-native/automations/fire-test\"),\n        {\n          method: \"POST\",\n          headers: { \"Content-Type\": \"application/json\" },\n          body: JSON.stringify({ data: {} }),\n        },\n      );\n      if (!res.ok) {\n        showToast(\n          \"err\",\n          t(\"jobs.fireEventError\", {\n            defaultValue: \"Failed to fire event ({{status}})\",\n            status: res.status,\n          }),\n        );\n        return;\n      }\n      showToast(\"ok\", t(\"jobs.eventFired\", { defaultValue: \"Event fired\" }));\n    } catch (err: unknown) {\n      showToast(\n        \"err\",\n        err instanceof Error\n          ? err.message\n          : t(\"jobs.fireEventErrorGeneric\", {\n              defaultValue: \"Failed to fire event.\",\n            }),\n      );\n    }\n  }, [showToast, t]);\n\n  const handleNewSubmit = useCallback((text: string) => {\n    const trimmed = text.trim();\n    if (!trimmed) return;\n    window.dispatchEvent(\n      new CustomEvent(\"agent-panel:set-mode\", {\n        detail: { mode: \"chat\" },\n      }),\n    );\n    sendToAgentChat({\n      message: trimmed,\n      context: automationCreationContext(),\n      submit: true,\n      newTab: true,\n    });\n    setNewOpen(false);\n  }, []);\n\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"flex items-center gap-1.5\">\n        <Popover open={newOpen} onOpenChange={setNewOpen}>\n          <PopoverTrigger asChild>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"cursor-pointer\"\n            >\n              <IconPlus className=\"size-3.5\" />\n              {t(\"jobs.newAutomation\", { defaultValue: \"New automation\" })}\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent\n            align=\"start\"\n            sideOffset={6}\n            collisionPadding={8}\n            className=\"z-[260] w-[calc(100vw-24px)] max-w-[380px] p-3\"\n          >\n            <p className=\"px-1 pb-2 text-sm font-semibold text-foreground\">\n              {t(\"jobs.newAutomation\", { defaultValue: \"New automation\" })}\n            </p>\n            <PromptComposer\n              autoFocus\n              placeholder={t(\"jobs.automationPlaceholder\", {\n                defaultValue: \"Describe what you want to automate…\",\n              })}\n              draftScope=\"automations:create\"\n              onSubmit={handleNewSubmit}\n            />\n          </PopoverContent>\n        </Popover>\n        {automations.length > 0 ? (\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"cursor-pointer\"\n            onClick={handleFireTestEvent}\n          >\n            <IconPlayerPlay className=\"size-3.5\" />\n            {t(\"jobs.fireTestEvent\", { defaultValue: \"Fire test event\" })}\n          </Button>\n        ) : null}\n      </div>\n      {toast ? (\n        <p\n          className={\n            toast.kind === \"ok\"\n              ? \"text-xs text-emerald-600\"\n              : \"text-xs text-destructive\"\n          }\n        >\n          {toast.text}\n        </p>\n      ) : null}\n      <AutomationsList\n        scope=\"user\"\n        compact\n        emptyMessage={t(\"jobs.automationsEmptySettings\", {\n          defaultValue: \"Describe what should happen and when.\",\n        })}\n      />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"AutomationsSection.js","sourceRoot":"","sources":["../../../src/client/settings/AutomationsSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,yBAAyB,GAAG,UAAmB,CAAC;AAE7D,MAAM,UAAU,yBAAyB;IACvC,OAAO,kCAAkC,yBAAyB,+KAA+K,CAAC;AACpP,CAAC;AAED,MAAM,UAAU,kBAAkB;IAChC,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IAEjB,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACxB,YAAG,SAAS,EAAC,yCAAyC,YACnD,CAAC,CAAC,sBAAsB,EAAE;oBACzB,YAAY,EACV,sFAAsF;iBACzF,CAAC,GACA,EACJ,eAAK,SAAS,EAAC,wDAAwD,aACrE,gBAAM,SAAS,EAAC,gEAAgE,aAC9E,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,GAAG,EAC/B,CAAC,CAAC,uBAAuB,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC,IACrD,EACP,gBAAM,SAAS,EAAC,gEAAgE,aAC9E,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,GAAG,EAC9B,CAAC,CAAC,mBAAmB,EAAE,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC,IACvD,IACH,EACN,KAAC,MAAM,IAAC,OAAO,QAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,YACzC,MAAC,IAAI,IAAC,EAAE,EAAC,aAAa,aACnB,CAAC,CAAC,sBAAsB,EAAE;4BACzB,YAAY,EAAE,kBAAkB;yBACjC,CAAC,EACF,KAAC,cAAc,IAAC,SAAS,EAAC,UAAU,GAAG,IAClC,GACA,IACL,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { Button } from \"@agent-native/toolkit/ui/button\";\nimport { IconArrowRight, IconBolt, IconClock } from \"@tabler/icons-react\";\nimport { Link } from \"react-router\";\n\nimport { useT } from \"../i18n.js\";\n\nexport const AUTOMATION_CREATION_SCOPE = \"personal\" as const;\n\nexport function automationCreationContext(): string {\n  return `The user wants to create a new ${AUTOMATION_CREATION_SCOPE} automation. Use manage-automations with action=define to create it. Ask clarifying questions if needed about what event to trigger on, conditions, and what actions to take.`;\n}\n\nexport function AutomationsSection() {\n  const t = useT();\n\n  return (\n    <div className=\"space-y-3\">\n      <p className=\"text-xs leading-5 text-muted-foreground\">\n        {t(\"jobs.settingsSummary\", {\n          defaultValue:\n            \"Manage scheduled and event-triggered agent tasks together from the Automations page.\",\n        })}\n      </p>\n      <div className=\"flex flex-wrap gap-2 text-[11px] text-muted-foreground\">\n        <span className=\"inline-flex items-center gap-1 rounded-full bg-muted px-2 py-1\">\n          <IconClock className=\"size-3\" />\n          {t(\"jobs.scheduledTrigger\", { defaultValue: \"Scheduled\" })}\n        </span>\n        <span className=\"inline-flex items-center gap-1 rounded-full bg-muted px-2 py-1\">\n          <IconBolt className=\"size-3\" />\n          {t(\"jobs.eventTrigger\", { defaultValue: \"Event-triggered\" })}\n        </span>\n      </div>\n      <Button asChild variant=\"outline\" size=\"sm\">\n        <Link to=\"/agent#jobs\">\n          {t(\"jobs.openAutomations\", {\n            defaultValue: \"Open Automations\",\n          })}\n          <IconArrowRight className=\"size-3.5\" />\n        </Link>\n      </Button>\n    </div>\n  );\n}\n"]}

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

@@ -17,6 +17,14 @@ export interface SettingsPanelProps {
     initialSection?: string | null;
     sectionRequestKey?: number;
 }
+export interface AgentSettingsTabsOptions {
+    /**
+     * Include the shared Extensions management tab. Extensions are an optional
+     * app capability and stay hidden unless the host opts in.
+     */
+    extensionTools?: boolean;
+}
+export declare function areExtensionSettingsEnabled(options?: AgentSettingsTabsOptions): boolean;
 export declare function SettingsPanel(props: SettingsPanelProps): React.JSX.Element;
 export declare function ConnectionsSettingsContent({ settingsPanelProps, }: {
     settingsPanelProps: SettingsPanelProps;
@@ -24,5 +32,5 @@ export declare function ConnectionsSettingsContent({ settingsPanelProps, }: {
 export declare function AgentSettingsContent({ className, }?: {
     className?: string;
 }): React.JSX.Element;
-export declare function useAgentSettingsTabs(): SettingsTabItem[];
+export declare function useAgentSettingsTabs(options?: AgentSettingsTabsOptions): SettingsTabItem[];
 //# sourceMappingURL=SettingsPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsPanel.d.ts","sourceRoot":"","sources":["../../../src/client/settings/SettingsPanel.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAQN,MAAM,OAAO,CAAC;AAqCf,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AA6nB7D,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,MAAM,EACN,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,OAAO,GACR,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,qBAuDA;AA8hDD,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAwhBD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAEtD;AAgCD,wBAAgB,0BAA0B,CAAC,EACzC,kBAAkB,GACnB,EAAE;IACD,kBAAkB,EAAE,kBAAkB,CAAC;CACxC,qBAeA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,GACV,GAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAO,qBAsB7B;AAED,wBAAgB,oBAAoB,IAAI,eAAe,EAAE,CA2ExD"}
+{"version":3,"file":"SettingsPanel.d.ts","sourceRoot":"","sources":["../../../src/client/settings/SettingsPanel.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAQN,MAAM,OAAO,CAAC;AAqCf,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AA6nB7D,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,MAAM,EACN,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,OAAO,GACR,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,qBAuDA;AA8hDD,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,wBAAwB;IACvC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,2BAA2B,CACzC,OAAO,GAAE,wBAA6B,GACrC,OAAO,CAET;AAwhBD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAEtD;AAgCD,wBAAgB,0BAA0B,CAAC,EACzC,kBAAkB,GACnB,EAAE;IACD,kBAAkB,EAAE,kBAAkB,CAAC;CACxC,qBAeA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,GACV,GAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAO,qBAsB7B;AAED,wBAAgB,oBAAoB,CAClC,OAAO,GAAE,wBAA6B,GACrC,eAAe,EAAE,CAgFnB"}

package/dist/client/settings/SettingsPanel.js

@@ -907,6 +907,9 @@ function AgentLimitsSectionInner({ open, onToggle, }) {
                                     saving ||
                                     settings.maxIterations === settings.defaultMaxIterations, className: pillButtonClass(isPage, "outline"), children: "Reset" })] }), !settings.canUpdate && (_jsx("p", { className: cn("mt-2 text-muted-foreground", noteTextClass(isPage)), children: "Only organization owners and admins can change this limit." })), error && (_jsx("p", { className: cn("mt-2 text-destructive", noteTextClass(isPage)), children: error }))] }) })) : (_jsx("p", { className: cn("text-muted-foreground", noteTextClass(isPage)), children: "Agent limit settings are unavailable." })) }));
 }
+export function areExtensionSettingsEnabled(options = {}) {
+    return options.extensionTools === true;
+}
 // Agent capability modes. The internal values ("production"/"development") are
 // kept for back-compat with the AGENT_MODE wiring; only the visible labels
 // changed to "App mode" / "Code mode" so this control reads as the agent
@@ -970,7 +973,7 @@ function SettingsPanelContent({ isDevMode, onToggleDevMode, showDevToggle, devAp
                             const nextIsDev = next === "development";
                             if (nextIsDev !== isDevMode)
                                 onToggleDevMode();
-                        } })) })), showCapabilityStrip && (_jsx(CapabilityStatusStrip, { isDevMode: isDevMode, builderConnected: connected, builderLoading: builderLoading, builderBranchesAvailable: builderBranchesAvailable, onOpenLlm: () => openSettingsSection("llm", true) })), shouldShowSection("llm") && (_jsx(LLMSectionInner, { builderFlow: builderFlow, builderLoading: builderLoading, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, open: openSection === "llm", onToggle: () => toggle("llm") })), shouldShowSection("app-models") && (_jsx(AppModelDefaultsSectionInner, { open: openSection === "app-models", onToggle: () => toggle("app-models") })), shouldShowSection("limits") && (_jsx(AgentLimitsSectionInner, { open: openSection === "limits", onToggle: () => toggle("limits") })), 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.", open: openSection === "voice", onToggle: () => toggle("voice"), children: _jsx(VoiceTranscriptionSection, {}) })), 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, MCP, and agent results stay real and access-scoped.", open: openSection === "demo-mode", onToggle: () => toggle("demo-mode"), children: _jsx(DemoModeSection, {}) })), shouldShowSection("automations") && (_jsx(SettingsSection, { id: settingsSectionDomId("automations"), icon: _jsx(IconBolt, { size: 14 }), title: "Automations", subtitle: "Event-triggered and scheduled automations.", open: openSection === "automations", onToggle: () => toggle("automations"), children: _jsx(AutomationsSection, {}) })), shouldShowSection("secrets") && (_jsx(SettingsSection, { id: settingsSectionDomId("secrets"), icon: _jsx(IconKey, { size: 14 }), title: "API Keys & Connections", subtitle: "Service credentials and automation keys.", open: openSection === "secrets", onToggle: () => toggle("secrets"), children: _jsx(SecretsSection, { focusKey: focusSecretKey }) })), shouldShowSection("hosting") && (_jsx(SettingsSection, { id: settingsSectionDomId("hosting"), icon: _jsx(IconCloud, { size: 14 }), title: "Hosting", subtitle: "Deploy your app to the cloud.", connected: connected, open: openSection === "hosting", onToggle: () => toggle("hosting"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "hosting_settings", trackingFlow: "hosting" }), _jsx(ManualSetupCard, { hint: "Deploy manually to Netlify, Vercel, Cloudflare, or any Nitro-supported target.", docsUrl: "https://www.builder.io/c/docs/agent-native-deployment?utm_source=agent-native&utm_medium=product&utm_campaign=onboarding&utm_content=deployment_settings", dim: connected })] }) })), shouldShowSection("database") && (_jsx(SettingsSection, { id: settingsSectionDomId("database"), icon: _jsx(IconDatabase, { size: 14 }), title: "Database", subtitle: "Connect a cloud database for persistent storage.", connected: connected, open: openSection === "database", onToggle: () => toggle("database"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, 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: "https://www.builder.io/c/docs/agent-native-database?utm_source=agent-native&utm_medium=product&utm_campaign=onboarding&utm_content=database_settings", dim: connected })] }) })), shouldShowSection("uploads") && (_jsx(SettingsSection, { id: settingsSectionDomId("uploads"), icon: _jsx(IconUpload, { size: 14 }), title: "File uploads", subtitle: "Where user-uploaded files (avatars, chat attachments) are stored.", connected: connected, open: openSection === "uploads", onToggle: () => toggle("uploads"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "file_upload_settings", trackingFlow: "file_upload" }), _jsx(ManualSetupCard, { hint: "Without a provider, files are stored as base64 in your database. Fine for dev, not recommended for production.", docsUrl: "https://www.builder.io/c/docs/agent-native-file-uploads?utm_source=agent-native&utm_medium=product&utm_campaign=onboarding&utm_content=file_upload_settings", dim: connected })] }) })), shouldShowSection("auth") && (_jsx(SettingsSection, { id: settingsSectionDomId("auth"), icon: _jsx(IconShield, { size: 14 }), title: "Authentication", subtitle: "Set up user authentication and access control.", connected: connected, open: openSection === "auth", onToggle: () => toggle("auth"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "auth_settings", trackingFlow: "auth" }), _jsx(ManualSetupCard, { hint: "Configure Better Auth with BETTER_AUTH_SECRET and optional Google/GitHub OAuth providers.", docsUrl: "https://www.builder.io/c/docs/agent-native-authentication?utm_source=agent-native&utm_medium=product&utm_campaign=onboarding&utm_content=authentication_settings", dim: connected })] }) })), shouldShowSection("email") && (_jsx(EmailSectionInner, { open: openSection === "email", onToggle: () => toggle("email") })), shouldShowSection("browser") && (_jsx(SettingsSection, { id: settingsSectionDomId("browser"), icon: _jsx(IconBrowser, { size: 14 }), title: "Browser Automation", subtitle: "Let agents control a real browser for web tasks.", connected: builderConnectionOwnedExternally ? undefined : connected, open: openSection === "browser", onToggle: () => toggle("browser"), children: !builderConnectionOwnedExternally ? (_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "browser_settings", trackingFlow: "browser_automation" })) : null })), builderBranchesAvailable && shouldShowSection("background") && (_jsx(SettingsSection, { id: settingsSectionDomId("background"), icon: _jsx(IconGitBranch, { size: 14 }), title: "Background Agent", subtitle: "Make code changes from production mode via Builder.", connected: connected, open: openSection === "background", onToggle: () => toggle("background"), children: _jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "background_agent_settings", trackingFlow: "background_agent" }) })), shouldShowSection("integrations") && (_jsx(SettingsSection, { id: settingsSectionDomId("integrations"), icon: _jsx(IconPlugConnected, { size: 14 }), title: "Integrations", subtitle: "Connect messaging platforms and external services.", open: openSection === "integrations", onToggle: () => toggle("integrations"), children: _jsx(Suspense, { fallback: null, children: _jsx(IntegrationsPanel, {}) }) })), shouldShowSection("usage") && (_jsx(SettingsSection, { id: settingsSectionDomId("usage"), icon: _jsx(IconCoin, { size: 14 }), title: "Usage", subtitle: "Track token consumption and estimated cost \u2014 broken down by chat, automations, and background jobs.", open: openSection === "usage", onToggle: () => toggle("usage"), children: _jsx(UsageSection, {}) })), shouldShowSection("a2a") && (_jsx(SettingsSection, { id: settingsSectionDomId("a2a"), icon: _jsx(IconTopologyRing2, { size: 14 }), title: "Connected Agents (A2A)", subtitle: "Manage remote agents connected via the A2A protocol.", open: openSection === "a2a", onToggle: () => toggle("a2a"), children: _jsx(AgentsSection, {}) }))] }) }));
+                        } })) })), showCapabilityStrip && (_jsx(CapabilityStatusStrip, { isDevMode: isDevMode, builderConnected: connected, builderLoading: builderLoading, builderBranchesAvailable: builderBranchesAvailable, onOpenLlm: () => openSettingsSection("llm", true) })), shouldShowSection("llm") && (_jsx(LLMSectionInner, { builderFlow: builderFlow, builderLoading: builderLoading, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, open: openSection === "llm", onToggle: () => toggle("llm") })), shouldShowSection("app-models") && (_jsx(AppModelDefaultsSectionInner, { open: openSection === "app-models", onToggle: () => toggle("app-models") })), shouldShowSection("limits") && (_jsx(AgentLimitsSectionInner, { open: openSection === "limits", onToggle: () => toggle("limits") })), 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.", open: openSection === "voice", onToggle: () => toggle("voice"), children: _jsx(VoiceTranscriptionSection, {}) })), 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, MCP, and agent results stay real and access-scoped.", open: openSection === "demo-mode", onToggle: () => toggle("demo-mode"), children: _jsx(DemoModeSection, {}) })), shouldShowSection("automations") && (_jsx(SettingsSection, { id: settingsSectionDomId("automations"), icon: _jsx(IconBolt, { size: 14 }), title: "Automations", subtitle: "Scheduled and event-triggered agent tasks.", open: openSection === "automations", onToggle: () => toggle("automations"), children: _jsx(AutomationsSection, {}) })), shouldShowSection("secrets") && (_jsx(SettingsSection, { id: settingsSectionDomId("secrets"), icon: _jsx(IconKey, { size: 14 }), title: "API Keys & Connections", subtitle: "Service credentials and automation keys.", open: openSection === "secrets", onToggle: () => toggle("secrets"), children: _jsx(SecretsSection, { focusKey: focusSecretKey }) })), shouldShowSection("hosting") && (_jsx(SettingsSection, { id: settingsSectionDomId("hosting"), icon: _jsx(IconCloud, { size: 14 }), title: "Hosting", subtitle: "Deploy your app to the cloud.", connected: connected, open: openSection === "hosting", onToggle: () => toggle("hosting"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "hosting_settings", trackingFlow: "hosting" }), _jsx(ManualSetupCard, { hint: "Deploy manually to Netlify, Vercel, Cloudflare, or any Nitro-supported target.", docsUrl: "https://www.builder.io/c/docs/agent-native-deployment?utm_source=agent-native&utm_medium=product&utm_campaign=onboarding&utm_content=deployment_settings", dim: connected })] }) })), shouldShowSection("database") && (_jsx(SettingsSection, { id: settingsSectionDomId("database"), icon: _jsx(IconDatabase, { size: 14 }), title: "Database", subtitle: "Connect a cloud database for persistent storage.", connected: connected, open: openSection === "database", onToggle: () => toggle("database"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, 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: "https://www.builder.io/c/docs/agent-native-database?utm_source=agent-native&utm_medium=product&utm_campaign=onboarding&utm_content=database_settings", dim: connected })] }) })), shouldShowSection("uploads") && (_jsx(SettingsSection, { id: settingsSectionDomId("uploads"), icon: _jsx(IconUpload, { size: 14 }), title: "File uploads", subtitle: "Where user-uploaded files (avatars, chat attachments) are stored.", connected: connected, open: openSection === "uploads", onToggle: () => toggle("uploads"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "file_upload_settings", trackingFlow: "file_upload" }), _jsx(ManualSetupCard, { hint: "Without a provider, files are stored as base64 in your database. Fine for dev, not recommended for production.", docsUrl: "https://www.builder.io/c/docs/agent-native-file-uploads?utm_source=agent-native&utm_medium=product&utm_campaign=onboarding&utm_content=file_upload_settings", dim: connected })] }) })), shouldShowSection("auth") && (_jsx(SettingsSection, { id: settingsSectionDomId("auth"), icon: _jsx(IconShield, { size: 14 }), title: "Authentication", subtitle: "Set up user authentication and access control.", connected: connected, open: openSection === "auth", onToggle: () => toggle("auth"), children: _jsxs("div", { className: "space-y-2", children: [_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "auth_settings", trackingFlow: "auth" }), _jsx(ManualSetupCard, { hint: "Configure Better Auth with BETTER_AUTH_SECRET and optional Google/GitHub OAuth providers.", docsUrl: "https://www.builder.io/c/docs/agent-native-authentication?utm_source=agent-native&utm_medium=product&utm_campaign=onboarding&utm_content=authentication_settings", dim: connected })] }) })), shouldShowSection("email") && (_jsx(EmailSectionInner, { open: openSection === "email", onToggle: () => toggle("email") })), shouldShowSection("browser") && (_jsx(SettingsSection, { id: settingsSectionDomId("browser"), icon: _jsx(IconBrowser, { size: 14 }), title: "Browser Automation", subtitle: "Let agents control a real browser for web tasks.", connected: builderConnectionOwnedExternally ? undefined : connected, open: openSection === "browser", onToggle: () => toggle("browser"), children: !builderConnectionOwnedExternally ? (_jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "browser_settings", trackingFlow: "browser_automation" })) : null })), builderBranchesAvailable && shouldShowSection("background") && (_jsx(SettingsSection, { id: settingsSectionDomId("background"), icon: _jsx(IconGitBranch, { size: 14 }), title: "Background Agent", subtitle: "Make code changes from production mode via Builder.", connected: connected, open: openSection === "background", onToggle: () => toggle("background"), children: _jsx(UseBuilderCard, { builderFlow: builderFlow, connectUrl: connectUrl, connected: connected, orgName: orgName, envManaged: envManaged, credentialSource: credentialSource, trackingSource: "background_agent_settings", trackingFlow: "background_agent" }) })), shouldShowSection("integrations") && (_jsx(SettingsSection, { id: settingsSectionDomId("integrations"), icon: _jsx(IconPlugConnected, { size: 14 }), title: "Integrations", subtitle: "Connect messaging platforms and external services.", open: openSection === "integrations", onToggle: () => toggle("integrations"), children: _jsx(Suspense, { fallback: null, children: _jsx(IntegrationsPanel, {}) }) })), shouldShowSection("usage") && (_jsx(SettingsSection, { id: settingsSectionDomId("usage"), icon: _jsx(IconCoin, { size: 14 }), title: "Usage", subtitle: "Track token consumption and estimated cost \u2014 broken down by chat, automations, and background jobs.", open: openSection === "usage", onToggle: () => toggle("usage"), children: _jsx(UsageSection, {}) })), shouldShowSection("a2a") && (_jsx(SettingsSection, { id: settingsSectionDomId("a2a"), icon: _jsx(IconTopologyRing2, { size: 14 }), title: "Connected Agents (A2A)", subtitle: "Manage remote agents connected via the A2A protocol.", open: openSection === "a2a", onToggle: () => toggle("a2a"), children: _jsx(AgentsSection, {}) }))] }) }));
 }
 export function SettingsPanel(props) {
     return _jsx(SettingsPanelContent, { ...props });
@@ -993,8 +996,9 @@ export function AgentSettingsContent({ className, } = {}) {
     }), [canToggle, isDevMode, setDevMode]);
     return (_jsx(SettingsPanelContent, { ...settingsPanelProps, surface: "page", sections: AGENT_SETTINGS_SECTIONS, showCapabilityStrip: false, className: cn("mx-auto w-full max-w-2xl", className) }));
 }
-export function useAgentSettingsTabs() {
+export function useAgentSettingsTabs(options = {}) {
     const { isDevMode, canToggle, setDevMode } = useDevMode();
+    const extensionToolsEnabled = areExtensionSettingsEnabled(options);
     const baseProps = useMemo(() => ({
         isDevMode,
         onToggleDevMode: () => {
@@ -1033,14 +1037,18 @@ export function useAgentSettingsTabs() {
                 group: "workspace",
                 content: (_jsx(SettingsPanelContent, { ...baseProps, surface: "page", sections: WORKSPACE_SETTINGS_SECTIONS, showCapabilityStrip: false, className: "mx-auto w-full max-w-2xl" })),
             },
-            {
-                id: "extensions",
-                label: "Extensions",
-                icon: IconTool,
-                group: "workspace",
-                keywords: "extensions widgets mini apps tools sandboxed apps",
-                content: _jsx(ExtensionsSettingsContent, {}),
-            },
+            ...(extensionToolsEnabled
+                ? [
+                    {
+                        id: "extensions",
+                        label: "Extensions",
+                        icon: IconTool,
+                        group: "workspace",
+                        keywords: "extensions widgets mini apps tools sandboxed apps",
+                        content: _jsx(ExtensionsSettingsContent, {}),
+                    },
+                ]
+                : []),
             {
                 ...agent,
                 icon: IconHierarchy2,
@@ -1050,6 +1058,6 @@ export function useAgentSettingsTabs() {
                 content: _jsx(Navigate, { to: "/agent#settings", replace: true }),
             },
         ];
-    }, [baseProps]);
+    }, [baseProps, extensionToolsEnabled]);
 }
 //# sourceMappingURL=SettingsPanel.js.map