@trops/dash-core 0.1.348 → 0.1.350

package/dist/index.js

@@ -38827,6 +38827,12 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
     result = _useState24[0],
     setResult = _useState24[1];
 
+  // Visibility — chosen on the Details step. Defaults to public.
+  var _useState25 = React.useState("public"),
+    _useState26 = _slicedToArray(_useState25, 2),
+    visibility = _useState26[0],
+    setVisibility = _useState26[1];
+
   // Fetch publish preview (widget names) on open
   React.useEffect(function () {
     if (!isOpen || !appId || !workspaceId) return;
@@ -38919,6 +38925,7 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
     setPreview(null);
     setIsPublishing(false);
     setResult(null);
+    setVisibility("public");
   }
   function handleClose() {
     setIsOpen(false);
@@ -38973,6 +38980,7 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
               description: description.trim() || undefined,
               tags: selectedTags,
               icon: icon || undefined,
+              visibility: visibility,
               componentConfigs: componentConfigs
             };
             _context2.next = 3;
@@ -39263,6 +39271,49 @@ var PublishDashboardModal = function PublishDashboardModal(_ref) {
               onChange: setDescription,
               placeholder: "A brief description of this dashboard...",
               rows: 3
+            }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+              children: [/*#__PURE__*/jsxRuntime.jsx("label", {
+                className: "block text-sm font-medium opacity-70 mb-2",
+                children: "Visibility"
+              }), /*#__PURE__*/jsxRuntime.jsx("div", {
+                className: "space-y-2",
+                children: [{
+                  value: "public",
+                  label: "Public",
+                  desc: "Anyone can find and install this dashboard."
+                }, {
+                  value: "private",
+                  label: "Private",
+                  desc: "Only you and users you grant access to can install. The package is hidden from search and listings."
+                }].map(function (opt) {
+                  var active = visibility === opt.value;
+                  return /*#__PURE__*/jsxRuntime.jsx("button", {
+                    type: "button",
+                    onClick: function onClick() {
+                      return setVisibility(opt.value);
+                    },
+                    className: "w-full text-left px-3 py-2.5 rounded-lg border transition-colors ".concat(active ? "bg-indigo-900/20 border-indigo-500/60" : "bg-white/5 border-white/10 hover:bg-white/10"),
+                    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+                      className: "flex items-start gap-2.5",
+                      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+                        className: "mt-0.5 h-4 w-4 rounded-full border flex-shrink-0 ".concat(active ? "border-indigo-400 bg-indigo-500" : "border-white/30"),
+                        children: active && /*#__PURE__*/jsxRuntime.jsx("div", {
+                          className: "h-full w-full rounded-full border-2 border-gray-900"
+                        })
+                      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+                        className: "flex-1 min-w-0",
+                        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+                          className: "text-sm font-medium",
+                          children: opt.label
+                        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+                          className: "text-xs opacity-60 mt-0.5",
+                          children: opt.desc
+                        })]
+                      })]
+                    })
+                  }, opt.value);
+                })
+              })]
             })]
           })
         }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Stepper.Step, {
@@ -43918,6 +43969,12 @@ var PublishThemeModal = function PublishThemeModal(_ref) {
     result = _useState22[0],
     setResult = _useState22[1];
 
+  // Visibility — chosen on the Details step. Defaults to public.
+  var _useState23 = React.useState("public"),
+    _useState24 = _slicedToArray(_useState23, 2),
+    visibility = _useState24[0],
+    setVisibility = _useState24[1];
+
   // Fetch publish preview on open
   React.useEffect(function () {
     if (!isOpen || !appId || !themeKey) return;
@@ -44008,6 +44065,7 @@ var PublishThemeModal = function PublishThemeModal(_ref) {
     setPreview(null);
     setIsPublishing(false);
     setResult(null);
+    setVisibility("public");
   }
   function handleClose() {
     setIsOpen(false);
@@ -44047,7 +44105,8 @@ var PublishThemeModal = function PublishThemeModal(_ref) {
             options = {
               authorName: authorName.trim(),
               description: description.trim() || undefined,
-              tags: selectedTags
+              tags: selectedTags,
+              visibility: visibility
             };
             _context2.next = 3;
             return window.mainApi.themes.publishTheme(appId, themeKey, options);
@@ -44359,6 +44418,49 @@ var PublishThemeModal = function PublishThemeModal(_ref) {
               onChange: setDescription,
               placeholder: "A brief description of this theme...",
               rows: 3
+            }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+              children: [/*#__PURE__*/jsxRuntime.jsx("label", {
+                className: "block text-sm font-medium opacity-70 mb-2",
+                children: "Visibility"
+              }), /*#__PURE__*/jsxRuntime.jsx("div", {
+                className: "space-y-2",
+                children: [{
+                  value: "public",
+                  label: "Public",
+                  desc: "Anyone can find and install this theme."
+                }, {
+                  value: "private",
+                  label: "Private",
+                  desc: "Only you and users you grant access to can install. The theme is hidden from search and listings."
+                }].map(function (opt) {
+                  var active = visibility === opt.value;
+                  return /*#__PURE__*/jsxRuntime.jsx("button", {
+                    type: "button",
+                    onClick: function onClick() {
+                      return setVisibility(opt.value);
+                    },
+                    className: "w-full text-left px-3 py-2.5 rounded-lg border transition-colors ".concat(active ? "bg-indigo-900/20 border-indigo-500/60" : "bg-white/5 border-white/10 hover:bg-white/10"),
+                    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+                      className: "flex items-start gap-2.5",
+                      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+                        className: "mt-0.5 h-4 w-4 rounded-full border flex-shrink-0 ".concat(active ? "border-indigo-400 bg-indigo-500" : "border-white/30"),
+                        children: active && /*#__PURE__*/jsxRuntime.jsx("div", {
+                          className: "h-full w-full rounded-full border-2 border-gray-900"
+                        })
+                      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+                        className: "flex-1 min-w-0",
+                        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+                          className: "text-sm font-medium",
+                          children: opt.label
+                        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+                          className: "text-xs opacity-60 mt-0.5",
+                          children: opt.desc
+                        })]
+                      })]
+                    })
+                  }, opt.value);
+                })
+              })]
             })]
           })
         }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Stepper.Step, {