@trops/dash-core 0.1.195 → 0.1.197

package/dist/index.js

@@ -5274,192 +5274,6 @@ var LayoutQuickAddMenu = function LayoutQuickAddMenu(_ref) {
   });
 };
 
-var CATEGORIES = [{
-  key: "reporting",
-  label: "Reporting",
-  icon: "chart-bar",
-  description: "Dashboards for data visualization and reports"
-}, {
-  key: "monitoring",
-  label: "Monitoring",
-  icon: "heart-pulse",
-  description: "System health, uptime, and performance monitoring"
-}, {
-  key: "productivity",
-  label: "Productivity",
-  icon: "list-check",
-  description: "Task tracking, calendars, and workflow management"
-}, {
-  key: "development",
-  label: "Development",
-  icon: "code",
-  description: "Code repos, CI/CD, and developer tools"
-}, {
-  key: "communication",
-  label: "Communication",
-  icon: "comments",
-  description: "Messages, channels, and team communication"
-}, {
-  key: "custom",
-  label: "Custom",
-  icon: "grid-2",
-  description: "Build a fully custom dashboard"
-}];
-
-/**
- * WizardIntentStep
- *
- * Step 0 of the Dashboard Wizard. Presents category cards so the user
- * can indicate what kind of dashboard they want to build.
- * Multi-select — user can pick multiple categories.
- *
- * @param {Object} props
- * @param {Object} props.state - Wizard state from useWizardState
- * @param {Function} props.dispatch - Wizard dispatch from useWizardState
- */
-var WizardIntentStep = function WizardIntentStep(_ref) {
-  var state = _ref.state,
-    dispatch = _ref.dispatch;
-  var handleToggle = function handleToggle(key) {
-    dispatch({
-      type: "TOGGLE_INTENT",
-      payload: key
-    });
-  };
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "wizard-intent-step",
-    children: [/*#__PURE__*/jsxRuntime.jsx("h3", {
-      className: "wizard-step-header",
-      children: "What is this dashboard for?"
-    }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "wizard-card-grid",
-      children: CATEGORIES.map(function (cat) {
-        return /*#__PURE__*/jsxRuntime.jsx(DashReact.SelectableCard, {
-          icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-            icon: cat.icon,
-            fixedWidth: true
-          }),
-          label: cat.label,
-          description: cat.description,
-          selected: state.intent.includes(cat.key),
-          onSelect: function onSelect() {
-            return handleToggle(cat.key);
-          }
-        }, cat.key);
-      })
-    })]
-  });
-};
-
-var FALLBACK = "puzzle-piece";
-
-/**
- * Resolve an icon name to a valid FontAwesome icon reference.
- * Tries solid (fas) first, then brand (fab). Returns "puzzle-piece" if
- * the icon is falsy or not found in either prefix.
- */
-var resolveIcon = function resolveIcon(iconName) {
-  if (!iconName) return FALLBACK;
-
-  // Already an array tuple like ["fab", "github"] — pass through
-  if (Array.isArray(iconName)) return iconName;
-
-  // Try solid
-  if (fontawesomeSvgCore.findIconDefinition({
-    prefix: "fas",
-    iconName: iconName
-  })) return iconName;
-
-  // Try brand
-  if (fontawesomeSvgCore.findIconDefinition({
-    prefix: "fab",
-    iconName: iconName
-  })) return ["fab", iconName];
-  return FALLBACK;
-};
-
-var WizardProvidersStep = function WizardProvidersStep(_ref) {
-  var state = _ref.state,
-    dispatch = _ref.dispatch;
-  var _useContext = React.useContext(AppContext),
-    providersMap = _useContext.providers;
-  var providerList = React.useMemo(function () {
-    if (!providersMap || _typeof(providersMap) !== "object") return [];
-    return Object.values(providersMap).map(function (p) {
-      return {
-        key: p.type || p.name,
-        name: p.name,
-        type: p.type,
-        icon: p.icon || p.type,
-        configured: !!(p.credentials && Object.keys(p.credentials).length > 0)
-      };
-    });
-  }, [providersMap]);
-
-  // Pre-check configured providers on first render
-  React.useEffect(function () {
-    if (state.providers.length === 0 && providerList.length > 0) {
-      var configuredKeys = providerList.filter(function (p) {
-        return p.configured;
-      }).map(function (p) {
-        return p.key;
-      });
-      if (configuredKeys.length > 0) {
-        dispatch({
-          type: "SET_PROVIDERS",
-          payload: configuredKeys
-        });
-      }
-    }
-  }, [providerList, state.providers.length, dispatch]);
-  var handleToggle = function handleToggle(key) {
-    dispatch({
-      type: "TOGGLE_PROVIDER",
-      payload: key
-    });
-  };
-  if (providerList.length === 0) {
-    return /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "wizard-providers-step",
-      children: [/*#__PURE__*/jsxRuntime.jsx("h3", {
-        className: "wizard-step-header",
-        children: "Which tools and services do you use?"
-      }), /*#__PURE__*/jsxRuntime.jsx("p", {
-        className: "wizard-empty-message",
-        children: "No providers configured yet. Add providers in Settings first."
-      })]
-    });
-  }
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "wizard-providers-step",
-    children: [/*#__PURE__*/jsxRuntime.jsx("h3", {
-      className: "wizard-step-header",
-      children: "Which tools and services do you use?"
-    }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "wizard-card-grid",
-      children: providerList.map(function (provider) {
-        var isSelected = state.providers.includes(provider.key);
-        var needsSetup = isSelected && !provider.configured;
-        return /*#__PURE__*/jsxRuntime.jsx(DashReact.SelectableCard, {
-          icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-            icon: resolveIcon(provider.icon),
-            fixedWidth: true
-          }),
-          label: provider.name,
-          description: needsSetup ? /*#__PURE__*/jsxRuntime.jsx("span", {
-            className: "wizard-needs-setup-badge",
-            children: "Needs setup"
-          }) : null,
-          selected: isSelected,
-          onSelect: function onSelect() {
-            return handleToggle(provider.key);
-          }
-        }, provider.key);
-      })
-    })]
-  });
-};
-
 function _createForOfIteratorHelper$e(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$e(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$e(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$e(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$e(r, a) : void 0; } }
 function _arrayLikeToArray$e(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -5747,372 +5561,408 @@ var useRegistrySearch = function useRegistrySearch() {
   };
 };
 
-var WizardResultsStep = function WizardResultsStep(_ref) {
+var FALLBACK = "puzzle-piece";
+
+/**
+ * Resolve an icon name to a valid FontAwesome icon reference.
+ * Tries solid (fas) first, then brand (fab). Returns "puzzle-piece" if
+ * the icon is falsy or not found in either prefix.
+ */
+var resolveIcon = function resolveIcon(iconName) {
+  if (!iconName) return FALLBACK;
+
+  // Already an array tuple like ["fab", "github"] — pass through
+  if (Array.isArray(iconName)) return iconName;
+
+  // Try solid
+  if (fontawesomeSvgCore.findIconDefinition({
+    prefix: "fas",
+    iconName: iconName
+  })) return iconName;
+
+  // Try brand
+  if (fontawesomeSvgCore.findIconDefinition({
+    prefix: "fab",
+    iconName: iconName
+  })) return ["fab", iconName];
+  return FALLBACK;
+};
+
+var DASHBOARD_TAGS$1 = ["productivity", "monitoring", "analytics", "communication", "developer", "sales", "marketing", "finance", "project-management", "social", "news", "utilities"];
+
+var KNOWN_PROVIDERS = [{
+  key: "google-drive",
+  name: "Google Drive"
+}, {
+  key: "slack",
+  name: "Slack"
+}, {
+  key: "github",
+  name: "GitHub"
+}, {
+  key: "gmail",
+  name: "Gmail"
+}, {
+  key: "google-calendar",
+  name: "Google Calendar"
+}, {
+  key: "notion",
+  name: "Notion"
+}, {
+  key: "linear",
+  name: "Linear"
+}, {
+  key: "algolia",
+  name: "Algolia"
+}, {
+  key: "contentful",
+  name: "Contentful"
+}, {
+  key: "jira",
+  name: "Jira"
+}, {
+  key: "openai",
+  name: "OpenAI"
+}, {
+  key: "postgres",
+  name: "PostgreSQL"
+}];
+
+/**
+ * WizardDiscoverStep
+ *
+ * Step 0 of the Dashboard Wizard. Combines search, category/provider
+ * filter chips, and results (dashboards + widgets) in a single view.
+ * Replaces the old Intent, Providers, and Results steps.
+ *
+ * - Selecting a dashboard sets path to "prebuilt" and clears widget selections.
+ * - Selecting widgets sets path to "custom" and clears dashboard selection.
+ *
+ * @param {Object} props
+ * @param {Object} props.state - Wizard state from useWizardState
+ * @param {Function} props.dispatch - Wizard dispatch from useWizardState
+ */
+var WizardDiscoverStep = function WizardDiscoverStep(_ref) {
   var state = _ref.state,
     dispatch = _ref.dispatch;
-  var _useState = React.useState("prebuilt"),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeTab = _useState2[0],
-    setActiveTab = _useState2[1];
+  var filters = state.filters;
 
-  // --- Dashboard search (Tab A) ---
-  var _useState3 = React.useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    dashboards = _useState4[0],
-    setDashboards = _useState4[1];
-  var _useState5 = React.useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    dashLoading = _useState6[0],
-    setDashLoading = _useState6[1];
-  var _useState7 = React.useState(null),
-    _useState8 = _slicedToArray(_useState7, 2),
-    dashError = _useState8[0],
-    setDashError = _useState8[1];
-  var dashFilters = React.useMemo(function () {
-    return {
-      category: state.intent.length ? state.intent.join(",") : undefined,
-      providerTypes: state.providers.length ? state.providers : undefined
-    };
-  }, [state.intent, state.providers]);
-  var searchDashboards = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var _window$mainApi;
-    var result, _t;
-    return _regeneratorRuntime.wrap(function (_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          if ((_window$mainApi = window.mainApi) !== null && _window$mainApi !== void 0 && (_window$mainApi = _window$mainApi.registry) !== null && _window$mainApi !== void 0 && _window$mainApi.searchDashboards) {
-            _context.next = 1;
-            break;
-          }
-          setDashboards([]);
-          return _context.abrupt("return");
-        case 1:
-          setDashLoading(true);
-          setDashError(null);
-          _context.prev = 2;
-          _context.next = 3;
-          return window.mainApi.registry.searchDashboards("", dashFilters);
-        case 3:
-          result = _context.sent;
-          setDashboards(result.packages || []);
-          _context.next = 5;
-          break;
-        case 4:
-          _context.prev = 4;
-          _t = _context["catch"](2);
-          setDashError(_t.message || "Failed to search dashboards");
-          setDashboards([]);
-        case 5:
-          _context.prev = 5;
-          setDashLoading(false);
-          return _context.finish(5);
-        case 6:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[2, 4, 5, 6]]);
-  })), [dashFilters]);
-  React.useEffect(function () {
-    searchDashboards();
-  }, [searchDashboards]);
-
-  // --- Widget search (Tab B) ---
+  // --- Registry search ---
   var _useRegistrySearch = useRegistrySearch({
       filterByCapabilities: true
     }),
+    packages = _useRegistrySearch.packages,
     flatWidgets = _useRegistrySearch.flatWidgets,
-    widgetsLoading = _useRegistrySearch.isLoading,
-    widgetsError = _useRegistrySearch.error;
-
-  // Filter widgets by selected categories + providers
-  var filteredWidgets = React.useMemo(function () {
-    return flatWidgets.filter(function (w) {
-      // Category filter: match if widget's category overlaps user intent
-      var catMatch = state.intent.length === 0 || state.intent.some(function (cat) {
-        return (w.packageCategory || "").toLowerCase() === cat.toLowerCase();
-      });
-
-      // Provider filter: match if widget requires any of the selected providers
-      var providerMatch = state.providers.length === 0 || (w.providers || []).some(function (p) {
-        return state.providers.includes(p.type);
-      }) || (w.packageProviders || []).some(function (p) {
-        return state.providers.includes(p.type);
-      });
-      return catMatch && providerMatch;
-    });
-  }, [flatWidgets, state.intent, state.providers]);
+    isLoading = _useRegistrySearch.isLoading,
+    error = _useRegistrySearch.error,
+    searchQuery = _useRegistrySearch.searchQuery,
+    setSearchQuery = _useRegistrySearch.setSearchQuery;
 
-  // --- Tab change: set wizard path ---
-  var handleTabChange = React.useCallback(function (tab) {
-    setActiveTab(tab);
+  // Sync search query from wizard state on mount
+  React.useEffect(function () {
+    if (filters.query) {
+      setSearchQuery(filters.query);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var handleSearchChange = React.useCallback(function (e) {
+    var q = e.target.value;
+    setSearchQuery(q);
     dispatch({
-      type: "SET_PATH",
-      payload: tab === "prebuilt" ? "prebuilt" : "custom"
+      type: "SET_SEARCH_QUERY",
+      payload: q
     });
-  }, [dispatch]);
+  }, [setSearchQuery, dispatch]);
 
-  // Set initial path on mount
-  React.useEffect(function () {
-    if (!state.path) {
-      dispatch({
-        type: "SET_PATH",
-        payload: "prebuilt"
-      });
-    }
-  }, [state.path, dispatch]);
+  // --- Client-side category + provider filtering ---
+  var filteredDashboards = React.useMemo(function () {
+    var dashPkgs = packages.filter(function (pkg) {
+      return (pkg.type || "").toLowerCase() === "dashboard";
+    });
+    return applyFilters(dashPkgs, filters, "package");
+  }, [packages, filters]);
+  var filteredWidgets = React.useMemo(function () {
+    return applyFilters(flatWidgets, filters, "widget");
+  }, [flatWidgets, filters]);
 
-  // --- Dashboard selection (single-select) ---
+  // --- Selection handlers ---
   var handleSelectDashboard = React.useCallback(function (dashboard) {
     dispatch({
       type: "SET_SELECTED_DASHBOARD",
       payload: dashboard
     });
+    dispatch({
+      type: "SET_SELECTED_WIDGETS",
+      payload: []
+    });
+    dispatch({
+      type: "SET_PATH",
+      payload: "prebuilt"
+    });
   }, [dispatch]);
-
-  // --- Widget selection (multi-select) ---
   var handleToggleWidget = React.useCallback(function (widget) {
     dispatch({
       type: "TOGGLE_WIDGET",
       payload: widget
     });
+    dispatch({
+      type: "SET_SELECTED_DASHBOARD",
+      payload: null
+    });
+    dispatch({
+      type: "SET_PATH",
+      payload: "custom"
+    });
   }, [dispatch]);
   var isWidgetSelected = React.useCallback(function (widget) {
     return state.selectedWidgets.some(function (w) {
       return w.name === widget.name;
     });
   }, [state.selectedWidgets]);
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "wizard-results-step",
-    children: [/*#__PURE__*/jsxRuntime.jsx("h3", {
-      className: "wizard-step-header",
-      children: "Choose your starting point"
-    }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Tabs3, {
-      value: activeTab,
-      onValueChange: handleTabChange,
-      className: "wizard-results-tabs",
-      children: [/*#__PURE__*/jsxRuntime.jsxs(DashReact.Tabs3.List, {
-        className: "wizard-results-tab-list",
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Tabs3.Trigger, {
-          value: "prebuilt",
-          children: "Pre-built Dashboards"
-        }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Tabs3.Trigger, {
-          value: "custom",
-          children: ["Build Your Own", state.selectedWidgets.length > 0 && /*#__PURE__*/jsxRuntime.jsx("span", {
-            className: "wizard-count-badge",
-            children: state.selectedWidgets.length
-          })]
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tabs3.Content, {
-        value: "prebuilt",
-        children: /*#__PURE__*/jsxRuntime.jsx(DashboardList, {
-          dashboards: dashboards,
-          isLoading: dashLoading,
-          error: dashError,
-          selectedDashboard: state.selectedDashboard,
-          onSelect: handleSelectDashboard
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Tabs3.Content, {
-        value: "custom",
-        children: /*#__PURE__*/jsxRuntime.jsx(WidgetList, {
-          widgets: filteredWidgets,
-          isLoading: widgetsLoading,
-          error: widgetsError,
-          isSelected: isWidgetSelected,
-          onToggle: handleToggleWidget,
-          selectedCount: state.selectedWidgets.length
-        })
-      })]
-    })]
-  });
-};
-
-// --- Sub-components ---
 
-var DashboardList = function DashboardList(_ref3) {
-  var dashboards = _ref3.dashboards,
-    isLoading = _ref3.isLoading,
-    error = _ref3.error,
-    selectedDashboard = _ref3.selectedDashboard,
-    onSelect = _ref3.onSelect;
-  if (isLoading) {
-    return /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "wizard-loading",
-      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-        icon: "spinner",
-        spin: true,
-        fixedWidth: true,
-        className: "wizard-loading-icon"
-      }), /*#__PURE__*/jsxRuntime.jsx("span", {
-        children: "Searching dashboards..."
-      })]
-    });
-  }
-  if (error) {
-    return /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "wizard-error",
-      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-        icon: "circle-exclamation",
-        fixedWidth: true
-      }), /*#__PURE__*/jsxRuntime.jsx("span", {
-        children: error
-      })]
-    });
-  }
-  if (dashboards.length === 0) {
-    return /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "wizard-empty",
-      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-        icon: "box-open",
-        fixedWidth: true,
-        className: "wizard-empty-icon"
-      }), /*#__PURE__*/jsxRuntime.jsx("p", {
-        children: "No pre-built dashboards match your selections."
-      }), /*#__PURE__*/jsxRuntime.jsx("p", {
-        className: "wizard-empty-hint",
-        children: "Try the \"Build Your Own\" tab to pick individual widgets."
-      })]
-    });
-  }
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "wizard-dashboard-list",
-    children: dashboards.map(function (dash) {
-      var isSelected = selectedDashboard && selectedDashboard.name === dash.name;
-      var widgetCount = (dash.widgets || []).length;
-      var providerNames = (dash.providers || []).map(function (p) {
-        return p.name || p.type;
-      }).join(", ");
-      return /*#__PURE__*/jsxRuntime.jsxs("button", {
-        type: "button",
-        className: "wizard-dashboard-card ".concat(isSelected ? "wizard-dashboard-card--selected" : ""),
-        onClick: function onClick() {
-          return onSelect(dash);
-        },
-        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: "wizard-dashboard-card-header",
-          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-            icon: resolveIcon(dash.icon || "grid-2"),
-            fixedWidth: true,
-            className: "wizard-dashboard-card-icon"
-          }), /*#__PURE__*/jsxRuntime.jsx("span", {
-            className: "wizard-dashboard-card-name",
-            children: dash.displayName || dash.name
-          }), isSelected && /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-            icon: "circle-check",
-            className: "wizard-dashboard-card-check"
-          })]
-        }), dash.description && /*#__PURE__*/jsxRuntime.jsx("p", {
-          className: "wizard-dashboard-card-desc",
-          children: dash.description
-        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: "wizard-dashboard-card-meta",
-          children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
-            children: [widgetCount, " widget", widgetCount !== 1 ? "s" : ""]
-          }), providerNames && /*#__PURE__*/jsxRuntime.jsx("span", {
-            children: providerNames
-          })]
-        })]
-      }, dash.name);
-    })
-  });
-};
-var WidgetList = function WidgetList(_ref4) {
-  var widgets = _ref4.widgets,
-    isLoading = _ref4.isLoading,
-    error = _ref4.error,
-    isSelected = _ref4.isSelected,
-    onToggle = _ref4.onToggle,
-    selectedCount = _ref4.selectedCount;
-  if (isLoading) {
-    return /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "wizard-loading",
-      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-        icon: "spinner",
-        spin: true,
-        fixedWidth: true,
-        className: "wizard-loading-icon"
-      }), /*#__PURE__*/jsxRuntime.jsx("span", {
-        children: "Searching widgets..."
-      })]
-    });
-  }
-  if (error) {
-    return /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "wizard-error",
-      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-        icon: "circle-exclamation",
-        fixedWidth: true
-      }), /*#__PURE__*/jsxRuntime.jsx("span", {
-        children: error
-      })]
+  // --- Filter chip handlers ---
+  var handleToggleCategory = React.useCallback(function (cat) {
+    return dispatch({
+      type: "TOGGLE_FILTER_CATEGORY",
+      payload: cat
     });
-  }
-  if (widgets.length === 0) {
-    return /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "wizard-empty",
-      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-        icon: "puzzle-piece",
-        fixedWidth: true,
-        className: "wizard-empty-icon"
-      }), /*#__PURE__*/jsxRuntime.jsx("p", {
-        children: "No widgets match your selections."
-      }), /*#__PURE__*/jsxRuntime.jsx("p", {
-        className: "wizard-empty-hint",
-        children: "Try adjusting your categories or providers in the previous steps."
-      })]
+  }, [dispatch]);
+  var handleToggleProvider = React.useCallback(function (prov) {
+    return dispatch({
+      type: "TOGGLE_FILTER_PROVIDER",
+      payload: prov
     });
-  }
+  }, [dispatch]);
+  var hasResults = filteredDashboards.length > 0 || filteredWidgets.length > 0;
+  var hasActiveFilters = filters.categories.length > 0 || filters.providers.length > 0;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "wizard-widget-list",
-    children: [selectedCount > 0 && /*#__PURE__*/jsxRuntime.jsxs("p", {
-      className: "wizard-widget-count",
-      children: [selectedCount, " widget", selectedCount !== 1 ? "s" : "", " selected"]
-    }), widgets.map(function (widget) {
-      var checked = isSelected(widget);
-      return /*#__PURE__*/jsxRuntime.jsxs("button", {
-        type: "button",
-        className: "wizard-widget-card ".concat(checked ? "wizard-widget-card--selected" : ""),
-        onClick: function onClick() {
-          return onToggle(widget);
-        },
-        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "wizard-widget-card-checkbox",
-          children: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-            icon: checked ? "square-check" : "square",
-            fixedWidth: true
+    className: "wizard-discover-step",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "wizard-discover-search",
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "wizard-discover-search-input",
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+          icon: "magnifying-glass",
+          fixedWidth: true,
+          className: "wizard-discover-search-icon"
+        }), /*#__PURE__*/jsxRuntime.jsx("input", {
+          type: "text",
+          placeholder: "Search registry...",
+          value: searchQuery,
+          onChange: handleSearchChange,
+          className: "wizard-discover-input"
+        })]
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "wizard-discover-filters",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "wizard-discover-filter-row",
+        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "wizard-discover-filter-label",
+          children: "Categories"
+        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "wizard-discover-chips",
+          children: DASHBOARD_TAGS$1.map(function (tag) {
+            return /*#__PURE__*/jsxRuntime.jsx("button", {
+              type: "button",
+              className: "wizard-chip ".concat(filters.categories.includes(tag) ? "wizard-chip--active" : ""),
+              onClick: function onClick() {
+                return handleToggleCategory(tag);
+              },
+              children: tag
+            }, tag);
           })
-        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: "wizard-widget-card-info",
-          children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: "wizard-widget-card-header",
-            children: [widget.icon && /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-              icon: resolveIcon(widget.icon),
-              fixedWidth: true,
-              className: "wizard-widget-card-icon"
-            }), /*#__PURE__*/jsxRuntime.jsx("span", {
-              className: "wizard-widget-card-name",
-              children: widget.name
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "wizard-discover-filter-row",
+        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "wizard-discover-filter-label",
+          children: "Providers"
+        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "wizard-discover-chips",
+          children: KNOWN_PROVIDERS.map(function (prov) {
+            return /*#__PURE__*/jsxRuntime.jsx("button", {
+              type: "button",
+              className: "wizard-chip ".concat(filters.providers.includes(prov.key) ? "wizard-chip--active" : ""),
+              onClick: function onClick() {
+                return handleToggleProvider(prov.key);
+              },
+              children: prov.name
+            }, prov.key);
+          })
+        })]
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "wizard-discover-results",
+      children: isLoading ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "wizard-loading",
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+          icon: "spinner",
+          spin: true,
+          fixedWidth: true,
+          className: "wizard-loading-icon"
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          children: "Searching registry..."
+        })]
+      }) : error ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "wizard-error",
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+          icon: "circle-exclamation",
+          fixedWidth: true
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          children: error
+        })]
+      }) : !hasResults ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "wizard-empty",
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+          icon: "magnifying-glass",
+          fixedWidth: true,
+          className: "wizard-empty-icon"
+        }), /*#__PURE__*/jsxRuntime.jsx("p", {
+          children: "No results match your search."
+        }), hasActiveFilters && /*#__PURE__*/jsxRuntime.jsx("p", {
+          className: "wizard-empty-hint",
+          children: "Try removing some filters to see more results."
+        })]
+      }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [filteredDashboards.length > 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "wizard-discover-section",
+          children: [/*#__PURE__*/jsxRuntime.jsxs("h4", {
+            className: "wizard-discover-section-title",
+            children: ["Dashboards (", filteredDashboards.length, " result", filteredDashboards.length !== 1 ? "s" : "", ")"]
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "wizard-dashboard-list",
+            children: filteredDashboards.map(function (dash) {
+              var isSelected = state.selectedDashboard && state.selectedDashboard.name === dash.name;
+              var widgetCount = (dash.widgets || []).length;
+              var providerNames = (dash.providers || []).map(function (p) {
+                return p.name || p.type;
+              }).join(", ");
+              return /*#__PURE__*/jsxRuntime.jsxs("button", {
+                type: "button",
+                className: "wizard-dashboard-card ".concat(isSelected ? "wizard-dashboard-card--selected" : ""),
+                onClick: function onClick() {
+                  return handleSelectDashboard(dash);
+                },
+                children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+                  className: "wizard-dashboard-card-header",
+                  children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+                    icon: resolveIcon(dash.icon || "grid-2"),
+                    fixedWidth: true,
+                    className: "wizard-dashboard-card-icon"
+                  }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                    className: "wizard-dashboard-card-name",
+                    children: dash.displayName || dash.name
+                  }), isSelected && /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+                    icon: "circle-check",
+                    className: "wizard-dashboard-card-check"
+                  })]
+                }), dash.description && /*#__PURE__*/jsxRuntime.jsx("p", {
+                  className: "wizard-dashboard-card-desc",
+                  children: dash.description
+                }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+                  className: "wizard-dashboard-card-meta",
+                  children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
+                    children: [widgetCount, " widget", widgetCount !== 1 ? "s" : ""]
+                  }), providerNames && /*#__PURE__*/jsxRuntime.jsx("span", {
+                    children: providerNames
+                  })]
+                })]
+              }, dash.name);
+            })
+          })]
+        }), filteredWidgets.length > 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "wizard-discover-section",
+          children: [/*#__PURE__*/jsxRuntime.jsxs("h4", {
+            className: "wizard-discover-section-title",
+            children: ["Widgets (", filteredWidgets.length, " result", filteredWidgets.length !== 1 ? "s" : "", ")", state.selectedWidgets.length > 0 && /*#__PURE__*/jsxRuntime.jsxs("span", {
+              className: "wizard-count-badge",
+              children: [state.selectedWidgets.length, " selected"]
             })]
-          }), widget.description && /*#__PURE__*/jsxRuntime.jsx("p", {
-            className: "wizard-widget-card-desc",
-            children: widget.description
-          }), widget.packageDisplayName && /*#__PURE__*/jsxRuntime.jsx("span", {
-            className: "wizard-widget-card-package",
-            children: widget.packageDisplayName
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "wizard-widget-list",
+            children: filteredWidgets.map(function (widget) {
+              var checked = isWidgetSelected(widget);
+              return /*#__PURE__*/jsxRuntime.jsxs("button", {
+                type: "button",
+                className: "wizard-widget-card ".concat(checked ? "wizard-widget-card--selected" : ""),
+                onClick: function onClick() {
+                  return handleToggleWidget(widget);
+                },
+                children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+                  className: "wizard-widget-card-checkbox",
+                  children: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+                    icon: checked ? "square-check" : "square",
+                    fixedWidth: true
+                  })
+                }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+                  className: "wizard-widget-card-info",
+                  children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+                    className: "wizard-widget-card-header",
+                    children: [widget.icon && /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+                      icon: resolveIcon(widget.icon),
+                      fixedWidth: true,
+                      className: "wizard-widget-card-icon"
+                    }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                      className: "wizard-widget-card-name",
+                      children: widget.name
+                    })]
+                  }), widget.description && /*#__PURE__*/jsxRuntime.jsx("p", {
+                    className: "wizard-widget-card-desc",
+                    children: widget.description
+                  }), widget.packageDisplayName && /*#__PURE__*/jsxRuntime.jsx("span", {
+                    className: "wizard-widget-card-package",
+                    children: widget.packageDisplayName
+                  })]
+                })]
+              }, widget.key);
+            })
           })]
         })]
-      }, widget.key);
+      })
     })]
   });
 };
 
+// --- Helpers ---
+
+function applyFilters(items, filters, mode) {
+  return items.filter(function (item) {
+    // Category filter
+    if (filters.categories.length > 0) {
+      var itemCategory = mode === "widget" ? (item.packageCategory || "").toLowerCase() : (item.category || "").toLowerCase();
+      if (!filters.categories.some(function (c) {
+        return c.toLowerCase() === itemCategory;
+      })) {
+        return false;
+      }
+    }
+
+    // Provider filter
+    if (filters.providers.length > 0) {
+      var itemProviders = mode === "widget" ? [].concat(_toConsumableArray(item.providers || []), _toConsumableArray(item.packageProviders || [])) : item.providers || [];
+      var hasMatchingProvider = itemProviders.some(function (p) {
+        return filters.providers.includes(p.type);
+      });
+      if (!hasMatchingProvider) {
+        return false;
+      }
+    }
+    return true;
+  });
+}
+
 function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var TOTAL_STEPS = 6; // Steps 0-5
+var TOTAL_STEPS = 3; // Steps 0-2: Discover, Layout, Customize
 
 var initialState = {
   step: 0,
-  intent: [],
-  providers: [],
+  filters: {
+    categories: [],
+    providers: [],
+    query: ""
+  },
   selectedWidgets: [],
   selectedDashboard: null,
   layout: {
@@ -6132,32 +5982,38 @@ function wizardReducer(state, action) {
       return _objectSpread$B(_objectSpread$B({}, state), {}, {
         step: action.payload
       });
-    case "SET_INTENT":
+    case "SET_FILTERS":
       return _objectSpread$B(_objectSpread$B({}, state), {}, {
-        intent: action.payload
+        filters: _objectSpread$B(_objectSpread$B({}, state.filters), action.payload)
       });
-    case "TOGGLE_INTENT":
+    case "TOGGLE_FILTER_CATEGORY":
       {
-        var intent = state.intent.includes(action.payload) ? state.intent.filter(function (i) {
-          return i !== action.payload;
-        }) : [].concat(_toConsumableArray(state.intent), [action.payload]);
+        var categories = state.filters.categories.includes(action.payload) ? state.filters.categories.filter(function (c) {
+          return c !== action.payload;
+        }) : [].concat(_toConsumableArray(state.filters.categories), [action.payload]);
         return _objectSpread$B(_objectSpread$B({}, state), {}, {
-          intent: intent
+          filters: _objectSpread$B(_objectSpread$B({}, state.filters), {}, {
+            categories: categories
+          })
         });
       }
-    case "SET_PROVIDERS":
-      return _objectSpread$B(_objectSpread$B({}, state), {}, {
-        providers: action.payload
-      });
-    case "TOGGLE_PROVIDER":
+    case "TOGGLE_FILTER_PROVIDER":
       {
-        var providers = state.providers.includes(action.payload) ? state.providers.filter(function (p) {
+        var providers = state.filters.providers.includes(action.payload) ? state.filters.providers.filter(function (p) {
           return p !== action.payload;
-        }) : [].concat(_toConsumableArray(state.providers), [action.payload]);
+        }) : [].concat(_toConsumableArray(state.filters.providers), [action.payload]);
         return _objectSpread$B(_objectSpread$B({}, state), {}, {
-          providers: providers
+          filters: _objectSpread$B(_objectSpread$B({}, state.filters), {}, {
+            providers: providers
+          })
         });
       }
+    case "SET_SEARCH_QUERY":
+      return _objectSpread$B(_objectSpread$B({}, state), {}, {
+        filters: _objectSpread$B(_objectSpread$B({}, state.filters), {}, {
+          query: action.payload
+        })
+      });
     case "SET_SELECTED_WIDGETS":
       return _objectSpread$B(_objectSpread$B({}, state), {}, {
         selectedWidgets: action.payload
@@ -6213,17 +6069,11 @@ function widgetCountToTemplate(count) {
 function getCanProceed(state) {
   switch (state.step) {
     case 0:
-      return state.intent.length > 0;
+      return state.selectedDashboard !== null || state.selectedWidgets.length > 0;
     case 1:
-      return state.providers.length > 0;
-    case 2:
-      return state.path === "prebuilt" ? state.selectedDashboard !== null : state.selectedWidgets.length > 0;
-    case 3:
       return state.layout.templateKey !== null;
-    case 4:
+    case 2:
       return state.customization.name.trim().length > 0;
-    case 5:
-      return true;
     default:
       return false;
   }
@@ -6862,7 +6712,7 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
   }
 
   // --- Provider setup summary ---
-  var selectedProviders = (state.providers || []).map(function (provKey) {
+  var selectedProviders = (state.filters && state.filters.providers || []).map(function (provKey) {
     var prov = (providersMap === null || providersMap === void 0 ? void 0 : providersMap[provKey]) || {};
     return {
       key: provKey,
@@ -7154,14 +7004,8 @@ var WizardCustomizeStep = function WizardCustomizeStep(_ref) {
 };
 
 var STEP_LABELS = [{
-  label: "Intent",
-  description: "Choose categories"
-}, {
-  label: "Providers",
-  description: "Select data sources"
-}, {
-  label: "Browse",
-  description: "Pick widgets or dashboards"
+  label: "Discover",
+  description: "Search & select"
 }, {
   label: "Layout",
   description: "Arrange your widgets"
@@ -7223,23 +7067,23 @@ var DashboardWizardModal = function DashboardWizardModal(_ref) {
   // Skip layout step for prebuilt path
   var handleNext = React.useCallback(function () {
     if (!canProceed) return;
-    if (state.step === 2 && isPrebuiltPath) {
-      // Skip layout step (3), go straight to customize (4)
-      goToStep(4);
+    if (state.step === 0 && isPrebuiltPath) {
+      // Skip layout step (1), go straight to customize (2)
+      goToStep(2);
     } else {
       nextStep();
     }
   }, [canProceed, state.step, isPrebuiltPath, goToStep, nextStep]);
   var handleBack = React.useCallback(function () {
-    if (state.step === 4 && isPrebuiltPath) {
-      // Skip back over layout step (3), go to browse (2)
-      goToStep(2);
+    if (state.step === 2 && isPrebuiltPath) {
+      // Skip back over layout step (1), go to discover (0)
+      goToStep(0);
     } else {
       prevStep();
     }
   }, [state.step, isPrebuiltPath, goToStep, prevStep]);
-  var isLastStep = state.step === 4;
-  state.step === 4 && state._created;
+  var isLastStep = state.step === 2;
+  state.step === 2 && state._created;
   return /*#__PURE__*/jsxRuntime.jsx(DashReact.Modal, {
     isOpen: open,
     setIsOpen: setIsOpen,
@@ -7281,7 +7125,7 @@ var DashboardWizardModal = function DashboardWizardModal(_ref) {
             description: STEP_LABELS[0].description,
             children: /*#__PURE__*/jsxRuntime.jsx("div", {
               className: "flex-1 min-h-0 overflow-y-auto",
-              children: /*#__PURE__*/jsxRuntime.jsx(WizardIntentStep, {
+              children: /*#__PURE__*/jsxRuntime.jsx(WizardDiscoverStep, {
                 state: state,
                 dispatch: dispatch
               })
@@ -7291,7 +7135,7 @@ var DashboardWizardModal = function DashboardWizardModal(_ref) {
             description: STEP_LABELS[1].description,
             children: /*#__PURE__*/jsxRuntime.jsx("div", {
               className: "flex-1 min-h-0 overflow-y-auto",
-              children: /*#__PURE__*/jsxRuntime.jsx(WizardProvidersStep, {
+              children: /*#__PURE__*/jsxRuntime.jsx(WizardLayoutPreviewStep, {
                 state: state,
                 dispatch: dispatch
               })
@@ -7299,26 +7143,6 @@ var DashboardWizardModal = function DashboardWizardModal(_ref) {
           }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Stepper.Step, {
             label: STEP_LABELS[2].label,
             description: STEP_LABELS[2].description,
-            children: /*#__PURE__*/jsxRuntime.jsx("div", {
-              className: "flex-1 min-h-0 overflow-y-auto",
-              children: /*#__PURE__*/jsxRuntime.jsx(WizardResultsStep, {
-                state: state,
-                dispatch: dispatch
-              })
-            })
-          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Stepper.Step, {
-            label: STEP_LABELS[3].label,
-            description: STEP_LABELS[3].description,
-            children: /*#__PURE__*/jsxRuntime.jsx("div", {
-              className: "flex-1 min-h-0 overflow-y-auto",
-              children: /*#__PURE__*/jsxRuntime.jsx(WizardLayoutPreviewStep, {
-                state: state,
-                dispatch: dispatch
-              })
-            })
-          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Stepper.Step, {
-            label: STEP_LABELS[4].label,
-            description: STEP_LABELS[4].description,
             children: /*#__PURE__*/jsxRuntime.jsx("div", {
               className: "flex-1 min-h-0 overflow-y-auto",
               children: /*#__PURE__*/jsxRuntime.jsx(WizardCustomizeStep, {
@@ -50235,10 +50059,8 @@ exports.WidgetPopoutStage = WidgetPopoutStage;
 exports.WidgetProviderWrapper = WidgetProviderWrapper;
 exports.WidgetSidebar = WidgetSidebar;
 exports.WizardCustomizeStep = WizardCustomizeStep;
-exports.WizardIntentStep = WizardIntentStep;
+exports.WizardDiscoverStep = WizardDiscoverStep;
 exports.WizardLayoutPreviewStep = WizardLayoutPreviewStep;
-exports.WizardProvidersStep = WizardProvidersStep;
-exports.WizardResultsStep = WizardResultsStep;
 exports.Workspace = Workspace;
 exports.WorkspaceContext = WorkspaceContext;
 exports.WorkspaceFooter = WorkspaceFooter;