@agent-native/core 0.27.0 → 0.28.1

package/dist/client/settings/SettingsPanel.js

@@ -830,15 +830,19 @@ function initialOpenSection() {
         return "llm";
     return normalizeSettingsSection(window.location.hash) ?? "llm";
 }
-const environmentOptions = [
+// 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
+// capability it is — not the deployment environment (NODE_ENV).
+const agentModeOptions = [
     {
         value: "production",
-        label: "Production",
+        label: "App mode",
         description: "App tools only; code, bash, and files require Builder or a local clone.",
     },
     {
         value: "development",
-        label: "Development",
+        label: "Code mode",
         description: "Full access to code editing, bash, and files.",
     },
 ];
@@ -950,7 +954,7 @@ export function SettingsPanel({ isDevMode, onToggleDevMode, showDevToggle, devAp
         window.addEventListener("hashchange", handleHash);
         return () => window.removeEventListener("hashchange", handleHash);
     }, [openSettingsSection]);
-    return (_jsxs("div", { className: "flex-1 min-h-0 overflow-y-auto p-3 space-y-2", style: { overflowY: "auto" }, children: [(showDevToggle || devAppUrl) && (_jsx("div", { className: "space-y-2 pb-2 border-b border-border mb-2", children: showDevToggle && (_jsx(SettingsSelect, { label: "Environment", labelAdornment: devAppUrl ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("a", { href: devAppUrl, target: "_blank", rel: "noopener noreferrer", "aria-label": "Open app in new tab", className: "flex items-center text-muted-foreground hover:text-foreground", children: _jsx(IconExternalLink, { size: 14 }) }) }), _jsx(TooltipContent, { children: "Open app in new tab" })] })) : undefined, value: isDevMode ? "development" : "production", options: environmentOptions, onValueChange: (next) => {
+    return (_jsxs("div", { className: "flex-1 min-h-0 overflow-y-auto p-3 space-y-2", style: { overflowY: "auto" }, children: [(showDevToggle || devAppUrl) && (_jsx("div", { className: "space-y-2 pb-2 border-b border-border mb-2", children: showDevToggle && (_jsx(SettingsSelect, { label: "Agent mode", labelAdornment: devAppUrl ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("a", { href: devAppUrl, target: "_blank", rel: "noopener noreferrer", "aria-label": "Open app in new tab", className: "flex items-center text-muted-foreground hover:text-foreground", children: _jsx(IconExternalLink, { size: 14 }) }) }), _jsx(TooltipContent, { children: "Open app in new tab" })] })) : undefined, value: isDevMode ? "development" : "production", options: agentModeOptions, onValueChange: (next) => {
                         const nextIsDev = next === "development";
                         if (nextIsDev !== isDevMode)
                             onToggleDevMode();