@teambit/workspace 1.0.983 → 1.0.984

package/dist/ui/workspace/workspace-overview/hope-component-card.module.scss

@@ -0,0 +1,162 @@
+.card {
+  position: relative;
+  border-radius: 10px;
+  overflow: hidden;
+  background: var(--surface-color);
+  border: 1px solid var(--border-medium-color);
+  cursor: pointer;
+  transition:
+    box-shadow 0.15s ease,
+    border-color 0.15s ease;
+
+  &:hover {
+    box-shadow: 0 4px 14px rgba(20, 0, 104, 0.06);
+  }
+}
+
+.cardBuilding {
+  composes: card;
+
+  &:hover {
+    box-shadow: none;
+  }
+}
+
+.linkWrapper {
+  text-decoration: none;
+  color: inherit;
+  display: block;
+}
+
+/* ---- Preview ---- */
+
+.preview {
+  height: 180px;
+  position: relative;
+  overflow: hidden;
+  background: white;
+  border-bottom: 1px solid var(--border-medium-color);
+}
+
+.previewQueued {
+  composes: preview;
+  background: var(--surface01-color);
+}
+
+.previewInner {
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+}
+
+/* ---- Env badge ---- */
+
+.envBadge {
+  position: absolute;
+  bottom: 8px;
+  right: 8px;
+  background: var(--surface-color);
+  padding: 4px;
+  border-radius: 8px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  z-index: 3;
+}
+
+.envIcon {
+  height: 14px;
+  display: block;
+}
+
+/* ---- Status corner ---- */
+
+.statusCorner {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  z-index: 2;
+}
+
+/* ---- Footer ---- */
+
+.footer {
+  padding: 8px 12px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.name {
+  flex: 1;
+  min-width: 0;
+  font-size: 12.5px;
+  font-weight: 500;
+  font-family: 'JetBrains Mono', ui-monospace, Menlo, monospace;
+  color: var(--on-background-color);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  letter-spacing: -0.01em;
+}
+
+.nameQueued {
+  composes: name;
+  color: var(--on-background-medium-color);
+}
+
+.hash {
+  font-size: 10.5px;
+  padding: 1px 6px;
+  border-radius: 4px;
+  background: var(--surface01-color);
+  font-family: 'JetBrains Mono', ui-monospace, Menlo, monospace;
+  color: var(--on-background-low-color);
+  flex-shrink: 0;
+}
+
+.scopeBadge {
+  width: 20px;
+  height: 20px;
+  border-radius: 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  overflow: hidden;
+}
+
+.scopeBadgeIcon {
+  width: 12px;
+  height: 12px;
+  object-fit: contain;
+  filter: brightness(0) invert(1);
+}
+
+.scopeBadgeInitial {
+  font-family: 'JetBrains Mono', ui-monospace, Menlo, monospace;
+  font-size: 10px;
+  font-weight: 700;
+  color: white;
+  line-height: 1;
+}
+
+.buildingLabel {
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  flex-shrink: 0;
+}
+
+/* ---- Load preview button ---- */
+
+.loadPreview {
+  position: absolute;
+  right: 4px !important;
+  left: unset !important;
+  z-index: 4;
+}

package/dist/ui/workspace/workspace-overview/namespace-header.d.ts

@@ -0,0 +1,8 @@
+import type { WorkspaceItem } from './workspace-overview.types';
+export interface NamespaceHeaderProps {
+    namespace: string;
+    items: WorkspaceItem[];
+    scopeIcon?: string;
+    scopeIconColor?: string;
+}
+export declare function NamespaceHeader({ namespace, items, scopeIcon, scopeIconColor }: NamespaceHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/workspace/workspace-overview/namespace-header.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NamespaceHeader = NamespaceHeader;
+function _react() {
+  const data = _interopRequireDefault(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _filterUtils() {
+  const data = require("./filter-utils");
+  _filterUtils = function () {
+    return data;
+  };
+  return data;
+}
+function _namespaceHeaderModule() {
+  const data = _interopRequireDefault(require("./namespace-header.module.scss"));
+  _namespaceHeaderModule = function () {
+    return data;
+  };
+  return data;
+}
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function NamespaceHeader({
+  namespace,
+  items,
+  scopeIcon,
+  scopeIconColor
+}) {
+  const accent = 'var(--bit-accent-color, #6c5ce7)';
+  const tint = 'color-mix(in srgb, var(--bit-accent-color, #6c5ce7) 12%, transparent)';
+  let buildingCount = 0;
+  let readyCount = 0;
+  for (const item of items) {
+    const s = (0, _filterUtils().getComponentStatus)(item);
+    if (s === 'building') buildingCount++;
+    if (s === 'built' || s === 'changed') readyCount++;
+  }
+  return /*#__PURE__*/_react().default.createElement("header", {
+    className: _namespaceHeaderModule().default.header
+  }, /*#__PURE__*/_react().default.createElement(HeaderIcon, {
+    scopeIcon: scopeIcon,
+    scopeIconColor: scopeIconColor,
+    namespace: namespace,
+    accent: accent
+  }), /*#__PURE__*/_react().default.createElement("span", {
+    className: _namespaceHeaderModule().default.name
+  }, namespace), /*#__PURE__*/_react().default.createElement("span", {
+    className: _namespaceHeaderModule().default.count
+  }, readyCount, "/", items.length), buildingCount > 0 && /*#__PURE__*/_react().default.createElement("span", {
+    className: _namespaceHeaderModule().default.buildingPill,
+    style: {
+      color: accent,
+      background: tint
+    }
+  }, /*#__PURE__*/_react().default.createElement("span", {
+    className: _namespaceHeaderModule().default.buildingDot,
+    style: {
+      background: accent
+    }
+  }), "building"), /*#__PURE__*/_react().default.createElement("div", {
+    className: _namespaceHeaderModule().default.divider
+  }));
+}
+function HeaderIcon({
+  scopeIcon,
+  scopeIconColor,
+  namespace,
+  accent
+}) {
+  if (scopeIcon) {
+    return /*#__PURE__*/_react().default.createElement("div", {
+      className: _namespaceHeaderModule().default.scopeIconBadge,
+      style: {
+        background: scopeIconColor || accent
+      }
+    }, /*#__PURE__*/_react().default.createElement("img", {
+      src: scopeIcon,
+      className: _namespaceHeaderModule().default.scopeIconImg,
+      alt: ""
+    }));
+  }
+  if (scopeIconColor) {
+    const initial = namespace.split(/[./]/).pop()?.charAt(0).toUpperCase() || '?';
+    return /*#__PURE__*/_react().default.createElement("div", {
+      className: _namespaceHeaderModule().default.scopeIconBadge,
+      style: {
+        background: scopeIconColor
+      }
+    }, /*#__PURE__*/_react().default.createElement("span", {
+      className: _namespaceHeaderModule().default.scopeInitial
+    }, initial));
+  }
+  return /*#__PURE__*/_react().default.createElement("span", {
+    className: _namespaceHeaderModule().default.dot,
+    style: {
+      background: accent
+    }
+  });
+}
+
+//# sourceMappingURL=namespace-header.js.map

package/dist/ui/workspace/workspace-overview/namespace-header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","data","_interopRequireDefault","require","_filterUtils","_namespaceHeaderModule","e","__esModule","default","NamespaceHeader","namespace","items","scopeIcon","scopeIconColor","accent","tint","buildingCount","readyCount","item","s","getComponentStatus","createElement","className","styles","header","HeaderIcon","name","count","length","buildingPill","style","color","background","buildingDot","divider","scopeIconBadge","src","scopeIconImg","alt","initial","split","pop","charAt","toUpperCase","scopeInitial","dot"],"sources":["namespace-header.tsx"],"sourcesContent":["import React from 'react';\nimport { getComponentStatus } from './filter-utils';\nimport type { WorkspaceItem } from './workspace-overview.types';\nimport styles from './namespace-header.module.scss';\n\nexport interface NamespaceHeaderProps {\n  namespace: string;\n  items: WorkspaceItem[];\n  scopeIcon?: string;\n  scopeIconColor?: string;\n}\n\nexport function NamespaceHeader({ namespace, items, scopeIcon, scopeIconColor }: NamespaceHeaderProps) {\n  const accent = 'var(--bit-accent-color, #6c5ce7)';\n  const tint = 'color-mix(in srgb, var(--bit-accent-color, #6c5ce7) 12%, transparent)';\n\n  let buildingCount = 0;\n  let readyCount = 0;\n  for (const item of items) {\n    const s = getComponentStatus(item);\n    if (s === 'building') buildingCount++;\n    if (s === 'built' || s === 'changed') readyCount++;\n  }\n\n  return (\n    <header className={styles.header}>\n      <HeaderIcon scopeIcon={scopeIcon} scopeIconColor={scopeIconColor} namespace={namespace} accent={accent} />\n      <span className={styles.name}>{namespace}</span>\n      <span className={styles.count}>\n        {readyCount}/{items.length}\n      </span>\n      {buildingCount > 0 && (\n        <span className={styles.buildingPill} style={{ color: accent, background: tint }}>\n          <span className={styles.buildingDot} style={{ background: accent }} />\n          building\n        </span>\n      )}\n      <div className={styles.divider} />\n    </header>\n  );\n}\n\nfunction HeaderIcon({\n  scopeIcon,\n  scopeIconColor,\n  namespace,\n  accent,\n}: {\n  scopeIcon?: string;\n  scopeIconColor?: string;\n  namespace: string;\n  accent: string;\n}) {\n  if (scopeIcon) {\n    return (\n      <div className={styles.scopeIconBadge} style={{ background: scopeIconColor || accent }}>\n        <img src={scopeIcon} className={styles.scopeIconImg} alt=\"\" />\n      </div>\n    );\n  }\n\n  if (scopeIconColor) {\n    const initial = namespace.split(/[./]/).pop()?.charAt(0).toUpperCase() || '?';\n    return (\n      <div className={styles.scopeIconBadge} style={{ background: scopeIconColor }}>\n        <span className={styles.scopeInitial}>{initial}</span>\n      </div>\n    );\n  }\n\n  return <span className={styles.dot} style={{ background: accent }} />;\n}\n"],"mappings":";;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,aAAA;EAAA,MAAAH,IAAA,GAAAE,OAAA;EAAAC,YAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAI,uBAAA;EAAA,MAAAJ,IAAA,GAAAC,sBAAA,CAAAC,OAAA;EAAAE,sBAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAoD,SAAAC,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS7C,SAASG,eAAeA,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAEC,SAAS;EAAEC;AAAqC,CAAC,EAAE;EACrG,MAAMC,MAAM,GAAG,kCAAkC;EACjD,MAAMC,IAAI,GAAG,uEAAuE;EAEpF,IAAIC,aAAa,GAAG,CAAC;EACrB,IAAIC,UAAU,GAAG,CAAC;EAClB,KAAK,MAAMC,IAAI,IAAIP,KAAK,EAAE;IACxB,MAAMQ,CAAC,GAAG,IAAAC,iCAAkB,EAACF,IAAI,CAAC;IAClC,IAAIC,CAAC,KAAK,UAAU,EAAEH,aAAa,EAAE;IACrC,IAAIG,CAAC,KAAK,OAAO,IAAIA,CAAC,KAAK,SAAS,EAAEF,UAAU,EAAE;EACpD;EAEA,oBACEjB,MAAA,GAAAQ,OAAA,CAAAa,aAAA;IAAQC,SAAS,EAAEC,gCAAM,CAACC;EAAO,gBAC/BxB,MAAA,GAAAQ,OAAA,CAAAa,aAAA,CAACI,UAAU;IAACb,SAAS,EAAEA,SAAU;IAACC,cAAc,EAAEA,cAAe;IAACH,SAAS,EAAEA,SAAU;IAACI,MAAM,EAAEA;EAAO,CAAE,CAAC,eAC1Gd,MAAA,GAAAQ,OAAA,CAAAa,aAAA;IAAMC,SAAS,EAAEC,gCAAM,CAACG;EAAK,GAAEhB,SAAgB,CAAC,eAChDV,MAAA,GAAAQ,OAAA,CAAAa,aAAA;IAAMC,SAAS,EAAEC,gCAAM,CAACI;EAAM,GAC3BV,UAAU,EAAC,GAAC,EAACN,KAAK,CAACiB,MAChB,CAAC,EACNZ,aAAa,GAAG,CAAC,iBAChBhB,MAAA,GAAAQ,OAAA,CAAAa,aAAA;IAAMC,SAAS,EAAEC,gCAAM,CAACM,YAAa;IAACC,KAAK,EAAE;MAAEC,KAAK,EAAEjB,MAAM;MAAEkB,UAAU,EAAEjB;IAAK;EAAE,gBAC/Ef,MAAA,GAAAQ,OAAA,CAAAa,aAAA;IAAMC,SAAS,EAAEC,gCAAM,CAACU,WAAY;IAACH,KAAK,EAAE;MAAEE,UAAU,EAAElB;IAAO;EAAE,CAAE,CAAC,YAElE,CACP,eACDd,MAAA,GAAAQ,OAAA,CAAAa,aAAA;IAAKC,SAAS,EAAEC,gCAAM,CAACW;EAAQ,CAAE,CAC3B,CAAC;AAEb;AAEA,SAAST,UAAUA,CAAC;EAClBb,SAAS;EACTC,cAAc;EACdH,SAAS;EACTI;AAMF,CAAC,EAAE;EACD,IAAIF,SAAS,EAAE;IACb,oBACEZ,MAAA,GAAAQ,OAAA,CAAAa,aAAA;MAAKC,SAAS,EAAEC,gCAAM,CAACY,cAAe;MAACL,KAAK,EAAE;QAAEE,UAAU,EAAEnB,cAAc,IAAIC;MAAO;IAAE,gBACrFd,MAAA,GAAAQ,OAAA,CAAAa,aAAA;MAAKe,GAAG,EAAExB,SAAU;MAACU,SAAS,EAAEC,gCAAM,CAACc,YAAa;MAACC,GAAG,EAAC;IAAE,CAAE,CAC1D,CAAC;EAEV;EAEA,IAAIzB,cAAc,EAAE;IAClB,MAAM0B,OAAO,GAAG7B,SAAS,CAAC8B,KAAK,CAAC,MAAM,CAAC,CAACC,GAAG,CAAC,CAAC,EAAEC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,IAAI,GAAG;IAC7E,oBACE3C,MAAA,GAAAQ,OAAA,CAAAa,aAAA;MAAKC,SAAS,EAAEC,gCAAM,CAACY,cAAe;MAACL,KAAK,EAAE;QAAEE,UAAU,EAAEnB;MAAe;IAAE,gBAC3Eb,MAAA,GAAAQ,OAAA,CAAAa,aAAA;MAAMC,SAAS,EAAEC,gCAAM,CAACqB;IAAa,GAAEL,OAAc,CAClD,CAAC;EAEV;EAEA,oBAAOvC,MAAA,GAAAQ,OAAA,CAAAa,aAAA;IAAMC,SAAS,EAAEC,gCAAM,CAACsB,GAAI;IAACf,KAAK,EAAE;MAAEE,UAAU,EAAElB;IAAO;EAAE,CAAE,CAAC;AACvE","ignoreList":[]}

package/dist/ui/workspace/workspace-overview/namespace-header.module.scss

@@ -0,0 +1,88 @@
+.header {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.dot {
+  width: 10px;
+  height: 10px;
+  border-radius: 3px;
+  flex-shrink: 0;
+}
+
+.name {
+  font-size: 20px;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  color: var(--on-background-color);
+  flex-shrink: 0;
+}
+
+.count {
+  font-size: 12px;
+  color: var(--on-background-low-color);
+  flex-shrink: 0;
+}
+
+.buildingPill {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 10.5px;
+  font-weight: 500;
+  padding: 1px 8px;
+  border-radius: 999px;
+  margin-left: 4px;
+  flex-shrink: 0;
+}
+
+.buildingDot {
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  animation: pulse 1.4s ease-in-out infinite;
+}
+
+.scopeIconBadge {
+  width: 24px;
+  height: 24px;
+  border-radius: 6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  overflow: hidden;
+}
+
+.scopeIconImg {
+  width: 14px;
+  height: 14px;
+  object-fit: contain;
+  filter: brightness(0) invert(1);
+}
+
+.scopeInitial {
+  font-family: 'JetBrains Mono', ui-monospace, Menlo, monospace;
+  font-size: 11px;
+  font-weight: 700;
+  color: white;
+  line-height: 1;
+}
+
+.divider {
+  flex: 1;
+  height: 1px;
+  background: var(--border-medium-color);
+  margin-left: 4px;
+}
+
+@keyframes pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.55;
+  }
+}

package/dist/ui/workspace/workspace-overview/use-workspace-aggregation.js

@@ -66,11 +66,17 @@ function useWorkspaceAggregation(items, aggregation, filters) {
     map.get(scope).push(item);
   }
   const sortedScopes = [...map.keys()].sort();
-  const groups = sortedScopes.map(sc => ({
-    name: sc,
-    displayName: sc,
-    items: (0, _namespaceSort().sortItemsByNamespace)(map.get(sc))
-  }));
+  const groups = sortedScopes.map(sc => {
+    const groupItems = map.get(sc);
+    const sampleScope = groupItems.find(i => i.scope?.icon)?.scope;
+    return {
+      name: sc,
+      displayName: sc,
+      items: (0, _namespaceSort().sortItemsByNamespace)(groupItems),
+      scopeIcon: sampleScope?.icon,
+      scopeIconColor: sampleScope?.backgroundIconColor
+    };
+  });
   return {
     groups,
     groupType: 'scopes',

package/dist/ui/workspace/workspace-overview/use-workspace-aggregation.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","require","_namespaceSort","_filterUtils","useWorkspaceAggregation","items","aggregation","filters","filtered","useMemo","filterItems","groups","name","displayName","sortItemsByNamespace","groupType","availableAggregations","filteredCount","length","map","Map","item","ns","component","id","namespace","has","set","get","push","sortedKeys","sortNamespacesAdvanced","keys","scope","sortedScopes","sort","sc"],"sources":["use-workspace-aggregation.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { sortNamespacesAdvanced, sortItemsByNamespace } from './namespace-sort';\nimport { filterItems, type ActiveFilters } from './filter-utils';\nimport type { WorkspaceItem, AggregationType, AggregationGroup, AggregationResult } from './workspace-overview.types';\n\nexport function useWorkspaceAggregation(\n  items: WorkspaceItem[],\n  aggregation: AggregationType,\n  filters: ActiveFilters\n): AggregationResult {\n  const filtered = useMemo(() => filterItems(items, filters), [items, filters]);\n\n  if (aggregation === 'none') {\n    return {\n      groups: [\n        {\n          name: 'all',\n          displayName: '',\n          items: sortItemsByNamespace(filtered),\n        },\n      ],\n      groupType: 'none',\n      availableAggregations: ['namespaces', 'scopes', 'none'],\n      filteredCount: filtered.length,\n    };\n  }\n\n  if (aggregation === 'namespaces') {\n    const map = new Map<string, WorkspaceItem[]>();\n    for (const item of filtered) {\n      const ns = item.component.id.namespace || '/';\n      if (!map.has(ns)) map.set(ns, []);\n      map.get(ns)!.push(item);\n    }\n\n    const sortedKeys = sortNamespacesAdvanced([...map.keys()]);\n\n    const groups: AggregationGroup[] = sortedKeys.map((ns) => ({\n      name: ns,\n      displayName: ns,\n      items: sortItemsByNamespace(map.get(ns)!),\n    }));\n\n    return {\n      groups,\n      groupType: 'namespaces',\n      availableAggregations: ['namespaces', 'scopes', 'none'],\n      filteredCount: filtered.length,\n    };\n  }\n\n  const map = new Map<string, WorkspaceItem[]>();\n  for (const item of filtered) {\n    const scope = item.component.id.scope;\n    if (!map.has(scope)) map.set(scope, []);\n    map.get(scope)!.push(item);\n  }\n\n  const sortedScopes = [...map.keys()].sort();\n\n  const groups: AggregationGroup[] = sortedScopes.map((sc) => ({\n    name: sc,\n    displayName: sc,\n    items: sortItemsByNamespace(map.get(sc)!),\n  }));\n\n  return {\n    groups,\n    groupType: 'scopes',\n    availableAggregations: ['namespaces', 'scopes', 'none'],\n    filteredCount: filtered.length,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","data","require","_namespaceSort","_filterUtils","useWorkspaceAggregation","items","aggregation","filters","filtered","useMemo","filterItems","groups","name","displayName","sortItemsByNamespace","groupType","availableAggregations","filteredCount","length","map","Map","item","ns","component","id","namespace","has","set","get","push","sortedKeys","sortNamespacesAdvanced","keys","scope","sortedScopes","sort","sc","groupItems","sampleScope","find","i","icon","scopeIcon","scopeIconColor","backgroundIconColor"],"sources":["use-workspace-aggregation.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { sortNamespacesAdvanced, sortItemsByNamespace } from './namespace-sort';\nimport { filterItems, type ActiveFilters } from './filter-utils';\nimport type { WorkspaceItem, AggregationType, AggregationGroup, AggregationResult } from './workspace-overview.types';\n\nexport function useWorkspaceAggregation(\n  items: WorkspaceItem[],\n  aggregation: AggregationType,\n  filters: ActiveFilters\n): AggregationResult {\n  const filtered = useMemo(() => filterItems(items, filters), [items, filters]);\n\n  if (aggregation === 'none') {\n    return {\n      groups: [\n        {\n          name: 'all',\n          displayName: '',\n          items: sortItemsByNamespace(filtered),\n        },\n      ],\n      groupType: 'none',\n      availableAggregations: ['namespaces', 'scopes', 'none'],\n      filteredCount: filtered.length,\n    };\n  }\n\n  if (aggregation === 'namespaces') {\n    const map = new Map<string, WorkspaceItem[]>();\n    for (const item of filtered) {\n      const ns = item.component.id.namespace || '/';\n      if (!map.has(ns)) map.set(ns, []);\n      map.get(ns)!.push(item);\n    }\n\n    const sortedKeys = sortNamespacesAdvanced([...map.keys()]);\n\n    const groups: AggregationGroup[] = sortedKeys.map((ns) => ({\n      name: ns,\n      displayName: ns,\n      items: sortItemsByNamespace(map.get(ns)!),\n    }));\n\n    return {\n      groups,\n      groupType: 'namespaces',\n      availableAggregations: ['namespaces', 'scopes', 'none'],\n      filteredCount: filtered.length,\n    };\n  }\n\n  const map = new Map<string, WorkspaceItem[]>();\n  for (const item of filtered) {\n    const scope = item.component.id.scope;\n    if (!map.has(scope)) map.set(scope, []);\n    map.get(scope)!.push(item);\n  }\n\n  const sortedScopes = [...map.keys()].sort();\n\n  const groups: AggregationGroup[] = sortedScopes.map((sc) => {\n    const groupItems = map.get(sc)!;\n    const sampleScope = groupItems.find((i) => i.scope?.icon)?.scope;\n    return {\n      name: sc,\n      displayName: sc,\n      items: sortItemsByNamespace(groupItems),\n      scopeIcon: sampleScope?.icon,\n      scopeIconColor: sampleScope?.backgroundIconColor,\n    };\n  });\n\n  return {\n    groups,\n    groupType: 'scopes',\n    availableAggregations: ['namespaces', 'scopes', 'none'],\n    filteredCount: filtered.length,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ui/workspace/workspace-overview/workspace-filter-panel.js

@@ -62,11 +62,13 @@ function WorkspaceFilterPanel({
     value: v
   }));
   const applyNs = opts => {
-    const list = opts.map(o => o.value).filter(v => typeof v === 'string');
+    const arr = Array.isArray(opts) ? opts : opts ? [opts] : [];
+    const list = arr.map(o => o.value).filter(v => typeof v === 'string');
     onNamespacesChange(list);
   };
   const applyScopes = opts => {
-    const list = opts.map(o => o.value).filter(v => typeof v === 'string');
+    const arr = Array.isArray(opts) ? opts : opts ? [opts] : [];
+    const list = arr.map(o => o.value).filter(v => typeof v === 'string');
     onScopesChange(list);
   };
   const currentIndex = Math.max(0, availableAggregations.findIndex(a => a === aggregation));
@@ -75,9 +77,9 @@ function WorkspaceFilterPanel({
     onAggregationChange(agg);
   };
   return /*#__PURE__*/_react().default.createElement("div", {
-    className: _workspaceOverviewModule().default.filterPanel
+    className: _workspaceOverviewModule().default.commandBar
   }, /*#__PURE__*/_react().default.createElement("div", {
-    className: _workspaceOverviewModule().default.leftFilters
+    className: _workspaceOverviewModule().default.leftCluster
   }, /*#__PURE__*/_react().default.createElement(_componentFilters().BaseFilter, {
     id: "namespaces",
     placeholder: "Namespaces",
@@ -93,9 +95,9 @@ function WorkspaceFilterPanel({
     onChange: applyScopes,
     isSearchable: true
   })), /*#__PURE__*/_react().default.createElement("div", {
-    className: _workspaceOverviewModule().default.rightAggToggle
+    className: _workspaceOverviewModule().default.rightCluster
   }, /*#__PURE__*/_react().default.createElement(_designInputs().ToggleButton, {
-    className: _workspaceOverviewModule().default.toggleBtn,
+    className: _workspaceOverviewModule().default.aggToggle,
     defaultIndex: currentIndex,
     onOptionSelect: idx => applyAgg(idx),
     options: availableAggregations.map(agg => ({

package/dist/ui/workspace/workspace-overview/workspace-filter-panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireWildcard","require","_designInputs","_componentFilters","_workspaceOverviewModule","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LABELS","namespaces","scopes","none","WorkspaceFilterPanel","aggregation","onAggregationChange","availableAggregations","items","activeNamespaces","onNamespacesChange","activeScopes","onScopesChange","namespaceOptions","useMemo","Set","map","component","id","namespace","v","value","scopeOptions","scope","activeNsOptions","activeScopeOptions","applyNs","opts","list","filter","applyScopes","currentIndex","Math","max","findIndex","a","applyAgg","agg","createElement","className","styles","filterPanel","leftFilters","BaseFilter","placeholder","options","activeOptions","onChange","isSearchable","rightAggToggle","ToggleButton","toggleBtn","defaultIndex","onOptionSelect","idx","element"],"sources":["workspace-filter-panel.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { ToggleButton } from '@teambit/design.inputs.toggle-button';\nimport { BaseFilter } from '@teambit/component.filters.base-filter';\nimport type { WorkspaceItem, AggregationType } from './workspace-overview.types';\nimport styles from './workspace-overview.module.scss';\n\nexport interface WorkspaceFilterPanelProps {\n  aggregation: AggregationType;\n  onAggregationChange: (agg: AggregationType) => void;\n  availableAggregations: AggregationType[];\n  items: WorkspaceItem[];\n  activeNamespaces: string[];\n  onNamespacesChange: (namespaces: string[]) => void;\n  activeScopes: string[];\n  onScopesChange: (scopes: string[]) => void;\n}\n\nconst LABELS: Record<AggregationType, string> = {\n  namespaces: 'Namespaces',\n  scopes: 'Scopes',\n  none: 'None',\n};\n\nexport function WorkspaceFilterPanel({\n  aggregation,\n  onAggregationChange,\n  availableAggregations,\n  items,\n  activeNamespaces,\n  onNamespacesChange,\n  activeScopes,\n  onScopesChange,\n}: WorkspaceFilterPanelProps) {\n  const namespaceOptions = useMemo(\n    () =>\n      [...new Set(items.map((i) => i.component.id.namespace || '/'))].map((v) => ({\n        value: v,\n      })),\n    [items]\n  );\n\n  const scopeOptions = useMemo(\n    () =>\n      [...new Set(items.map((i) => i.component.id.scope))].map((v) => ({\n        value: v,\n      })),\n    [items]\n  );\n\n  const activeNsOptions = activeNamespaces.map((v) => ({ value: v }));\n  const activeScopeOptions = activeScopes.map((v) => ({ value: v }));\n\n  const applyNs = (opts) => {\n    const list = opts.map((o) => o.value).filter((v): v is string => typeof v === 'string');\n    onNamespacesChange(list);\n  };\n\n  const applyScopes = (opts) => {\n    const list = opts.map((o) => o.value).filter((v): v is string => typeof v === 'string');\n    onScopesChange(list);\n  };\n\n  const currentIndex = Math.max(\n    0,\n    availableAggregations.findIndex((a) => a === aggregation)\n  );\n\n  const applyAgg = (i: number) => {\n    const agg = availableAggregations[i];\n    onAggregationChange(agg);\n  };\n\n  return (\n    <div className={styles.filterPanel}>\n      <div className={styles.leftFilters}>\n        <BaseFilter\n          id=\"namespaces\"\n          placeholder=\"Namespaces\"\n          options={namespaceOptions}\n          activeOptions={activeNsOptions}\n          onChange={applyNs}\n          isSearchable\n        />\n\n        <BaseFilter\n          id=\"scopes\"\n          placeholder=\"Scopes\"\n          options={scopeOptions}\n          activeOptions={activeScopeOptions}\n          onChange={applyScopes}\n          isSearchable\n        />\n      </div>\n\n      <div className={styles.rightAggToggle}>\n        <ToggleButton\n          className={styles.toggleBtn}\n          defaultIndex={currentIndex}\n          onOptionSelect={(idx) => applyAgg(idx)}\n          options={availableAggregations.map((agg) => ({\n            value: agg,\n            element: LABELS[agg],\n          }))}\n        />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,uBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,cAAA;EAAA,MAAAH,IAAA,GAAAE,OAAA;EAAAC,aAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,kBAAA;EAAA,MAAAJ,IAAA,GAAAE,OAAA;EAAAE,iBAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAK,yBAAA;EAAA,MAAAL,IAAA,GAAAM,sBAAA,CAAAJ,OAAA;EAAAG,wBAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAsD,SAAAM,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAM,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAatD,MAAMgB,MAAuC,GAAG;EAC9CC,UAAU,EAAE,YAAY;EACxBC,MAAM,EAAE,QAAQ;EAChBC,IAAI,EAAE;AACR,CAAC;AAEM,SAASC,oBAAoBA,CAAC;EACnCC,WAAW;EACXC,mBAAmB;EACnBC,qBAAqB;EACrBC,KAAK;EACLC,gBAAgB;EAChBC,kBAAkB;EAClBC,YAAY;EACZC;AACyB,CAAC,EAAE;EAC5B,MAAMC,gBAAgB,GAAG,IAAAC,gBAAO,EAC9B,MACE,CAAC,GAAG,IAAIC,GAAG,CAACP,KAAK,CAACQ,GAAG,CAAE3B,CAAC,IAAKA,CAAC,CAAC4B,SAAS,CAACC,EAAE,CAACC,SAAS,IAAI,GAAG,CAAC,CAAC,CAAC,CAACH,GAAG,CAAEI,CAAC,KAAM;IAC1EC,KAAK,EAAED;EACT,CAAC,CAAC,CAAC,EACL,CAACZ,KAAK,CACR,CAAC;EAED,MAAMc,YAAY,GAAG,IAAAR,gBAAO,EAC1B,MACE,CAAC,GAAG,IAAIC,GAAG,CAACP,KAAK,CAACQ,GAAG,CAAE3B,CAAC,IAAKA,CAAC,CAAC4B,SAAS,CAACC,EAAE,CAACK,KAAK,CAAC,CAAC,CAAC,CAACP,GAAG,CAAEI,CAAC,KAAM;IAC/DC,KAAK,EAAED;EACT,CAAC,CAAC,CAAC,EACL,CAACZ,KAAK,CACR,CAAC;EAED,MAAMgB,eAAe,GAAGf,gBAAgB,CAACO,GAAG,CAAEI,CAAC,KAAM;IAAEC,KAAK,EAAED;EAAE,CAAC,CAAC,CAAC;EACnE,MAAMK,kBAAkB,GAAGd,YAAY,CAACK,GAAG,CAAEI,CAAC,KAAM;IAAEC,KAAK,EAAED;EAAE,CAAC,CAAC,CAAC;EAElE,MAAMM,OAAO,GAAIC,IAAI,IAAK;IACxB,MAAMC,IAAI,GAAGD,IAAI,CAACX,GAAG,CAAE5B,CAAC,IAAKA,CAAC,CAACiC,KAAK,CAAC,CAACQ,MAAM,CAAET,CAAC,IAAkB,OAAOA,CAAC,KAAK,QAAQ,CAAC;IACvFV,kBAAkB,CAACkB,IAAI,CAAC;EAC1B,CAAC;EAED,MAAME,WAAW,GAAIH,IAAI,IAAK;IAC5B,MAAMC,IAAI,GAAGD,IAAI,CAACX,GAAG,CAAE5B,CAAC,IAAKA,CAAC,CAACiC,KAAK,CAAC,CAACQ,MAAM,CAAET,CAAC,IAAkB,OAAOA,CAAC,KAAK,QAAQ,CAAC;IACvFR,cAAc,CAACgB,IAAI,CAAC;EACtB,CAAC;EAED,MAAMG,YAAY,GAAGC,IAAI,CAACC,GAAG,CAC3B,CAAC,EACD1B,qBAAqB,CAAC2B,SAAS,CAAEC,CAAC,IAAKA,CAAC,KAAK9B,WAAW,CAC1D,CAAC;EAED,MAAM+B,QAAQ,GAAI/C,CAAS,IAAK;IAC9B,MAAMgD,GAAG,GAAG9B,qBAAqB,CAAClB,CAAC,CAAC;IACpCiB,mBAAmB,CAAC+B,GAAG,CAAC;EAC1B,CAAC;EAED,oBACEhE,MAAA,GAAAU,OAAA,CAAAuD,aAAA;IAAKC,SAAS,EAAEC,kCAAM,CAACC;EAAY,gBACjCpE,MAAA,GAAAU,OAAA,CAAAuD,aAAA;IAAKC,SAAS,EAAEC,kCAAM,CAACE;EAAY,gBACjCrE,MAAA,GAAAU,OAAA,CAAAuD,aAAA,CAAC5D,iBAAA,GAAAiE,UAAU;IACTzB,EAAE,EAAC,YAAY;IACf0B,WAAW,EAAC,YAAY;IACxBC,OAAO,EAAEhC,gBAAiB;IAC1BiC,aAAa,EAAEtB,eAAgB;IAC/BuB,QAAQ,EAAErB,OAAQ;IAClBsB,YAAY;EAAA,CACb,CAAC,eAEF3E,MAAA,GAAAU,OAAA,CAAAuD,aAAA,CAAC5D,iBAAA,GAAAiE,UAAU;IACTzB,EAAE,EAAC,QAAQ;IACX0B,WAAW,EAAC,QAAQ;IACpBC,OAAO,EAAEvB,YAAa;IACtBwB,aAAa,EAAErB,kBAAmB;IAClCsB,QAAQ,EAAEjB,WAAY;IACtBkB,YAAY;EAAA,CACb,CACE,CAAC,eAEN3E,MAAA,GAAAU,OAAA,CAAAuD,aAAA;IAAKC,SAAS,EAAEC,kCAAM,CAACS;EAAe,gBACpC5E,MAAA,GAAAU,OAAA,CAAAuD,aAAA,CAAC7D,aAAA,GAAAyE,YAAY;IACXX,SAAS,EAAEC,kCAAM,CAACW,SAAU;IAC5BC,YAAY,EAAErB,YAAa;IAC3BsB,cAAc,EAAGC,GAAG,IAAKlB,QAAQ,CAACkB,GAAG,CAAE;IACvCT,OAAO,EAAEtC,qBAAqB,CAACS,GAAG,CAAEqB,GAAG,KAAM;MAC3ChB,KAAK,EAAEgB,GAAG;MACVkB,OAAO,EAAEvD,MAAM,CAACqC,GAAG;IACrB,CAAC,CAAC;EAAE,CACL,CACE,CACF,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_designInputs","_componentFilters","_workspaceOverviewModule","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LABELS","namespaces","scopes","none","WorkspaceFilterPanel","aggregation","onAggregationChange","availableAggregations","items","activeNamespaces","onNamespacesChange","activeScopes","onScopesChange","namespaceOptions","useMemo","Set","map","component","id","namespace","v","value","scopeOptions","scope","activeNsOptions","activeScopeOptions","applyNs","opts","arr","Array","isArray","list","filter","applyScopes","currentIndex","Math","max","findIndex","a","applyAgg","agg","createElement","className","styles","commandBar","leftCluster","BaseFilter","placeholder","options","activeOptions","onChange","isSearchable","rightCluster","ToggleButton","aggToggle","defaultIndex","onOptionSelect","idx","element"],"sources":["workspace-filter-panel.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { ToggleButton } from '@teambit/design.inputs.toggle-button';\nimport { BaseFilter } from '@teambit/component.filters.base-filter';\nimport type { WorkspaceItem, AggregationType } from './workspace-overview.types';\nimport styles from './workspace-overview.module.scss';\n\nexport interface WorkspaceFilterPanelProps {\n  aggregation: AggregationType;\n  onAggregationChange: (agg: AggregationType) => void;\n  availableAggregations: AggregationType[];\n  items: WorkspaceItem[];\n  activeNamespaces: string[];\n  onNamespacesChange: (namespaces: string[]) => void;\n  activeScopes: string[];\n  onScopesChange: (scopes: string[]) => void;\n}\n\nconst LABELS: Record<AggregationType, string> = {\n  namespaces: 'Namespaces',\n  scopes: 'Scopes',\n  none: 'None',\n};\n\nexport function WorkspaceFilterPanel({\n  aggregation,\n  onAggregationChange,\n  availableAggregations,\n  items,\n  activeNamespaces,\n  onNamespacesChange,\n  activeScopes,\n  onScopesChange,\n}: WorkspaceFilterPanelProps) {\n  const namespaceOptions = useMemo(\n    () =>\n      [...new Set(items.map((i) => i.component.id.namespace || '/'))].map((v) => ({\n        value: v,\n      })),\n    [items]\n  );\n\n  const scopeOptions = useMemo(\n    () =>\n      [...new Set(items.map((i) => i.component.id.scope))].map((v) => ({\n        value: v,\n      })),\n    [items]\n  );\n\n  const activeNsOptions = activeNamespaces.map((v) => ({ value: v }));\n  const activeScopeOptions = activeScopes.map((v) => ({ value: v }));\n\n  const applyNs = (opts: readonly { value?: string }[] | { value?: string } | null) => {\n    const arr = Array.isArray(opts) ? opts : opts ? [opts] : [];\n    const list = arr.map((o) => o.value).filter((v): v is string => typeof v === 'string');\n    onNamespacesChange(list);\n  };\n\n  const applyScopes = (opts: readonly { value?: string }[] | { value?: string } | null) => {\n    const arr = Array.isArray(opts) ? opts : opts ? [opts] : [];\n    const list = arr.map((o) => o.value).filter((v): v is string => typeof v === 'string');\n    onScopesChange(list);\n  };\n\n  const currentIndex = Math.max(\n    0,\n    availableAggregations.findIndex((a) => a === aggregation)\n  );\n\n  const applyAgg = (i: number) => {\n    const agg = availableAggregations[i];\n    onAggregationChange(agg);\n  };\n\n  return (\n    <div className={styles.commandBar}>\n      <div className={styles.leftCluster}>\n        <BaseFilter\n          id=\"namespaces\"\n          placeholder=\"Namespaces\"\n          options={namespaceOptions}\n          activeOptions={activeNsOptions}\n          onChange={applyNs}\n          isSearchable\n        />\n        <BaseFilter\n          id=\"scopes\"\n          placeholder=\"Scopes\"\n          options={scopeOptions}\n          activeOptions={activeScopeOptions}\n          onChange={applyScopes}\n          isSearchable\n        />\n      </div>\n\n      <div className={styles.rightCluster}>\n        <ToggleButton\n          className={styles.aggToggle}\n          defaultIndex={currentIndex}\n          onOptionSelect={(idx) => applyAgg(idx)}\n          options={availableAggregations.map((agg) => ({\n            value: agg,\n            element: LABELS[agg],\n          }))}\n        />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ui/workspace/workspace-overview/workspace-overview.d.ts

@@ -1,7 +1 @@
-import type { ComponentModel } from '@teambit/component';
-import type { ComponentCardPluginType, PluginProps } from '@teambit/explorer.ui.component-card';
 export declare function WorkspaceOverview(): import("react/jsx-runtime").JSX.Element;
-export declare function useCardPlugins({ compModelsById, showPreview, }: {
-    compModelsById: Map<string, ComponentModel>;
-    showPreview?: boolean;
-}): ComponentCardPluginType<PluginProps>[];