@teambit/workspace 1.0.1006 → 1.0.1008

package/dist/{preview-1780598604039.js → preview-1780929047751.js}

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

package/dist/ui/workspace/workspace-overview/hope-ai-icon.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+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 declare function HopeAiIcon({ active, size, className }: HopeAiIconProps): React.JSX.Element;

package/dist/ui/workspace/workspace-overview/hope-ai-icon.js

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HopeAiIcon = HopeAiIcon;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+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); }
+/**
+ * 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 = (0, _react().useRef)(null);
+  if (!ref.current) {
+    counter += 1;
+    ref.current = {
+      idle: `hopeAiIdle${counter}`,
+      active: `hopeAiActive${counter}`
+    };
+  }
+  return ref.current;
+}
+function HopeAiIcon({
+  active = false,
+  size = 24,
+  className
+}) {
+  const {
+    idle,
+    active: activeId
+  } = useGradientIds();
+  const s = active ? `url(#${activeId})` : `url(#${idle})`;
+  return /*#__PURE__*/_react().default.createElement("svg", {
+    viewBox: "-2 -2 28 28",
+    fill: "none",
+    width: size,
+    height: size,
+    className: className,
+    style: {
+      display: 'inline-flex',
+      flexShrink: 0
+    }
+  }, /*#__PURE__*/_react().default.createElement("defs", null, /*#__PURE__*/_react().default.createElement("linearGradient", {
+    id: idle,
+    x1: "0%",
+    y1: "0%",
+    x2: "100%",
+    y2: "100%"
+  }, /*#__PURE__*/_react().default.createElement("stop", {
+    offset: "0%",
+    stopColor: "#6B8FA8"
+  }, /*#__PURE__*/_react().default.createElement("animate", {
+    attributeName: "stop-color",
+    values: "#6B8FA8;#7B6DB8;#A06B8F;#6B8FA8",
+    dur: "8s",
+    repeatCount: "indefinite"
+  })), /*#__PURE__*/_react().default.createElement("stop", {
+    offset: "100%",
+    stopColor: "#A06B8F"
+  }, /*#__PURE__*/_react().default.createElement("animate", {
+    attributeName: "stop-color",
+    values: "#A06B8F;#6B8FA8;#7B6DB8;#A06B8F",
+    dur: "8s",
+    repeatCount: "indefinite"
+  }))), /*#__PURE__*/_react().default.createElement("linearGradient", {
+    id: activeId,
+    x1: "0%",
+    y1: "0%",
+    x2: "100%",
+    y2: "100%"
+  }, /*#__PURE__*/_react().default.createElement("stop", {
+    offset: "0%",
+    stopColor: "#7EC8E3"
+  }, /*#__PURE__*/_react().default.createElement("animate", {
+    attributeName: "stop-color",
+    values: "#7EC8E3;#9B72F2;#F06B8A;#7EC8E3",
+    dur: "3s",
+    repeatCount: "indefinite"
+  })), /*#__PURE__*/_react().default.createElement("stop", {
+    offset: "100%",
+    stopColor: "#F06B8A"
+  }, /*#__PURE__*/_react().default.createElement("animate", {
+    attributeName: "stop-color",
+    values: "#F06B8A;#7EC8E3;#9B72F2;#F06B8A",
+    dur: "3s",
+    repeatCount: "indefinite"
+  })))), /*#__PURE__*/_react().default.createElement("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 && /*#__PURE__*/_react().default.createElement("animateTransform", {
+    attributeName: "transform",
+    type: "rotate",
+    values: "0 12 12;12 12 12;-12 12 12;0 12 12",
+    dur: "1s",
+    repeatCount: "indefinite"
+  })), /*#__PURE__*/_react().default.createElement("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 && /*#__PURE__*/_react().default.createElement("animate", {
+    attributeName: "opacity",
+    values: "1;0.2;1",
+    dur: "0.9s",
+    repeatCount: "indefinite"
+  })), /*#__PURE__*/_react().default.createElement("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 && /*#__PURE__*/_react().default.createElement("animate", {
+    attributeName: "opacity",
+    values: "1;0.15;1",
+    dur: "0.9s",
+    begin: "0.3s",
+    repeatCount: "indefinite"
+  })));
+}
+
+//# sourceMappingURL=hope-ai-icon.js.map

package/dist/ui/workspace/workspace-overview/hope-ai-icon.js.map

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+/**
+ * Empty workspace state, shown when the workspace has no components.
+ * Replaces the legacy `@teambit/workspace.ui.empty-workspace` for the Hope flow.
+ *
+ * The default state guides the user through the Bit CLI in their terminal. In
+ * minimal mode (the embedded Hope experience) we additionally surface the
+ * "prompt Hope in the chat" CTA.
+ */
+export declare function WorkspaceBlankState(): React.JSX.Element;

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

@@ -0,0 +1,179 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WorkspaceBlankState = WorkspaceBlankState;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _evangelistElements() {
+  const data = require("@teambit/evangelist.elements.icon");
+  _evangelistElements = function () {
+    return data;
+  };
+  return data;
+}
+function _workspaceUi() {
+  const data = require("@teambit/workspace.ui.use-workspace-mode");
+  _workspaceUi = function () {
+    return data;
+  };
+  return data;
+}
+function _hopeAiIcon() {
+  const data = require("./hope-ai-icon");
+  _hopeAiIcon = function () {
+    return data;
+  };
+  return data;
+}
+function _workspaceBlankStateModule() {
+  const data = _interopRequireDefault(require("./workspace-blank-state.module.scss"));
+  _workspaceBlankStateModule = 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); }
+const DISCORD_URL = 'https://discord.bit.cloud/';
+
+/**
+ * Empty workspace state, shown when the workspace has no components.
+ * Replaces the legacy `@teambit/workspace.ui.empty-workspace` for the Hope flow.
+ *
+ * The default state guides the user through the Bit CLI in their terminal. In
+ * minimal mode (the embedded Hope experience) we additionally surface the
+ * "prompt Hope in the chat" CTA.
+ */
+function WorkspaceBlankState() {
+  const {
+    isMinimal
+  } = (0, _workspaceUi().useWorkspaceMode)();
+  return /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceBlankStateModule().default.container
+  }, /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceBlankStateModule().default.vignette,
+    "aria-hidden": true
+  }), /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceBlankStateModule().default.body
+  }, /*#__PURE__*/_react().default.createElement("h1", {
+    className: _workspaceBlankStateModule().default.headline
+  }, "Your workspace is ", /*#__PURE__*/_react().default.createElement("em", null, "ready"), " for its first component."), /*#__PURE__*/_react().default.createElement("p", {
+    className: _workspaceBlankStateModule().default.sub
+  }, "Components will appear here as they're built."), isMinimal && /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceBlankStateModule().default.hopeCallout
+  }, /*#__PURE__*/_react().default.createElement(_hopeAiIcon().HopeAiIcon, {
+    size: 32,
+    className: _workspaceBlankStateModule().default.hopeIcon
+  }), /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceBlankStateModule().default.hopeText
+  }, /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceBlankStateModule().default.hopeTitle
+  }, "Prompt Hope in the chat"), /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceBlankStateModule().default.hopeHelp
+  }, "Describe what you want to build, from one prompt to a whole company."))), /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceBlankStateModule().default.sep
+  }, /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceBlankStateModule().default.sepLine
+  }), /*#__PURE__*/_react().default.createElement("span", {
+    className: _workspaceBlankStateModule().default.sepLabel
+  }, "or do it yourself"), /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceBlankStateModule().default.sepLine
+  }))), /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceBlankStateModule().default.diyGrid
+  }, /*#__PURE__*/_react().default.createElement(DiyRow, {
+    title: "Create",
+    body: "Scaffold a new component.",
+    cmd: "bit create react button"
+  }), /*#__PURE__*/_react().default.createElement(DiyRow, {
+    title: "Import",
+    body: "Bring one from another scope.",
+    cmd: "bit import org.scope/comp"
+  })), /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceBlankStateModule().default.docsLinks
+  }, /*#__PURE__*/_react().default.createElement("a", {
+    href: "https://bit.dev/docs",
+    className: _workspaceBlankStateModule().default.link,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, "CLI docs \u2197"), /*#__PURE__*/_react().default.createElement("a", {
+    href: "https://bit.cloud/docs",
+    className: _workspaceBlankStateModule().default.link,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, "Cloud docs \u2197"))), /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceBlankStateModule().default.bottom
+  }, /*#__PURE__*/_react().default.createElement(IconLink, {
+    href: "https://github.com/teambit/bit",
+    src: "https://static.bit.dev/harmony/github.svg",
+    label: "Bit on GitHub"
+  }), /*#__PURE__*/_react().default.createElement("a", {
+    href: DISCORD_URL,
+    className: _workspaceBlankStateModule().default.iconLink,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    "aria-label": "Bit community on Discord"
+  }, /*#__PURE__*/_react().default.createElement(_evangelistElements().Icon, {
+    of: "discord",
+    className: _workspaceBlankStateModule().default.discordIcon
+  }))));
+}
+function IconLink({
+  href,
+  src,
+  label
+}) {
+  return /*#__PURE__*/_react().default.createElement("a", {
+    href: href,
+    className: _workspaceBlankStateModule().default.iconLink,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    "aria-label": label
+  }, /*#__PURE__*/_react().default.createElement("img", {
+    src: src,
+    alt: label,
+    className: _workspaceBlankStateModule().default.logo
+  }));
+}
+function DiyRow({
+  title,
+  body,
+  cmd
+}) {
+  const [copied, setCopied] = (0, _react().useState)(false);
+  const onCopy = e => {
+    e.stopPropagation();
+    if (typeof navigator !== 'undefined' && navigator.clipboard) {
+      navigator.clipboard.writeText(cmd).catch(() => undefined);
+    }
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1400);
+  };
+  return /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceBlankStateModule().default.diyRow
+  }, /*#__PURE__*/_react().default.createElement("div", null, /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceBlankStateModule().default.diyTitle
+  }, title), /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceBlankStateModule().default.diyBody
+  }, body)), /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceBlankStateModule().default.diyCmdRow
+  }, /*#__PURE__*/_react().default.createElement("div", {
+    className: _workspaceBlankStateModule().default.diyCmd
+  }, /*#__PURE__*/_react().default.createElement("span", {
+    className: _workspaceBlankStateModule().default.diyPrompt
+  }, "$"), /*#__PURE__*/_react().default.createElement("span", {
+    className: _workspaceBlankStateModule().default.diyCmdText
+  }, cmd)), /*#__PURE__*/_react().default.createElement("button", {
+    type: "button",
+    onClick: onCopy,
+    className: _workspaceBlankStateModule().default.diyCopy
+  }, copied ? 'Copied' : 'Copy')));
+}
+
+//# sourceMappingURL=workspace-blank-state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_evangelistElements","_workspaceUi","_hopeAiIcon","_workspaceBlankStateModule","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DISCORD_URL","WorkspaceBlankState","isMinimal","useWorkspaceMode","createElement","className","styles","container","vignette","body","headline","sub","Fragment","hopeCallout","HopeAiIcon","size","hopeIcon","hopeText","hopeTitle","hopeHelp","sep","sepLine","sepLabel","diyGrid","DiyRow","title","cmd","docsLinks","href","link","target","rel","bottom","IconLink","src","label","iconLink","Icon","of","discordIcon","alt","logo","copied","setCopied","useState","onCopy","stopPropagation","navigator","clipboard","writeText","catch","undefined","setTimeout","diyRow","diyTitle","diyBody","diyCmdRow","diyCmd","diyPrompt","diyCmdText","type","onClick","diyCopy"],"sources":["workspace-blank-state.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Icon } from '@teambit/evangelist.elements.icon';\nimport { useWorkspaceMode } from '@teambit/workspace.ui.use-workspace-mode';\nimport { HopeAiIcon } from './hope-ai-icon';\nimport styles from './workspace-blank-state.module.scss';\n\nconst DISCORD_URL = 'https://discord.bit.cloud/';\n\n/**\n * Empty workspace state, shown when the workspace has no components.\n * Replaces the legacy `@teambit/workspace.ui.empty-workspace` for the Hope flow.\n *\n * The default state guides the user through the Bit CLI in their terminal. In\n * minimal mode (the embedded Hope experience) we additionally surface the\n * \"prompt Hope in the chat\" CTA.\n */\nexport function WorkspaceBlankState() {\n  const { isMinimal } = useWorkspaceMode();\n\n  return (\n    <div className={styles.container}>\n      <div className={styles.vignette} aria-hidden />\n\n      <div className={styles.body}>\n        <h1 className={styles.headline}>\n          Your workspace is <em>ready</em> for its first component.\n        </h1>\n\n        <p className={styles.sub}>Components will appear here as they're built.</p>\n\n        {/* Primary — prompt Hope in the chat (minimal mode only) */}\n        {isMinimal && (\n          <>\n            <div className={styles.hopeCallout}>\n              <HopeAiIcon size={32} className={styles.hopeIcon} />\n              <div className={styles.hopeText}>\n                <div className={styles.hopeTitle}>Prompt Hope in the chat</div>\n                <div className={styles.hopeHelp}>\n                  Describe what you want to build, from one prompt to a whole company.\n                </div>\n              </div>\n            </div>\n\n            {/* OR separator */}\n            <div className={styles.sep}>\n              <div className={styles.sepLine} />\n              <span className={styles.sepLabel}>or do it yourself</span>\n              <div className={styles.sepLine} />\n            </div>\n          </>\n        )}\n\n        {/* DIY CLI options */}\n        <div className={styles.diyGrid}>\n          <DiyRow title=\"Create\" body=\"Scaffold a new component.\" cmd=\"bit create react button\" />\n          <DiyRow title=\"Import\" body=\"Bring one from another scope.\" cmd=\"bit import org.scope/comp\" />\n        </div>\n\n        <div className={styles.docsLinks}>\n          <a href=\"https://bit.dev/docs\" className={styles.link} target=\"_blank\" rel=\"noopener noreferrer\">\n            CLI docs ↗\n          </a>\n          <a href=\"https://bit.cloud/docs\" className={styles.link} target=\"_blank\" rel=\"noopener noreferrer\">\n            Cloud docs ↗\n          </a>\n        </div>\n      </div>\n\n      <div className={styles.bottom}>\n        <IconLink\n          href=\"https://github.com/teambit/bit\"\n          src=\"https://static.bit.dev/harmony/github.svg\"\n          label=\"Bit on GitHub\"\n        />\n        <a\n          href={DISCORD_URL}\n          className={styles.iconLink}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          aria-label=\"Bit community on Discord\"\n        >\n          <Icon of=\"discord\" className={styles.discordIcon} />\n        </a>\n      </div>\n    </div>\n  );\n}\n\nfunction IconLink({ href, src, label }: { href: string; src: string; label: string }) {\n  return (\n    <a href={href} className={styles.iconLink} target=\"_blank\" rel=\"noopener noreferrer\" aria-label={label}>\n      <img src={src} alt={label} className={styles.logo} />\n    </a>\n  );\n}\n\nfunction DiyRow({ title, body, cmd }: { title: string; body: string; cmd: string }) {\n  const [copied, setCopied] = useState(false);\n  const onCopy = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (typeof navigator !== 'undefined' && navigator.clipboard) {\n      navigator.clipboard.writeText(cmd).catch(() => undefined);\n    }\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1400);\n  };\n  return (\n    <div className={styles.diyRow}>\n      <div>\n        <div className={styles.diyTitle}>{title}</div>\n        <div className={styles.diyBody}>{body}</div>\n      </div>\n      <div className={styles.diyCmdRow}>\n        <div className={styles.diyCmd}>\n          <span className={styles.diyPrompt}>$</span>\n          <span className={styles.diyCmdText}>{cmd}</span>\n        </div>\n        <button type=\"button\" onClick={onCopy} className={styles.diyCopy}>\n          {copied ? 'Copied' : 'Copy'}\n        </button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/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);
+}