@teambit/workspace 1.0.1080 → 1.0.1082

package/dist/{preview-1785267101230.js → preview-1785362864561.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.workspace_workspace@1.0.1080/dist/workspace.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.workspace_workspace@1.0.1080/dist/workspace.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.workspace_workspace@1.0.1082/dist/workspace.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.workspace_workspace@1.0.1082/dist/workspace.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

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

@@ -53,7 +53,7 @@ function _workspaceModel() {
   };
   return data;
 }
-const _excluded = ["data", "previousData", "subscribeToMore"];
+const _excluded = ["data", "previousData", "subscribeToMore", "loading"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -62,8 +62,15 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const wcComponentFields = (0, _client().gql)`
-  fragment wcComponentFields on Component {
+/**
+ * Cheap, card-renderable fields only. Everything here resolves from already-loaded component
+ * metadata (id, env, aspects, compositions, preview, deprecation, server, buildStatus, description),
+ * so the light query returns fast and the grid can paint immediately. The two expensive async
+ * resolvers — `status` (getStatus(): git/scope compare) and `issuesCount` (getIssues(): dependency
+ * analysis) — are deliberately omitted here and fetched separately by `wcComponentDetailFields`.
+ */
+const wcComponentFieldsLight = (0, _client().gql)`
+  fragment wcComponentFieldsLight on Component {
     id {
       name
       version
@@ -80,18 +87,6 @@ const wcComponentFields = (0, _client().gql)`
       identifier
     }
     description
-    issuesCount
-    status {
-      isOutdated
-      isNew
-      isInScope
-      isStaged
-      modifyInfo {
-        hasModifiedFiles
-        hasModifiedDependencies
-      }
-      isDeleted
-    }
     buildStatus
     preview {
       includesEnvTemplate
@@ -114,38 +109,98 @@ const wcComponentFields = (0, _client().gql)`
     }
   }
 `;
-const WORKSPACE = (0, _client().gql)`
-  query workspace {
+
+/**
+ * The expensive per-component fields, split out so they never block first paint. These drive the
+ * status pills (changed/building) and the issues badge, both of which gracefully degrade to a
+ * neutral "built" / no-issues state until this query resolves.
+ */
+const wcComponentDetailFields = (0, _client().gql)`
+  fragment wcComponentDetailFields on Component {
+    id {
+      name
+      version
+      scope
+    }
+    issuesCount
+    status {
+      isOutdated
+      isNew
+      isInScope
+      isStaged
+      modifyInfo {
+        hasModifiedFiles
+        hasModifiedDependencies
+      }
+      isDeleted
+    }
+  }
+`;
+
+/**
+ * Full per-component shape (light + detail). Used by the subscriptions: a single added/changed
+ * component is cheap to fully resolve, so live updates always carry fresh status.
+ */
+const wcComponentFieldsFull = (0, _client().gql)`
+  fragment wcComponentFieldsFull on Component {
+    ...wcComponentFieldsLight
+    ...wcComponentDetailFields
+  }
+  ${wcComponentFieldsLight}
+  ${wcComponentDetailFields}
+`;
+const WORKSPACE_LIGHT = (0, _client().gql)`
+  query workspaceLight {
     workspace {
       name
       path
       icon
       components {
-        ...wcComponentFields
+        ...wcComponentFieldsLight
       }
     }
   }
-  ${wcComponentFields}
+  ${wcComponentFieldsLight}
 `;
+
+// The detail fields are fetched one page at a time via the existing `components(offset, limit)`
+// resolver. getStatus()/getIssues() are synchronous CPU work; fetching all 204 at once blocks the
+// server's event loop for ~5s straight (a navigation query issued during that window waited ~10s).
+// Paging it lets the loop breathe between chunks — measured ping latency dropped from ~10s to ~0.3s.
+const WORKSPACE_DETAILS_PAGE = (0, _client().gql)`
+  query workspaceDetailsPage($offset: Int!, $limit: Int!) {
+    workspace {
+      components(offset: $offset, limit: $limit) {
+        ...wcComponentDetailFields
+      }
+    }
+  }
+  ${wcComponentDetailFields}
+`;
+
+// Small pages keep any single server-blocking burst under ~350ms; the gap yields the event loop so
+// other requests (navigation, lanes) are serviced promptly between pages.
+const DETAIL_CHUNK_SIZE = 15;
+const DETAIL_CHUNK_GAP_MS = 60;
 const COMPONENT_SUBSCRIPTION_ADDED = (0, _client().gql)`
   subscription OnComponentAdded {
     componentAdded {
       component {
-        ...wcComponentFields
+        ...wcComponentFieldsFull
       }
     }
   }
-  ${wcComponentFields}
+  ${wcComponentFieldsFull}
 `;
 const COMPONENT_SUBSCRIPTION_CHANGED = (0, _client().gql)`
   subscription OnComponentChanged {
     componentChanged {
       component {
-        ...wcComponentFields
+        ...wcComponentFieldsFull
       }
     }
   }
-  ${wcComponentFields}
+  ${wcComponentFieldsFull}
 `;
 const COMPONENT_SUBSCRIPTION_REMOVED = (0, _client().gql)`
   subscription OnComponentRemoved {
@@ -168,16 +223,94 @@ const COMPONENT_SERVER_STARTED = (0, _client().gql)`
     }
   }
 `;
+function componentKey(id) {
+  return `${id.scope}/${id.name}@${id.version}`;
+}
 function useWorkspace(options = {}) {
+  // Light query drives first paint. cache-and-network so a revisit paints instantly from cache,
+  // then refreshes in the background (the workspace host otherwise defaults to network-only).
   // `previousData` is destructured out (not spread into `...rest`) so the returned shape matches
   // UseWorkspaceResult, which omits it (along with `data`, replaced by `workspace`).
-  const _useDataQuery = (0, _uiFoundationUiHooks().useDataQuery)(WORKSPACE),
+  const _useDataQuery = (0, _uiFoundationUiHooks().useDataQuery)(WORKSPACE_LIGHT, {
+      fetchPolicy: 'cache-and-network'
+    }),
     {
       data,
       previousData: _previousData,
-      subscribeToMore
+      subscribeToMore,
+      loading
     } = _useDataQuery,
     rest = _objectWithoutProperties(_useDataQuery, _excluded);
+
+  // CRITICAL: the detail data (status + issuesCount) is NOT fetched in parallel with the light query.
+  // getStatus()/getIssues() are synchronous CPU work that monopolizes the server's single-threaded
+  // event loop for several seconds on large workspaces; running it concurrently would stall the light
+  // query behind it (measured: light alone ~10ms, but ~5s when racing the detail query) and the grid
+  // would never paint early. So we wait for the light data to arrive AND for the browser to go idle
+  // (i.e. the grid has painted) before kicking off the (chunked) detail fetch in the background.
+  const [detailEnabled, setDetailEnabled] = (0, _react().useState)(false);
+  const lightDataReady = Boolean(data?.workspace);
+  const totalComponents = data?.workspace?.components?.length ?? 0;
+  (0, _react().useEffect)(() => {
+    if (!lightDataReady || detailEnabled || typeof window === 'undefined') return undefined;
+    const enable = () => setDetailEnabled(true);
+    const ric = window.requestIdleCallback;
+    if (ric) {
+      const handle = ric(enable, {
+        timeout: 1000
+      });
+      return () => window.cancelIdleCallback?.(handle);
+    }
+    const handle = window.setTimeout(enable, 200);
+    return () => window.clearTimeout(handle);
+  }, [lightDataReady, detailEnabled]);
+
+  // Detail (status + issuesCount) is paged in once the grid has painted, with a yield between pages
+  // so the server stays responsive. Results accumulate by component key and merge in progressively —
+  // status pills and issue counts fill in chunk by chunk rather than all-or-nothing after ~5s.
+  const client = (0, _client().useApolloClient)();
+  const [detailByKey, setDetailByKey] = (0, _react().useState)(new Map());
+  (0, _react().useEffect)(() => {
+    if (!detailEnabled || !totalComponents) return undefined;
+    let cancelled = false;
+    (async () => {
+      for (let offset = 0; offset < totalComponents; offset += DETAIL_CHUNK_SIZE) {
+        if (cancelled) return;
+        try {
+          const res = await client.query({
+            query: WORKSPACE_DETAILS_PAGE,
+            variables: {
+              offset,
+              limit: DETAIL_CHUNK_SIZE
+            },
+            fetchPolicy: 'network-only'
+          });
+          if (cancelled) return;
+          const comps = res.data?.workspace?.components ?? [];
+          if (comps.length) {
+            setDetailByKey(prev => {
+              const next = new Map(prev);
+              for (const c of comps) next.set(componentKey(c.id), {
+                status: c.status,
+                issuesCount: c.issuesCount
+              });
+              return next;
+            });
+          }
+        } catch {
+          // a failed page must not abort the rest of the pages
+        }
+        if (cancelled) return;
+        // yield the server event loop between pages
+        await new Promise(resolve => {
+          setTimeout(resolve, DETAIL_CHUNK_GAP_MS);
+        });
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [detailEnabled, totalComponents, client]);
   const optionsRef = (0, _latest().default)(options);
   (0, _react().useEffect)(() => {
     const unSubCompAddition = subscribeToMore({
@@ -273,10 +406,29 @@ function useWorkspace(options = {}) {
     };
   }, [optionsRef]);
   const workspace = (0, _react().useMemo)(() => {
-    return data?.workspace ? _workspaceModel().Workspace.from(data?.workspace) : undefined;
-  }, [data?.workspace]);
+    const rawWorkspace = data?.workspace;
+    if (!rawWorkspace) return undefined;
+
+    // Merge the paged-in heavy fields (status, issuesCount) onto the light components by id.
+    // Components are not normalized in the Apollo cache (their `id` is an object, not a scalar key),
+    // so the detail pages are accumulated in `detailByKey` and merged here by hand. The light
+    // component wins when it already carries a value — a live subscription update (full fragment)
+    // refreshes status there, and the paged detail is only the initial enrichment.
+    const components = rawWorkspace.components.map(component => {
+      const detail = detailByKey.get(componentKey(component.id));
+      if (!detail) return component;
+      return _objectSpread(_objectSpread({}, component), {}, {
+        status: component.status ?? detail.status,
+        issuesCount: component.issuesCount ?? detail.issuesCount
+      });
+    });
+    return _workspaceModel().Workspace.from(_objectSpread(_objectSpread({}, rawWorkspace), {}, {
+      components
+    }));
+  }, [data?.workspace, detailByKey]);
   return _objectSpread({
     workspace,
+    loading,
     subscribeToMore
   }, rest);
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_react","data","require","_component","_latest","_interopRequireDefault","_uiFoundationUiHooks","_client","_componentId","_workspaceModel","_excluded","e","__esModule","default","ownKeys","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","n","indexOf","propertyIsEnumerable","hasOwnProperty","wcComponentFields","gql","WORKSPACE","COMPONENT_SUBSCRIPTION_ADDED","COMPONENT_SUBSCRIPTION_CHANGED","COMPONENT_SUBSCRIPTION_REMOVED","COMPONENT_SERVER_STARTED","useWorkspace","options","_useDataQuery","useDataQuery","previousData","_previousData","subscribeToMore","rest","optionsRef","useLatest","useEffect","unSubCompAddition","document","updateQuery","prev","subscriptionData","update","addedComponent","componentAdded","component","componentExists","workspace","components","find","ComponentID","isEqualObj","id","ignoreVersion","setTimeout","current","onComponentAdded","ComponentModel","from","unSubCompChange","updatedComponent","componentChanged","onComponentUpdated","map","name","unSubCompRemoved","idsToRemove","componentRemoved","componentIds","onComponentRemoved","fromObject","every","unSubServerStarted","serverInfo","componentServerStarted","updatedComponents","env","server","url","host","basePath","useMemo","Workspace","undefined"],"sources":["use-workspace.ts"],"sourcesContent":["import { useEffect, useMemo } from 'react';\nimport { ComponentModel } from '@teambit/component';\nimport useLatest from '@react-hook/latest';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport { gql } from '@apollo/client';\nimport type { ComponentIdObj } from '@teambit/component-id';\nimport { ComponentID } from '@teambit/component-id';\n\nimport { Workspace } from './workspace-model';\n\ntype UseWorkspaceResult = Omit<ReturnType<typeof useDataQuery>, 'data' | 'previousData'> & {\n  workspace: Workspace | undefined;\n};\n\ntype UseWorkspaceOptions = {\n  onComponentAdded?: (component: ComponentModel[]) => void;\n  onComponentUpdated?: (component: ComponentModel[]) => void;\n  onComponentRemoved?: (compId: ComponentID[]) => void;\n};\ntype RawComponent = { id: ComponentIdObj };\n\nconst wcComponentFields = gql`\n  fragment wcComponentFields on Component {\n    id {\n      name\n      version\n      scope\n    }\n    aspects(include: [\"teambit.preview/preview\", \"teambit.envs/envs\"]) {\n      # 'id' property in gql refers to a *global* identifier and used for caching.\n      # this makes aspect data cache under the same key, even when they are under different components.\n      # renaming the property fixes that.\n      aspectId: id\n      data\n    }\n    compositions {\n      identifier\n    }\n    description\n    issuesCount\n    status {\n      isOutdated\n      isNew\n      isInScope\n      isStaged\n      modifyInfo {\n        hasModifiedFiles\n        hasModifiedDependencies\n      }\n      isDeleted\n    }\n    buildStatus\n    preview {\n      includesEnvTemplate\n      legacyHeader\n      isScaling\n      skipIncludes\n    }\n    deprecation {\n      isDeprecate\n      newId\n      range\n    }\n    server {\n      env\n      url\n    }\n    env {\n      id\n      icon\n    }\n  }\n`;\n\nconst WORKSPACE = gql`\n  query workspace {\n    workspace {\n      name\n      path\n      icon\n      components {\n        ...wcComponentFields\n      }\n    }\n  }\n  ${wcComponentFields}\n`;\n\nconst COMPONENT_SUBSCRIPTION_ADDED = gql`\n  subscription OnComponentAdded {\n    componentAdded {\n      component {\n        ...wcComponentFields\n      }\n    }\n  }\n  ${wcComponentFields}\n`;\n\nconst COMPONENT_SUBSCRIPTION_CHANGED = gql`\n  subscription OnComponentChanged {\n    componentChanged {\n      component {\n        ...wcComponentFields\n      }\n    }\n  }\n  ${wcComponentFields}\n`;\n\nconst COMPONENT_SUBSCRIPTION_REMOVED = gql`\n  subscription OnComponentRemoved {\n    componentRemoved {\n      componentIds {\n        name\n        version\n        scope\n      }\n    }\n  }\n`;\n\nconst COMPONENT_SERVER_STARTED = gql`\n  subscription OnComponentServerStarted {\n    componentServerStarted {\n      env\n      url\n      host\n      basePath\n    }\n  }\n`;\n\nexport function useWorkspace(options: UseWorkspaceOptions = {}): UseWorkspaceResult {\n  // `previousData` is destructured out (not spread into `...rest`) so the returned shape matches\n  // UseWorkspaceResult, which omits it (along with `data`, replaced by `workspace`).\n  const { data, previousData: _previousData, subscribeToMore, ...rest } = useDataQuery(WORKSPACE);\n  const optionsRef = useLatest(options);\n\n  useEffect(() => {\n    const unSubCompAddition = subscribeToMore({\n      document: COMPONENT_SUBSCRIPTION_ADDED,\n      updateQuery: (prev, { subscriptionData }) => {\n        const update = subscriptionData.data;\n        const addedComponent = update?.componentAdded?.component;\n        if (!addedComponent) return prev;\n\n        const componentExists = prev.workspace.components.find((component: any) =>\n          ComponentID.isEqualObj(component.id, addedComponent.id, { ignoreVersion: true })\n        );\n        if (componentExists) return prev;\n\n        // side effect - trigger observers\n        setTimeout(() => optionsRef.current.onComponentAdded?.([ComponentModel.from(addedComponent)]));\n\n        return {\n          ...prev,\n          workspace: {\n            ...prev.workspace,\n            components: [...prev.workspace.components, addedComponent],\n          },\n        };\n      },\n    });\n\n    const unSubCompChange = subscribeToMore({\n      document: COMPONENT_SUBSCRIPTION_CHANGED,\n      updateQuery: (prev, { subscriptionData }) => {\n        const update = subscriptionData.data;\n        if (!update) return prev;\n\n        const updatedComponent = update.componentChanged.component;\n        // side effect - trigger observers\n        setTimeout(() => optionsRef.current.onComponentUpdated?.([ComponentModel.from(updatedComponent)]));\n\n        return {\n          ...prev,\n          workspace: {\n            ...prev.workspace,\n            components: prev.workspace.components.map((component) =>\n              component.id.name === updatedComponent.id.name ? updatedComponent : component\n            ),\n          },\n        };\n      },\n    });\n\n    const unSubCompRemoved = subscribeToMore({\n      document: COMPONENT_SUBSCRIPTION_REMOVED,\n      updateQuery: (prev, { subscriptionData }) => {\n        const idsToRemove: ComponentIdObj[] | undefined = subscriptionData?.data?.componentRemoved?.componentIds;\n        if (!idsToRemove || idsToRemove.length === 0) return prev;\n\n        // side effect - trigger observers\n        setTimeout(() => optionsRef.current.onComponentRemoved?.(idsToRemove.map((id) => ComponentID.fromObject(id))));\n\n        return {\n          ...prev,\n          workspace: {\n            ...prev.workspace,\n            components: prev.workspace.components.filter((component: RawComponent) =>\n              idsToRemove.every((id) => !ComponentID.isEqualObj(id, component.id))\n            ),\n          },\n        };\n      },\n    });\n\n    const unSubServerStarted = subscribeToMore({\n      document: COMPONENT_SERVER_STARTED,\n      updateQuery: (prev, { subscriptionData }) => {\n        const update = subscriptionData.data;\n        if (!update) return prev;\n\n        const serverInfo = update.componentServerStarted;\n        if (!serverInfo || serverInfo.length === 0) return prev;\n\n        const updatedComponents = prev.workspace.components.map((component) => {\n          if (component.env?.id === serverInfo[0].env) {\n            return {\n              ...component,\n              server: {\n                env: serverInfo[0].env,\n                url: serverInfo[0].url,\n                host: serverInfo[0].host,\n                basePath: serverInfo[0].basePath,\n              },\n            };\n          }\n          return component;\n        });\n\n        return {\n          ...prev,\n          workspace: {\n            ...prev.workspace,\n            components: updatedComponents,\n          },\n        };\n      },\n    });\n\n    return () => {\n      unSubCompAddition();\n      unSubCompChange();\n      unSubCompRemoved();\n      unSubServerStarted();\n    };\n  }, [optionsRef]);\n\n  const workspace = useMemo(() => {\n    return data?.workspace ? Workspace.from(data?.workspace) : undefined;\n  }, [data?.workspace]);\n\n  return {\n    workspace,\n    subscribeToMore,\n    ...rest,\n  };\n}\n"],"mappings":";;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,WAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,UAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,QAAA;EAAA,MAAAH,IAAA,GAAAI,sBAAA,CAAAH,OAAA;EAAAE,OAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAK,qBAAA;EAAA,MAAAL,IAAA,GAAAC,OAAA;EAAAI,oBAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAM,QAAA;EAAA,MAAAN,IAAA,GAAAC,OAAA;EAAAK,OAAA,YAAAA,CAAA;IAAA,OAAAN,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAO,aAAA;EAAA,MAAAP,IAAA,GAAAC,OAAA;EAAAM,YAAA,YAAAA,CAAA;IAAA,OAAAP,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAQ,gBAAA;EAAA,MAAAR,IAAA,GAAAC,OAAA;EAAAO,eAAA,YAAAA,CAAA;IAAA,OAAAR,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAA8C,MAAAS,SAAA;AAAA,SAAAL,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,QAAAH,CAAA,EAAAI,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAP,CAAA,OAAAM,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAR,CAAA,GAAAI,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAX,CAAA,EAAAI,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAf,CAAA,aAAAI,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAD,OAAA,CAAAG,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,IAAAe,eAAA,CAAAnB,CAAA,EAAAI,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAArB,CAAA,EAAAM,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAF,OAAA,CAAAG,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAtB,CAAA,EAAAI,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAJ,CAAA;AAAA,SAAAmB,gBAAAnB,CAAA,EAAAI,CAAA,EAAAC,CAAA,YAAAD,CAAA,GAAAmB,cAAA,CAAAnB,CAAA,MAAAJ,CAAA,GAAAM,MAAA,CAAAgB,cAAA,CAAAtB,CAAA,EAAAI,CAAA,IAAAoB,KAAA,EAAAnB,CAAA,EAAAO,UAAA,MAAAa,YAAA,MAAAC,QAAA,UAAA1B,CAAA,CAAAI,CAAA,IAAAC,CAAA,EAAAL,CAAA;AAAA,SAAAuB,eAAAlB,CAAA,QAAAsB,CAAA,GAAAC,YAAA,CAAAvB,CAAA,uCAAAsB,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAC,aAAAvB,CAAA,EAAAD,CAAA,2BAAAC,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAL,CAAA,GAAAK,CAAA,CAAAwB,MAAA,CAAAC,WAAA,kBAAA9B,CAAA,QAAA2B,CAAA,GAAA3B,CAAA,CAAA+B,IAAA,CAAA1B,CAAA,EAAAD,CAAA,uCAAAuB,CAAA,SAAAA,CAAA,YAAAK,SAAA,yEAAA5B,CAAA,GAAA6B,MAAA,GAAAC,MAAA,EAAA7B,CAAA;AAAA,SAAA8B,yBAAAnC,CAAA,EAAAK,CAAA,gBAAAL,CAAA,iBAAAS,CAAA,EAAAL,CAAA,EAAAuB,CAAA,GAAAS,6BAAA,CAAApC,CAAA,EAAAK,CAAA,OAAAC,MAAA,CAAAE,qBAAA,QAAA6B,CAAA,GAAA/B,MAAA,CAAAE,qBAAA,CAAAR,CAAA,QAAAI,CAAA,MAAAA,CAAA,GAAAiC,CAAA,CAAApB,MAAA,EAAAb,CAAA,IAAAK,CAAA,GAAA4B,CAAA,CAAAjC,CAAA,UAAAC,CAAA,CAAAiC,OAAA,CAAA7B,CAAA,QAAA8B,oBAAA,CAAAR,IAAA,CAAA/B,CAAA,EAAAS,CAAA,MAAAkB,CAAA,CAAAlB,CAAA,IAAAT,CAAA,CAAAS,CAAA,aAAAkB,CAAA;AAAA,SAAAS,8BAAAhC,CAAA,EAAAJ,CAAA,gBAAAI,CAAA,iBAAAC,CAAA,gBAAAgC,CAAA,IAAAjC,CAAA,SAAAoC,cAAA,CAAAT,IAAA,CAAA3B,CAAA,EAAAiC,CAAA,gBAAArC,CAAA,CAAAsC,OAAA,CAAAD,CAAA,aAAAhC,CAAA,CAAAgC,CAAA,IAAAjC,CAAA,CAAAiC,CAAA,YAAAhC,CAAA;AAa9C,MAAMoC,iBAAiB,GAAG,IAAAC,aAAG;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,SAAS,GAAG,IAAAD,aAAG;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAID,iBAAiB;AACrB,CAAC;AAED,MAAMG,4BAA4B,GAAG,IAAAF,aAAG;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAID,iBAAiB;AACrB,CAAC;AAED,MAAMI,8BAA8B,GAAG,IAAAH,aAAG;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAID,iBAAiB;AACrB,CAAC;AAED,MAAMK,8BAA8B,GAAG,IAAAJ,aAAG;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMK,wBAAwB,GAAG,IAAAL,aAAG;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,SAASM,YAAYA,CAACC,OAA4B,GAAG,CAAC,CAAC,EAAsB;EAClF;EACA;EACA,MAAAC,aAAA,GAAwE,IAAAC,mCAAY,EAACR,SAAS,CAAC;IAAzF;MAAErD,IAAI;MAAE8D,YAAY,EAAEC,aAAa;MAAEC;IAAyB,CAAC,GAAAJ,aAAA;IAANK,IAAI,GAAApB,wBAAA,CAAAe,aAAA,EAAAnD,SAAA;EACnE,MAAMyD,UAAU,GAAG,IAAAC,iBAAS,EAACR,OAAO,CAAC;EAErC,IAAAS,kBAAS,EAAC,MAAM;IACd,MAAMC,iBAAiB,GAAGL,eAAe,CAAC;MACxCM,QAAQ,EAAEhB,4BAA4B;MACtCiB,WAAW,EAAEA,CAACC,IAAI,EAAE;QAAEC;MAAiB,CAAC,KAAK;QAC3C,MAAMC,MAAM,GAAGD,gBAAgB,CAACzE,IAAI;QACpC,MAAM2E,cAAc,GAAGD,MAAM,EAAEE,cAAc,EAAEC,SAAS;QACxD,IAAI,CAACF,cAAc,EAAE,OAAOH,IAAI;QAEhC,MAAMM,eAAe,GAAGN,IAAI,CAACO,SAAS,CAACC,UAAU,CAACC,IAAI,CAAEJ,SAAc,IACpEK,0BAAW,CAACC,UAAU,CAACN,SAAS,CAACO,EAAE,EAAET,cAAc,CAACS,EAAE,EAAE;UAAEC,aAAa,EAAE;QAAK,CAAC,CACjF,CAAC;QACD,IAAIP,eAAe,EAAE,OAAON,IAAI;;QAEhC;QACAc,UAAU,CAAC,MAAMpB,UAAU,CAACqB,OAAO,CAACC,gBAAgB,GAAG,CAACC,2BAAc,CAACC,IAAI,CAACf,cAAc,CAAC,CAAC,CAAC,CAAC;QAE9F,OAAAlD,aAAA,CAAAA,aAAA,KACK+C,IAAI;UACPO,SAAS,EAAAtD,aAAA,CAAAA,aAAA,KACJ+C,IAAI,CAACO,SAAS;YACjBC,UAAU,EAAE,CAAC,GAAGR,IAAI,CAACO,SAAS,CAACC,UAAU,EAAEL,cAAc;UAAC;QAC3D;MAEL;IACF,CAAC,CAAC;IAEF,MAAMgB,eAAe,GAAG3B,eAAe,CAAC;MACtCM,QAAQ,EAAEf,8BAA8B;MACxCgB,WAAW,EAAEA,CAACC,IAAI,EAAE;QAAEC;MAAiB,CAAC,KAAK;QAC3C,MAAMC,MAAM,GAAGD,gBAAgB,CAACzE,IAAI;QACpC,IAAI,CAAC0E,MAAM,EAAE,OAAOF,IAAI;QAExB,MAAMoB,gBAAgB,GAAGlB,MAAM,CAACmB,gBAAgB,CAAChB,SAAS;QAC1D;QACAS,UAAU,CAAC,MAAMpB,UAAU,CAACqB,OAAO,CAACO,kBAAkB,GAAG,CAACL,2BAAc,CAACC,IAAI,CAACE,gBAAgB,CAAC,CAAC,CAAC,CAAC;QAElG,OAAAnE,aAAA,CAAAA,aAAA,KACK+C,IAAI;UACPO,SAAS,EAAAtD,aAAA,CAAAA,aAAA,KACJ+C,IAAI,CAACO,SAAS;YACjBC,UAAU,EAAER,IAAI,CAACO,SAAS,CAACC,UAAU,CAACe,GAAG,CAAElB,SAAS,IAClDA,SAAS,CAACO,EAAE,CAACY,IAAI,KAAKJ,gBAAgB,CAACR,EAAE,CAACY,IAAI,GAAGJ,gBAAgB,GAAGf,SACtE;UAAC;QACF;MAEL;IACF,CAAC,CAAC;IAEF,MAAMoB,gBAAgB,GAAGjC,eAAe,CAAC;MACvCM,QAAQ,EAAEd,8BAA8B;MACxCe,WAAW,EAAEA,CAACC,IAAI,EAAE;QAAEC;MAAiB,CAAC,KAAK;QAC3C,MAAMyB,WAAyC,GAAGzB,gBAAgB,EAAEzE,IAAI,EAAEmG,gBAAgB,EAAEC,YAAY;QACxG,IAAI,CAACF,WAAW,IAAIA,WAAW,CAACvE,MAAM,KAAK,CAAC,EAAE,OAAO6C,IAAI;;QAEzD;QACAc,UAAU,CAAC,MAAMpB,UAAU,CAACqB,OAAO,CAACc,kBAAkB,GAAGH,WAAW,CAACH,GAAG,CAAEX,EAAE,IAAKF,0BAAW,CAACoB,UAAU,CAAClB,EAAE,CAAC,CAAC,CAAC,CAAC;QAE9G,OAAA3D,aAAA,CAAAA,aAAA,KACK+C,IAAI;UACPO,SAAS,EAAAtD,aAAA,CAAAA,aAAA,KACJ+C,IAAI,CAACO,SAAS;YACjBC,UAAU,EAAER,IAAI,CAACO,SAAS,CAACC,UAAU,CAAC5D,MAAM,CAAEyD,SAAuB,IACnEqB,WAAW,CAACK,KAAK,CAAEnB,EAAE,IAAK,CAACF,0BAAW,CAACC,UAAU,CAACC,EAAE,EAAEP,SAAS,CAACO,EAAE,CAAC,CACrE;UAAC;QACF;MAEL;IACF,CAAC,CAAC;IAEF,MAAMoB,kBAAkB,GAAGxC,eAAe,CAAC;MACzCM,QAAQ,EAAEb,wBAAwB;MAClCc,WAAW,EAAEA,CAACC,IAAI,EAAE;QAAEC;MAAiB,CAAC,KAAK;QAC3C,MAAMC,MAAM,GAAGD,gBAAgB,CAACzE,IAAI;QACpC,IAAI,CAAC0E,MAAM,EAAE,OAAOF,IAAI;QAExB,MAAMiC,UAAU,GAAG/B,MAAM,CAACgC,sBAAsB;QAChD,IAAI,CAACD,UAAU,IAAIA,UAAU,CAAC9E,MAAM,KAAK,CAAC,EAAE,OAAO6C,IAAI;QAEvD,MAAMmC,iBAAiB,GAAGnC,IAAI,CAACO,SAAS,CAACC,UAAU,CAACe,GAAG,CAAElB,SAAS,IAAK;UACrE,IAAIA,SAAS,CAAC+B,GAAG,EAAExB,EAAE,KAAKqB,UAAU,CAAC,CAAC,CAAC,CAACG,GAAG,EAAE;YAC3C,OAAAnF,aAAA,CAAAA,aAAA,KACKoD,SAAS;cACZgC,MAAM,EAAE;gBACND,GAAG,EAAEH,UAAU,CAAC,CAAC,CAAC,CAACG,GAAG;gBACtBE,GAAG,EAAEL,UAAU,CAAC,CAAC,CAAC,CAACK,GAAG;gBACtBC,IAAI,EAAEN,UAAU,CAAC,CAAC,CAAC,CAACM,IAAI;gBACxBC,QAAQ,EAAEP,UAAU,CAAC,CAAC,CAAC,CAACO;cAC1B;YAAC;UAEL;UACA,OAAOnC,SAAS;QAClB,CAAC,CAAC;QAEF,OAAApD,aAAA,CAAAA,aAAA,KACK+C,IAAI;UACPO,SAAS,EAAAtD,aAAA,CAAAA,aAAA,KACJ+C,IAAI,CAACO,SAAS;YACjBC,UAAU,EAAE2B;UAAiB;QAC9B;MAEL;IACF,CAAC,CAAC;IAEF,OAAO,MAAM;MACXtC,iBAAiB,CAAC,CAAC;MACnBsB,eAAe,CAAC,CAAC;MACjBM,gBAAgB,CAAC,CAAC;MAClBO,kBAAkB,CAAC,CAAC;IACtB,CAAC;EACH,CAAC,EAAE,CAACtC,UAAU,CAAC,CAAC;EAEhB,MAAMa,SAAS,GAAG,IAAAkC,gBAAO,EAAC,MAAM;IAC9B,OAAOjH,IAAI,EAAE+E,SAAS,GAAGmC,2BAAS,CAACxB,IAAI,CAAC1F,IAAI,EAAE+E,SAAS,CAAC,GAAGoC,SAAS;EACtE,CAAC,EAAE,CAACnH,IAAI,EAAE+E,SAAS,CAAC,CAAC;EAErB,OAAAtD,aAAA;IACEsD,SAAS;IACTf;EAAe,GACZC,IAAI;AAEX","ignoreList":[]}
+{"version":3,"names":["_react","data","require","_component","_latest","_interopRequireDefault","_uiFoundationUiHooks","_client","_componentId","_workspaceModel","_excluded","e","__esModule","default","ownKeys","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","n","indexOf","propertyIsEnumerable","hasOwnProperty","wcComponentFieldsLight","gql","wcComponentDetailFields","wcComponentFieldsFull","WORKSPACE_LIGHT","WORKSPACE_DETAILS_PAGE","DETAIL_CHUNK_SIZE","DETAIL_CHUNK_GAP_MS","COMPONENT_SUBSCRIPTION_ADDED","COMPONENT_SUBSCRIPTION_CHANGED","COMPONENT_SUBSCRIPTION_REMOVED","COMPONENT_SERVER_STARTED","componentKey","id","scope","name","version","useWorkspace","options","_useDataQuery","useDataQuery","fetchPolicy","previousData","_previousData","subscribeToMore","loading","rest","detailEnabled","setDetailEnabled","useState","lightDataReady","Boolean","workspace","totalComponents","components","useEffect","window","undefined","enable","ric","requestIdleCallback","handle","timeout","cancelIdleCallback","setTimeout","clearTimeout","client","useApolloClient","detailByKey","setDetailByKey","Map","cancelled","offset","res","query","variables","limit","comps","prev","next","c","set","status","issuesCount","Promise","resolve","optionsRef","useLatest","unSubCompAddition","document","updateQuery","subscriptionData","update","addedComponent","componentAdded","component","componentExists","find","ComponentID","isEqualObj","ignoreVersion","current","onComponentAdded","ComponentModel","from","unSubCompChange","updatedComponent","componentChanged","onComponentUpdated","map","unSubCompRemoved","idsToRemove","componentRemoved","componentIds","onComponentRemoved","fromObject","every","unSubServerStarted","serverInfo","componentServerStarted","updatedComponents","env","server","url","host","basePath","useMemo","rawWorkspace","detail","get","Workspace"],"sources":["use-workspace.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { ComponentModel } from '@teambit/component';\nimport useLatest from '@react-hook/latest';\nimport { useDataQuery } from '@teambit/ui-foundation.ui.hooks.use-data-query';\nimport { gql, useApolloClient } from '@apollo/client';\nimport type { ComponentIdObj } from '@teambit/component-id';\nimport { ComponentID } from '@teambit/component-id';\n\nimport { Workspace } from './workspace-model';\n\ntype UseWorkspaceResult = Omit<ReturnType<typeof useDataQuery>, 'data' | 'previousData'> & {\n  workspace: Workspace | undefined;\n};\n\ntype UseWorkspaceOptions = {\n  onComponentAdded?: (component: ComponentModel[]) => void;\n  onComponentUpdated?: (component: ComponentModel[]) => void;\n  onComponentRemoved?: (compId: ComponentID[]) => void;\n};\ntype RawComponent = { id: ComponentIdObj };\n\n/**\n * Cheap, card-renderable fields only. Everything here resolves from already-loaded component\n * metadata (id, env, aspects, compositions, preview, deprecation, server, buildStatus, description),\n * so the light query returns fast and the grid can paint immediately. The two expensive async\n * resolvers — `status` (getStatus(): git/scope compare) and `issuesCount` (getIssues(): dependency\n * analysis) — are deliberately omitted here and fetched separately by `wcComponentDetailFields`.\n */\nconst wcComponentFieldsLight = gql`\n  fragment wcComponentFieldsLight on Component {\n    id {\n      name\n      version\n      scope\n    }\n    aspects(include: [\"teambit.preview/preview\", \"teambit.envs/envs\"]) {\n      # 'id' property in gql refers to a *global* identifier and used for caching.\n      # this makes aspect data cache under the same key, even when they are under different components.\n      # renaming the property fixes that.\n      aspectId: id\n      data\n    }\n    compositions {\n      identifier\n    }\n    description\n    buildStatus\n    preview {\n      includesEnvTemplate\n      legacyHeader\n      isScaling\n      skipIncludes\n    }\n    deprecation {\n      isDeprecate\n      newId\n      range\n    }\n    server {\n      env\n      url\n    }\n    env {\n      id\n      icon\n    }\n  }\n`;\n\n/**\n * The expensive per-component fields, split out so they never block first paint. These drive the\n * status pills (changed/building) and the issues badge, both of which gracefully degrade to a\n * neutral \"built\" / no-issues state until this query resolves.\n */\nconst wcComponentDetailFields = gql`\n  fragment wcComponentDetailFields on Component {\n    id {\n      name\n      version\n      scope\n    }\n    issuesCount\n    status {\n      isOutdated\n      isNew\n      isInScope\n      isStaged\n      modifyInfo {\n        hasModifiedFiles\n        hasModifiedDependencies\n      }\n      isDeleted\n    }\n  }\n`;\n\n/**\n * Full per-component shape (light + detail). Used by the subscriptions: a single added/changed\n * component is cheap to fully resolve, so live updates always carry fresh status.\n */\nconst wcComponentFieldsFull = gql`\n  fragment wcComponentFieldsFull on Component {\n    ...wcComponentFieldsLight\n    ...wcComponentDetailFields\n  }\n  ${wcComponentFieldsLight}\n  ${wcComponentDetailFields}\n`;\n\nconst WORKSPACE_LIGHT = gql`\n  query workspaceLight {\n    workspace {\n      name\n      path\n      icon\n      components {\n        ...wcComponentFieldsLight\n      }\n    }\n  }\n  ${wcComponentFieldsLight}\n`;\n\n// The detail fields are fetched one page at a time via the existing `components(offset, limit)`\n// resolver. getStatus()/getIssues() are synchronous CPU work; fetching all 204 at once blocks the\n// server's event loop for ~5s straight (a navigation query issued during that window waited ~10s).\n// Paging it lets the loop breathe between chunks — measured ping latency dropped from ~10s to ~0.3s.\nconst WORKSPACE_DETAILS_PAGE = gql`\n  query workspaceDetailsPage($offset: Int!, $limit: Int!) {\n    workspace {\n      components(offset: $offset, limit: $limit) {\n        ...wcComponentDetailFields\n      }\n    }\n  }\n  ${wcComponentDetailFields}\n`;\n\n// Small pages keep any single server-blocking burst under ~350ms; the gap yields the event loop so\n// other requests (navigation, lanes) are serviced promptly between pages.\nconst DETAIL_CHUNK_SIZE = 15;\nconst DETAIL_CHUNK_GAP_MS = 60;\n\nconst COMPONENT_SUBSCRIPTION_ADDED = gql`\n  subscription OnComponentAdded {\n    componentAdded {\n      component {\n        ...wcComponentFieldsFull\n      }\n    }\n  }\n  ${wcComponentFieldsFull}\n`;\n\nconst COMPONENT_SUBSCRIPTION_CHANGED = gql`\n  subscription OnComponentChanged {\n    componentChanged {\n      component {\n        ...wcComponentFieldsFull\n      }\n    }\n  }\n  ${wcComponentFieldsFull}\n`;\n\nconst COMPONENT_SUBSCRIPTION_REMOVED = gql`\n  subscription OnComponentRemoved {\n    componentRemoved {\n      componentIds {\n        name\n        version\n        scope\n      }\n    }\n  }\n`;\n\nconst COMPONENT_SERVER_STARTED = gql`\n  subscription OnComponentServerStarted {\n    componentServerStarted {\n      env\n      url\n      host\n      basePath\n    }\n  }\n`;\n\nfunction componentKey(id: ComponentIdObj): string {\n  return `${id.scope}/${id.name}@${id.version}`;\n}\n\nexport function useWorkspace(options: UseWorkspaceOptions = {}): UseWorkspaceResult {\n  // Light query drives first paint. cache-and-network so a revisit paints instantly from cache,\n  // then refreshes in the background (the workspace host otherwise defaults to network-only).\n  // `previousData` is destructured out (not spread into `...rest`) so the returned shape matches\n  // UseWorkspaceResult, which omits it (along with `data`, replaced by `workspace`).\n  const {\n    data,\n    previousData: _previousData,\n    subscribeToMore,\n    loading,\n    ...rest\n  } = useDataQuery(WORKSPACE_LIGHT, {\n    fetchPolicy: 'cache-and-network',\n  });\n\n  // CRITICAL: the detail data (status + issuesCount) is NOT fetched in parallel with the light query.\n  // getStatus()/getIssues() are synchronous CPU work that monopolizes the server's single-threaded\n  // event loop for several seconds on large workspaces; running it concurrently would stall the light\n  // query behind it (measured: light alone ~10ms, but ~5s when racing the detail query) and the grid\n  // would never paint early. So we wait for the light data to arrive AND for the browser to go idle\n  // (i.e. the grid has painted) before kicking off the (chunked) detail fetch in the background.\n  const [detailEnabled, setDetailEnabled] = useState(false);\n  const lightDataReady = Boolean(data?.workspace);\n  const totalComponents = data?.workspace?.components?.length ?? 0;\n\n  useEffect(() => {\n    if (!lightDataReady || detailEnabled || typeof window === 'undefined') return undefined;\n    const enable = () => setDetailEnabled(true);\n    const ric = (window as any).requestIdleCallback as\n      | ((cb: () => void, opts?: { timeout: number }) => number)\n      | undefined;\n    if (ric) {\n      const handle = ric(enable, { timeout: 1000 });\n      return () => (window as any).cancelIdleCallback?.(handle);\n    }\n    const handle = window.setTimeout(enable, 200);\n    return () => window.clearTimeout(handle);\n  }, [lightDataReady, detailEnabled]);\n\n  // Detail (status + issuesCount) is paged in once the grid has painted, with a yield between pages\n  // so the server stays responsive. Results accumulate by component key and merge in progressively —\n  // status pills and issue counts fill in chunk by chunk rather than all-or-nothing after ~5s.\n  const client = useApolloClient();\n  const [detailByKey, setDetailByKey] = useState<Map<string, { status?: any; issuesCount?: number }>>(new Map());\n\n  useEffect(() => {\n    if (!detailEnabled || !totalComponents) return undefined;\n    let cancelled = false;\n\n    (async () => {\n      for (let offset = 0; offset < totalComponents; offset += DETAIL_CHUNK_SIZE) {\n        if (cancelled) return;\n        try {\n          const res = await client.query({\n            query: WORKSPACE_DETAILS_PAGE,\n            variables: { offset, limit: DETAIL_CHUNK_SIZE },\n            fetchPolicy: 'network-only',\n          });\n          if (cancelled) return;\n          const comps: { id: ComponentIdObj; status?: any; issuesCount?: number }[] =\n            res.data?.workspace?.components ?? [];\n          if (comps.length) {\n            setDetailByKey((prev) => {\n              const next = new Map(prev);\n              for (const c of comps) next.set(componentKey(c.id), { status: c.status, issuesCount: c.issuesCount });\n              return next;\n            });\n          }\n        } catch {\n          // a failed page must not abort the rest of the pages\n        }\n        if (cancelled) return;\n        // yield the server event loop between pages\n        await new Promise((resolve) => {\n          setTimeout(resolve, DETAIL_CHUNK_GAP_MS);\n        });\n      }\n    })();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [detailEnabled, totalComponents, client]);\n\n  const optionsRef = useLatest(options);\n\n  useEffect(() => {\n    const unSubCompAddition = subscribeToMore({\n      document: COMPONENT_SUBSCRIPTION_ADDED,\n      updateQuery: (prev, { subscriptionData }) => {\n        const update = subscriptionData.data;\n        const addedComponent = update?.componentAdded?.component;\n        if (!addedComponent) return prev;\n\n        const componentExists = prev.workspace.components.find((component: any) =>\n          ComponentID.isEqualObj(component.id, addedComponent.id, { ignoreVersion: true })\n        );\n        if (componentExists) return prev;\n\n        // side effect - trigger observers\n        setTimeout(() => optionsRef.current.onComponentAdded?.([ComponentModel.from(addedComponent)]));\n\n        return {\n          ...prev,\n          workspace: {\n            ...prev.workspace,\n            components: [...prev.workspace.components, addedComponent],\n          },\n        };\n      },\n    });\n\n    const unSubCompChange = subscribeToMore({\n      document: COMPONENT_SUBSCRIPTION_CHANGED,\n      updateQuery: (prev, { subscriptionData }) => {\n        const update = subscriptionData.data;\n        if (!update) return prev;\n\n        const updatedComponent = update.componentChanged.component;\n        // side effect - trigger observers\n        setTimeout(() => optionsRef.current.onComponentUpdated?.([ComponentModel.from(updatedComponent)]));\n\n        return {\n          ...prev,\n          workspace: {\n            ...prev.workspace,\n            components: prev.workspace.components.map((component) =>\n              component.id.name === updatedComponent.id.name ? updatedComponent : component\n            ),\n          },\n        };\n      },\n    });\n\n    const unSubCompRemoved = subscribeToMore({\n      document: COMPONENT_SUBSCRIPTION_REMOVED,\n      updateQuery: (prev, { subscriptionData }) => {\n        const idsToRemove: ComponentIdObj[] | undefined = subscriptionData?.data?.componentRemoved?.componentIds;\n        if (!idsToRemove || idsToRemove.length === 0) return prev;\n\n        // side effect - trigger observers\n        setTimeout(() => optionsRef.current.onComponentRemoved?.(idsToRemove.map((id) => ComponentID.fromObject(id))));\n\n        return {\n          ...prev,\n          workspace: {\n            ...prev.workspace,\n            components: prev.workspace.components.filter((component: RawComponent) =>\n              idsToRemove.every((id) => !ComponentID.isEqualObj(id, component.id))\n            ),\n          },\n        };\n      },\n    });\n\n    const unSubServerStarted = subscribeToMore({\n      document: COMPONENT_SERVER_STARTED,\n      updateQuery: (prev, { subscriptionData }) => {\n        const update = subscriptionData.data;\n        if (!update) return prev;\n\n        const serverInfo = update.componentServerStarted;\n        if (!serverInfo || serverInfo.length === 0) return prev;\n\n        const updatedComponents = prev.workspace.components.map((component) => {\n          if (component.env?.id === serverInfo[0].env) {\n            return {\n              ...component,\n              server: {\n                env: serverInfo[0].env,\n                url: serverInfo[0].url,\n                host: serverInfo[0].host,\n                basePath: serverInfo[0].basePath,\n              },\n            };\n          }\n          return component;\n        });\n\n        return {\n          ...prev,\n          workspace: {\n            ...prev.workspace,\n            components: updatedComponents,\n          },\n        };\n      },\n    });\n\n    return () => {\n      unSubCompAddition();\n      unSubCompChange();\n      unSubCompRemoved();\n      unSubServerStarted();\n    };\n  }, [optionsRef]);\n\n  const workspace = useMemo(() => {\n    const rawWorkspace = data?.workspace;\n    if (!rawWorkspace) return undefined;\n\n    // Merge the paged-in heavy fields (status, issuesCount) onto the light components by id.\n    // Components are not normalized in the Apollo cache (their `id` is an object, not a scalar key),\n    // so the detail pages are accumulated in `detailByKey` and merged here by hand. The light\n    // component wins when it already carries a value — a live subscription update (full fragment)\n    // refreshes status there, and the paged detail is only the initial enrichment.\n    const components = rawWorkspace.components.map((component: any) => {\n      const detail = detailByKey.get(componentKey(component.id));\n      if (!detail) return component;\n      return {\n        ...component,\n        status: component.status ?? detail.status,\n        issuesCount: component.issuesCount ?? detail.issuesCount,\n      };\n    });\n\n    return Workspace.from({ ...rawWorkspace, components });\n  }, [data?.workspace, detailByKey]);\n\n  return {\n    workspace,\n    loading,\n    subscribeToMore,\n    ...rest,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +1,2 @@
 export { WorkspaceOverview } from './workspace-overview';
-export { useQueryParamWithDefault, useListParamWithDefault } from './use-query-param-with-default';
+export { useQueryParamWithDefault, useListParamWithDefault } from '@teambit/explorer.ui.components-overview';

package/dist/ui/workspace/workspace-overview/index.js

@@ -12,13 +12,13 @@ Object.defineProperty(exports, "WorkspaceOverview", {
 Object.defineProperty(exports, "useListParamWithDefault", {
   enumerable: true,
   get: function () {
-    return _useQueryParamWithDefault().useListParamWithDefault;
+    return _explorerUi().useListParamWithDefault;
   }
 });
 Object.defineProperty(exports, "useQueryParamWithDefault", {
   enumerable: true,
   get: function () {
-    return _useQueryParamWithDefault().useQueryParamWithDefault;
+    return _explorerUi().useQueryParamWithDefault;
   }
 });
 function _workspaceOverview() {
@@ -28,9 +28,9 @@ function _workspaceOverview() {
   };
   return data;
 }
-function _useQueryParamWithDefault() {
-  const data = require("./use-query-param-with-default");
-  _useQueryParamWithDefault = function () {
+function _explorerUi() {
+  const data = require("@teambit/explorer.ui.components-overview");
+  _explorerUi = function () {
     return data;
   };
   return data;

package/dist/ui/workspace/workspace-overview/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_workspaceOverview","data","require","_useQueryParamWithDefault"],"sources":["index.ts"],"sourcesContent":["export { WorkspaceOverview } from './workspace-overview';\nexport { useQueryParamWithDefault, useListParamWithDefault } from './use-query-param-with-default';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAAA,mBAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,kBAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,0BAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,yBAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_workspaceOverview","data","require","_explorerUi"],"sources":["index.ts"],"sourcesContent":["export { WorkspaceOverview } from './workspace-overview';\nexport { useQueryParamWithDefault, useListParamWithDefault } from '@teambit/explorer.ui.components-overview';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAAA,mBAAA;EAAA,MAAAC,IAAA,GAAAC,OAAA;EAAAF,kBAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,YAAA;EAAA,MAAAF,IAAA,GAAAC,OAAA;EAAAC,WAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA","ignoreList":[]}

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

@@ -11,34 +11,6 @@ function _react() {
   };
   return data;
 }
-function _explorerUiGallery() {
-  const data = require("@teambit/explorer.ui.gallery.component-grid");
-  _explorerUiGallery = function () {
-    return data;
-  };
-  return data;
-}
-function _lodash() {
-  const data = _interopRequireDefault(require("lodash.compact"));
-  _lodash = function () {
-    return data;
-  };
-  return data;
-}
-function _scopes() {
-  const data = require("@teambit/scopes.scope-id");
-  _scopes = function () {
-    return data;
-  };
-  return data;
-}
-function _cloudHooks() {
-  const data = require("@teambit/cloud.hooks.use-cloud-scopes");
-  _cloudHooks = function () {
-    return data;
-  };
-  return data;
-}
 function _workspaceUi() {
   const data = require("@teambit/workspace.ui.use-workspace-mode");
   _workspaceUi = function () {
@@ -46,44 +18,16 @@ function _workspaceUi() {
   };
   return data;
 }
-function _workspaceContext() {
-  const data = require("../workspace-context");
-  _workspaceContext = function () {
-    return data;
-  };
-  return data;
-}
-function _useWorkspaceAggregation() {
-  const data = require("./use-workspace-aggregation");
-  _useWorkspaceAggregation = function () {
+function _explorerUi() {
+  const data = require("@teambit/explorer.ui.components-overview");
+  _explorerUi = function () {
     return data;
   };
   return data;
 }
-function _useQueryParamWithDefault() {
-  const data = require("./use-query-param-with-default");
-  _useQueryParamWithDefault = function () {
-    return data;
-  };
-  return data;
-}
-function _namespaceHeader() {
-  const data = require("./namespace-header");
-  _namespaceHeader = function () {
-    return data;
-  };
-  return data;
-}
-function _hopeComponentCard() {
-  const data = require("./hope-component-card");
-  _hopeComponentCard = function () {
-    return data;
-  };
-  return data;
-}
-function _workspaceFilterPanel() {
-  const data = require("./workspace-filter-panel");
-  _workspaceFilterPanel = function () {
+function _workspaceContext() {
+  const data = require("../workspace-context");
+  _workspaceContext = function () {
     return data;
   };
   return data;
@@ -95,18 +39,7 @@ function _workspaceBlankState() {
   };
   return data;
 }
-function _workspaceOverviewModule() {
-  const data = _interopRequireDefault(require("./workspace-overview.module.scss"));
-  _workspaceOverviewModule = function () {
-    return data;
-  };
-  return data;
-}
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-// Legacy empty state — kept around as a fallback while the new blank state rolls out.
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-
 function WorkspaceOverview() {
   const workspace = (0, _react().useContext)(_workspaceContext().WorkspaceContext);
   const {
@@ -116,77 +49,14 @@ function WorkspaceOverview() {
   const {
     isMinimal
   } = (0, _workspaceUi().useWorkspaceMode)();
-  const uniqueScopes = [...new Set(components.map(c => c.id.scope))];
-  const {
-    cloudScopes
-  } = (0, _cloudHooks().useCloudScopes)(uniqueScopes);
-  const cloudMap = new Map((cloudScopes || []).map(s => [s.id.toString(), s]));
-  const compDescriptorMap = new Map(componentDescriptors.map(d => [d.id.toString(), d]));
-  const items = (0, _lodash().default)(components.map(component => {
-    if (component.deprecation?.isDeprecate) return null;
-    const descriptor = compDescriptorMap.get(component.id.toString());
-    if (!descriptor) return null;
-    const cloudScope = cloudMap.get(component.id.scope);
-    const scope = cloudScope || _scopes().ScopeID.isValid(component.id.scope) && {
-      id: _scopes().ScopeID.fromString(component.id.scope)
-    } || undefined;
-    return {
-      component,
-      componentDescriptor: descriptor,
-      scope: scope ? {
-        id: scope.id,
-        icon: scope.icon,
-        backgroundIconColor: scope.backgroundIconColor
-      } : undefined
-    };
-  }));
-  const [aggregation, setAggregation] = (0, _useQueryParamWithDefault().useQueryParamWithDefault)('aggregation', 'namespaces');
-  const [activeNamespaces, setActiveNamespaces] = (0, _useQueryParamWithDefault().useListParamWithDefault)('ns');
-  const [activeScopes, setActiveScopes] = (0, _useQueryParamWithDefault().useListParamWithDefault)('scopes');
-  const filters = (0, _react().useMemo)(() => ({
-    namespaces: activeNamespaces,
-    scopes: activeScopes,
-    statuses: new Set()
-  }), [activeNamespaces, activeScopes]);
-  const {
-    groups,
-    groupType,
-    availableAggregations,
-    filteredCount
-  } = (0, _useWorkspaceAggregation().useWorkspaceAggregation)(items, aggregation, filters);
   if (!components.length) return /*#__PURE__*/_react().default.createElement(_workspaceBlankState().WorkspaceBlankState, null);
-  return /*#__PURE__*/_react().default.createElement("div", {
-    className: _workspaceOverviewModule().default.container
-  }, /*#__PURE__*/_react().default.createElement(_workspaceFilterPanel().WorkspaceFilterPanel, {
-    aggregation: aggregation,
-    onAggregationChange: setAggregation,
-    availableAggregations: availableAggregations,
-    items: items,
-    activeNamespaces: activeNamespaces,
-    onNamespacesChange: setActiveNamespaces,
-    activeScopes: activeScopes,
-    onScopesChange: setActiveScopes
-  }), /*#__PURE__*/_react().default.createElement("div", {
-    className: _workspaceOverviewModule().default.content
-  }, filteredCount === 0 && /*#__PURE__*/_react().default.createElement(_workspaceBlankState().WorkspaceBlankState, null), groups.map(group => /*#__PURE__*/_react().default.createElement("section", {
-    key: group.name,
-    className: _workspaceOverviewModule().default.section
-  }, groupType !== 'none' && /*#__PURE__*/_react().default.createElement("div", {
-    className: _workspaceOverviewModule().default.sectionHeader
-  }, /*#__PURE__*/_react().default.createElement(_namespaceHeader().NamespaceHeader, {
-    namespace: group.name,
-    items: group.items,
-    scopeIcon: group.scopeIcon,
-    scopeIconColor: group.scopeIconColor
-  })), /*#__PURE__*/_react().default.createElement(_explorerUiGallery().ComponentGrid, {
-    className: _workspaceOverviewModule().default.cardGrid
-  }, group.items.map(item => /*#__PURE__*/_react().default.createElement(_hopeComponentCard().HopeComponentCard, {
-    key: item.component.id.toString(),
-    component: item.component,
-    componentDescriptor: item.componentDescriptor,
-    scope: item.scope,
-    showPreview: isMinimal
-  })))))));
+  return /*#__PURE__*/_react().default.createElement(_explorerUi().ComponentsOverview, {
+    components: components,
+    componentDescriptors: componentDescriptors,
+    showPreview: isMinimal,
+    storageNamespace: "workspace-overview",
+    emptyState: /*#__PURE__*/_react().default.createElement(_workspaceBlankState().WorkspaceBlankState, null)
+  });
 }
 
 //# sourceMappingURL=workspace-overview.js.map