@trops/dash-core 0.1.262 → 0.1.263

package/dist/index.js

@@ -45217,6 +45217,13 @@ var useInstalledWidgets = function useInstalledWidgets() {
   }(), [refresh]);
   React.useEffect(function () {
     refresh();
+    var handleWidgetsUpdated = function handleWidgetsUpdated() {
+      return refresh();
+    };
+    window.addEventListener("dash:widgets-updated", handleWidgetsUpdated);
+    return function () {
+      return window.removeEventListener("dash:widgets-updated", handleWidgetsUpdated);
+    };
   }, [refresh]);
   return {
     widgets: widgets,
@@ -45727,12 +45734,18 @@ var WidgetsSection = function WidgetsSection(_ref) {
           },
           className: isSelected ? "bg-white/10 opacity-100" : "",
           children: /*#__PURE__*/jsxRuntime.jsxs("span", {
-            className: "flex items-center gap-2",
-            children: [widget.displayName || widget.name, widget.source === "builtin" && /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, {
-              text: "Built-in"
-            }), updates.has(widget.name) && /*#__PURE__*/jsxRuntime.jsx("span", {
-              className: "text-[10px] text-blue-400 font-medium",
-              children: "Update"
+            className: "flex flex-col",
+            children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
+              className: "flex items-center gap-2",
+              children: [widget.displayName || widget.name, widget.source === "builtin" && /*#__PURE__*/jsxRuntime.jsx(DashReact.Tag3, {
+                text: "Built-in"
+              }), updates.has(widget.name) && /*#__PURE__*/jsxRuntime.jsx("span", {
+                className: "text-[10px] text-blue-400 font-medium",
+                children: "Update"
+              })]
+            }), widget.source === "installed" && widget.packageId && /*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "text-[10px] opacity-40 truncate",
+              children: widget.packageId
             })]
           })
         }, widget.name);