@trops/dash-core 0.1.636 → 0.1.638

package/dist/index.js

@@ -26958,7 +26958,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
     })
   }) : useGridLayout ? scrollable ? /*#__PURE__*/jsxRuntime.jsx("div", {
     id: "grid-container-".concat(id),
-    className: "grid w-full min-h-24 p-3 ".concat(item.grid.gap || "gap-2"),
+    className: "dr-grid ".concat(!item.grid.gap || item.grid.gap === "gap-2" ? "dr-grid-gap" : "", " grid w-full min-h-24 p-3 ").concat(item.grid.gap || "gap-2"),
     style: {
       gridTemplateRows: getRowTemplate(item.grid),
       gridTemplateColumns: hasExplicitColModes() ? getColTemplate(item.grid) : "repeat(".concat(item.grid.cols, ", 1fr)"),
@@ -26969,7 +26969,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
     className: "relative w-full ".concat(height, " min-h-24"),
     children: /*#__PURE__*/jsxRuntime.jsx("div", {
       id: "grid-container-".concat(id),
-      className: "absolute inset-0 grid p-3 ".concat(item.grid.gap || "gap-2"),
+      className: "dr-grid ".concat(!item.grid.gap || item.grid.gap === "gap-2" ? "dr-grid-gap" : "", " absolute inset-0 grid p-3 ").concat(item.grid.gap || "gap-2"),
       style: {
         gridTemplateRows: hasExplicitRowModes() ? getRowTemplate(item.grid) : "repeat(".concat(item.grid.rows, ", minmax(0, 1fr))"),
         gridTemplateColumns: hasExplicitColModes() ? getColTemplate(item.grid) : "repeat(".concat(item.grid.cols, ", 1fr)"),
@@ -47439,6 +47439,12 @@ function prettyServer(name) {
     return w.charAt(0).toUpperCase() + w.slice(1);
   }).join(" ");
 }
+
+// "search_emails" / "list-calendars" → "Search emails" / "List calendars".
+function prettyTool(name) {
+  var words = String(name || "").split(/[-_\s]+/).filter(Boolean).join(" ");
+  return words.charAt(0).toUpperCase() + words.slice(1);
+}
 function getMainApi() {
   return typeof window !== "undefined" ? window.mainApi : null;
 }
@@ -47478,77 +47484,87 @@ var BotDetail = function BotDetail(_ref) {
     approvalPolicy = _useState10[0],
     setApprovalPolicy = _useState10[1];
 
-  // --- Tools & integrations (MCP servers) ---
+  // --- Providers: the user's Dash MCP providers (Settings → Providers) ---
   var _useState11 = React.useState((bot === null || bot === void 0 ? void 0 : bot.mcpServers) || []),
     _useState12 = _slicedToArray(_useState11, 2),
     selectedServers = _useState12[0],
     setSelectedServers = _useState12[1];
-  var _useState13 = React.useState([]),
+  // Per-provider narrowing within the provider's declared tools:
+  // { [providerName]: string[] }. No entry → every tool the provider allows.
+  var _useState13 = React.useState((bot === null || bot === void 0 ? void 0 : bot.toolSelections) || {}),
     _useState14 = _slicedToArray(_useState13, 2),
-    connectedServers = _useState14[0],
-    setConnectedServers = _useState14[1];
-
-  // --- Model options (fetched per provider) ---
+    toolSelections = _useState14[0],
+    setToolSelections = _useState14[1];
   var _useState15 = React.useState([]),
     _useState16 = _slicedToArray(_useState15, 2),
-    modelOptions = _useState16[0],
-    setModelOptions = _useState16[1];
+    toolSources = _useState16[0],
+    setToolSources = _useState16[1];
+  var _useState17 = React.useState(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    sourcesLoaded = _useState18[0],
+    setSourcesLoaded = _useState18[1];
+
+  // --- Model options (fetched per provider) ---
+  var _useState19 = React.useState([]),
+    _useState20 = _slicedToArray(_useState19, 2),
+    modelOptions = _useState20[0],
+    setModelOptions = _useState20[1];
 
   // --- Schedule (friendly dropdowns; raw cron behind Advanced) ---
   var initialCron = (bot === null || bot === void 0 || (_bot$schedules = bot.schedules) === null || _bot$schedules === void 0 || (_bot$schedules = _bot$schedules[0]) === null || _bot$schedules === void 0 ? void 0 : _bot$schedules.cron) || "";
   var parsed = parseCron(initialCron);
-  var _useState17 = React.useState(parsed.frequency === "custom" ? "off" : parsed.frequency),
-    _useState18 = _slicedToArray(_useState17, 2),
-    frequency = _useState18[0],
-    setFrequency = _useState18[1];
-  var _useState19 = React.useState(parsed.time || DEFAULT_SCHEDULE.time),
-    _useState20 = _slicedToArray(_useState19, 2),
-    time = _useState20[0],
-    setTime = _useState20[1];
-  var _useState21 = React.useState(parsed.dayOfWeek || DEFAULT_SCHEDULE.dayOfWeek),
+  var _useState21 = React.useState(parsed.frequency === "custom" ? "off" : parsed.frequency),
     _useState22 = _slicedToArray(_useState21, 2),
-    dayOfWeek = _useState22[0],
-    setDayOfWeek = _useState22[1];
-  var _useState23 = React.useState(parsed.dayOfMonth || DEFAULT_SCHEDULE.dayOfMonth),
+    frequency = _useState22[0],
+    setFrequency = _useState22[1];
+  var _useState23 = React.useState(parsed.time || DEFAULT_SCHEDULE.time),
     _useState24 = _slicedToArray(_useState23, 2),
-    dayOfMonth = _useState24[0],
-    setDayOfMonth = _useState24[1];
-  var _useState25 = React.useState(parsed.frequency === "custom"),
+    time = _useState24[0],
+    setTime = _useState24[1];
+  var _useState25 = React.useState(parsed.dayOfWeek || DEFAULT_SCHEDULE.dayOfWeek),
     _useState26 = _slicedToArray(_useState25, 2),
-    advanced = _useState26[0],
-    setAdvanced = _useState26[1];
-  var _useState27 = React.useState(initialCron),
+    dayOfWeek = _useState26[0],
+    setDayOfWeek = _useState26[1];
+  var _useState27 = React.useState(parsed.dayOfMonth || DEFAULT_SCHEDULE.dayOfMonth),
     _useState28 = _slicedToArray(_useState27, 2),
-    advancedCron = _useState28[0],
-    setAdvancedCron = _useState28[1];
-  var _useState29 = React.useState((bot === null || bot === void 0 || (_bot$schedules2 = bot.schedules) === null || _bot$schedules2 === void 0 || (_bot$schedules2 = _bot$schedules2[0]) === null || _bot$schedules2 === void 0 ? void 0 : _bot$schedules2.prompt) || ""),
+    dayOfMonth = _useState28[0],
+    setDayOfMonth = _useState28[1];
+  var _useState29 = React.useState(parsed.frequency === "custom"),
     _useState30 = _slicedToArray(_useState29, 2),
-    schedulePrompt = _useState30[0],
-    setSchedulePrompt = _useState30[1];
+    advanced = _useState30[0],
+    setAdvanced = _useState30[1];
+  var _useState31 = React.useState(initialCron),
+    _useState32 = _slicedToArray(_useState31, 2),
+    advancedCron = _useState32[0],
+    setAdvancedCron = _useState32[1];
+  var _useState33 = React.useState((bot === null || bot === void 0 || (_bot$schedules2 = bot.schedules) === null || _bot$schedules2 === void 0 || (_bot$schedules2 = _bot$schedules2[0]) === null || _bot$schedules2 === void 0 ? void 0 : _bot$schedules2.prompt) || ""),
+    _useState34 = _slicedToArray(_useState33, 2),
+    schedulePrompt = _useState34[0],
+    setSchedulePrompt = _useState34[1];
 
   // --- Run-on-events (subscriptions) ---
-  var _useState31 = React.useState(((bot === null || bot === void 0 ? void 0 : bot.subscriptions) || []).map(function (s) {
+  var _useState35 = React.useState(((bot === null || bot === void 0 ? void 0 : bot.subscriptions) || []).map(function (s) {
       return s && s.eventType;
     }).filter(Boolean)),
-    _useState32 = _slicedToArray(_useState31, 2),
-    subscriptions = _useState32[0],
-    setSubscriptions = _useState32[1];
-  var _useState33 = React.useState(""),
-    _useState34 = _slicedToArray(_useState33, 2),
-    newEvent = _useState34[0],
-    setNewEvent = _useState34[1];
-  var _useState35 = React.useState([]),
     _useState36 = _slicedToArray(_useState35, 2),
-    knownEvents = _useState36[0],
-    setKnownEvents = _useState36[1];
-  var _useState37 = React.useState(false),
+    subscriptions = _useState36[0],
+    setSubscriptions = _useState36[1];
+  var _useState37 = React.useState(""),
     _useState38 = _slicedToArray(_useState37, 2),
-    saving = _useState38[0],
-    setSaving = _useState38[1];
-  var _useState39 = React.useState(null),
+    newEvent = _useState38[0],
+    setNewEvent = _useState38[1];
+  var _useState39 = React.useState([]),
     _useState40 = _slicedToArray(_useState39, 2),
-    error = _useState40[0],
-    setError = _useState40[1];
+    knownEvents = _useState40[0],
+    setKnownEvents = _useState40[1];
+  var _useState41 = React.useState(false),
+    _useState42 = _slicedToArray(_useState41, 2),
+    saving = _useState42[0],
+    setSaving = _useState42[1];
+  var _useState43 = React.useState(null),
+    _useState44 = _slicedToArray(_useState43, 2),
+    error = _useState44[0],
+    setError = _useState44[1];
 
   // Discover recently-seen widget event types to suggest as subscriptions.
   React.useEffect(function () {
@@ -47564,29 +47580,32 @@ var BotDetail = function BotDetail(_ref) {
     };
   }, []);
 
-  // Discover the user's connected integrations for the picker.
+  // Discover the user's configured MCP providers — running or not. The bot
+  // starts any that aren't running when it runs.
   React.useEffect(function () {
-    var _api$llm;
+    var _api$bots;
     var alive = true;
     var api = getMainApi();
-    if (!(api !== null && api !== void 0 && (_api$llm = api.llm) !== null && _api$llm !== void 0 && _api$llm.listConnectedTools)) return undefined;
-    api.llm.listConnectedTools().then(function (servers) {
-      if (!alive || !Array.isArray(servers)) return;
-      setConnectedServers(servers.map(function (s) {
-        return s.serverName;
-      }).filter(Boolean));
-    })["catch"](function () {});
+    if (!(api !== null && api !== void 0 && (_api$bots = api.bots) !== null && _api$bots !== void 0 && _api$bots.listToolSources)) {
+      setSourcesLoaded(true);
+      return undefined;
+    }
+    Promise.resolve(api.bots.listToolSources((bot === null || bot === void 0 ? void 0 : bot.workspaceId) || null)).then(function (sources) {
+      if (alive && Array.isArray(sources)) setToolSources(sources);
+    })["catch"](function () {})["finally"](function () {
+      if (alive) setSourcesLoaded(true);
+    });
     return function () {
       alive = false;
     };
-  }, []);
+  }, [bot === null || bot === void 0 ? void 0 : bot.workspaceId]);
 
   // Fetch the model list for the chosen provider.
   React.useEffect(function () {
-    var _api$llm2;
+    var _api$llm;
     var alive = true;
     var api = getMainApi();
-    if (!(api !== null && api !== void 0 && (_api$llm2 = api.llm) !== null && _api$llm2 !== void 0 && _api$llm2.listModels)) {
+    if (!(api !== null && api !== void 0 && (_api$llm = api.llm) !== null && _api$llm !== void 0 && _api$llm.listModels)) {
       setModelOptions([]);
       return undefined;
     }
@@ -47600,12 +47619,32 @@ var BotDetail = function BotDetail(_ref) {
     };
   }, [provider]);
 
-  // Union of connected servers + any the bot already has (so an attached server
-  // that isn't currently connected still shows, checked, and isn't dropped).
-  var availableServers = _toConsumableArray(new Set([].concat(_toConsumableArray(selectedServers || []), _toConsumableArray(connectedServers)))).map(function (serverName) {
+  // Configured providers + any the bot already has (so a provider that was
+  // since removed still shows, checked, and isn't silently dropped on save).
+  var availableServers = [].concat(_toConsumableArray(toolSources.map(function (s) {
+    return _objectSpread$t(_objectSpread$t({}, s), {}, {
+      missing: false
+    });
+  })), _toConsumableArray((selectedServers || []).filter(function (name) {
+    return !toolSources.some(function (s) {
+      return s.name === name;
+    });
+  }).map(function (name) {
+    return {
+      name: name,
+      running: false,
+      toolCount: null,
+      missing: true
+    };
+  }))).map(function (s) {
+    var _s$toolCount;
     return {
-      serverName: serverName,
-      label: prettyServer(serverName)
+      serverName: s.name,
+      label: prettyServer(s.name),
+      // The provider's declared tools (or live tools if undeclared + running);
+      // null → every tool, list not known yet.
+      tools: Array.isArray(s.tools) ? s.tools : null,
+      status: s.missing ? "No longer set up under Settings → Providers" : s.running ? "Running \xB7 ".concat((_s$toolCount = s.toolCount) !== null && _s$toolCount !== void 0 ? _s$toolCount : 0, " tools") : "Starts when the bot runs"
     };
   });
   var modelSelectOptions = [{
@@ -47624,6 +47663,35 @@ var BotDetail = function BotDetail(_ref) {
       }) : [].concat(_toConsumableArray(prev), [serverName]);
     });
   };
+
+  // Is `tool` allowed for this bot on `serverName`? No stored selection → yes.
+  var isToolOn = function isToolOn(serverName, tool) {
+    var sel = toolSelections[serverName];
+    return Array.isArray(sel) ? sel.includes(tool) : true;
+  };
+
+  // Toggle one tool. Selecting every tool again clears the entry (= all), so
+  // a later provider-side addition is picked up automatically.
+  var toggleTool = function toggleTool(serverName, allTools, tool) {
+    setToolSelections(function (prev) {
+      var current = Array.isArray(prev[serverName]) ? prev[serverName] : _toConsumableArray(allTools);
+      var next = current.includes(tool) ? current.filter(function (t) {
+        return t !== tool;
+      }) : allTools.filter(function (t) {
+        return t === tool || current.includes(t);
+      });
+      var copy = _objectSpread$t({}, prev);
+      if (next.length === allTools.length) delete copy[serverName];else copy[serverName] = next;
+      return copy;
+    });
+  };
+  var setAllTools = function setAllTools(serverName, on) {
+    setToolSelections(function (prev) {
+      var copy = _objectSpread$t({}, prev);
+      if (on) delete copy[serverName];else copy[serverName] = [];
+      return copy;
+    });
+  };
   var addSubscription = function addSubscription(eventType) {
     var ev = (eventType || "").trim();
     if (!ev) return;
@@ -47672,6 +47740,12 @@ var BotDetail = function BotDetail(_ref) {
               engine: engine || null,
               approvalPolicy: approvalPolicy,
               mcpServers: selectedServers,
+              // Only keep narrowing for providers the bot still uses.
+              toolSelections: Object.fromEntries(Object.entries(toolSelections).filter(function (_ref3) {
+                var _ref4 = _slicedToArray(_ref3, 1),
+                  server = _ref4[0];
+                return selectedServers.includes(server);
+              })),
               schedules: schedules,
               subscriptions: subscriptions.map(function (eventType) {
                 return {
@@ -47730,57 +47804,113 @@ var BotDetail = function BotDetail(_ref) {
           placeholder: "What should this bot do?",
           rows: 5
         })]
-      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex flex-col gap-1",
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SelectInput, {
-          label: "Provider",
-          value: provider,
-          onChange: setProvider,
-          options: providerOptionsFrom(providers)
-        }), /*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "text-xs opacity-50",
-          children: "The AI that runs this bot. \"Claude Code (CLI)\" uses your Claude login \u2014 no API key needed."
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.SelectInput, {
-        label: "Model",
-        value: model,
-        onChange: setModel,
-        options: modelSelectOptions,
-        placeholder: "Recommended (default)"
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.SelectInput, {
-        label: "Engine",
-        value: engine,
-        onChange: setEngine,
-        options: ENGINE_OPTIONS,
-        placeholder: "Standard (default)"
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.SelectInput, {
-        label: "Approval policy",
-        value: approvalPolicy,
-        onChange: setApprovalPolicy,
-        options: APPROVAL_OPTIONS
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-col gap-2",
         children: [/*#__PURE__*/jsxRuntime.jsx("span", {
           className: "text-sm font-medium",
-          children: "Tools & integrations"
+          children: "Providers"
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "text-xs opacity-50",
+          children: "What this bot can use \u2014 your MCP providers from Settings \u2192 Providers. The bot starts any that aren't running when it runs."
         }), availableServers.length ? /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "flex flex-col gap-1",
           children: availableServers.map(function (s) {
-            return /*#__PURE__*/jsxRuntime.jsx(DashReact.Checkbox, {
-              label: s.label,
-              checked: selectedServers.includes(s.serverName),
-              onChange: function onChange() {
-                return toggleServer(s.serverName);
-              }
+            var on = selectedServers.includes(s.serverName);
+            return /*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "flex flex-col gap-1",
+              children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+                className: "flex flex-row items-center justify-between gap-3",
+                children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Checkbox, {
+                  label: s.label,
+                  checked: on,
+                  onChange: function onChange() {
+                    return toggleServer(s.serverName);
+                  }
+                }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                  className: "text-xs opacity-50",
+                  children: s.status
+                })]
+              }), on ? /*#__PURE__*/jsxRuntime.jsx("div", {
+                className: "flex flex-col gap-1 pl-7 pb-2",
+                children: s.tools && s.tools.length ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                  children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+                    className: "flex flex-row items-center gap-2",
+                    children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+                      className: "text-xs opacity-50",
+                      children: "Tools this bot may use (from the provider's allowed tools):"
+                    }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, {
+                      title: "All",
+                      size: "xs",
+                      onClick: function onClick() {
+                        return setAllTools(s.serverName, true);
+                      }
+                    }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button3, {
+                      title: "None",
+                      size: "xs",
+                      onClick: function onClick() {
+                        return setAllTools(s.serverName, false);
+                      }
+                    })]
+                  }), /*#__PURE__*/jsxRuntime.jsx("div", {
+                    className: "grid grid-cols-2 gap-x-4 gap-y-1",
+                    children: s.tools.map(function (tool) {
+                      return /*#__PURE__*/jsxRuntime.jsx(DashReact.Checkbox, {
+                        label: prettyTool(tool),
+                        checked: isToolOn(s.serverName, tool),
+                        onChange: function onChange() {
+                          return toggleTool(s.serverName, s.tools, tool);
+                        }
+                      }, tool);
+                    })
+                  })]
+                }) : /*#__PURE__*/jsxRuntime.jsx("span", {
+                  className: "text-xs opacity-50",
+                  children: "All tools this provider offers \u2014 it has no tool limit set in Settings \u2192 Providers."
+                })
+              }) : null]
             }, s.serverName);
           })
-        }) : /*#__PURE__*/jsxRuntime.jsx("span", {
+        }) : sourcesLoaded ? /*#__PURE__*/jsxRuntime.jsx("span", {
           className: "text-xs opacity-50",
-          children: "No connected integrations yet. Add one under Settings \u2192 MCP Server, then it will appear here."
-        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          children: "You haven't set up any MCP providers yet. Add one under Settings \u2192 Providers, then it will appear here."
+        }) : null, /*#__PURE__*/jsxRuntime.jsx("span", {
           className: "text-xs opacity-50",
-          children: "Tools on these integrations route through the approval policy above."
+          children: "Each tool call follows the approval policy below."
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-col gap-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "text-sm font-medium",
+          children: "AI model"
+        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-col gap-1",
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SelectInput, {
+            label: "Model source",
+            value: provider,
+            onChange: setProvider,
+            options: providerOptionsFrom(providers)
+          }), /*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "text-xs opacity-50",
+            children: "Which AI powers the bot \u2014 an API key from your Anthropic, OpenAI or xAI providers, or \"Claude Code (CLI)\", which uses your Claude login with no API key."
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx(DashReact.SelectInput, {
+          label: "Model",
+          value: model,
+          onChange: setModel,
+          options: modelSelectOptions,
+          placeholder: "Recommended (default)"
+        }), /*#__PURE__*/jsxRuntime.jsx(DashReact.SelectInput, {
+          label: "Engine",
+          value: engine,
+          onChange: setEngine,
+          options: ENGINE_OPTIONS,
+          placeholder: "Standard (default)"
         })]
+      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.SelectInput, {
+        label: "Approval policy",
+        value: approvalPolicy,
+        onChange: setApprovalPolicy,
+        options: APPROVAL_OPTIONS
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-col gap-2",
         children: [/*#__PURE__*/jsxRuntime.jsx("span", {
@@ -58061,7 +58191,7 @@ var DashTabBar = function DashTabBar(_ref) {
     currentTheme = _useContext.currentTheme;
   if (tabs.length === 0) return null;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "flex flex-row items-center shrink-0 overflow-x-auto gap-1 px-2 py-2.5 border-t ".concat(currentTheme["border-primary-dark"] || "border-gray-700", " ").concat(currentTheme["bg-primary-dark"] || "bg-gray-900", " scrollbar-none"),
+    className: "dr-tabstrip flex flex-row items-center shrink-0 overflow-x-auto gap-1 px-2 py-2.5 border-t ".concat(currentTheme["border-primary-dark"] || "border-gray-700", " ").concat(currentTheme["bg-primary-dark"] || "bg-gray-900", " scrollbar-none"),
     children: tabs.map(function (tab) {
       var isActive = tab.id === activeTabId;
       return /*#__PURE__*/jsxRuntime.jsxs("button", {
@@ -58069,7 +58199,7 @@ var DashTabBar = function DashTabBar(_ref) {
         onClick: function onClick() {
           return onSwitchTab && onSwitchTab(tab.id);
         },
-        className: "group flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md whitespace-nowrap transition-all duration-100 cursor-pointer ".concat(isActive ? "bg-white/15 text-white" : "text-gray-400 hover:bg-white/10 hover:text-gray-200"),
+        className: "dr-pill ".concat(isActive ? "dr-pill-active" : "", " group flex items-center gap-1.5 px-3 py-1.5 text-xs rounded-md whitespace-nowrap transition-all duration-100 cursor-pointer ").concat(isActive ? "bg-white/15 text-white" : "text-gray-400 hover:bg-white/10 hover:text-gray-200"),
         children: [/*#__PURE__*/jsxRuntime.jsx("span", {
           className: "truncate max-w-[140px]",
           children: (tab.name || "Untitled").replace(/^./, function (c) {
@@ -58201,7 +58331,7 @@ var PageTabBar = function PageTabBar(_ref) {
     setDragOverId(null);
   };
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "flex flex-row items-center shrink-0 overflow-x-auto gap-1 px-2 py-1.5 border-b ".concat(currentTheme["border-primary-dark"] || "border-gray-700", " ").concat(currentTheme["bg-primary-medium"] || "bg-gray-800/50", " scrollbar-none"),
+    className: "dr-tabs flex flex-row items-center shrink-0 overflow-x-auto gap-1 px-2 py-1.5 border-b ".concat(currentTheme["border-neutral-dark"] || "border-neutral-800", " ").concat(currentTheme["bg-none"] || "bg-transparent", " scrollbar-none"),
     children: [pages.length > 1 && sortedPages.map(function (page) {
       var isActive = page.id === activePageId;
       var isDragOver = page.id === dragOverId;
@@ -58224,7 +58354,7 @@ var PageTabBar = function PageTabBar(_ref) {
           return handleDrop(e, page.id);
         },
         onDragEnd: handleDragEnd,
-        className: "group flex items-center gap-1.5 px-3 py-1 text-xs rounded-md whitespace-nowrap transition-all duration-100 cursor-pointer ".concat(isActive ? "bg-white/15 text-white" : "text-gray-400 hover:bg-white/10 hover:text-gray-200", " ").concat(isDragOver ? "ring-1 ring-blue-400" : "", " ").concat(editMode ? "cursor-grab active:cursor-grabbing" : ""),
+        className: "dr-tab ".concat(isActive ? "dr-tab-active" : "", " group flex items-center gap-1.5 px-3 py-1 text-xs rounded-md whitespace-nowrap transition-all duration-100 cursor-pointer ").concat(isActive ? "bg-white/15 text-white" : "text-gray-400 hover:bg-white/10 hover:text-gray-200", " ").concat(isDragOver ? "ring-1 ring-blue-400" : "", " ").concat(editMode ? "cursor-grab active:cursor-grabbing" : ""),
         children: [editingId === page.id ? /*#__PURE__*/jsxRuntime.jsx("input", {
           ref: inputRef,
           type: "text",
@@ -58267,7 +58397,7 @@ var PageTabBar = function PageTabBar(_ref) {
     }), editMode && onAddPage && /*#__PURE__*/jsxRuntime.jsxs("button", {
       type: "button",
       onClick: onAddPage,
-      className: "flex items-center gap-1 px-2 py-1 text-xs rounded-md text-gray-500 hover:bg-white/10 hover:text-gray-300 transition-colors",
+      className: "dr-tab flex items-center gap-1 px-2 py-1 text-xs rounded-md text-gray-500 hover:bg-white/10 hover:text-gray-300 transition-colors",
       children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
         icon: "plus",
         className: "h-2.5 w-2.5"
@@ -65854,7 +65984,7 @@ var DashboardHeader = function DashboardHeader(_ref) {
     }
   }, [workspace, workspaceSelected]);
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "flex flex-row p-1 justify-between shrink items-center px-4 ".concat(currentTheme["bg-primary-dark"], " py-2"),
+    className: "dr-header flex flex-row p-1 justify-between shrink items-center px-4 ".concat(currentTheme["bg-none"], " py-2"),
     children: preview === true ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
         title: (workspaceSelected.name || "Untitled").replace(/^./, function (c) {
@@ -65867,11 +65997,11 @@ var DashboardHeader = function DashboardHeader(_ref) {
         children: [onPopout !== null && /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, {
           icon: "arrow-up-right-from-square",
           onClick: onPopout,
-          hoverBackgroundColor: "hover:bg-indigo-700"
+          hoverBackgroundColor: "hover:bg-neutral-700"
         }), onClickEdit !== null && /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, {
           icon: "pencil",
           onClick: onClickEdit,
-          hoverBackgroundColor: "hover:bg-indigo-700"
+          hoverBackgroundColor: "hover:bg-neutral-700"
         })]
       })]
     }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -65883,7 +66013,7 @@ var DashboardHeader = function DashboardHeader(_ref) {
           onChange: onNameChange,
           textSize: "text-lg",
           placeholder: "My Workspace",
-          bgColor: currentTheme["bg-primary-very-dark"],
+          bgColor: currentTheme["bg-neutral-very-dark"],
           textColor: currentTheme["text-primary-medium"],
           hasBorder: false,
           autoFocus: true
@@ -65907,7 +66037,7 @@ var DashboardHeader = function DashboardHeader(_ref) {
             onFolderChange(menuId);
           },
           placeholder: "Folder",
-          backgroundColor: currentTheme["bg-primary-very-dark"],
+          backgroundColor: currentTheme["bg-neutral-very-dark"],
           textColor: currentTheme["text-primary-medium"],
           borderColor: currentTheme["border-primary-dark"],
           inputClassName: "py-1 text-sm",
@@ -65942,7 +66072,7 @@ var DashboardHeader = function DashboardHeader(_ref) {
             onThemeChange(themeKey);
           },
           placeholder: "Select a theme",
-          backgroundColor: currentTheme["bg-primary-very-dark"],
+          backgroundColor: currentTheme["bg-neutral-very-dark"],
           textColor: currentTheme["text-primary-medium"],
           borderColor: currentTheme["border-primary-dark"],
           inputClassName: "py-1 text-sm",
@@ -65965,7 +66095,7 @@ var DashboardHeader = function DashboardHeader(_ref) {
           icon: "xmark",
           text: "Cancel",
           onClick: onClickEdit,
-          hoverBackgroundColor: "hover:bg-indigo-700"
+          hoverBackgroundColor: "hover:bg-neutral-700"
         }), onSaveChanges !== null && /*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon2, {
           icon: "check",
           text: "Save",
@@ -65993,7 +66123,7 @@ function DashboardConfigButton(_ref8) {
     children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.ButtonIcon, {
       icon: "sliders",
       onClick: onClick,
-      hoverBackgroundColor: "hover:bg-indigo-700"
+      hoverBackgroundColor: "hover:bg-neutral-700"
     }), unresolvedCount > 0 && /*#__PURE__*/jsxRuntime.jsx("span", {
       className: "absolute top-1 right-1 h-2 w-2 rounded-full bg-amber-400 border border-black/40 pointer-events-none",
       title: "".concat(unresolvedCount, " unresolved provider").concat(unresolvedCount === 1 ? "" : "s")
@@ -67759,6 +67889,15 @@ var ChatMessages = function ChatMessages(_ref) {
   });
 };
 
+var autoResize = function autoResize(el) {
+  if (!el) return;
+  el.style.height = "auto";
+  if (el.scrollHeight === 0) {
+    el.style.height = "";
+    return;
+  }
+  el.style.height = Math.min(el.scrollHeight, 120) + "px";
+};
 var ChatInput = function ChatInput(_ref) {
   var onSend = _ref.onSend,
     onStop = _ref.onStop,
@@ -67769,13 +67908,24 @@ var ChatInput = function ChatInput(_ref) {
     input = _useState2[0],
     setInput = _useState2[1];
   var textareaRef = React.useRef(null);
+
+  // Auto-resize; re-measure once the input's container actually gets laid
+  // out (e.g. the panel is expanded).
   React.useEffect(function () {
-    var el = textareaRef.current;
-    if (el) {
-      el.style.height = "auto";
-      el.style.height = Math.min(el.scrollHeight, 120) + "px";
-    }
+    autoResize(textareaRef.current);
   }, [input]);
+  React.useEffect(function () {
+    var el = textareaRef.current;
+    var parent = el === null || el === void 0 ? void 0 : el.parentElement;
+    if (!parent || typeof ResizeObserver === "undefined") return;
+    var observer = new ResizeObserver(function () {
+      return autoResize(el);
+    });
+    observer.observe(parent);
+    return function () {
+      return observer.disconnect();
+    };
+  }, []);
   var handleSend = function handleSend() {
     var trimmed = input.trim();
     if (!trimmed || isLoading) return;