@trops/dash-core 0.1.454 → 0.1.455

package/dist/index.js

@@ -43931,7 +43931,9 @@ var ProviderDetail = function ProviderDetail(_ref) {
     _ref$catalogAuthComma = _ref.catalogAuthCommand,
     catalogAuthCommand = _ref$catalogAuthComma === void 0 ? null : _ref$catalogAuthComma,
     _ref$catalogCredentia = _ref.catalogCredentialSchema,
-    catalogCredentialSchema = _ref$catalogCredentia === void 0 ? {} : _ref$catalogCredentia;
+    catalogCredentialSchema = _ref$catalogCredentia === void 0 ? {} : _ref$catalogCredentia,
+    _ref$onBack = _ref.onBack,
+    onBack = _ref$onBack === void 0 ? null : _ref$onBack;
   var appContext = React.useContext(AppContext);
   var dashApi = appContext === null || appContext === void 0 ? void 0 : appContext.dashApi;
   var isMcp = (provider === null || provider === void 0 ? void 0 : provider.providerClass) === "mcp";
@@ -44260,7 +44262,15 @@ var ProviderDetail = function ProviderDetail(_ref) {
       className: "flex flex-col flex-1 min-h-0",
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex-1 min-h-0 overflow-y-auto p-6 space-y-5",
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
+        children: [onBack && /*#__PURE__*/jsxRuntime.jsxs("button", {
+          type: "button",
+          onClick: onBack,
+          className: "flex items-center gap-2 text-sm opacity-60 hover:opacity-100 transition-opacity",
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+            icon: "chevron-left",
+            className: "h-3 w-3"
+          }), "Back"]
+        }), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
           title: isCreating ? "New Provider" : "Edit Provider",
           padding: false
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -45854,7 +45864,9 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
   var onSave = _ref.onSave,
     onCancel = _ref.onCancel,
     _ref$initialSelectedI = _ref.initialSelectedId,
-    initialSelectedId = _ref$initialSelectedI === void 0 ? null : _ref$initialSelectedI;
+    initialSelectedId = _ref$initialSelectedI === void 0 ? null : _ref$initialSelectedI,
+    _ref$onBack = _ref.onBack,
+    onBack = _ref$onBack === void 0 ? null : _ref$onBack;
   var appContext = React.useContext(AppContext);
   var dashApi = appContext === null || appContext === void 0 ? void 0 : appContext.dashApi;
   var _useState = React.useState([]),
@@ -46505,7 +46517,15 @@ var McpCatalogDetail = function McpCatalogDetail(_ref) {
     className: "flex flex-col flex-1 min-h-0",
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex-1 min-h-0 overflow-y-auto p-6 space-y-4",
-      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      children: [onBack && /*#__PURE__*/jsxRuntime.jsxs("button", {
+        type: "button",
+        onClick: onBack,
+        className: "flex items-center gap-2 text-sm opacity-60 hover:opacity-100 transition-opacity",
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+          icon: "chevron-left",
+          className: "h-3 w-3"
+        }), "Back"]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex items-center justify-between",
         children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
           title: "Add MCP Server",
@@ -46682,7 +46702,9 @@ var WebSocketProviderForm = function WebSocketProviderForm(_ref) {
     _ref$initialCredentia = _ref.initialCredentials,
     initialCredentials = _ref$initialCredentia === void 0 ? {} : _ref$initialCredentia,
     onSave = _ref.onSave,
-    onCancel = _ref.onCancel;
+    onCancel = _ref.onCancel,
+    _ref$onBack = _ref.onBack,
+    onBack = _ref$onBack === void 0 ? null : _ref$onBack;
   var _useState = React.useState(initialName),
     _useState2 = _slicedToArray(_useState, 2),
     name = _useState2[0],
@@ -46896,7 +46918,15 @@ var WebSocketProviderForm = function WebSocketProviderForm(_ref) {
     className: "flex flex-col flex-1 min-h-0",
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex-1 min-h-0 overflow-y-auto p-6 space-y-5",
-      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
+      children: [onBack && /*#__PURE__*/jsxRuntime.jsxs("button", {
+        type: "button",
+        onClick: onBack,
+        className: "flex items-center gap-2 text-sm opacity-60 hover:opacity-100 transition-opacity",
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+          icon: "chevron-left",
+          className: "h-3 w-3"
+        }), "Back"]
+      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
         title: isEditMode ? "Edit WebSocket Provider" : "New WebSocket Provider",
         padding: false
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -47218,42 +47248,50 @@ var ProvidersSection = function ProvidersSection(_ref) {
     _useState0 = _slicedToArray(_useState9, 2),
     isShowingClassChooser = _useState0[0],
     setIsShowingClassChooser = _useState0[1];
+  // Tracks whether the current create-flow detail was reached via the
+  // chooser (vs. the Widget Builder deep-link or list-edit). Only the
+  // chooser-entry path renders the "← Back" affordance, since that's
+  // the only path that has somewhere to go back to.
   var _useState1 = React.useState(false),
     _useState10 = _slicedToArray(_useState1, 2),
-    isEditing = _useState10[0],
-    setIsEditing = _useState10[1];
-  var _useState11 = React.useState(""),
+    cameFromClassChooser = _useState10[0],
+    setCameFromClassChooser = _useState10[1];
+  var _useState11 = React.useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
-    formName = _useState12[0],
-    setFormName = _useState12[1];
+    isEditing = _useState12[0],
+    setIsEditing = _useState12[1];
   var _useState13 = React.useState(""),
     _useState14 = _slicedToArray(_useState13, 2),
-    formType = _useState14[0],
-    setFormType = _useState14[1];
-  var _useState15 = React.useState({}),
+    formName = _useState14[0],
+    setFormName = _useState14[1];
+  var _useState15 = React.useState(""),
     _useState16 = _slicedToArray(_useState15, 2),
-    formCredentials = _useState16[0],
-    setFormCredentials = _useState16[1];
-  var _useState17 = React.useState(null),
+    formType = _useState16[0],
+    setFormType = _useState16[1];
+  var _useState17 = React.useState({}),
     _useState18 = _slicedToArray(_useState17, 2),
-    deleteTarget = _useState18[0],
-    setDeleteTarget = _useState18[1];
-  var _useState19 = React.useState(false),
+    formCredentials = _useState18[0],
+    setFormCredentials = _useState18[1];
+  var _useState19 = React.useState(null),
     _useState20 = _slicedToArray(_useState19, 2),
-    isAddingMcp = _useState20[0],
-    setIsAddingMcp = _useState20[1];
+    deleteTarget = _useState20[0],
+    setDeleteTarget = _useState20[1];
   var _useState21 = React.useState(false),
     _useState22 = _slicedToArray(_useState21, 2),
-    isEditingMcp = _useState22[0],
-    setIsEditingMcp = _useState22[1];
+    isAddingMcp = _useState22[0],
+    setIsAddingMcp = _useState22[1];
   var _useState23 = React.useState(false),
     _useState24 = _slicedToArray(_useState23, 2),
-    isAddingWs = _useState24[0],
-    setIsAddingWs = _useState24[1];
+    isEditingMcp = _useState24[0],
+    setIsEditingMcp = _useState24[1];
   var _useState25 = React.useState(false),
     _useState26 = _slicedToArray(_useState25, 2),
-    isEditingWs = _useState26[0],
-    setIsEditingWs = _useState26[1];
+    isAddingWs = _useState26[0],
+    setIsAddingWs = _useState26[1];
+  var _useState27 = React.useState(false),
+    _useState28 = _slicedToArray(_useState27, 2),
+    isEditingWs = _useState28[0],
+    setIsEditingWs = _useState28[1];
 
   // Row ID counter for env/header rows in MCP edit mode
   var nextRowIdRef = React.useRef(0);
@@ -47536,6 +47574,10 @@ var ProvidersSection = function ProvidersSection(_ref) {
       resetForm();
       setSelectedName(null);
       setIsShowingClassChooser(false);
+      // External create requests (deep-link or header button) do NOT
+      // come via the chooser, so any leftover "came from chooser" state
+      // from a prior session must be cleared before routing.
+      setCameFromClassChooser(false);
       if (initialProviderClass === "mcp") {
         // MCP class: open the catalog detail. Pre-select happens in
         // McpCatalogDetail via the initialSelectedId prop passed below.
@@ -47663,13 +47705,26 @@ var ProvidersSection = function ProvidersSection(_ref) {
       })]
     })]
   });
+
+  // Closes whichever create-flow detail is open and re-opens the
+  // class chooser. Only attached to the detail's onBack prop when
+  // the user reached it via the chooser (cameFromClassChooser).
+  var goBackToClassChooser = function goBackToClassChooser() {
+    resetForm();
+    setIsAddingWs(false);
+    setIsAddingMcp(false);
+    setIsCreating(false);
+    setCameFromClassChooser(false);
+    setIsShowingClassChooser(true);
+  };
   var detailContent = null;
   if (isAddingWs) {
     detailContent = /*#__PURE__*/jsxRuntime.jsx(WebSocketProviderForm, {
       onSave: handleWsSave,
       onCancel: function onCancel() {
         return setIsAddingWs(false);
-      }
+      },
+      onBack: cameFromClassChooser ? goBackToClassChooser : null
     });
   } else if (isEditingWs && selectedName && selectedProvider) {
     var wc = selectedProvider.wsConfig || {};
@@ -47699,6 +47754,7 @@ var ProvidersSection = function ProvidersSection(_ref) {
     detailContent = /*#__PURE__*/jsxRuntime.jsx(NewProviderPicker, {
       onSelect: function onSelect(cls) {
         setIsShowingClassChooser(false);
+        setCameFromClassChooser(true);
         if (cls === "mcp") {
           setIsAddingMcp(true);
         } else if (cls === "websocket") {
@@ -47714,7 +47770,8 @@ var ProvidersSection = function ProvidersSection(_ref) {
       onCancel: function onCancel() {
         return setIsAddingMcp(false);
       },
-      initialSelectedId: initialProviderType
+      initialSelectedId: initialProviderType,
+      onBack: cameFromClassChooser ? goBackToClassChooser : null
     });
   } else if (isCreating) {
     detailContent = /*#__PURE__*/jsxRuntime.jsx(ProviderDetail, {
@@ -47729,7 +47786,8 @@ var ProvidersSection = function ProvidersSection(_ref) {
       onCancelEdit: function onCancelEdit() {
         resetForm();
         setIsCreating(false);
-      }
+      },
+      onBack: cameFromClassChooser ? goBackToClassChooser : null
     });
   } else if (isEditingMcp && selectedName && selectedProvider) {
     var mc = selectedProvider.mcpConfig || {};