@teambit/workspace 1.0.1007 → 1.0.1008

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

@@ -18,13 +18,6 @@ function _explorerUiGallery() {
   };
   return data;
 }
-function _workspaceUi() {
-  const data = require("@teambit/workspace.ui.empty-workspace");
-  _workspaceUi = function () {
-    return data;
-  };
-  return data;
-}
 function _lodash() {
   const data = _interopRequireDefault(require("lodash.compact"));
   _lodash = function () {
@@ -46,9 +39,9 @@ function _cloudHooks() {
   };
   return data;
 }
-function _workspaceUi2() {
+function _workspaceUi() {
   const data = require("@teambit/workspace.ui.use-workspace-mode");
-  _workspaceUi2 = function () {
+  _workspaceUi = function () {
     return data;
   };
   return data;
@@ -95,6 +88,13 @@ function _workspaceFilterPanel() {
   };
   return data;
 }
+function _workspaceBlankState() {
+  const data = require("./workspace-blank-state");
+  _workspaceBlankState = function () {
+    return data;
+  };
+  return data;
+}
 function _workspaceOverviewModule() {
   const data = _interopRequireDefault(require("./workspace-overview.module.scss"));
   _workspaceOverviewModule = function () {
@@ -104,18 +104,18 @@ function _workspaceOverviewModule() {
 }
 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 {
     components,
     componentDescriptors
   } = workspace;
-  if (!components.length) return /*#__PURE__*/_react().default.createElement(_workspaceUi().EmptyWorkspace, {
-    name: workspace.name
-  });
   const {
     isMinimal
-  } = (0, _workspaceUi2().useWorkspaceMode)();
+  } = (0, _workspaceUi().useWorkspaceMode)();
   const uniqueScopes = [...new Set(components.map(c => c.id.scope))];
   const {
     cloudScopes
@@ -154,6 +154,7 @@ function WorkspaceOverview() {
     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, {
@@ -167,9 +168,7 @@ function WorkspaceOverview() {
     onScopesChange: setActiveScopes
   }), /*#__PURE__*/_react().default.createElement("div", {
     className: _workspaceOverviewModule().default.content
-  }, filteredCount === 0 && /*#__PURE__*/_react().default.createElement(_workspaceUi().EmptyWorkspace, {
-    name: workspace.name
-  }), groups.map(group => /*#__PURE__*/_react().default.createElement("section", {
+  }, 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", {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireWildcard","require","_explorerUiGallery","_workspaceUi","_lodash","_interopRequireDefault","_scopes","_cloudHooks","_workspaceUi2","_workspaceContext","_useWorkspaceAggregation","_useQueryParamWithDefault","_namespaceHeader","_hopeComponentCard","_workspaceFilterPanel","_workspaceOverviewModule","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","WorkspaceOverview","workspace","useContext","WorkspaceContext","components","componentDescriptors","length","createElement","EmptyWorkspace","name","isMinimal","useWorkspaceMode","uniqueScopes","Set","map","c","id","scope","cloudScopes","useCloudScopes","cloudMap","Map","s","toString","compDescriptorMap","d","items","compact","component","deprecation","isDeprecate","descriptor","cloudScope","ScopeID","isValid","fromString","undefined","componentDescriptor","icon","backgroundIconColor","aggregation","setAggregation","useQueryParamWithDefault","activeNamespaces","setActiveNamespaces","useListParamWithDefault","activeScopes","setActiveScopes","filters","useMemo","namespaces","scopes","statuses","groups","groupType","availableAggregations","filteredCount","useWorkspaceAggregation","className","styles","container","WorkspaceFilterPanel","onAggregationChange","onNamespacesChange","onScopesChange","content","group","key","section","sectionHeader","NamespaceHeader","namespace","scopeIcon","scopeIconColor","ComponentGrid","cardGrid","item","HopeComponentCard","showPreview"],"sources":["workspace-overview.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport { ComponentGrid } from '@teambit/explorer.ui.gallery.component-grid';\nimport { EmptyWorkspace } from '@teambit/workspace.ui.empty-workspace';\nimport compact from 'lodash.compact';\nimport { ScopeID } from '@teambit/scopes.scope-id';\nimport { useCloudScopes } from '@teambit/cloud.hooks.use-cloud-scopes';\nimport { useWorkspaceMode } from '@teambit/workspace.ui.use-workspace-mode';\nimport { WorkspaceContext } from '../workspace-context';\nimport { useWorkspaceAggregation } from './use-workspace-aggregation';\nimport { useQueryParamWithDefault, useListParamWithDefault } from './use-query-param-with-default';\nimport { NamespaceHeader } from './namespace-header';\nimport { HopeComponentCard } from './hope-component-card';\nimport type { AggregationType } from './workspace-overview.types';\nimport { WorkspaceFilterPanel } from './workspace-filter-panel';\nimport styles from './workspace-overview.module.scss';\n\nexport function WorkspaceOverview() {\n  const workspace = useContext(WorkspaceContext);\n  const { components, componentDescriptors } = workspace;\n\n  if (!components.length) return <EmptyWorkspace name={workspace.name} />;\n\n  const { isMinimal } = useWorkspaceMode();\n  const uniqueScopes = [...new Set(components.map((c) => c.id.scope))];\n  const { cloudScopes } = useCloudScopes(uniqueScopes);\n  const cloudMap = new Map((cloudScopes || []).map((s) => [s.id.toString(), s]));\n\n  const compDescriptorMap = new Map(componentDescriptors.map((d) => [d.id.toString(), d]));\n\n  const items = compact(\n    components.map((component) => {\n      if (component.deprecation?.isDeprecate) return null;\n\n      const descriptor = compDescriptorMap.get(component.id.toString());\n      if (!descriptor) return null;\n\n      const cloudScope = cloudMap.get(component.id.scope);\n      const scope =\n        cloudScope ||\n        (ScopeID.isValid(component.id.scope) && { id: ScopeID.fromString(component.id.scope) }) ||\n        undefined;\n\n      return {\n        component,\n        componentDescriptor: descriptor,\n        scope: scope\n          ? { id: scope.id, icon: (scope as any).icon, backgroundIconColor: (scope as any).backgroundIconColor }\n          : undefined,\n      };\n    })\n  );\n\n  const [aggregation, setAggregation] = useQueryParamWithDefault<AggregationType>('aggregation', 'namespaces');\n  const [activeNamespaces, setActiveNamespaces] = useListParamWithDefault('ns');\n  const [activeScopes, setActiveScopes] = useListParamWithDefault('scopes');\n\n  const filters = useMemo(\n    () => ({ namespaces: activeNamespaces, scopes: activeScopes, statuses: new Set() as any }),\n    [activeNamespaces, activeScopes]\n  );\n\n  const { groups, groupType, availableAggregations, filteredCount } = useWorkspaceAggregation(\n    items,\n    aggregation,\n    filters\n  );\n\n  return (\n    <div className={styles.container}>\n      <WorkspaceFilterPanel\n        aggregation={aggregation}\n        onAggregationChange={setAggregation}\n        availableAggregations={availableAggregations}\n        items={items}\n        activeNamespaces={activeNamespaces}\n        onNamespacesChange={setActiveNamespaces}\n        activeScopes={activeScopes}\n        onScopesChange={setActiveScopes}\n      />\n\n      <div className={styles.content}>\n        {filteredCount === 0 && <EmptyWorkspace name={workspace.name} />}\n\n        {groups.map((group) => (\n          <section key={group.name} className={styles.section}>\n            {groupType !== 'none' && (\n              <div className={styles.sectionHeader}>\n                <NamespaceHeader\n                  namespace={group.name}\n                  items={group.items}\n                  scopeIcon={group.scopeIcon}\n                  scopeIconColor={group.scopeIconColor}\n                />\n              </div>\n            )}\n\n            <ComponentGrid className={styles.cardGrid}>\n              {group.items.map((item) => (\n                <HopeComponentCard\n                  key={item.component.id.toString()}\n                  component={item.component}\n                  componentDescriptor={item.componentDescriptor}\n                  scope={item.scope as any}\n                  showPreview={isMinimal}\n                />\n              ))}\n            </ComponentGrid>\n          </section>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_explorerUiGallery","_lodash","_interopRequireDefault","_scopes","_cloudHooks","_workspaceUi","_workspaceContext","_useWorkspaceAggregation","_useQueryParamWithDefault","_namespaceHeader","_hopeComponentCard","_workspaceFilterPanel","_workspaceBlankState","_workspaceOverviewModule","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","WorkspaceOverview","workspace","useContext","WorkspaceContext","components","componentDescriptors","isMinimal","useWorkspaceMode","uniqueScopes","Set","map","c","id","scope","cloudScopes","useCloudScopes","cloudMap","Map","s","toString","compDescriptorMap","d","items","compact","component","deprecation","isDeprecate","descriptor","cloudScope","ScopeID","isValid","fromString","undefined","componentDescriptor","icon","backgroundIconColor","aggregation","setAggregation","useQueryParamWithDefault","activeNamespaces","setActiveNamespaces","useListParamWithDefault","activeScopes","setActiveScopes","filters","useMemo","namespaces","scopes","statuses","groups","groupType","availableAggregations","filteredCount","useWorkspaceAggregation","length","createElement","WorkspaceBlankState","className","styles","container","WorkspaceFilterPanel","onAggregationChange","onNamespacesChange","onScopesChange","content","group","key","name","section","sectionHeader","NamespaceHeader","namespace","scopeIcon","scopeIconColor","ComponentGrid","cardGrid","item","HopeComponentCard","showPreview"],"sources":["workspace-overview.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport { ComponentGrid } from '@teambit/explorer.ui.gallery.component-grid';\n// Legacy empty state — kept around as a fallback while the new blank state rolls out.\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { EmptyWorkspace } from '@teambit/workspace.ui.empty-workspace';\nimport compact from 'lodash.compact';\nimport { ScopeID } from '@teambit/scopes.scope-id';\nimport { useCloudScopes } from '@teambit/cloud.hooks.use-cloud-scopes';\nimport { useWorkspaceMode } from '@teambit/workspace.ui.use-workspace-mode';\nimport { WorkspaceContext } from '../workspace-context';\nimport { useWorkspaceAggregation } from './use-workspace-aggregation';\nimport { useQueryParamWithDefault, useListParamWithDefault } from './use-query-param-with-default';\nimport { NamespaceHeader } from './namespace-header';\nimport { HopeComponentCard } from './hope-component-card';\nimport type { AggregationType } from './workspace-overview.types';\nimport { WorkspaceFilterPanel } from './workspace-filter-panel';\nimport { WorkspaceBlankState } from './workspace-blank-state';\nimport styles from './workspace-overview.module.scss';\n\nexport function WorkspaceOverview() {\n  const workspace = useContext(WorkspaceContext);\n  const { components, componentDescriptors } = workspace;\n\n  const { isMinimal } = useWorkspaceMode();\n  const uniqueScopes = [...new Set(components.map((c) => c.id.scope))];\n  const { cloudScopes } = useCloudScopes(uniqueScopes);\n  const cloudMap = new Map((cloudScopes || []).map((s) => [s.id.toString(), s]));\n\n  const compDescriptorMap = new Map(componentDescriptors.map((d) => [d.id.toString(), d]));\n\n  const items = compact(\n    components.map((component) => {\n      if (component.deprecation?.isDeprecate) return null;\n\n      const descriptor = compDescriptorMap.get(component.id.toString());\n      if (!descriptor) return null;\n\n      const cloudScope = cloudMap.get(component.id.scope);\n      const scope =\n        cloudScope ||\n        (ScopeID.isValid(component.id.scope) && { id: ScopeID.fromString(component.id.scope) }) ||\n        undefined;\n\n      return {\n        component,\n        componentDescriptor: descriptor,\n        scope: scope\n          ? { id: scope.id, icon: (scope as any).icon, backgroundIconColor: (scope as any).backgroundIconColor }\n          : undefined,\n      };\n    })\n  );\n\n  const [aggregation, setAggregation] = useQueryParamWithDefault<AggregationType>('aggregation', 'namespaces');\n  const [activeNamespaces, setActiveNamespaces] = useListParamWithDefault('ns');\n  const [activeScopes, setActiveScopes] = useListParamWithDefault('scopes');\n\n  const filters = useMemo(\n    () => ({ namespaces: activeNamespaces, scopes: activeScopes, statuses: new Set() as any }),\n    [activeNamespaces, activeScopes]\n  );\n\n  const { groups, groupType, availableAggregations, filteredCount } = useWorkspaceAggregation(\n    items,\n    aggregation,\n    filters\n  );\n\n  if (!components.length) return <WorkspaceBlankState />;\n\n  return (\n    <div className={styles.container}>\n      <WorkspaceFilterPanel\n        aggregation={aggregation}\n        onAggregationChange={setAggregation}\n        availableAggregations={availableAggregations}\n        items={items}\n        activeNamespaces={activeNamespaces}\n        onNamespacesChange={setActiveNamespaces}\n        activeScopes={activeScopes}\n        onScopesChange={setActiveScopes}\n      />\n\n      <div className={styles.content}>\n        {filteredCount === 0 && <WorkspaceBlankState />}\n\n        {groups.map((group) => (\n          <section key={group.name} className={styles.section}>\n            {groupType !== 'none' && (\n              <div className={styles.sectionHeader}>\n                <NamespaceHeader\n                  namespace={group.name}\n                  items={group.items}\n                  scopeIcon={group.scopeIcon}\n                  scopeIconColor={group.scopeIconColor}\n                />\n              </div>\n            )}\n\n            <ComponentGrid className={styles.cardGrid}>\n              {group.items.map((item) => (\n                <HopeComponentCard\n                  key={item.component.id.toString()}\n                  component={item.component}\n                  componentDescriptor={item.componentDescriptor}\n                  scope={item.scope as any}\n                  showPreview={isMinimal}\n                />\n              ))}\n            </ComponentGrid>\n          </section>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/workspace",
-  "version": "1.0.1007",
+  "version": "1.0.1008",
   "homepage": "https://bit.cloud/teambit/workspace/workspace",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.workspace",
     "name": "workspace",
-    "version": "1.0.1007"
+    "version": "1.0.1008"
   },
   "dependencies": {
     "lodash": "4.17.21",
@@ -30,23 +30,40 @@
     "reset-css": "5.0.1",
     "@teambit/component-id": "1.2.4",
     "@teambit/harmony": "0.4.7",
+    "@teambit/legacy.extension-data": "0.0.125",
+    "@teambit/legacy.scope": "0.0.123",
     "@teambit/component-version": "1.0.4",
+    "@teambit/legacy.consumer-component": "0.0.124",
+    "@teambit/legacy.consumer": "0.0.123",
     "@teambit/bit-error": "0.0.404",
     "@teambit/lane-id": "0.0.312",
+    "@teambit/legacy.bit-map": "0.0.180",
     "@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.1426",
+    "@teambit/cli": "0.0.1333",
+    "@teambit/config-store": "0.0.214",
     "@teambit/legacy.constants": "0.0.29",
     "@teambit/component.ui.component-status-resolver": "0.0.510",
     "@teambit/harmony.modules.resolved-component": "0.0.514",
     "@teambit/legacy.utils": "0.0.38",
+    "@teambit/scope.remotes": "0.0.123",
+    "@teambit/config": "0.0.1508",
     "@teambit/harmony.modules.requireable-component": "0.0.514",
     "@teambit/toolbox.modules.module-resolver": "0.0.20",
+    "@teambit/workspace.modules.node-modules-linker": "0.0.354",
+    "@teambit/global-config": "0.0.1337",
+    "@teambit/legacy.consumer-config": "0.0.123",
+    "@teambit/variants": "0.0.1601",
     "@teambit/component-issues": "0.0.172",
+    "@teambit/component.sources": "0.0.175",
     "@teambit/dependencies.modules.packages-excluder": "1.0.8",
     "@teambit/git.modules.git-executable": "0.0.30",
     "@teambit/harmony.modules.in-memory-cache": "0.0.33",
     "@teambit/legacy-bit-id": "1.1.3",
+    "@teambit/legacy.component-list": "0.0.177",
+    "@teambit/legacy.scope-api": "0.0.178",
     "@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",
@@ -84,45 +101,29 @@
     "@teambit/preview.ui.preview-placeholder": "0.0.567",
     "@teambit/scopes.scope-id": "0.0.9",
     "@teambit/workspace.ui.load-preview": "0.0.504",
+    "@teambit/evangelist.elements.icon": "1.0.5",
     "@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.1007",
-    "@teambit/dependency-resolver": "1.0.1007",
-    "@teambit/envs": "1.0.1007",
-    "@teambit/legacy.extension-data": "0.0.125",
-    "@teambit/legacy.scope": "0.0.123",
-    "@teambit/legacy.consumer-component": "0.0.124",
-    "@teambit/legacy.consumer": "0.0.123",
-    "@teambit/legacy.bit-map": "0.0.180",
-    "@teambit/logger": "0.0.1426",
-    "@teambit/objects": "0.0.514",
-    "@teambit/scope": "1.0.1007",
-    "@teambit/graph": "1.0.1007",
-    "@teambit/cli": "0.0.1333",
-    "@teambit/config-store": "0.0.214",
-    "@teambit/isolator": "1.0.1007",
-    "@teambit/component-tree": "1.0.1007",
-    "@teambit/watcher": "1.0.1007",
-    "@teambit/scope.remotes": "0.0.123",
-    "@teambit/aspect-loader": "1.0.1007",
-    "@teambit/config": "0.0.1508",
-    "@teambit/workspace.modules.node-modules-linker": "0.0.354",
-    "@teambit/graphql": "1.0.1007",
-    "@teambit/bundler": "1.0.1007",
-    "@teambit/global-config": "0.0.1337",
-    "@teambit/legacy.consumer-config": "0.0.123",
-    "@teambit/ui": "1.0.1007",
-    "@teambit/variants": "0.0.1601",
-    "@teambit/component.sources": "0.0.175",
-    "@teambit/legacy.component-list": "0.0.177",
-    "@teambit/legacy.scope-api": "0.0.178",
-    "@teambit/command-bar": "1.0.1007",
-    "@teambit/sidebar": "1.0.1007",
-    "@teambit/pubsub": "1.0.1007",
-    "@teambit/deprecation": "1.0.1007"
+    "@teambit/component": "1.0.1008",
+    "@teambit/dependency-resolver": "1.0.1008",
+    "@teambit/envs": "1.0.1008",
+    "@teambit/objects": "0.0.515",
+    "@teambit/scope": "1.0.1008",
+    "@teambit/graph": "1.0.1008",
+    "@teambit/isolator": "1.0.1008",
+    "@teambit/component-tree": "1.0.1008",
+    "@teambit/watcher": "1.0.1008",
+    "@teambit/aspect-loader": "1.0.1008",
+    "@teambit/graphql": "1.0.1008",
+    "@teambit/bundler": "1.0.1008",
+    "@teambit/ui": "1.0.1008",
+    "@teambit/command-bar": "1.0.1008",
+    "@teambit/sidebar": "1.0.1008",
+    "@teambit/pubsub": "1.0.1008",
+    "@teambit/deprecation": "1.0.1008"
   },
   "devDependencies": {
     "@types/lodash": "4.14.165",

package/ui/workspace/workspace-overview/hope-ai-icon.tsx

@@ -0,0 +1,125 @@
+import React, { useRef } from 'react';
+
+/**
+ * Inlined copy of `@teambit/hope.design.hope-icon`'s `HopeAiIcon`.
+ * Inlined here because the original lives in a private scope; replace with the
+ * package import once it is publicly available.
+ */
+
+let counter = 0;
+
+function useGradientIds() {
+  const ref = useRef<{ idle: string; active: string } | null>(null);
+  if (!ref.current) {
+    counter += 1;
+    ref.current = {
+      idle: `hopeAiIdle${counter}`,
+      active: `hopeAiActive${counter}`,
+    };
+  }
+  return ref.current;
+}
+
+export type HopeAiIconProps = {
+  /** Whether the icon is in active/loading state. */
+  active?: boolean;
+  /** Icon size in pixels. */
+  size?: number;
+  /** Additional class name. */
+  className?: string;
+};
+
+export function HopeAiIcon({ active = false, size = 24, className }: HopeAiIconProps) {
+  const { idle, active: activeId } = useGradientIds();
+  const s = active ? `url(#${activeId})` : `url(#${idle})`;
+
+  return (
+    <svg
+      viewBox="-2 -2 28 28"
+      fill="none"
+      width={size}
+      height={size}
+      className={className}
+      style={{ display: 'inline-flex', flexShrink: 0 }}
+    >
+      <defs>
+        <linearGradient id={idle} x1="0%" y1="0%" x2="100%" y2="100%">
+          <stop offset="0%" stopColor="#6B8FA8">
+            <animate
+              attributeName="stop-color"
+              values="#6B8FA8;#7B6DB8;#A06B8F;#6B8FA8"
+              dur="8s"
+              repeatCount="indefinite"
+            />
+          </stop>
+          <stop offset="100%" stopColor="#A06B8F">
+            <animate
+              attributeName="stop-color"
+              values="#A06B8F;#6B8FA8;#7B6DB8;#A06B8F"
+              dur="8s"
+              repeatCount="indefinite"
+            />
+          </stop>
+        </linearGradient>
+        <linearGradient id={activeId} x1="0%" y1="0%" x2="100%" y2="100%">
+          <stop offset="0%" stopColor="#7EC8E3">
+            <animate
+              attributeName="stop-color"
+              values="#7EC8E3;#9B72F2;#F06B8A;#7EC8E3"
+              dur="3s"
+              repeatCount="indefinite"
+            />
+          </stop>
+          <stop offset="100%" stopColor="#F06B8A">
+            <animate
+              attributeName="stop-color"
+              values="#F06B8A;#7EC8E3;#9B72F2;#F06B8A"
+              dur="3s"
+              repeatCount="indefinite"
+            />
+          </stop>
+        </linearGradient>
+      </defs>
+      {/* main star */}
+      <path
+        d="M12 2.5L13.8 10.2L21.5 12L13.8 13.8L12 21.5L10.2 13.8L2.5 12L10.2 10.2L12 2.5Z"
+        stroke={s}
+        strokeWidth="1.5"
+        strokeLinejoin="round"
+        fill="none"
+      >
+        {active && (
+          <animateTransform
+            attributeName="transform"
+            type="rotate"
+            values="0 12 12;12 12 12;-12 12 12;0 12 12"
+            dur="1s"
+            repeatCount="indefinite"
+          />
+        )}
+      </path>
+      {/* top-right mini sparkle */}
+      <path
+        d="M21 3L21.6 4.8L23.4 5.4L21.6 6L21 7.8L20.4 6L18.6 5.4L20.4 4.8L21 3Z"
+        stroke={s}
+        strokeWidth="0.8"
+        strokeLinejoin="round"
+        fill="none"
+      >
+        {active && <animate attributeName="opacity" values="1;0.2;1" dur="0.9s" repeatCount="indefinite" />}
+      </path>
+      {/* bottom-left mini sparkle */}
+      <path
+        d="M3.5 17.5L4 19L5.5 19.5L4 20L3.5 21.5L3 20L1.5 19.5L3 19L3.5 17.5Z"
+        stroke={s}
+        strokeWidth="0.8"
+        strokeLinejoin="round"
+        fill="none"
+      >
+        {active && (
+          <animate attributeName="opacity" values="1;0.15;1" dur="0.9s" begin="0.3s" repeatCount="indefinite" />
+        )}
+      </path>
+    </svg>
+  );
+}

package/ui/workspace/workspace-overview/workspace-blank-state.module.scss

@@ -0,0 +1,252 @@
+.container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background: var(--background-color);
+  overflow-y: auto;
+  position: relative;
+}
+
+.vignette {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background: radial-gradient(ellipse at 50% 22%, var(--surface01-color, #f7f7f7) 0%, var(--background-color) 60%);
+}
+
+/* Centered in the space above the footer via auto margins. */
+.body {
+  position: relative;
+  z-index: 1;
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 720px;
+  margin: auto;
+  padding: 48px 32px;
+  text-align: center;
+}
+
+.headline {
+  font-family: 'Instrument Serif', Georgia, serif;
+  margin: 0;
+  font-size: 44px;
+  line-height: 1.1;
+  font-weight: 400;
+  color: var(--on-background-high-color);
+  letter-spacing: -0.02em;
+  text-wrap: balance;
+
+  em {
+    color: var(--bit-accent-color, #6c5ce7);
+    font-style: italic;
+  }
+}
+
+.sub {
+  margin: 16px auto 40px;
+  max-width: 460px;
+  font-size: 14px;
+  line-height: 1.55;
+  color: var(--on-background-medium-color);
+}
+
+/* ---- Primary CTA — Hope callout ---- */
+
+.hopeCallout {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  padding: 20px 24px;
+  background: var(--primary-surface-color, #f6f5fe);
+  border: 1.5px solid var(--border-primary-color, #6c5ce7);
+  border-radius: 14px;
+  box-shadow:
+    0 1px 2px rgba(93, 72, 255, 0.06),
+    0 18px 40px -18px rgba(93, 72, 255, 0.4);
+  text-align: left;
+}
+
+.hopeIcon {
+  flex-shrink: 0;
+}
+
+.hopeText {
+  flex: 1;
+}
+
+.hopeTitle {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--on-background-high-color);
+  letter-spacing: -0.01em;
+  margin-bottom: 3px;
+}
+
+.hopeHelp {
+  font-size: 13px;
+  color: var(--on-background-medium-color);
+  line-height: 1.5;
+}
+
+/* ---- Separator ---- */
+
+.sep {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  margin: 32px auto 20px;
+  max-width: 340px;
+}
+
+.sepLine {
+  flex: 1;
+  height: 1px;
+  background: var(--border-medium-color);
+}
+
+.sepLabel {
+  font-family: 'JetBrains Mono', ui-monospace, Menlo, monospace;
+  font-size: 11px;
+  color: var(--on-background-low-color);
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+}
+
+/* ---- DIY rows ---- */
+
+.diyGrid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 16px;
+}
+
+.diyRow {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  padding: 16px 18px;
+  background: var(--surface-color);
+  border: 1px solid var(--border-medium-color);
+  border-radius: 12px;
+  text-align: left;
+}
+
+.diyTitle {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--on-background-high-color);
+}
+
+.diyBody {
+  font-size: 13px;
+  color: var(--on-background-medium-color);
+  line-height: 1.45;
+  margin-top: 2px;
+}
+
+.diyCmdRow {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.diyCmd {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 10px;
+  background: var(--surface01-color, #f7f7f7);
+  border: 1px solid var(--border-medium-color);
+  border-radius: 8px;
+  font-family: 'JetBrains Mono', ui-monospace, Menlo, monospace;
+  font-size: 13px;
+  color: var(--on-background-color);
+  min-width: 0;
+}
+
+.diyPrompt {
+  color: var(--on-background-low-color);
+}
+
+.diyCmdText {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.diyCopy {
+  height: 30px;
+  padding: 0 12px;
+  background: transparent;
+  border: 1px solid var(--border-medium-color);
+  border-radius: 8px;
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--on-background-medium-color);
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: background 0.12s ease;
+
+  &:hover {
+    background: var(--surface01-color, #f7f7f7);
+  }
+}
+
+/* ---- Docs links ---- */
+
+.docsLinks {
+  margin-top: 32px;
+  display: flex;
+  justify-content: center;
+  gap: 28px;
+}
+
+.link {
+  color: var(--bit-accent-color, #6c5ce7);
+  text-decoration: none;
+  font-weight: 500;
+  font-size: 13px;
+}
+
+/* ---- Footer ---- */
+
+.bottom {
+  flex-shrink: 0;
+  position: relative;
+  z-index: 1;
+  padding: 20px 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  border-top: 1px solid var(--border-medium-color);
+  background: var(--surface-color);
+}
+
+.iconLink {
+  display: inline-flex;
+  padding: 8px;
+  border-radius: 10px;
+  text-decoration: none;
+  transition: background 0.14s ease;
+
+  &:hover {
+    background: var(--surface-hover-color, rgba(120, 120, 140, 0.12));
+  }
+}
+
+.logo {
+  width: 28px;
+  height: 28px;
+  display: block;
+}
+
+.discordIcon {
+  display: block;
+  font-size: 28px;
+  line-height: 1;
+  color: var(--on-background-medium-color);
+}