@trops/dash-core 0.1.517 → 0.1.519

package/dist/index.js

@@ -49347,6 +49347,12 @@ var PrivacySecurityList = function PrivacySecurityList(_ref) {
   var keyFor = function keyFor(group) {
     return group.packageId == null ? "__ungrouped__" : group.packageId;
   };
+
+  // Special selection keys for the two non-package items at the top
+  // of the list. Keep them in the same selection state as packages so
+  // the right panel knows what to render via a single key.
+  var SETTINGS_KEY = "__settings__";
+  var HELP_KEY = "__help__";
   function renderPackageItem(group) {
     var key = keyFor(group);
     var isSelected = selectedPackageKey === key;
@@ -49395,7 +49401,32 @@ var PrivacySecurityList = function PrivacySecurityList(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex-1 overflow-y-auto min-h-0",
       children: /*#__PURE__*/jsxRuntime.jsxs(DashReact.Sidebar.Content, {
-        children: [viewMode === "grouped" ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsxs(DashReact.Sidebar.Group, {
+          label: "Configuration",
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {
+            icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+              icon: "gear",
+              className: "h-3.5 w-3.5"
+            }),
+            active: selectedPackageKey === SETTINGS_KEY,
+            onClick: function onClick() {
+              return onSelectPackage(SETTINGS_KEY);
+            },
+            className: selectedPackageKey === SETTINGS_KEY ? "bg-white/10 opacity-100" : "",
+            children: "Settings"
+          }, SETTINGS_KEY), /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {
+            icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+              icon: "circle-question",
+              className: "h-3.5 w-3.5"
+            }),
+            active: selectedPackageKey === HELP_KEY,
+            onClick: function onClick() {
+              return onSelectPackage(HELP_KEY);
+            },
+            className: selectedPackageKey === HELP_KEY ? "bg-white/10 opacity-100" : "",
+            children: "Help"
+          }, HELP_KEY)]
+        }), viewMode === "grouped" ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [withGrants.length > 0 && /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Group, {
             label: "Has grants",
             children: withGrants.map(renderPackageItem)
@@ -49403,7 +49434,10 @@ var PrivacySecurityList = function PrivacySecurityList(_ref) {
             label: "No grants",
             children: withoutGrants.map(renderPackageItem)
           })]
-        }) : filtered.map(renderPackageItem), filtered.length === 0 && /*#__PURE__*/jsxRuntime.jsx("span", {
+        }) : /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Group, {
+          label: "Packages",
+          children: filtered.map(renderPackageItem)
+        }), filtered.length === 0 && /*#__PURE__*/jsxRuntime.jsx("span", {
           className: "text-sm opacity-40 py-8 text-center block",
           children: searchQuery ? "No packages match your search" : "No widgets installed"
         })]
@@ -49737,7 +49771,12 @@ var PrivacySecuritySection = function PrivacySecuritySection() {
     _useState12 = _slicedToArray(_useState11, 2),
     viewMode = _useState12[0],
     setViewMode = _useState12[1];
-  var _useState13 = React.useState(null),
+  // Default to the Settings sidebar item so first-time visitors land
+  // on something useful rather than the empty-detail placeholder.
+  // "__settings__"/"__help__" are special selection keys (see
+  // PrivacySecurityList); a string starting without "__" is a
+  // packageId.
+  var _useState13 = React.useState("__settings__"),
     _useState14 = _slicedToArray(_useState13, 2),
     selectedPackageKey = _useState14[0],
     setSelectedPackageKey = _useState14[1];
@@ -49938,7 +49977,9 @@ var PrivacySecuritySection = function PrivacySecuritySection() {
     });
   }
   var packageGroups = groupRowsByPackage(rows);
-  var selectedGroup = selectedPackageKey == null ? null : packageGroups.find(function (g) {
+  var isSettingsSelected = selectedPackageKey === "__settings__";
+  var isHelpSelected = selectedPackageKey === "__help__";
+  var selectedGroup = selectedPackageKey == null || isSettingsSelected || isHelpSelected ? null : packageGroups.find(function (g) {
     return g.packageId == null ? selectedPackageKey === "__ungrouped__" : g.packageId === selectedPackageKey;
   }) || null;
   var listContent = /*#__PURE__*/jsxRuntime.jsx(PrivacySecurityList, {
@@ -49950,36 +49991,53 @@ var PrivacySecuritySection = function PrivacySecuritySection() {
     viewMode: viewMode,
     onViewModeChange: setViewMode
   });
-  var detailContent = selectedGroup ? /*#__PURE__*/jsxRuntime.jsx(WidgetPackageDetail, {
-    packageGroup: selectedGroup,
-    onRevokeWidget: revokeWidget,
-    onRevokeServer: revokeServer,
-    onGrantManually: function onGrantManually(widgetId) {
-      return setManualGrantWidgetId(widgetId);
-    },
-    onRevokePackage: revokePackage
-  }) : null;
+
+  // Detail panel content varies by what the user picked in the
+  // sidebar — Settings shows the toggles, Help shows the how-it-
+  // works panel, a package shows its widgets. Wrapping each non-
+  // package case in a scrollable container so long content (like
+  // the help fixtures) stays inside the panel and doesn't push the
+  // sidebar around.
+  var detailContent = null;
+  if (isSettingsSelected) {
+    detailContent = /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex flex-col flex-1 min-h-0 overflow-y-auto p-6",
+      children: /*#__PURE__*/jsxRuntime.jsx(EnforcementToggles, {})
+    });
+  } else if (isHelpSelected) {
+    detailContent = /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex flex-col flex-1 min-h-0 overflow-y-auto p-6",
+      children: /*#__PURE__*/jsxRuntime.jsx(HowThisWorksPanel, {})
+    });
+  } else if (selectedGroup) {
+    detailContent = /*#__PURE__*/jsxRuntime.jsx(WidgetPackageDetail, {
+      packageGroup: selectedGroup,
+      onRevokeWidget: revokeWidget,
+      onRevokeServer: revokeServer,
+      onGrantManually: function onGrantManually(widgetId) {
+        return setManualGrantWidgetId(widgetId);
+      },
+      onRevokePackage: revokePackage
+    });
+  }
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex flex-col flex-1 min-h-0",
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex-shrink-0 flex flex-col space-y-4 p-6 border-b border-gray-800",
-      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex flex-col space-y-2",
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
-          title: "Widget MCP permissions",
-          padding: false
-        }), /*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "text-xs opacity-60",
-          children: "Granting access here is a trust signal about the widget \u2014 not a per-dashboard switch."
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsx(EnforcementToggles, {}), /*#__PURE__*/jsxRuntime.jsx(HowThisWorksPanel, {}), error && /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex-shrink-0 flex flex-col space-y-2 px-6 pt-6 pb-3 border-b border-gray-800",
+      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
+        title: "Widget MCP permissions",
+        padding: false
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "text-xs opacity-60",
+        children: "Granting access here is a trust signal about the widget \u2014 not a per-dashboard switch."
+      }), error && /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "text-xs text-red-400 bg-red-900 bg-opacity-20 border border-red-700 rounded p-3",
         children: error
       })]
     }), /*#__PURE__*/jsxRuntime.jsx(SectionLayout, {
       listContent: listContent,
       detailContent: detailContent,
-      emptyDetailMessage: "Select a package to view its grants"
+      emptyDetailMessage: "Select an item from the sidebar"
     }), /*#__PURE__*/jsxRuntime.jsx(GrantManuallyModal, {
       isOpen: !!manualGrantWidgetId,
       setIsOpen: function setIsOpen(open) {