@teambit/workspace 1.0.994 → 1.0.996

package/dist/{preview-1779298653501.js → preview-1779737067779.js}

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

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

@@ -7,10 +7,11 @@ type UseWorkspaceOptions = {
     onComponentRemoved?: (compId: ComponentID[]) => void;
 };
 export declare function useWorkspace(options?: UseWorkspaceOptions): {
-    error?: import("@apollo/client").ApolloError | undefined;
     errors?: ReadonlyArray<import("graphql").GraphQLFormattedError> | undefined;
+    error?: import("@apollo/client").ApolloError | undefined;
     client: import("@apollo/client").ApolloClient<any>;
     loading: boolean;
+    variables: import("@apollo/client").OperationVariables | undefined;
     observable: import("@apollo/client").ObservableQuery<any, import("@apollo/client").OperationVariables>;
     networkStatus: import("@apollo/client").NetworkStatus;
     called: boolean;
@@ -18,7 +19,6 @@ export declare function useWorkspace(options?: UseWorkspaceOptions): {
     stopPolling: () => void;
     updateQuery: (mapFn: import("@apollo/client").UpdateQueryMapFn<any, import("@apollo/client").OperationVariables>) => void;
     reobserve: (newOptions?: Partial<import("@apollo/client").WatchQueryOptions<import("@apollo/client").OperationVariables, any>> | undefined, newNetworkStatus?: import("@apollo/client").NetworkStatus) => Promise<import("@apollo/client").ApolloQueryResult<any>>;
-    variables: import("@apollo/client").OperationVariables | undefined;
     previousData?: any;
     fetchMore: (options: import("@apollo/client").FetchMoreQueryOptions<import("@apollo/client").OperationVariables, any>) => Promise<import("@apollo/client").ApolloQueryResult<any>>;
     refetch: (variables?: Partial<import("@apollo/client").OperationVariables> | undefined) => Promise<import("@apollo/client").ApolloQueryResult<any>>;

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

@@ -34,7 +34,7 @@
   height: 180px;
   position: relative;
   overflow: hidden;
-  background: white;
+  background: var(--surface-color);
   border-bottom: 1px solid var(--border-medium-color);
 }
 
@@ -159,4 +159,11 @@
   right: 4px !important;
   left: unset !important;
   z-index: 4;
+  background-color: var(--surface01-color) !important;
+  color: var(--on-surface-color) !important;
+  border: 1px solid var(--border-medium-color);
+
+  &:hover {
+    background-color: var(--surface-hover-color) !important;
+  }
 }

package/dist/ui/workspace/workspace.js

@@ -211,6 +211,7 @@ function Workspace({
   (0, _react().useLayoutEffect)(() => {
     setSidebarOpen(!isMinimal);
   }, [isMinimal]);
+  const location = (0, _reactRouterDom().useLocation)();
   if (!workspace) {
     return /*#__PURE__*/_react().default.createElement("div", {
       className: _workspaceModule().default.emptyContainer
@@ -218,7 +219,6 @@ function Workspace({
   }
   workspaceUI.setComponents(workspace.components);
   const inIframe = typeof window !== 'undefined' && window.parent && window.parent !== window;
-  const location = (0, _reactRouterDom().useLocation)();
   const isOverview = location.pathname === '/' || location.pathname === '';
   const showTopBar = !isMinimal || isMinimal && !isOverview;
   return /*#__PURE__*/_react().default.createElement(_workspaceProvider().WorkspaceProvider, {

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

@@ -1 +1 @@
-{"version":3,"names":["require","_pluralize","data","_interopRequireDefault","_react","_interopRequireWildcard","_reactRouterDom","_component","_lanesUiModels","_uiFoundationUiNotifications","_uiFoundationUiReactRouter","_uiFoundationUi","_uiFoundationUiButtons","_baseUiSurfacesSplitPane","_baseReactThemes","_baseUiSurfacesSplitPane2","_uiFoundationUi2","_workspaceUi","_classnames","_workspaceUi2","_workspaceHooks","_workspaceHooks2","_useWorkspace","_workspaceOverview","_workspaceProvider","_workspaceModule","_themeFromUrl","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Workspace","routeSlot","menuSlot","sidebar","workspaceUI","onSidebarTogglerChange","isMinimal","useWorkspaceMode","reactionsRef","useRef","onComponentAdded","onComponentRemoved","reactions","useMemo","comps","current","ids","workspace","useWorkspace","theme","useThemePicker","currentTheme","isSidebarOpen","setSidebarOpen","useState","handleSidebarToggle","useCallback","prev","sidebarOpenness","Layout","row","right","themeName","useEffect","window","innerWidth","useLayoutEffect","createElement","className","styles","emptyContainer","setComponents","components","inIframe","parent","location","useLocation","isOverview","pathname","showTopBar","WorkspaceProvider","NotificationsBinder","PreserveWorkspaceMode","ThemeFromUrlSync","MinimalModeUrlBroadcasterAndListener","workspaceWrapper","TopBar","classNames","topbar","minimal","Corner","cornerWithBreadcrumb","Link","to","backButton","width","height","viewBox","fill","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","corner","name","icon","WorkspaceBreadcrumb","menu","SplitPane","main","size","layout","Pane","closed","HoverSplitter","splitter","splitterClosed","Collapser","isOpen","Boolean","onMouseDown","stopPropagation","onClick","tooltipContent","SlotRouter","slot","Route","index","element","WorkspaceOverview","notifications","useNotifications","notificationsMapped","notificationId","log","pluralize","length","map","comp","id","toString","join","setTimeout","dismiss","useUrlChangeBroadcaster","useNavigationMessageListener","useComponentFullNameFromUrl","laneComponentUrl","marker","LanesModel","baseLaneComponentRoute","replace","idx","indexOf","slice","includes","lanesPrefix","undefined","useIdFromLocation","fullName","searchParams","useSearchParams","parts","split","isLast","breadcrumb","part","namespace","overviewParams","URLSearchParams","Fragment","key","breadcrumbSeparator","breadcrumbLast","breadcrumbLink"],"sources":["workspace.tsx"],"sourcesContent":["import 'reset-css';\nimport pluralize from 'pluralize';\nimport React, { useState, useMemo, useEffect, useCallback, useLayoutEffect, useRef } from 'react';\nimport { Route, Link, useLocation, useSearchParams } from 'react-router-dom';\nimport type { ComponentModel } from '@teambit/component';\nimport { useIdFromLocation } from '@teambit/component';\nimport type { ComponentID } from '@teambit/component-id';\nimport { LanesModel } from '@teambit/lanes.ui.models.lanes-model';\nimport { useNotifications } from '@teambit/ui-foundation.ui.notifications.notification-context';\nimport { SlotRouter } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport type { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { Corner } from '@teambit/ui-foundation.ui.corner';\nimport { Collapser } from '@teambit/ui-foundation.ui.buttons.collapser';\nimport { SplitPane, Pane, Layout } from '@teambit/base-ui.surfaces.split-pane.split-pane';\nimport { useThemePicker } from '@teambit/base-react.themes.theme-switcher';\nimport { HoverSplitter } from '@teambit/base-ui.surfaces.split-pane.hover-splitter';\nimport { TopBar } from '@teambit/ui-foundation.ui.top-bar';\nimport { PreserveWorkspaceMode } from '@teambit/workspace.ui.preserve-workspace-mode';\nimport classNames from 'classnames';\nimport { useWorkspaceMode } from '@teambit/workspace.ui.use-workspace-mode';\nimport { useUrlChangeBroadcaster } from '@teambit/workspace.hooks.use-url-change-broadcaster';\nimport { useNavigationMessageListener } from '@teambit/workspace.hooks.use-navigation-message-listener';\n\nimport { useWorkspace } from './use-workspace';\nimport { WorkspaceOverview } from './workspace-overview';\nimport { WorkspaceProvider } from './workspace-provider';\nimport styles from './workspace.module.scss';\nimport type { WorkspaceUI } from '../../workspace.ui.runtime';\nimport { ThemeFromUrlSync } from './theme-from-url';\n\nexport type WorkspaceProps = {\n  routeSlot: RouteSlot;\n  menuSlot: RouteSlot;\n  sidebar: React.JSX.Element;\n  workspaceUI: WorkspaceUI;\n  onSidebarTogglerChange: (callback: () => void) => void;\n};\n\n/**\n * main workspace component.\n */\nexport function Workspace({ routeSlot, menuSlot, sidebar, workspaceUI, onSidebarTogglerChange }: WorkspaceProps) {\n  const { isMinimal } = useWorkspaceMode();\n\n  const reactionsRef = useRef<{\n    onComponentAdded: (comps: ComponentModel[]) => void;\n    onComponentRemoved: (ids: ComponentID[]) => void;\n  }>({\n    onComponentAdded: () => {},\n    onComponentRemoved: () => {},\n  });\n\n  const reactions = useMemo(\n    () => ({\n      onComponentAdded: (comps: ComponentModel[]) => reactionsRef.current.onComponentAdded(comps),\n      onComponentRemoved: (ids: ComponentID[]) => reactionsRef.current.onComponentRemoved(ids),\n    }),\n    []\n  );\n\n  const { workspace } = useWorkspace(reactions);\n  const theme = useThemePicker();\n  const currentTheme = theme?.current;\n  const [isSidebarOpen, setSidebarOpen] = useState<boolean | null>(null);\n  const handleSidebarToggle = useCallback(() => {\n    setSidebarOpen((prev) => !prev);\n  }, []);\n  const sidebarOpenness = isSidebarOpen ? Layout.row : Layout.right;\n  const themeName = currentTheme?.themeName || 'light';\n  onSidebarTogglerChange(handleSidebarToggle);\n\n  useEffect(() => {\n    if (!window) return;\n    if (window.innerWidth <= 1024) {\n      setSidebarOpen(false);\n    }\n  }, []);\n\n  useLayoutEffect(() => {\n    setSidebarOpen(!isMinimal);\n  }, [isMinimal]);\n\n  if (!workspace) {\n    return <div className={styles.emptyContainer}></div>;\n  }\n\n  workspaceUI.setComponents(workspace.components);\n  const inIframe = typeof window !== 'undefined' && window.parent && window.parent !== window;\n  const location = useLocation();\n  const isOverview = location.pathname === '/' || location.pathname === '';\n  const showTopBar = !isMinimal || (isMinimal && !isOverview);\n\n  return (\n    <WorkspaceProvider workspace={workspace}>\n      {!isMinimal && <NotificationsBinder reactionsRef={reactionsRef} />}\n      <PreserveWorkspaceMode>\n        <ThemeFromUrlSync />\n        {isMinimal && inIframe && <MinimalModeUrlBroadcasterAndListener />}\n        <div className={styles.workspaceWrapper}>\n          {showTopBar && (\n            <TopBar\n              className={classNames(styles.topbar, styles[themeName], isMinimal && styles.minimal)}\n              Corner={() => (\n                <div className={classNames(isMinimal && styles.cornerWithBreadcrumb)}>\n                  {isMinimal ? (\n                    <Link to=\"/\" className={styles.backButton}>\n                      <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\n                        <path\n                          d=\"M11.25 13.5L6.75 9L11.25 4.5\"\n                          stroke=\"currentColor\"\n                          strokeWidth=\"1.5\"\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                        />\n                      </svg>\n                    </Link>\n                  ) : (\n                    <Corner\n                      className={classNames(styles.corner, styles[themeName])}\n                      name={workspace.name}\n                      icon={workspace.icon}\n                    />\n                  )}\n                  {isMinimal && <WorkspaceBreadcrumb />}\n                </div>\n              )}\n              // @ts-ignore - getting an error of \"Types have separate declarations of a private property 'registerFn'.\" for some reason after upgrading teambit.harmony/harmony from 0.4.6 to 0.4.7\n              menu={menuSlot}\n            />\n          )}\n          <SplitPane className={styles.main} size={246} layout={sidebarOpenness}>\n            <Pane className={classNames(styles.sidebar, styles[themeName], !isSidebarOpen && styles.closed)}>\n              {sidebar}\n            </Pane>\n            <HoverSplitter\n              className={classNames(styles.splitter, isMinimal && !isSidebarOpen && styles.splitterClosed)}\n            >\n              <Collapser\n                isOpen={Boolean(isSidebarOpen)}\n                onMouseDown={(e) => e.stopPropagation()} // avoid split-pane drag\n                onClick={handleSidebarToggle}\n                tooltipContent={`${isSidebarOpen ? 'Hide' : 'Show'} side panel`}\n              />\n            </HoverSplitter>\n            <Pane>\n              <SlotRouter slot={routeSlot}>\n                <Route index element={<WorkspaceOverview />} />\n              </SlotRouter>\n            </Pane>\n          </SplitPane>\n        </div>\n      </PreserveWorkspaceMode>\n    </WorkspaceProvider>\n  );\n}\n\nfunction NotificationsBinder({\n  reactionsRef,\n}: {\n  reactionsRef: React.MutableRefObject<{\n    onComponentAdded: (comps: ComponentModel[]) => void;\n    onComponentRemoved: (ids: ComponentID[]) => void;\n  }>;\n}) {\n  const notifications = useNotifications();\n\n  const notificationsMapped = useMemo(() => {\n    return {\n      onComponentAdded: (comps: ComponentModel[]) => {\n        const notificationId = notifications.log(\n          `added ${pluralize('component', comps.length)}: ${comps.map((comp) => comp.id.toString()).join(', ')}`\n        );\n        setTimeout(() => notifications.dismiss(notificationId), 12 * 1000);\n      },\n      onComponentRemoved: (ids: ComponentID[]) => {\n        const notificationId = notifications.log(\n          `removed ${pluralize('component', ids.length)} ${ids.map((id) => id.toString()).join(', ')}`\n        );\n        setTimeout(() => notifications.dismiss(notificationId), 12 * 1000);\n      },\n    };\n  }, [notifications]);\n\n  useEffect(() => {\n    reactionsRef.current = notificationsMapped;\n    return () => {\n      reactionsRef.current = { onComponentAdded: () => {}, onComponentRemoved: () => {} };\n    };\n  }, [notificationsMapped, reactionsRef]);\n\n  return null;\n}\n\nexport function MinimalModeUrlBroadcasterAndListener() {\n  useUrlChangeBroadcaster();\n  useNavigationMessageListener();\n  return null;\n}\n\n/**\n * Extracts the component fullName from the URL.\n * For lane URLs (`/~lane/scope/lane/~component/...`), extracts the path after ~component/\n * and passes it to useIdFromLocation. For regular URLs, useIdFromLocation handles it directly.\n */\nfunction useComponentFullNameFromUrl(): string | undefined {\n  const { pathname } = useLocation();\n  const laneComponentUrl = useMemo(() => {\n    const marker = LanesModel.baseLaneComponentRoute.replace(/^\\//, '') + '/';\n    const idx = pathname.indexOf(marker);\n    if (idx !== -1) return pathname.slice(idx + marker.length);\n    if (pathname.includes(LanesModel.lanesPrefix)) return ''; // lane page, no component\n    return undefined;\n  }, [pathname]);\n\n  return useIdFromLocation(laneComponentUrl || undefined);\n}\n\nfunction WorkspaceBreadcrumb() {\n  const fullName = useComponentFullNameFromUrl();\n  const [searchParams] = useSearchParams();\n  if (!fullName) return null;\n\n  const parts = fullName.split('/');\n  const isLast = (i: number) => i === parts.length - 1;\n\n  return (\n    <span className={styles.breadcrumb}>\n      {parts.map((part, i) => {\n        // build the namespace from all segments up to this one\n        const namespace = parts.slice(0, i + 1).join('/');\n        const overviewParams = new URLSearchParams(searchParams);\n        overviewParams.set('aggregation', 'none');\n        overviewParams.set('ns', namespace);\n\n        return (\n          <React.Fragment key={i}>\n            {i > 0 && <span className={styles.breadcrumbSeparator}>/</span>}\n            {isLast(i) ? (\n              <span className={styles.breadcrumbLast}>{part}</span>\n            ) : (\n              <Link to={`/?${overviewParams.toString()}`} className={styles.breadcrumbLink}>\n                {part}\n              </Link>\n            )}\n          </React.Fragment>\n        );\n      })}\n    </span>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["require","_pluralize","data","_interopRequireDefault","_react","_interopRequireWildcard","_reactRouterDom","_component","_lanesUiModels","_uiFoundationUiNotifications","_uiFoundationUiReactRouter","_uiFoundationUi","_uiFoundationUiButtons","_baseUiSurfacesSplitPane","_baseReactThemes","_baseUiSurfacesSplitPane2","_uiFoundationUi2","_workspaceUi","_classnames","_workspaceUi2","_workspaceHooks","_workspaceHooks2","_useWorkspace","_workspaceOverview","_workspaceProvider","_workspaceModule","_themeFromUrl","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Workspace","routeSlot","menuSlot","sidebar","workspaceUI","onSidebarTogglerChange","isMinimal","useWorkspaceMode","reactionsRef","useRef","onComponentAdded","onComponentRemoved","reactions","useMemo","comps","current","ids","workspace","useWorkspace","theme","useThemePicker","currentTheme","isSidebarOpen","setSidebarOpen","useState","handleSidebarToggle","useCallback","prev","sidebarOpenness","Layout","row","right","themeName","useEffect","window","innerWidth","useLayoutEffect","location","useLocation","createElement","className","styles","emptyContainer","setComponents","components","inIframe","parent","isOverview","pathname","showTopBar","WorkspaceProvider","NotificationsBinder","PreserveWorkspaceMode","ThemeFromUrlSync","MinimalModeUrlBroadcasterAndListener","workspaceWrapper","TopBar","classNames","topbar","minimal","Corner","cornerWithBreadcrumb","Link","to","backButton","width","height","viewBox","fill","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","corner","name","icon","WorkspaceBreadcrumb","menu","SplitPane","main","size","layout","Pane","closed","HoverSplitter","splitter","splitterClosed","Collapser","isOpen","Boolean","onMouseDown","stopPropagation","onClick","tooltipContent","SlotRouter","slot","Route","index","element","WorkspaceOverview","notifications","useNotifications","notificationsMapped","notificationId","log","pluralize","length","map","comp","id","toString","join","setTimeout","dismiss","useUrlChangeBroadcaster","useNavigationMessageListener","useComponentFullNameFromUrl","laneComponentUrl","marker","LanesModel","baseLaneComponentRoute","replace","idx","indexOf","slice","includes","lanesPrefix","undefined","useIdFromLocation","fullName","searchParams","useSearchParams","parts","split","isLast","breadcrumb","part","namespace","overviewParams","URLSearchParams","Fragment","key","breadcrumbSeparator","breadcrumbLast","breadcrumbLink"],"sources":["workspace.tsx"],"sourcesContent":["import 'reset-css';\nimport pluralize from 'pluralize';\nimport React, { useState, useMemo, useEffect, useCallback, useLayoutEffect, useRef } from 'react';\nimport { Route, Link, useLocation, useSearchParams } from 'react-router-dom';\nimport type { ComponentModel } from '@teambit/component';\nimport { useIdFromLocation } from '@teambit/component';\nimport type { ComponentID } from '@teambit/component-id';\nimport { LanesModel } from '@teambit/lanes.ui.models.lanes-model';\nimport { useNotifications } from '@teambit/ui-foundation.ui.notifications.notification-context';\nimport { SlotRouter } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport type { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';\nimport { Corner } from '@teambit/ui-foundation.ui.corner';\nimport { Collapser } from '@teambit/ui-foundation.ui.buttons.collapser';\nimport { SplitPane, Pane, Layout } from '@teambit/base-ui.surfaces.split-pane.split-pane';\nimport { useThemePicker } from '@teambit/base-react.themes.theme-switcher';\nimport { HoverSplitter } from '@teambit/base-ui.surfaces.split-pane.hover-splitter';\nimport { TopBar } from '@teambit/ui-foundation.ui.top-bar';\nimport { PreserveWorkspaceMode } from '@teambit/workspace.ui.preserve-workspace-mode';\nimport classNames from 'classnames';\nimport { useWorkspaceMode } from '@teambit/workspace.ui.use-workspace-mode';\nimport { useUrlChangeBroadcaster } from '@teambit/workspace.hooks.use-url-change-broadcaster';\nimport { useNavigationMessageListener } from '@teambit/workspace.hooks.use-navigation-message-listener';\n\nimport { useWorkspace } from './use-workspace';\nimport { WorkspaceOverview } from './workspace-overview';\nimport { WorkspaceProvider } from './workspace-provider';\nimport styles from './workspace.module.scss';\nimport type { WorkspaceUI } from '../../workspace.ui.runtime';\nimport { ThemeFromUrlSync } from './theme-from-url';\n\nexport type WorkspaceProps = {\n  routeSlot: RouteSlot;\n  menuSlot: RouteSlot;\n  sidebar: React.JSX.Element;\n  workspaceUI: WorkspaceUI;\n  onSidebarTogglerChange: (callback: () => void) => void;\n};\n\n/**\n * main workspace component.\n */\nexport function Workspace({ routeSlot, menuSlot, sidebar, workspaceUI, onSidebarTogglerChange }: WorkspaceProps) {\n  const { isMinimal } = useWorkspaceMode();\n\n  const reactionsRef = useRef<{\n    onComponentAdded: (comps: ComponentModel[]) => void;\n    onComponentRemoved: (ids: ComponentID[]) => void;\n  }>({\n    onComponentAdded: () => {},\n    onComponentRemoved: () => {},\n  });\n\n  const reactions = useMemo(\n    () => ({\n      onComponentAdded: (comps: ComponentModel[]) => reactionsRef.current.onComponentAdded(comps),\n      onComponentRemoved: (ids: ComponentID[]) => reactionsRef.current.onComponentRemoved(ids),\n    }),\n    []\n  );\n\n  const { workspace } = useWorkspace(reactions);\n  const theme = useThemePicker();\n  const currentTheme = theme?.current;\n  const [isSidebarOpen, setSidebarOpen] = useState<boolean | null>(null);\n  const handleSidebarToggle = useCallback(() => {\n    setSidebarOpen((prev) => !prev);\n  }, []);\n  const sidebarOpenness = isSidebarOpen ? Layout.row : Layout.right;\n  const themeName = currentTheme?.themeName || 'light';\n  onSidebarTogglerChange(handleSidebarToggle);\n\n  useEffect(() => {\n    if (!window) return;\n    if (window.innerWidth <= 1024) {\n      setSidebarOpen(false);\n    }\n  }, []);\n\n  useLayoutEffect(() => {\n    setSidebarOpen(!isMinimal);\n  }, [isMinimal]);\n\n  const location = useLocation();\n\n  if (!workspace) {\n    return <div className={styles.emptyContainer}></div>;\n  }\n\n  workspaceUI.setComponents(workspace.components);\n  const inIframe = typeof window !== 'undefined' && window.parent && window.parent !== window;\n  const isOverview = location.pathname === '/' || location.pathname === '';\n  const showTopBar = !isMinimal || (isMinimal && !isOverview);\n\n  return (\n    <WorkspaceProvider workspace={workspace}>\n      {!isMinimal && <NotificationsBinder reactionsRef={reactionsRef} />}\n      <PreserveWorkspaceMode>\n        <ThemeFromUrlSync />\n        {isMinimal && inIframe && <MinimalModeUrlBroadcasterAndListener />}\n        <div className={styles.workspaceWrapper}>\n          {showTopBar && (\n            <TopBar\n              className={classNames(styles.topbar, styles[themeName], isMinimal && styles.minimal)}\n              Corner={() => (\n                <div className={classNames(isMinimal && styles.cornerWithBreadcrumb)}>\n                  {isMinimal ? (\n                    <Link to=\"/\" className={styles.backButton}>\n                      <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\n                        <path\n                          d=\"M11.25 13.5L6.75 9L11.25 4.5\"\n                          stroke=\"currentColor\"\n                          strokeWidth=\"1.5\"\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                        />\n                      </svg>\n                    </Link>\n                  ) : (\n                    <Corner\n                      className={classNames(styles.corner, styles[themeName])}\n                      name={workspace.name}\n                      icon={workspace.icon}\n                    />\n                  )}\n                  {isMinimal && <WorkspaceBreadcrumb />}\n                </div>\n              )}\n              // @ts-ignore - getting an error of \"Types have separate declarations of a private property 'registerFn'.\" for some reason after upgrading teambit.harmony/harmony from 0.4.6 to 0.4.7\n              menu={menuSlot}\n            />\n          )}\n          <SplitPane className={styles.main} size={246} layout={sidebarOpenness}>\n            <Pane className={classNames(styles.sidebar, styles[themeName], !isSidebarOpen && styles.closed)}>\n              {sidebar}\n            </Pane>\n            <HoverSplitter\n              className={classNames(styles.splitter, isMinimal && !isSidebarOpen && styles.splitterClosed)}\n            >\n              <Collapser\n                isOpen={Boolean(isSidebarOpen)}\n                onMouseDown={(e) => e.stopPropagation()} // avoid split-pane drag\n                onClick={handleSidebarToggle}\n                tooltipContent={`${isSidebarOpen ? 'Hide' : 'Show'} side panel`}\n              />\n            </HoverSplitter>\n            <Pane>\n              <SlotRouter slot={routeSlot}>\n                <Route index element={<WorkspaceOverview />} />\n              </SlotRouter>\n            </Pane>\n          </SplitPane>\n        </div>\n      </PreserveWorkspaceMode>\n    </WorkspaceProvider>\n  );\n}\n\nfunction NotificationsBinder({\n  reactionsRef,\n}: {\n  reactionsRef: React.MutableRefObject<{\n    onComponentAdded: (comps: ComponentModel[]) => void;\n    onComponentRemoved: (ids: ComponentID[]) => void;\n  }>;\n}) {\n  const notifications = useNotifications();\n\n  const notificationsMapped = useMemo(() => {\n    return {\n      onComponentAdded: (comps: ComponentModel[]) => {\n        const notificationId = notifications.log(\n          `added ${pluralize('component', comps.length)}: ${comps.map((comp) => comp.id.toString()).join(', ')}`\n        );\n        setTimeout(() => notifications.dismiss(notificationId), 12 * 1000);\n      },\n      onComponentRemoved: (ids: ComponentID[]) => {\n        const notificationId = notifications.log(\n          `removed ${pluralize('component', ids.length)} ${ids.map((id) => id.toString()).join(', ')}`\n        );\n        setTimeout(() => notifications.dismiss(notificationId), 12 * 1000);\n      },\n    };\n  }, [notifications]);\n\n  useEffect(() => {\n    reactionsRef.current = notificationsMapped;\n    return () => {\n      reactionsRef.current = { onComponentAdded: () => {}, onComponentRemoved: () => {} };\n    };\n  }, [notificationsMapped, reactionsRef]);\n\n  return null;\n}\n\nexport function MinimalModeUrlBroadcasterAndListener() {\n  useUrlChangeBroadcaster();\n  useNavigationMessageListener();\n  return null;\n}\n\n/**\n * Extracts the component fullName from the URL.\n * For lane URLs (`/~lane/scope/lane/~component/...`), extracts the path after ~component/\n * and passes it to useIdFromLocation. For regular URLs, useIdFromLocation handles it directly.\n */\nfunction useComponentFullNameFromUrl(): string | undefined {\n  const { pathname } = useLocation();\n  const laneComponentUrl = useMemo(() => {\n    const marker = LanesModel.baseLaneComponentRoute.replace(/^\\//, '') + '/';\n    const idx = pathname.indexOf(marker);\n    if (idx !== -1) return pathname.slice(idx + marker.length);\n    if (pathname.includes(LanesModel.lanesPrefix)) return ''; // lane page, no component\n    return undefined;\n  }, [pathname]);\n\n  return useIdFromLocation(laneComponentUrl || undefined);\n}\n\nfunction WorkspaceBreadcrumb() {\n  const fullName = useComponentFullNameFromUrl();\n  const [searchParams] = useSearchParams();\n  if (!fullName) return null;\n\n  const parts = fullName.split('/');\n  const isLast = (i: number) => i === parts.length - 1;\n\n  return (\n    <span className={styles.breadcrumb}>\n      {parts.map((part, i) => {\n        // build the namespace from all segments up to this one\n        const namespace = parts.slice(0, i + 1).join('/');\n        const overviewParams = new URLSearchParams(searchParams);\n        overviewParams.set('aggregation', 'none');\n        overviewParams.set('ns', namespace);\n\n        return (\n          <React.Fragment key={i}>\n            {i > 0 && <span className={styles.breadcrumbSeparator}>/</span>}\n            {isLast(i) ? (\n              <span className={styles.breadcrumbLast}>{part}</span>\n            ) : (\n              <Link to={`/?${overviewParams.toString()}`} className={styles.breadcrumbLink}>\n                {part}\n              </Link>\n            )}\n          </React.Fragment>\n        );\n      })}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;AAAAA,OAAA;AACA,SAAAC,WAAA;EAAA,MAAAC,IAAA,GAAAC,sBAAA,CAAAH,OAAA;EAAAC,UAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAE,OAAA;EAAA,MAAAF,IAAA,GAAAG,uBAAA,CAAAL,OAAA;EAAAI,MAAA,YAAAA,CAAA;IAAA,OAAAF,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAI,gBAAA;EAAA,MAAAJ,IAAA,GAAAF,OAAA;EAAAM,eAAA,YAAAA,CAAA;IAAA,OAAAJ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAK,WAAA;EAAA,MAAAL,IAAA,GAAAF,OAAA;EAAAO,UAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAM,eAAA;EAAA,MAAAN,IAAA,GAAAF,OAAA;EAAAQ,cAAA,YAAAA,CAAA;IAAA,OAAAN,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAO,6BAAA;EAAA,MAAAP,IAAA,GAAAF,OAAA;EAAAS,4BAAA,YAAAA,CAAA;IAAA,OAAAP,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAQ,2BAAA;EAAA,MAAAR,IAAA,GAAAF,OAAA;EAAAU,0BAAA,YAAAA,CAAA;IAAA,OAAAR,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAS,gBAAA;EAAA,MAAAT,IAAA,GAAAF,OAAA;EAAAW,eAAA,YAAAA,CAAA;IAAA,OAAAT,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAU,uBAAA;EAAA,MAAAV,IAAA,GAAAF,OAAA;EAAAY,sBAAA,YAAAA,CAAA;IAAA,OAAAV,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAW,yBAAA;EAAA,MAAAX,IAAA,GAAAF,OAAA;EAAAa,wBAAA,YAAAA,CAAA;IAAA,OAAAX,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAY,iBAAA;EAAA,MAAAZ,IAAA,GAAAF,OAAA;EAAAc,gBAAA,YAAAA,CAAA;IAAA,OAAAZ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAa,0BAAA;EAAA,MAAAb,IAAA,GAAAF,OAAA;EAAAe,yBAAA,YAAAA,CAAA;IAAA,OAAAb,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAc,iBAAA;EAAA,MAAAd,IAAA,GAAAF,OAAA;EAAAgB,gBAAA,YAAAA,CAAA;IAAA,OAAAd,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAe,aAAA;EAAA,MAAAf,IAAA,GAAAF,OAAA;EAAAiB,YAAA,YAAAA,CAAA;IAAA,OAAAf,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAgB,YAAA;EAAA,MAAAhB,IAAA,GAAAC,sBAAA,CAAAH,OAAA;EAAAkB,WAAA,YAAAA,CAAA;IAAA,OAAAhB,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAiB,cAAA;EAAA,MAAAjB,IAAA,GAAAF,OAAA;EAAAmB,aAAA,YAAAA,CAAA;IAAA,OAAAjB,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAkB,gBAAA;EAAA,MAAAlB,IAAA,GAAAF,OAAA;EAAAoB,eAAA,YAAAA,CAAA;IAAA,OAAAlB,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAmB,iBAAA;EAAA,MAAAnB,IAAA,GAAAF,OAAA;EAAAqB,gBAAA,YAAAA,CAAA;IAAA,OAAAnB,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAoB,cAAA;EAAA,MAAApB,IAAA,GAAAF,OAAA;EAAAsB,aAAA,YAAAA,CAAA;IAAA,OAAApB,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAqB,mBAAA;EAAA,MAAArB,IAAA,GAAAF,OAAA;EAAAuB,kBAAA,YAAAA,CAAA;IAAA,OAAArB,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAsB,mBAAA;EAAA,MAAAtB,IAAA,GAAAF,OAAA;EAAAwB,kBAAA,YAAAA,CAAA;IAAA,OAAAtB,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAuB,iBAAA;EAAA,MAAAvB,IAAA,GAAAC,sBAAA,CAAAH,OAAA;EAAAyB,gBAAA,YAAAA,CAAA;IAAA,OAAAvB,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAwB,cAAA;EAAA,MAAAxB,IAAA,GAAAF,OAAA;EAAA0B,aAAA,YAAAA,CAAA;IAAA,OAAAxB,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAAoD,SAAAG,wBAAAsB,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAxB,uBAAA,YAAAA,CAAAsB,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAzB,uBAAAwB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAUpD;AACA;AACA;AACO,SAASmB,SAASA,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,WAAW;EAAEC;AAAuC,CAAC,EAAE;EAC/G,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,gCAAgB,EAAC,CAAC;EAExC,MAAMC,YAAY,GAAG,IAAAC,eAAM,EAGxB;IACDC,gBAAgB,EAAEA,CAAA,KAAM,CAAC,CAAC;IAC1BC,kBAAkB,EAAEA,CAAA,KAAM,CAAC;EAC7B,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAG,IAAAC,gBAAO,EACvB,OAAO;IACLH,gBAAgB,EAAGI,KAAuB,IAAKN,YAAY,CAACO,OAAO,CAACL,gBAAgB,CAACI,KAAK,CAAC;IAC3FH,kBAAkB,EAAGK,GAAkB,IAAKR,YAAY,CAACO,OAAO,CAACJ,kBAAkB,CAACK,GAAG;EACzF,CAAC,CAAC,EACF,EACF,CAAC;EAED,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,4BAAY,EAACN,SAAS,CAAC;EAC7C,MAAMO,KAAK,GAAG,IAAAC,iCAAc,EAAC,CAAC;EAC9B,MAAMC,YAAY,GAAGF,KAAK,EAAEJ,OAAO;EACnC,MAAM,CAACO,aAAa,EAAEC,cAAc,CAAC,GAAG,IAAAC,iBAAQ,EAAiB,IAAI,CAAC;EACtE,MAAMC,mBAAmB,GAAG,IAAAC,oBAAW,EAAC,MAAM;IAC5CH,cAAc,CAAEI,IAAI,IAAK,CAACA,IAAI,CAAC;EACjC,CAAC,EAAE,EAAE,CAAC;EACN,MAAMC,eAAe,GAAGN,aAAa,GAAGO,iCAAM,CAACC,GAAG,GAAGD,iCAAM,CAACE,KAAK;EACjE,MAAMC,SAAS,GAAGX,YAAY,EAAEW,SAAS,IAAI,OAAO;EACpD3B,sBAAsB,CAACoB,mBAAmB,CAAC;EAE3C,IAAAQ,kBAAS,EAAC,MAAM;IACd,IAAI,CAACC,MAAM,EAAE;IACb,IAAIA,MAAM,CAACC,UAAU,IAAI,IAAI,EAAE;MAC7BZ,cAAc,CAAC,KAAK,CAAC;IACvB;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAa,wBAAe,EAAC,MAAM;IACpBb,cAAc,CAAC,CAACjB,SAAS,CAAC;EAC5B,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,MAAM+B,QAAQ,GAAG,IAAAC,6BAAW,EAAC,CAAC;EAE9B,IAAI,CAACrB,SAAS,EAAE;IACd,oBAAO3D,MAAA,GAAAiC,OAAA,CAAAgD,aAAA;MAAKC,SAAS,EAAEC,0BAAM,CAACC;IAAe,CAAM,CAAC;EACtD;EAEAtC,WAAW,CAACuC,aAAa,CAAC1B,SAAS,CAAC2B,UAAU,CAAC;EAC/C,MAAMC,QAAQ,GAAG,OAAOX,MAAM,KAAK,WAAW,IAAIA,MAAM,CAACY,MAAM,IAAIZ,MAAM,CAACY,MAAM,KAAKZ,MAAM;EAC3F,MAAMa,UAAU,GAAGV,QAAQ,CAACW,QAAQ,KAAK,GAAG,IAAIX,QAAQ,CAACW,QAAQ,KAAK,EAAE;EACxE,MAAMC,UAAU,GAAG,CAAC3C,SAAS,IAAKA,SAAS,IAAI,CAACyC,UAAW;EAE3D,oBACEzF,MAAA,GAAAiC,OAAA,CAAAgD,aAAA,CAAC7D,kBAAA,GAAAwE,iBAAiB;IAACjC,SAAS,EAAEA;EAAU,GACrC,CAACX,SAAS,iBAAIhD,MAAA,GAAAiC,OAAA,CAAAgD,aAAA,CAACY,mBAAmB;IAAC3C,YAAY,EAAEA;EAAa,CAAE,CAAC,eAClElD,MAAA,GAAAiC,OAAA,CAAAgD,aAAA,CAACpE,YAAA,GAAAiF,qBAAqB,qBACpB9F,MAAA,GAAAiC,OAAA,CAAAgD,aAAA,CAAC3D,aAAA,GAAAyE,gBAAgB,MAAE,CAAC,EACnB/C,SAAS,IAAIuC,QAAQ,iBAAIvF,MAAA,GAAAiC,OAAA,CAAAgD,aAAA,CAACe,oCAAoC,MAAE,CAAC,eAClEhG,MAAA,GAAAiC,OAAA,CAAAgD,aAAA;IAAKC,SAAS,EAAEC,0BAAM,CAACc;EAAiB,GACrCN,UAAU,iBACT3F,MAAA,GAAAiC,OAAA,CAAAgD,aAAA,CAACrE,gBAAA,GAAAsF,MAAM;IACLhB,SAAS,EAAE,IAAAiB,qBAAU,EAAChB,0BAAM,CAACiB,MAAM,EAAEjB,0BAAM,CAACT,SAAS,CAAC,EAAE1B,SAAS,IAAImC,0BAAM,CAACkB,OAAO,CAAE;IACrFC,MAAM,EAAEA,CAAA,kBACNtG,MAAA,GAAAiC,OAAA,CAAAgD,aAAA;MAAKC,SAAS,EAAE,IAAAiB,qBAAU,EAACnD,SAAS,IAAImC,0BAAM,CAACoB,oBAAoB;IAAE,GAClEvD,SAAS,gBACRhD,MAAA,GAAAiC,OAAA,CAAAgD,aAAA,CAAC/E,eAAA,GAAAsG,IAAI;MAACC,EAAE,EAAC,GAAG;MAACvB,SAAS,EAAEC,0BAAM,CAACuB;IAAW,gBACxC1G,MAAA,GAAAiC,OAAA,CAAAgD,aAAA;MAAK0B,KAAK,EAAC,IAAI;MAACC,MAAM,EAAC,IAAI;MAACC,OAAO,EAAC,WAAW;MAACC,IAAI,EAAC;IAAM,gBACzD9G,MAAA,GAAAiC,OAAA,CAAAgD,aAAA;MACE8B,CAAC,EAAC,8BAA8B;MAChCC,MAAM,EAAC,cAAc;MACrBC,WAAW,EAAC,KAAK;MACjBC,aAAa,EAAC,OAAO;MACrBC,cAAc,EAAC;IAAO,CACvB,CACE,CACD,CAAC,gBAEPnH,MAAA,GAAAiC,OAAA,CAAAgD,aAAA,CAAC1E,eAAA,GAAA+F,MAAM;MACLpB,SAAS,EAAE,IAAAiB,qBAAU,EAAChB,0BAAM,CAACiC,MAAM,EAAEjC,0BAAM,CAACT,SAAS,CAAC,CAAE;MACxD2C,IAAI,EAAE1D,SAAS,CAAC0D,IAAK;MACrBC,IAAI,EAAE3D,SAAS,CAAC2D;IAAK,CACtB,CACF,EACAtE,SAAS,iBAAIhD,MAAA,GAAAiC,OAAA,CAAAgD,aAAA,CAACsC,mBAAmB,MAAE,CACjC;IAEP;IAAA;IACAC,IAAI,EAAE5E;EAAS,CAChB,CACF,eACD5C,MAAA,GAAAiC,OAAA,CAAAgD,aAAA,CAACxE,wBAAA,GAAAgH,SAAS;IAACvC,SAAS,EAAEC,0BAAM,CAACuC,IAAK;IAACC,IAAI,EAAE,GAAI;IAACC,MAAM,EAAEtD;EAAgB,gBACpEtE,MAAA,GAAAiC,OAAA,CAAAgD,aAAA,CAACxE,wBAAA,GAAAoH,IAAI;IAAC3C,SAAS,EAAE,IAAAiB,qBAAU,EAAChB,0BAAM,CAACtC,OAAO,EAAEsC,0BAAM,CAACT,SAAS,CAAC,EAAE,CAACV,aAAa,IAAImB,0BAAM,CAAC2C,MAAM;EAAE,GAC7FjF,OACG,CAAC,eACP7C,MAAA,GAAAiC,OAAA,CAAAgD,aAAA,CAACtE,yBAAA,GAAAoH,aAAa;IACZ7C,SAAS,EAAE,IAAAiB,qBAAU,EAAChB,0BAAM,CAAC6C,QAAQ,EAAEhF,SAAS,IAAI,CAACgB,aAAa,IAAImB,0BAAM,CAAC8C,cAAc;EAAE,gBAE7FjI,MAAA,GAAAiC,OAAA,CAAAgD,aAAA,CAACzE,sBAAA,GAAA0H,SAAS;IACRC,MAAM,EAAEC,OAAO,CAACpE,aAAa,CAAE;IAC/BqE,WAAW,EAAG9G,CAAC,IAAKA,CAAC,CAAC+G,eAAe,CAAC,CAAE,CAAC;IAAA;IACzCC,OAAO,EAAEpE,mBAAoB;IAC7BqE,cAAc,EAAE,GAAGxE,aAAa,GAAG,MAAM,GAAG,MAAM;EAAc,CACjE,CACY,CAAC,eAChBhE,MAAA,GAAAiC,OAAA,CAAAgD,aAAA,CAACxE,wBAAA,GAAAoH,IAAI,qBACH7H,MAAA,GAAAiC,OAAA,CAAAgD,aAAA,CAAC3E,0BAAA,GAAAmI,UAAU;IAACC,IAAI,EAAE/F;EAAU,gBAC1B3C,MAAA,GAAAiC,OAAA,CAAAgD,aAAA,CAAC/E,eAAA,GAAAyI,KAAK;IAACC,KAAK;IAACC,OAAO,eAAE7I,MAAA,GAAAiC,OAAA,CAAAgD,aAAA,CAAC9D,kBAAA,GAAA2H,iBAAiB,MAAE;EAAE,CAAE,CACpC,CACR,CACG,CACR,CACgB,CACN,CAAC;AAExB;AAEA,SAASjD,mBAAmBA,CAAC;EAC3B3C;AAMF,CAAC,EAAE;EACD,MAAM6F,aAAa,GAAG,IAAAC,+CAAgB,EAAC,CAAC;EAExC,MAAMC,mBAAmB,GAAG,IAAA1F,gBAAO,EAAC,MAAM;IACxC,OAAO;MACLH,gBAAgB,EAAGI,KAAuB,IAAK;QAC7C,MAAM0F,cAAc,GAAGH,aAAa,CAACI,GAAG,CACtC,SAAS,IAAAC,oBAAS,EAAC,WAAW,EAAE5F,KAAK,CAAC6F,MAAM,CAAC,KAAK7F,KAAK,CAAC8F,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAACC,EAAE,CAACC,QAAQ,CAAC,CAAC,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,EACtG,CAAC;QACDC,UAAU,CAAC,MAAMZ,aAAa,CAACa,OAAO,CAACV,cAAc,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC;MACpE,CAAC;MACD7F,kBAAkB,EAAGK,GAAkB,IAAK;QAC1C,MAAMwF,cAAc,GAAGH,aAAa,CAACI,GAAG,CACtC,WAAW,IAAAC,oBAAS,EAAC,WAAW,EAAE1F,GAAG,CAAC2F,MAAM,CAAC,IAAI3F,GAAG,CAAC4F,GAAG,CAAEE,EAAE,IAAKA,EAAE,CAACC,QAAQ,CAAC,CAAC,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,EAC5F,CAAC;QACDC,UAAU,CAAC,MAAMZ,aAAa,CAACa,OAAO,CAACV,cAAc,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC;MACpE;IACF,CAAC;EACH,CAAC,EAAE,CAACH,aAAa,CAAC,CAAC;EAEnB,IAAApE,kBAAS,EAAC,MAAM;IACdzB,YAAY,CAACO,OAAO,GAAGwF,mBAAmB;IAC1C,OAAO,MAAM;MACX/F,YAAY,CAACO,OAAO,GAAG;QAAEL,gBAAgB,EAAEA,CAAA,KAAM,CAAC,CAAC;QAAEC,kBAAkB,EAAEA,CAAA,KAAM,CAAC;MAAE,CAAC;IACrF,CAAC;EACH,CAAC,EAAE,CAAC4F,mBAAmB,EAAE/F,YAAY,CAAC,CAAC;EAEvC,OAAO,IAAI;AACb;AAEO,SAAS8C,oCAAoCA,CAAA,EAAG;EACrD,IAAA6D,yCAAuB,EAAC,CAAC;EACzB,IAAAC,+CAA4B,EAAC,CAAC;EAC9B,OAAO,IAAI;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASC,2BAA2BA,CAAA,EAAuB;EACzD,MAAM;IAAErE;EAAS,CAAC,GAAG,IAAAV,6BAAW,EAAC,CAAC;EAClC,MAAMgF,gBAAgB,GAAG,IAAAzG,gBAAO,EAAC,MAAM;IACrC,MAAM0G,MAAM,GAAGC,2BAAU,CAACC,sBAAsB,CAACC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,GAAG;IACzE,MAAMC,GAAG,GAAG3E,QAAQ,CAAC4E,OAAO,CAACL,MAAM,CAAC;IACpC,IAAII,GAAG,KAAK,CAAC,CAAC,EAAE,OAAO3E,QAAQ,CAAC6E,KAAK,CAACF,GAAG,GAAGJ,MAAM,CAACZ,MAAM,CAAC;IAC1D,IAAI3D,QAAQ,CAAC8E,QAAQ,CAACN,2BAAU,CAACO,WAAW,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IAC1D,OAAOC,SAAS;EAClB,CAAC,EAAE,CAAChF,QAAQ,CAAC,CAAC;EAEd,OAAO,IAAAiF,8BAAiB,EAACX,gBAAgB,IAAIU,SAAS,CAAC;AACzD;AAEA,SAASnD,mBAAmBA,CAAA,EAAG;EAC7B,MAAMqD,QAAQ,GAAGb,2BAA2B,CAAC,CAAC;EAC9C,MAAM,CAACc,YAAY,CAAC,GAAG,IAAAC,iCAAe,EAAC,CAAC;EACxC,IAAI,CAACF,QAAQ,EAAE,OAAO,IAAI;EAE1B,MAAMG,KAAK,GAAGH,QAAQ,CAACI,KAAK,CAAC,GAAG,CAAC;EACjC,MAAMC,MAAM,GAAInJ,CAAS,IAAKA,CAAC,KAAKiJ,KAAK,CAAC1B,MAAM,GAAG,CAAC;EAEpD,oBACErJ,MAAA,GAAAiC,OAAA,CAAAgD,aAAA;IAAMC,SAAS,EAAEC,0BAAM,CAAC+F;EAAW,GAChCH,KAAK,CAACzB,GAAG,CAAC,CAAC6B,IAAI,EAAErJ,CAAC,KAAK;IACtB;IACA,MAAMsJ,SAAS,GAAGL,KAAK,CAACR,KAAK,CAAC,CAAC,EAAEzI,CAAC,GAAG,CAAC,CAAC,CAAC4H,IAAI,CAAC,GAAG,CAAC;IACjD,MAAM2B,cAAc,GAAG,IAAIC,eAAe,CAACT,YAAY,CAAC;IACxDQ,cAAc,CAACjJ,GAAG,CAAC,aAAa,EAAE,MAAM,CAAC;IACzCiJ,cAAc,CAACjJ,GAAG,CAAC,IAAI,EAAEgJ,SAAS,CAAC;IAEnC,oBACEpL,MAAA,GAAAiC,OAAA,CAAAgD,aAAA,CAACjF,MAAA,GAAAiC,OAAK,CAACsJ,QAAQ;MAACC,GAAG,EAAE1J;IAAE,GACpBA,CAAC,GAAG,CAAC,iBAAI9B,MAAA,GAAAiC,OAAA,CAAAgD,aAAA;MAAMC,SAAS,EAAEC,0BAAM,CAACsG;IAAoB,GAAC,GAAO,CAAC,EAC9DR,MAAM,CAACnJ,CAAC,CAAC,gBACR9B,MAAA,GAAAiC,OAAA,CAAAgD,aAAA;MAAMC,SAAS,EAAEC,0BAAM,CAACuG;IAAe,GAAEP,IAAW,CAAC,gBAErDnL,MAAA,GAAAiC,OAAA,CAAAgD,aAAA,CAAC/E,eAAA,GAAAsG,IAAI;MAACC,EAAE,EAAE,KAAK4E,cAAc,CAAC5B,QAAQ,CAAC,CAAC,EAAG;MAACvE,SAAS,EAAEC,0BAAM,CAACwG;IAAe,GAC1ER,IACG,CAEM,CAAC;EAErB,CAAC,CACG,CAAC;AAEX","ignoreList":[]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/workspace",
-  "version": "1.0.994",
+  "version": "1.0.996",
   "homepage": "https://bit.cloud/teambit/workspace/workspace",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.workspace",
     "name": "workspace",
-    "version": "1.0.994"
+    "version": "1.0.996"
   },
   "dependencies": {
     "lodash": "4.17.21",
@@ -30,99 +30,99 @@
     "reset-css": "5.0.1",
     "@teambit/component-id": "1.2.4",
     "@teambit/harmony": "0.4.7",
-    "@teambit/component-version": "1.0.4",
-    "@teambit/bit-error": "0.0.404",
-    "@teambit/lane-id": "0.0.312",
-    "@teambit/graph.cleargraph": "0.0.11",
-    "@teambit/component.ui.component-status-resolver": "0.0.510",
-    "@teambit/dependencies.modules.packages-excluder": "1.0.8",
-    "@teambit/legacy-bit-id": "1.1.3",
-    "@teambit/design.ui.tree": "0.0.16",
-    "@teambit/lanes.hooks.use-lanes": "0.0.293",
-    "@teambit/lanes.ui.models.lanes-model": "0.0.233",
-    "@teambit/component.ui.component-filters.component-filter-context": "0.0.242",
-    "@teambit/component.ui.component-filters.deprecate-filter": "0.0.244",
-    "@teambit/component.ui.component-filters.show-main-filter": "0.0.237",
-    "@teambit/design.ui.surfaces.menu.link-item": "1.0.13",
-    "@teambit/ui-foundation.ui.main-dropdown": "0.0.505",
-    "@teambit/ui-foundation.ui.menu": "0.0.503",
-    "@teambit/ui-foundation.ui.tree.drawer": "1.0.0",
-    "@teambit/base-react.themes.theme-switcher": "1.1.2",
-    "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.506",
-    "@teambit/workspace.ui.use-workspace-mode": "0.0.3",
-    "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.504",
-    "@teambit/base-ui.surfaces.split-pane.hover-splitter": "1.0.1",
-    "@teambit/base-ui.surfaces.split-pane.split-pane": "1.0.0",
-    "@teambit/ui-foundation.ui.buttons.collapser": "0.0.234",
-    "@teambit/ui-foundation.ui.corner": "0.0.520",
-    "@teambit/ui-foundation.ui.notifications.notification-context": "0.0.501",
-    "@teambit/ui-foundation.ui.top-bar": "0.0.515",
-    "@teambit/workspace.hooks.use-navigation-message-listener": "0.0.2",
-    "@teambit/workspace.hooks.use-url-change-broadcaster": "0.0.2",
-    "@teambit/workspace.ui.preserve-workspace-mode": "0.0.3",
-    "@teambit/design.ui.tooltip": "0.0.383",
-    "@teambit/scopes.scope-id": "0.0.9",
-    "@teambit/workspace.ui.load-preview": "0.0.504",
-    "@teambit/component.filters.base-filter": "0.0.6",
-    "@teambit/design.inputs.toggle-button": "0.0.16",
-    "@teambit/explorer.ui.gallery.component-grid": "0.0.496",
-    "@teambit/workspace.ui.empty-workspace": "0.0.509",
-    "@teambit/component": "1.0.994",
-    "@teambit/dependency-resolver": "1.0.994",
-    "@teambit/envs": "1.0.994",
     "@teambit/legacy.extension-data": "0.0.119",
     "@teambit/legacy.scope": "0.0.117",
+    "@teambit/component-version": "1.0.4",
     "@teambit/legacy.consumer-component": "0.0.118",
     "@teambit/legacy.consumer": "0.0.117",
+    "@teambit/bit-error": "0.0.404",
+    "@teambit/lane-id": "0.0.312",
     "@teambit/legacy.bit-map": "0.0.174",
     "@teambit/toolbox.fs.last-modified": "0.0.15",
     "@teambit/toolbox.path.path": "0.0.17",
+    "@teambit/graph.cleargraph": "0.0.11",
     "@teambit/logger": "0.0.1420",
-    "@teambit/objects": "0.0.501",
-    "@teambit/scope": "1.0.994",
-    "@teambit/graph": "1.0.994",
     "@teambit/cli": "0.0.1327",
-    "@teambit/isolator": "1.0.994",
-    "@teambit/component-tree": "1.0.994",
+    "@teambit/component.ui.component-status-resolver": "0.0.510",
     "@teambit/legacy.constants": "0.0.27",
     "@teambit/harmony.modules.resolved-component": "0.0.514",
     "@teambit/legacy.utils": "0.0.38",
-    "@teambit/watcher": "1.0.994",
     "@teambit/scope.remotes": "0.0.117",
-    "@teambit/aspect-loader": "1.0.994",
     "@teambit/config-store": "0.0.208",
     "@teambit/config": "0.0.1502",
     "@teambit/harmony.modules.requireable-component": "0.0.514",
     "@teambit/toolbox.modules.module-resolver": "0.0.20",
     "@teambit/workspace.modules.node-modules-linker": "0.0.348",
-    "@teambit/graphql": "1.0.994",
-    "@teambit/bundler": "1.0.994",
     "@teambit/global-config": "0.0.1331",
     "@teambit/legacy.consumer-config": "0.0.117",
-    "@teambit/ui": "1.0.994",
     "@teambit/variants": "0.0.1595",
     "@teambit/component-issues": "0.0.172",
     "@teambit/component.sources": "0.0.169",
+    "@teambit/dependencies.modules.packages-excluder": "1.0.8",
     "@teambit/git.modules.git-executable": "0.0.28",
     "@teambit/harmony.modules.in-memory-cache": "0.0.31",
+    "@teambit/legacy-bit-id": "1.1.3",
     "@teambit/legacy.component-list": "0.0.171",
     "@teambit/legacy.scope-api": "0.0.172",
     "@teambit/toolbox.path.is-path-inside": "0.0.509",
     "@teambit/workspace.modules.match-pattern": "0.0.521",
     "@teambit/component.ui.component-drawer": "0.0.482",
+    "@teambit/design.ui.tree": "0.0.16",
     "@teambit/lanes.hooks.use-lane-components": "0.0.302",
+    "@teambit/lanes.hooks.use-lanes": "0.0.293",
+    "@teambit/lanes.ui.models.lanes-model": "0.0.233",
     "@teambit/ui-foundation.ui.side-bar": "0.0.934",
-    "@teambit/command-bar": "1.0.994",
+    "@teambit/component.ui.component-filters.component-filter-context": "0.0.242",
+    "@teambit/component.ui.component-filters.deprecate-filter": "0.0.244",
     "@teambit/component.ui.component-filters.env-filter": "0.0.275",
-    "@teambit/sidebar": "1.0.994",
+    "@teambit/component.ui.component-filters.show-main-filter": "0.0.237",
+    "@teambit/design.ui.surfaces.menu.link-item": "1.0.13",
+    "@teambit/ui-foundation.ui.main-dropdown": "0.0.505",
+    "@teambit/ui-foundation.ui.menu": "0.0.503",
     "@teambit/ui-foundation.ui.react-router.slot-router": "0.0.523",
-    "@teambit/pubsub": "1.0.994",
+    "@teambit/ui-foundation.ui.tree.drawer": "1.0.0",
     "@teambit/harmony.modules.concurrency": "0.0.28",
     "@teambit/toolbox.promise.map-pool": "0.0.15",
+    "@teambit/base-react.themes.theme-switcher": "1.1.2",
+    "@teambit/ui-foundation.ui.hooks.use-data-query": "0.0.506",
+    "@teambit/workspace.ui.use-workspace-mode": "0.0.3",
     "@teambit/component-descriptor": "0.0.451",
-    "@teambit/deprecation": "1.0.994",
-    "@teambit/preview.ui.preview-placeholder": "0.0.566",
-    "@teambit/cloud.hooks.use-cloud-scopes": "0.0.21"
+    "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.504",
+    "@teambit/base-ui.surfaces.split-pane.hover-splitter": "1.0.1",
+    "@teambit/base-ui.surfaces.split-pane.split-pane": "1.0.0",
+    "@teambit/ui-foundation.ui.buttons.collapser": "0.0.234",
+    "@teambit/ui-foundation.ui.corner": "0.0.520",
+    "@teambit/ui-foundation.ui.notifications.notification-context": "0.0.501",
+    "@teambit/ui-foundation.ui.top-bar": "0.0.515",
+    "@teambit/workspace.hooks.use-navigation-message-listener": "0.0.2",
+    "@teambit/workspace.hooks.use-url-change-broadcaster": "0.0.2",
+    "@teambit/workspace.ui.preserve-workspace-mode": "0.0.3",
+    "@teambit/design.ui.tooltip": "0.0.383",
+    "@teambit/preview.ui.preview-placeholder": "0.0.567",
+    "@teambit/scopes.scope-id": "0.0.9",
+    "@teambit/workspace.ui.load-preview": "0.0.504",
+    "@teambit/component.filters.base-filter": "0.0.6",
+    "@teambit/design.inputs.toggle-button": "0.0.16",
+    "@teambit/cloud.hooks.use-cloud-scopes": "0.0.21",
+    "@teambit/explorer.ui.gallery.component-grid": "0.0.496",
+    "@teambit/workspace.ui.empty-workspace": "0.0.509",
+    "@teambit/component": "1.0.996",
+    "@teambit/dependency-resolver": "1.0.996",
+    "@teambit/envs": "1.0.996",
+    "@teambit/objects": "0.0.503",
+    "@teambit/scope": "1.0.996",
+    "@teambit/graph": "1.0.996",
+    "@teambit/isolator": "1.0.996",
+    "@teambit/component-tree": "1.0.996",
+    "@teambit/watcher": "1.0.996",
+    "@teambit/aspect-loader": "1.0.996",
+    "@teambit/graphql": "1.0.996",
+    "@teambit/bundler": "1.0.996",
+    "@teambit/ui": "1.0.996",
+    "@teambit/command-bar": "1.0.996",
+    "@teambit/sidebar": "1.0.996",
+    "@teambit/pubsub": "1.0.996",
+    "@teambit/deprecation": "1.0.996"
   },
   "devDependencies": {
     "@types/lodash": "4.14.165",

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

@@ -34,7 +34,7 @@
   height: 180px;
   position: relative;
   overflow: hidden;
-  background: white;
+  background: var(--surface-color);
   border-bottom: 1px solid var(--border-medium-color);
 }
 
@@ -159,4 +159,11 @@
   right: 4px !important;
   left: unset !important;
   z-index: 4;
+  background-color: var(--surface01-color) !important;
+  color: var(--on-surface-color) !important;
+  border: 1px solid var(--border-medium-color);
+
+  &:hover {
+    background-color: var(--surface-hover-color) !important;
+  }
 }

package/ui/workspace/workspace.tsx

@@ -80,13 +80,14 @@ export function Workspace({ routeSlot, menuSlot, sidebar, workspaceUI, onSidebar
     setSidebarOpen(!isMinimal);
   }, [isMinimal]);
 
+  const location = useLocation();
+
   if (!workspace) {
     return <div className={styles.emptyContainer}></div>;
   }
 
   workspaceUI.setComponents(workspace.components);
   const inIframe = typeof window !== 'undefined' && window.parent && window.parent !== window;
-  const location = useLocation();
   const isOverview = location.pathname === '/' || location.pathname === '';
   const showTopBar = !isMinimal || (isMinimal && !isOverview);