@trops/dash-core 0.1.101 → 0.1.103

package/dist/index.js

@@ -30648,38 +30648,42 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
     _useState0 = _slicedToArray(_useState9, 2),
     isPolling = _useState0[0],
     setIsPolling = _useState0[1];
+  var _useState1 = React.useState(null),
+    _useState10 = _slicedToArray(_useState1, 2),
+    authError = _useState10[0],
+    setAuthError = _useState10[1];
 
   // Step 1: Details
-  var _useState1 = React.useState(""),
-    _useState10 = _slicedToArray(_useState1, 2),
-    authorName = _useState10[0],
-    setAuthorName = _useState10[1];
   var _useState11 = React.useState(""),
     _useState12 = _slicedToArray(_useState11, 2),
-    description = _useState12[0],
-    setDescription = _useState12[1];
+    authorName = _useState12[0],
+    setAuthorName = _useState12[1];
+  var _useState13 = React.useState(""),
+    _useState14 = _slicedToArray(_useState13, 2),
+    description = _useState14[0],
+    setDescription = _useState14[1];
 
   // Step 2: Tags
-  var _useState13 = React.useState([]),
-    _useState14 = _slicedToArray(_useState13, 2),
-    selectedTags = _useState14[0],
-    setSelectedTags = _useState14[1];
+  var _useState15 = React.useState([]),
+    _useState16 = _slicedToArray(_useState15, 2),
+    selectedTags = _useState16[0],
+    setSelectedTags = _useState16[1];
 
   // Step 3: Icon
-  var _useState15 = React.useState("grip"),
-    _useState16 = _slicedToArray(_useState15, 2),
-    icon = _useState16[0],
-    setIcon = _useState16[1];
+  var _useState17 = React.useState("grip"),
+    _useState18 = _slicedToArray(_useState17, 2),
+    icon = _useState18[0],
+    setIcon = _useState18[1];
 
   // Step 4: Publish
-  var _useState17 = React.useState(false),
-    _useState18 = _slicedToArray(_useState17, 2),
-    isPublishing = _useState18[0],
-    setIsPublishing = _useState18[1];
-  var _useState19 = React.useState(null),
+  var _useState19 = React.useState(false),
     _useState20 = _slicedToArray(_useState19, 2),
-    result = _useState20[0],
-    setResult = _useState20[1];
+    isPublishing = _useState20[0],
+    setIsPublishing = _useState20[1];
+  var _useState21 = React.useState(null),
+    _useState22 = _slicedToArray(_useState21, 2),
+    result = _useState22[0],
+    setResult = _useState22[1];
 
   // Check auth status on mount
   React.useEffect(function () {
@@ -30719,10 +30723,13 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
               }
               return _context.abrupt("return");
             case 4:
-              setProfile(userProfile);
-              setAuthStatus("authenticated");
-              if (userProfile !== null && userProfile !== void 0 && userProfile.displayName && !authorName) {
-                setAuthorName(userProfile.displayName);
+              if (userProfile) {
+                setProfile(userProfile);
+                setAuthStatus("authenticated");
+                setAuthorName(userProfile.displayName || userProfile.username || "");
+              } else {
+                // Token expired or invalid — treat as unauthenticated
+                setAuthStatus("unauthenticated");
               }
               _context.next = 6;
               break;
@@ -30754,6 +30761,7 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
     setProfile(null);
     setAuthFlow(null);
     setIsPolling(false);
+    setAuthError(null);
     setAuthorName("");
     setDescription("");
     setSelectedTags([]);
@@ -30837,10 +30845,11 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
       return _regeneratorRuntime.wrap(function (_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            _context4.prev = 0;
-            _context4.next = 1;
+            setAuthError(null);
+            _context4.prev = 1;
+            _context4.next = 2;
             return window.mainApi.registryAuth.initiateLogin();
-          case 1:
+          case 2:
             flow = _context4.sent;
             setAuthFlow(flow);
 
@@ -30901,16 +30910,17 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
                 }
               }, _callee3, null, [[0, 5]]);
             })), interval);
-            _context4.next = 3;
+            _context4.next = 4;
             break;
-          case 2:
-            _context4.prev = 2;
-            _context4["catch"](0);
           case 3:
+            _context4.prev = 3;
+            _context4["catch"](1);
+            setAuthError("Could not reach the registry. Check your connection and try again.");
+          case 4:
           case "end":
             return _context4.stop();
         }
-      }, _callee4, null, [[0, 2]]);
+      }, _callee4, null, [[1, 3]]);
     }));
     return _handleSignIn.apply(this, arguments);
   }
@@ -31018,11 +31028,25 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
               children: [/*#__PURE__*/jsxRuntime.jsx("p", {
                 className: "text-sm opacity-70",
                 children: "Sign in to the Dash Registry to publish your dashboard."
-              }), !authFlow && !isPolling && /*#__PURE__*/jsxRuntime.jsx("button", {
-                type: "button",
-                onClick: handleSignIn,
-                className: "px-4 py-2 rounded-lg text-sm bg-blue-500/20 border border-blue-500/30 text-blue-300 hover:bg-blue-500/30 transition-colors cursor-pointer",
-                children: "Sign in to Registry"
+              }), !authFlow && !isPolling && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                children: [/*#__PURE__*/jsxRuntime.jsx("button", {
+                  type: "button",
+                  onClick: handleSignIn,
+                  className: "px-4 py-2 rounded-lg text-sm bg-blue-500/20 border border-blue-500/30 text-blue-300 hover:bg-blue-500/30 transition-colors cursor-pointer",
+                  children: "Sign in to Registry"
+                }), authError && /*#__PURE__*/jsxRuntime.jsx("div", {
+                  className: "bg-red-500/10 border border-red-500/20 rounded-lg p-3",
+                  children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+                    className: "flex items-start gap-2",
+                    children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+                      icon: "circle-xmark",
+                      className: "h-3.5 w-3.5 text-red-400 mt-0.5 flex-shrink-0"
+                    }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                      className: "text-xs text-red-300/90",
+                      children: authError
+                    })]
+                  })
+                })]
               }), authFlow && isPolling && /*#__PURE__*/jsxRuntime.jsxs("div", {
                 className: "bg-blue-500/10 border border-blue-500/20 rounded-lg p-4 space-y-3",
                 children: [/*#__PURE__*/jsxRuntime.jsx("p", {
@@ -31048,11 +31072,14 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
             children: [/*#__PURE__*/jsxRuntime.jsx("p", {
               className: "text-sm opacity-70",
               children: "Provide details about your dashboard for the registry listing."
-            }), /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
-              label: "Author Name *",
-              value: authorName,
-              onChange: setAuthorName,
-              placeholder: "Your name"
+            }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+              children: [/*#__PURE__*/jsxRuntime.jsx("label", {
+                className: "block text-sm font-medium opacity-70 mb-1",
+                children: "Author Name"
+              }), /*#__PURE__*/jsxRuntime.jsx("div", {
+                className: "px-3 py-2 rounded-lg bg-white/5 border border-white/10 text-sm opacity-80",
+                children: authorName || "—"
+              })]
             }), /*#__PURE__*/jsxRuntime.jsx(DashReact.TextArea, {
               label: "Description",
               value: description,