@trops/dash-core 0.1.606 → 0.1.607

package/dist/index.esm.js

@@ -17748,11 +17748,18 @@ var EnhancedWidgetDropdown = function EnhancedWidgetDropdown(_ref) {
   // Filter widgets based on search, author, and provider
   var getFilteredWidgets = function getFilteredWidgets() {
     var filtered = widgets.filter(function (widget) {
-      // Drafts are in-progress widgets — they appear in
-      // Settings → Widgets (as a Draft chip with Resume/Delete
-      // affordances) but never in the dashboard placement picker
-      // since they're not finished products.
-      if (widget.kind === "draft") return false;
+      // Drafts are in-progress widgets — they live under
+      // `@ai-built/<name>-draft-<shortId>/` on disk and shouldn't
+      // appear in the placement picker. EnhancedWidgetDropdown
+      // reads from ComponentManager directly, so we detect drafts
+      // via the `_sourcePackage` name pattern (mirrors the
+      // matching backstop in useInstalledWidgets#classifyWidget).
+      // useInstalledWidgets sets `widget.kind` for consumers that
+      // go through that hook; check it too for forward-compat.
+      var sourcePackage = widget._sourcePackage || "";
+      if (widget.kind === "draft" || /-draft-[A-Za-z0-9]+$/.test(sourcePackage)) {
+        return false;
+      }
 
       // Search filter
       var searchLower = searchQuery.toLowerCase();
@@ -50228,19 +50235,25 @@ var WidgetsSection = function WidgetsSection(_ref) {
           },
           className: isSelected ? "bg-white/10 opacity-100" : "",
           children: /*#__PURE__*/jsxs("span", {
-            className: "flex flex-col",
+            className: "flex flex-col min-w-0",
             "data-testid": "widget-row-".concat(widget.name),
             children: [/*#__PURE__*/jsxs("span", {
-              className: "flex items-center gap-2",
-              children: [widget.displayName || widget.name, widget.source === "builtin" && /*#__PURE__*/jsx(Tag3, {
-                text: "Built-in"
-              }), widget.kind === "draft" && /*#__PURE__*/jsx("span", {
-                className: "px-1.5 py-0.5 rounded-full text-[10px] font-medium bg-amber-900/40 text-amber-200 border border-amber-700/30",
+              className: "flex items-center gap-2 min-w-0",
+              children: [widget.kind === "draft" && /*#__PURE__*/jsx("span", {
+                className: "flex-shrink-0 px-1.5 py-0.5 rounded-full text-[10px] font-medium bg-amber-900 text-amber-200 border border-amber-700",
                 "data-testid": "widget-draft-chip-".concat(widget.name),
                 title: "In-progress widget \u2014 open to Resume or Delete from the action menu",
                 children: "Draft"
+              }), widget.source === "builtin" && /*#__PURE__*/jsx("span", {
+                className: "flex-shrink-0",
+                children: /*#__PURE__*/jsx(Tag3, {
+                  text: "Built-in"
+                })
+              }), /*#__PURE__*/jsx("span", {
+                className: "truncate min-w-0",
+                children: widget.displayName || widget.name
               }), widget.kind !== "draft" && updates.has(widget.name) && /*#__PURE__*/jsx("span", {
-                className: "text-[10px] text-blue-400 font-medium",
+                className: "flex-shrink-0 text-[10px] text-blue-400 font-medium",
                 "data-testid": "widget-update-badge-".concat(widget.name),
                 children: "Update"
               })]