@industry-theme/repository-composition-panels 0.2.9 → 0.2.11

package/dist/panels/PackageCompositionPanel.d.ts

@@ -16,6 +16,8 @@ export interface PackageCompositionPanelProps {
     onPackageClick?: (packagePath: string) => void;
     /** Callback when hovering over a package (null when hover ends) */
     onPackageHover?: (pkg: PackageLayer | null) => void;
+    /** Callback when a package is selected (null when deselected) */
+    onPackageSelect?: (pkg: PackageLayer | null) => void;
 }
 /**
  * PackageCompositionPanelContent - Internal component that renders the package composition UI

package/dist/panels/PackageCompositionPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PackageCompositionPanel.d.ts","sourceRoot":"","sources":["../../src/panels/PackageCompositionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAmBjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAsRrF,MAAM,WAAW,4BAA4B;IAC3C,0CAA0C;IAC1C,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,6CAA6C;IAC7C,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IACjD,gDAAgD;IAChD,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,mEAAmE;IACnE,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;CACrD;AAusBD;;GAEG;AACH,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA8MjF,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAgClD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2BjE,CAAC"}
+{"version":3,"file":"PackageCompositionPanel.d.ts","sourceRoot":"","sources":["../../src/panels/PackageCompositionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAmBjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAsRrF,MAAM,WAAW,4BAA4B;IAC3C,0CAA0C;IAC1C,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,6CAA6C;IAC7C,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IACjD,gDAAgD;IAChD,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,mEAAmE;IACnE,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,iEAAiE;IACjE,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;CACtD;AAusBD;;GAEG;AACH,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAoNjF,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAgClD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyCjE,CAAC"}

package/dist/panels/PackageCompositionPanel.stories.d.ts

@@ -25,6 +25,7 @@ declare const meta: {
         onConfigClick?: ((configFile: ConfigFile) => void) | undefined;
         onPackageClick?: ((packagePath: string) => void) | undefined;
         onPackageHover?: ((pkg: PackageLayer | null) => void) | undefined;
+        onPackageSelect?: ((pkg: PackageLayer | null) => void) | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;

package/dist/panels/PackageCompositionPanel.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PackageCompositionPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/PackageCompositionPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAkC,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAC3G,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAErF;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAsB6C,CAAC;AAExD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA+JnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KA2D1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KA+B/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAuC3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,8BAA8B,CAQnE,CAAC"}
+{"version":3,"file":"PackageCompositionPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/PackageCompositionPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAkC,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAC3G,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAErF;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;CAsB6C,CAAC;AAExD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA+JnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KA2D1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KA+B/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAuC3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,8BAA8B,CAQnE,CAAC"}

package/dist/panels.bundle.js

@@ -9148,14 +9148,14 @@ const PackageSummaryCard = ({ pkg, allPackages, onClick, onHover }) => {
         padding: "12px",
         backgroundColor: theme.colors.backgroundSecondary,
         border: `1px solid ${theme.colors.border}`,
-        borderRadius: "8px",
+        borderRadius: "0",
         cursor: "pointer",
         textAlign: "left",
         transition: "all 0.15s ease",
         width: "100%"
       },
       onMouseEnter: (e) => {
-        e.currentTarget.style.borderColor = theme.colors.accent;
+        e.currentTarget.style.borderColor = theme.colors.primary;
         e.currentTarget.style.backgroundColor = theme.colors.backgroundTertiary;
         onHover == null ? void 0 : onHover(pkg);
       },
@@ -9239,8 +9239,8 @@ const PackageSummaryCard = ({ pkg, allPackages, onClick, onHover }) => {
                   {
                     style: {
                       padding: "2px 6px",
-                      backgroundColor: theme.colors.accent + "15",
-                      color: theme.colors.accent,
+                      backgroundColor: theme.colors.primary + "15",
+                      color: theme.colors.primary,
                       borderRadius: "4px",
                       fontWeight: 500
                     },
@@ -9280,16 +9280,25 @@ const PackageSummaryCard = ({ pkg, allPackages, onClick, onHover }) => {
             },
             children: [
               /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-                /* @__PURE__ */ jsx(Terminal, { size: 12 }),
-                /* @__PURE__ */ jsx("span", { children: commands })
+                /* @__PURE__ */ jsx(Package, { size: 12 }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  totalDeps,
+                  " deps"
+                ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
                 /* @__PURE__ */ jsx(Settings, { size: 12 }),
-                /* @__PURE__ */ jsx("span", { children: configFiles })
+                /* @__PURE__ */ jsxs("span", { children: [
+                  configFiles,
+                  " configs"
+                ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
-                /* @__PURE__ */ jsx(Package, { size: 12 }),
-                /* @__PURE__ */ jsx("span", { children: totalDeps })
+                /* @__PURE__ */ jsx(Terminal, { size: 12 }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  commands,
+                  " commands"
+                ] })
               ] })
             ]
           }
@@ -9308,7 +9317,7 @@ const PackageCard = ({
   standalone = false
 }) => {
   const { theme } = useTheme();
-  const [activeTab, setActiveTab] = useState("commands");
+  const [activeTab, setActiveTab] = useState("dependencies");
   const [activeFilters, setActiveFilters] = useState(/* @__PURE__ */ new Set());
   const [searchQuery, setSearchQuery] = useState("");
   const [showInfoModal, setShowInfoModal] = useState(false);
@@ -9427,9 +9436,9 @@ const PackageCard = ({
             borderBottom: `1px solid ${theme.colors.border}`
           },
           children: [
-            { id: "commands", label: "Commands", count: commands.length },
+            { id: "dependencies", label: "Dependencies", count: dependencyItems.length },
             { id: "configs", label: "Configs", count: configFiles.length },
-            { id: "dependencies", label: "Dependencies", count: dependencyItems.length }
+            { id: "commands", label: "Commands", count: commands.length }
           ].map((tab) => /* @__PURE__ */ jsxs(
             "button",
             {
@@ -9744,9 +9753,9 @@ const PackageCard = ({
                 borderBottom: `1px solid ${theme.colors.border}`
               },
               children: [
-                { id: "commands", label: "Commands", count: commands.length },
+                { id: "dependencies", label: "Deps", count: dependencyItems.length },
                 { id: "configs", label: "Configs", count: configFiles.length },
-                { id: "dependencies", label: "Deps", count: dependencyItems.length }
+                { id: "commands", label: "Commands", count: commands.length }
               ].map((tab) => /* @__PURE__ */ jsxs(
                 "button",
                 {
@@ -9975,7 +9984,8 @@ const PackageCompositionPanelContent = ({
   onCommandClick,
   onConfigClick,
   onPackageClick,
-  onPackageHover
+  onPackageHover,
+  onPackageSelect
 }) => {
   const { theme } = useTheme();
   const [selectedPackageId, setSelectedPackageId] = useState(null);
@@ -10067,7 +10077,8 @@ const PackageCompositionPanelContent = ({
                     "div",
                     {
                       style: {
-                        padding: "12px 16px",
+                        height: "40px",
+                        padding: "0 16px",
                         borderBottom: `1px solid ${theme.colors.border}`,
                         display: "flex",
                         alignItems: "center",
@@ -10075,7 +10086,7 @@ const PackageCompositionPanelContent = ({
                         flexShrink: 0
                       },
                       children: [
-                        /* @__PURE__ */ jsx(FileCode, { size: 16, color: theme.colors.accent }),
+                        /* @__PURE__ */ jsx(FileCode, { size: 16, color: theme.colors.primary }),
                         /* @__PURE__ */ jsxs("span", { style: { fontSize: theme.fontSizes[1], color: theme.colors.textSecondary }, children: [
                           packages.length,
                           " packages"
@@ -10089,17 +10100,18 @@ const PackageCompositionPanelContent = ({
                       style: {
                         flex: 1,
                         overflow: "auto",
-                        padding: "12px",
                         display: "flex",
-                        flexDirection: "column",
-                        gap: "8px"
+                        flexDirection: "column"
                       },
                       children: sortedPackages.map((pkg) => /* @__PURE__ */ jsx(
                         PackageSummaryCard,
                         {
                           pkg,
                           allPackages: packages,
-                          onClick: () => setSelectedPackageId(pkg.id),
+                          onClick: () => {
+                            setSelectedPackageId(pkg.id);
+                            onPackageSelect == null ? void 0 : onPackageSelect(pkg);
+                          },
                           onHover: onPackageHover
                         },
                         pkg.id
@@ -10134,7 +10146,10 @@ const PackageCompositionPanelContent = ({
                       children: /* @__PURE__ */ jsxs(
                         "button",
                         {
-                          onClick: () => setSelectedPackageId(null),
+                          onClick: () => {
+                            setSelectedPackageId(null);
+                            onPackageSelect == null ? void 0 : onPackageSelect(null);
+                          },
                           style: {
                             display: "flex",
                             alignItems: "center",
@@ -10234,12 +10249,24 @@ const PackageCompositionPanel = ({ context, events }) => {
       } : null
     });
   };
+  const handlePackageSelect = (pkg) => {
+    events == null ? void 0 : events.emit({
+      type: "package:select",
+      source: "PackageCompositionPanel",
+      timestamp: Date.now(),
+      payload: pkg ? {
+        packagePath: pkg.packageData.path,
+        packageName: pkg.packageData.name
+      } : null
+    });
+  };
   return /* @__PURE__ */ jsx(
     PackageCompositionPanelContent,
     {
       packages,
       isLoading,
-      onPackageHover: handlePackageHover
+      onPackageHover: handlePackageHover,
+      onPackageSelect: handlePackageSelect
     }
   );
 };