@shipit-ai/cli 1.167.0 → 1.168.0

package/dist/packages/core/src/infrastructure/services/tool-installer/tools/antigravity.json

@@ -6,7 +6,7 @@
   "author": "Google",
   "website": "https://antigravity.google",
   "platforms": ["linux", "darwin"],
-  "iconUrl": "https://cdn.simpleicons.org/google",
+  "iconUrl": "/icons/tools/antigravity.svg",
   "binary": {
     "linux": "antigravity",
     "darwin": "agy"

package/dist/packages/core/src/infrastructure/services/tool-installer/tools/bash.json

@@ -3,6 +3,7 @@
   "summary": "Bourne Again Shell - default shell on most Linux systems",
   "description": "GNU Bash is a Unix shell and command language. It is the default shell on most Linux distributions and was the default on macOS until Catalina.",
   "tags": ["shell"],
+  "iconUrl": "/icons/tools/bash.svg",
   "author": "GNU Project",
   "website": "https://www.gnu.org/software/bash/",
   "platforms": ["linux", "darwin", "win32"],

package/dist/packages/core/src/infrastructure/services/tool-installer/tools/cursor-cli.json

@@ -6,7 +6,7 @@
   "author": "Anysphere",
   "website": "https://cursor.com",
   "platforms": ["linux", "darwin", "win32"],
-  "iconUrl": "https://cdn.simpleicons.org/cursor",
+  "iconUrl": "/icons/tools/cursor-cli.svg",
   "binary": "cursor-agent",
   "packageManager": "curl",
   "commands": {

package/dist/packages/core/src/infrastructure/services/tool-installer/tools/cursor.json

@@ -6,7 +6,7 @@
   "author": "Anysphere",
   "website": "https://cursor.com",
   "platforms": ["linux", "darwin", "win32"],
-  "iconUrl": "https://cdn.simpleicons.org/cursor",
+  "iconUrl": "/icons/tools/cursor.svg",
   "binary": "cursor",
   "packageManager": "manual",
   "commands": {

package/dist/packages/core/src/infrastructure/services/tool-installer/tools/fish.json

@@ -3,6 +3,7 @@
   "summary": "Friendly Interactive Shell with smart features",
   "description": "Fish is a smart and user-friendly command line shell with features like autosuggestions, syntax highlighting, and web-based configuration.",
   "tags": ["shell"],
+  "iconUrl": "/icons/tools/fish.svg",
   "author": "Fish Shell Contributors",
   "website": "https://fishshell.com/",
   "platforms": ["linux", "darwin"],

package/dist/packages/core/src/infrastructure/services/tool-installer/tools/powershell.json

@@ -3,6 +3,7 @@
   "summary": "Cross-platform task automation shell from Microsoft",
   "description": "PowerShell is a cross-platform task automation solution with a command-line shell, scripting language, and configuration management framework.",
   "tags": ["shell"],
+  "iconUrl": "/icons/tools/powershell.svg",
   "author": "Microsoft",
   "website": "https://github.com/PowerShell/PowerShell",
   "platforms": ["linux", "darwin", "win32"],

package/dist/packages/core/src/infrastructure/services/tool-installer/tools/zsh.json

@@ -3,6 +3,7 @@
   "summary": "Z shell - default shell on macOS since Catalina",
   "description": "Zsh is a powerful shell with advanced features like improved tab completion, globbing, and plugin support via frameworks like Oh My Zsh.",
   "tags": ["shell"],
+  "iconUrl": "/icons/tools/zsh.svg",
   "author": "Paul Falstad",
   "website": "https://www.zsh.org/",
   "platforms": ["linux", "darwin"],

package/dist/src/presentation/web/app/actions/get-merge-review-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-merge-review-data.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/get-merge-review-data.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,eAAe,EAEhB,MAAM,sDAAsD,CAAC;AAI9D,KAAK,wBAAwB,GAAG,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAwDpE,wBAAsB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,wBAAwB,CAAC,CAwI7F"}
+{"version":3,"file":"get-merge-review-data.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/get-merge-review-data.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,eAAe,EAEhB,MAAM,sDAAsD,CAAC;AAI9D,KAAK,wBAAwB,GAAG,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAwDpE,wBAAsB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,wBAAwB,CAAC,CA4I7F"}

package/dist/src/presentation/web/app/actions/get-merge-review-data.js

@@ -130,7 +130,11 @@ export async function getMergeReviewData(featureId) {
                     isWithinRoot(resolvedEvidenceDir, resolvedHome)) {
                     const resolvedManifest = realpathOrNull(join(resolvedEvidenceDir, 'manifest.json'));
                     if (resolvedManifest && isWithinRoot(resolvedManifest, resolvedEvidenceDir)) {
-                        // codeql[js/path-injection] -- resolvedManifest validated by realpathOrNull + isWithinRoot(resolvedManifest, resolvedEvidenceDir) on line 159; featureId flows through SHA-256 hash in computeEvidenceDir
+                        // SECURITY: resolvedManifest validated by realpathOrNull + isWithinRoot
+                        // containment on line 159. featureId flows through SHA-256 hash in
+                        // computeEvidenceDir (hex-only output neutralizes injection). Double
+                        // containment check: home dir → evidence dir → manifest. Alert
+                        // js/path-injection #27 dismissed as false positive.
                         const raw = JSON.parse(readFileSync(resolvedManifest, 'utf-8'));
                         // Pass the UNRESOLVED evidenceDir so returned paths share the
                         // same root form the evidence route's prefix check expects.

package/dist/src/presentation/web/app/actions/open-shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"open-shell.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/open-shell.ts"],"names":[],"mappings":"AAmDA,UAAU,cAAc;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAsB,SAAS,CAC7B,KAAK,EAAE,cAAc,GACpB,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CA4F9E"}
+{"version":3,"file":"open-shell.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/app/actions/open-shell.ts"],"names":[],"mappings":"AAmDA,UAAU,cAAc;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAsB,SAAS,CAC7B,KAAK,EAAE,cAAc,GACpB,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAgG9E"}

package/dist/src/presentation/web/app/actions/open-shell.js

@@ -77,7 +77,11 @@ export async function openShell(input) {
                         // shell treats as a single literal argument to `cd`.
                         const escapedPath = shellEscapePosixPath(targetPath);
                         const command = config.openDirectory.replaceAll('{dir}', escapedPath);
-                        // codeql[js/command-line-injection] -- targetPath from realpathSync (must exist on disk); shell-escaped via single-quote wrapping in shellEscapePosixPath; localhost-only server action
+                        // SECURITY: targetPath from realpathSync (must exist on disk); single-quote
+                        // shell-escaped via shellEscapePosixPath; localhost-only server action.
+                        // shell:true is required by tool configs using `cd {dir} && exec <tool>`.
+                        // CodeQL flags this because it does not model custom sanitizer functions —
+                        // alert js/command-line-injection #29 dismissed as false positive.
                         const child = spawn(command, [], {
                             detached: true,
                             stdio: 'ignore',

package/dist/src/presentation/web/app/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/app/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAErC,OAAO,6BAA6B,CAAC;AACrC,OAAO,2CAA2C,CAAC;AACnD,OAAO,eAAe,CAAC;AAYvB,sFAAsF;AACtF,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAEvC,eAAO,MAAM,QAAQ,EAAE,QAStB,CAAC;AAEF,wBAA8B,UAAU,CAAC,EACvC,QAAQ,GACT,EAAE,QAAQ,CAAC;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC,oDAkCD"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/app/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAGrC,OAAO,6BAA6B,CAAC;AACrC,OAAO,2CAA2C,CAAC;AACnD,OAAO,eAAe,CAAC;AAyBvB,sFAAsF;AACtF,eAAO,MAAM,OAAO,kBAAkB,CAAC;AAEvC,eAAO,MAAM,QAAQ,EAAE,QAStB,CAAC;AAEF,wBAA8B,UAAU,CAAC,EACvC,QAAQ,GACT,EAAE,QAAQ,CAAC;IACV,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC,oDAkCD"}

package/dist/src/presentation/web/app/layout.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cookies } from 'next/headers';
+import { Inter } from 'next/font/google';
 import '@xyflow/react/dist/base.css';
 import '@cubone/react-file-manager/dist/style.css';
 import './globals.css';
@@ -13,13 +14,25 @@ import { QueryProvider } from '../components/providers/query-provider.js';
 import { I18nProvider } from '../components/providers/i18n-provider.js';
 import { getLanguagePreference } from '../lib/language.js';
 import { RouteAnnouncer } from '../components/common/route-announcer/route-announcer.js';
+/*
+ * Inter as the primary brand font for editorial palette adoption.
+ * Loaded via next/font/google so it's self-hosted at build time
+ * (no runtime CDN fetch, aligns with ShipIT's offline-capable ethos).
+ * Exposed as --font-inter; globals.css wires it into --font-sans.
+ * See .scratchpad/plans/stitch-developer-portal-adaptation.md §2.1.
+ */
+const inter = Inter({
+    subsets: ['latin'],
+    display: 'swap',
+    variable: '--font-inter',
+});
 /** Force dynamic rendering for all pages since they depend on client-side context. */
 export const dynamic = 'force-dynamic';
 export const metadata = {
     title: 'ShipIT AI',
     description: 'Autonomous AI Native SDLC Platform - Automate the development cycle from idea to deploy',
     icons: [
-        { rel: 'icon', url: '/shipit-icon.svg', type: 'image/svg+xml' },
+        { rel: 'icon', url: '/favicon.svg', type: 'image/svg+xml' },
         { rel: 'icon', url: '/favicon-32x32.png', sizes: '32x32', type: 'image/png' },
         { rel: 'apple-touch-icon', url: '/apple-touch-icon.png', sizes: '180x180' },
     ],
@@ -32,7 +45,7 @@ export default async function RootLayout({ children, }) {
         getFeatureFlags(),
         getFabLayout(),
     ]);
-    return (_jsxs("html", { lang: language, dir: dir, suppressHydrationWarning: true, children: [_jsx("head", { children: _jsx("script", { dangerouslySetInnerHTML: {
+    return (_jsxs("html", { lang: language, dir: dir, className: inter.variable, suppressHydrationWarning: true, children: [_jsx("head", { children: _jsx("script", { dangerouslySetInnerHTML: {
                         __html: `(function(){try{var d=document.documentElement,t=localStorage.getItem('shipit-ai-theme'),s=window.matchMedia('(prefers-color-scheme: dark)').matches;if(t==='dark'||(t==='system'&&s)||(!t&&s)){d.classList.add('dark')}}catch(e){}})();`,
                     } }) }), _jsxs("body", { className: "min-h-screen antialiased", children: [_jsx(RouteAnnouncer, {}), _jsx(I18nProvider, { initialLanguage: language, children: _jsx(QueryProvider, { children: _jsx(FeatureFlagsProvider, { flags: flags, children: _jsx(FabLayoutProvider, { layout: fabLayout, children: _jsx(AppShell, { sidebarOpen: sidebarOpen, children: children }) }) }) }) }), _jsx(Toaster, { position: "bottom-center" })] })] }));
 }

package/dist/src/presentation/web/components/common/base-drawer/base-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/base-drawer/base-drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAiBlE,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAGpF,QAAA,MAAM,cAAc;;8EAWlB,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IAC1E,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yGAAyG;IACzG,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,iBAAiB,CAAC;CAClC;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,KAAa,EACb,qBAA6B,EAC7B,KAAgB,EAChB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,MAAM,EACN,SAAS,EACT,aAAa,EAAE,MAAM,EACrB,YAAY,GACb,EAAE,eAAe,2CAgJjB"}
+{"version":3,"file":"base-drawer.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/base-drawer/base-drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAiBlE,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAGpF,QAAA,MAAM,cAAc;;8EAWlB,CAAC;AAEH,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IAC1E,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yGAAyG;IACzG,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,iBAAiB,CAAC;CAClC;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,KAAa,EACb,qBAA6B,EAC7B,KAAgB,EAChB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,MAAM,EACN,SAAS,EACT,aAAa,EAAE,MAAM,EACrB,YAAY,GACb,EAAE,eAAe,2CAqLjB"}

package/dist/src/presentation/web/components/common/base-drawer/base-drawer.js

@@ -60,35 +60,72 @@ export function BaseDrawer({ open, onClose, modal = false, dismissOnOutsideClick
         return () => document.removeEventListener('keydown', handleKeyDown);
     }, [open, modal, onClose]);
     // Close when clicking outside the drawer panel (no overlay needed — canvas stays draggable).
-    // Uses `click` (not `pointerdown`) so canvas drags don't trigger this.
+    //
+    // Uses `click` (not `pointerdown`) as the trigger so canvas drags don't close the drawer,
+    // but tracks the `pointerdown` target separately. When the user presses the mouse on an
+    // in-drawer control that opens a portaled popover (Radix Select, DropdownMenu, Popover),
+    // Radix calls preventDefault on pointerdown and opens its portal over the trigger. By
+    // the time pointerup fires, the cursor is over the portal overlay, and Chrome computes
+    // the `click` event's target as the common ancestor of pointerdown/pointerup — which is
+    // `<body>` because the portal is detached from the drawer subtree. Without tracking the
+    // pointerdown origin we would misread this as an outside click and close the drawer.
     useEffect(() => {
         if (!open || modal)
             return;
+        // When dismissOnOutsideClick is false (default), also respect data-no-drawer-close guards.
+        const ignoreSelector = dismissOnOutsideClick
+            ? '[role="alertdialog"], [role="dialog"], [role="menu"], [role="listbox"], [data-radix-popper-content-wrapper]'
+            : '[data-no-drawer-close], [role="alertdialog"], [role="dialog"], [role="menu"], [role="listbox"], [data-radix-popper-content-wrapper]';
+        /** True when `el` is inside the drawer or an explicitly-ignored overlay. */
+        const isInsideOrIgnored = (el) => {
+            if (!el)
+                return false;
+            if (contentRef.current?.contains(el))
+                return true;
+            if (el.closest(ignoreSelector))
+                return true;
+            return false;
+        };
+        // Track the most recent pointerdown target so the click handler can check
+        // where the gesture ORIGINATED, not just where it landed.
+        let pointerDownOrigin = null;
+        const handlePointerDown = (e) => {
+            pointerDownOrigin = e.target;
+        };
         const handleClick = (e) => {
+            const origin = pointerDownOrigin;
+            // Clear for the next gesture regardless of outcome.
+            pointerDownOrigin = null;
             const target = e.target;
             // If the clicked element was unmounted by React before the event reached
             // the document (e.g. a "Next" button removed on the last step), it is no
             // longer in the DOM tree — treat it as an internal click, not an outside one.
             if (!document.body.contains(target))
                 return;
-            if (contentRef.current?.contains(target))
+            // Click landed inside the drawer or a protected overlay.
+            if (isInsideOrIgnored(target))
                 return;
-            // Don't close when clicking inside Radix overlays.
-            // When dismissOnOutsideClick is false (default), also respect data-no-drawer-close guards.
-            const ignoreSelector = dismissOnOutsideClick
-                ? '[role="alertdialog"], [role="dialog"], [role="menu"], [role="listbox"], [data-radix-popper-content-wrapper]'
-                : '[data-no-drawer-close], [role="alertdialog"], [role="dialog"], [role="menu"], [role="listbox"], [data-radix-popper-content-wrapper]';
-            if (target.closest(ignoreSelector))
+            // Click landed outside, but the gesture ORIGINATED inside the drawer or a
+            // protected overlay (e.g. a Radix Select trigger whose portal stole the
+            // pointerup target). This is not a real outside click — bail out.
+            if (isInsideOrIgnored(origin))
                 return;
             onClose();
         };
+        document.addEventListener('pointerdown', handlePointerDown, true);
         document.addEventListener('click', handleClick);
-        return () => document.removeEventListener('click', handleClick);
+        return () => {
+            document.removeEventListener('pointerdown', handlePointerDown, true);
+            document.removeEventListener('click', handleClick);
+        };
     }, [open, modal, onClose, dismissOnOutsideClick]);
     return (_jsxs(Drawer, { direction: drawerDirection, modal: modal, handleOnly: true, open: open, onOpenChange: (isOpen) => {
             if (!isOpen)
                 onClose();
-        }, children: [modal ? _jsx(DrawerOverlay, {}) : null, _jsxs(DrawerContent, { ref: contentRef, direction: drawerDirection, showCloseButton: false, className: cn(drawerVariants({ size }), 'bg-white/85 backdrop-blur-xl dark:bg-neutral-800/85', className), "data-testid": testId, onInteractOutside: modal ? undefined : (e) => e.preventDefault(), ...(!modal ? { 'aria-modal': true } : {}), children: [_jsx(DrawerTitle, { asChild: true, children: _jsx("span", { className: "sr-only", children: title }) }), _jsx(DrawerDescription, { asChild: true, children: _jsx("span", { className: "sr-only", children: title }) }), _jsx(FocusScope.Root, { trapped: !modal, loop: !modal, asChild: true, onMountAutoFocus: handleMountAutoFocus, onUnmountAutoFocus: handleUnmountAutoFocus, children: _jsxs("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: [_jsxs("button", { type: "button", "aria-label": "Close", onClick: onClose, className: "ring-offset-background focus:ring-ring absolute end-3 top-2 z-50 rounded-sm p-1 opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden", "data-testid": testId ? `${testId}-close-button` : undefined, children: [_jsx(XIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] }), header ? _jsx(DrawerHeader, { className: "shrink-0", children: header }) : null, header ? _jsx(Separator, {}) : null, featureFlags.envDeploy && deployTarget ? (_jsx(DeployBar, { deployTarget: deployTarget })) : null, _jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: children }), footer ? _jsx(DrawerFooter, { className: "shrink-0", children: footer }) : null] }) })] })] }));
+        }, children: [modal ? _jsx(DrawerOverlay, {}) : null, _jsxs(DrawerContent, { ref: contentRef, direction: drawerDirection, showCloseButton: false, className: cn(drawerVariants({ size }), 
+                // Editorial glass treatment: semi-transparent with backdrop blur in BOTH modes
+                // for polished depth. Light mode uses white/80, dark mode uses card surface/85.
+                'bg-white/80 backdrop-blur-xl dark:bg-[#1e293bd9]', className), "data-testid": testId, onInteractOutside: modal ? undefined : (e) => e.preventDefault(), ...(!modal ? { 'aria-modal': true } : {}), children: [_jsx(DrawerTitle, { asChild: true, children: _jsx("span", { className: "sr-only", children: title }) }), _jsx(DrawerDescription, { asChild: true, children: _jsx("span", { className: "sr-only", children: title }) }), _jsx(FocusScope.Root, { trapped: !modal, loop: !modal, asChild: true, onMountAutoFocus: handleMountAutoFocus, onUnmountAutoFocus: handleUnmountAutoFocus, children: _jsxs("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: [_jsxs("button", { type: "button", "aria-label": "Close", onClick: onClose, className: "ring-offset-background focus:ring-ring absolute end-3 top-2 z-50 rounded-sm p-1 opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden", "data-testid": testId ? `${testId}-close-button` : undefined, children: [_jsx(XIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] }), header ? _jsx(DrawerHeader, { className: "shrink-0", children: header }) : null, header ? _jsx(Separator, {}) : null, featureFlags.envDeploy && deployTarget ? (_jsx(DeployBar, { deployTarget: deployTarget })) : null, _jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: children }), footer ? _jsx(DrawerFooter, { className: "shrink-0", children: footer }) : null] }) })] })] }));
 }
 function DeployBar({ deployTarget }) {
     const deployAction = useDeployAction(deployTarget);

package/dist/src/presentation/web/components/common/page-header/page-header.d.ts

@@ -1,8 +1,10 @@
 export interface PageHeaderProps {
     title: string;
     description?: string;
+    /** Optional eyebrow label above the title (e.g., "DEVELOPER PORTAL") */
+    eyebrow?: string;
     children?: React.ReactNode;
     className?: string;
 }
-export declare function PageHeader({ title, description, children, className }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageHeader({ title, description, eyebrow, children, className }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=page-header.d.ts.map

package/dist/src/presentation/web/components/common/page-header/page-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/page-header/page-header.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,2CAUtF"}
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/page-header/page-header.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,2CAmB/F"}

package/dist/src/presentation/web/components/common/page-header/page-header.js

@@ -1,5 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../../../lib/utils.js';
-export function PageHeader({ title, description, children, className }) {
-    return (_jsxs("header", { className: cn('flex items-center justify-between gap-4', className), children: [_jsxs("div", { className: "space-y-1", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: title }), description ? _jsx("p", { className: "text-muted-foreground", children: description }) : null] }), children ? _jsx("div", { "data-slot": "actions", children: children }) : null] }));
+/*
+ * PageHeader — Stitch editorial page header pattern.
+ * Renders: tiny uppercase eyebrow → large bold title → muted description.
+ * Matches the tools-page-client.tsx header treatment.
+ * See .scratchpad/stitch/shipit-developer-portal/src/App.tsx:161
+ */
+export function PageHeader({ title, description, eyebrow, children, className }) {
+    return (_jsxs("header", { className: cn('flex items-center justify-between gap-4', className), children: [_jsxs("div", { className: "space-y-1.5", children: [eyebrow ? (_jsx("span", { className: "text-[10px] font-bold tracking-[0.2em] text-slate-400 uppercase", children: eyebrow })) : null, _jsx("div", { className: "flex items-baseline gap-3", children: _jsx("h1", { className: "text-foreground text-3xl font-black tracking-tight", children: title }) }), description ? (_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: description })) : null] }), children ? _jsx("div", { "data-slot": "actions", children: children }) : null] }));
 }

package/dist/src/presentation/web/components/common/repository-node/repository-node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"repository-node.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-node.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AASnE,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,2CA2cA"}
+{"version":3,"file":"repository-node.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/repository-node.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AASnE,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,kBAAkB,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,2CA+cA"}

package/dist/src/presentation/web/components/common/repository-node/repository-node.js

@@ -88,7 +88,12 @@ export function RepositoryNode({ data, selected, }) {
                                                                 }, className: "nodrag relative cursor-pointer text-violet-500 hover:text-violet-600 dark:text-violet-400 dark:hover:text-violet-300", children: [_jsx(MessageSquare, { className: "h-3 w-3" }), _jsx(ChatDotIndicator, { status: chatTurnStatus })] }) }), _jsx(TooltipContent, { children: t('repositoryNode.chatWithAgent') })] }) }), _jsx(FeatureSessionsDropdown, { repositoryPath: data.repositoryPath, includeWorktrees: true, onCreateFromSession: handleCreateFromSession })] })) : null, data.onAdd ? _jsx("div", { className: "ms-1.5" }) : null, data.onAdd ? (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs("button", { "aria-label": t('repositoryNode.newFeature'), "data-testid": "repository-node-add-button", onClick: (e) => {
                                                             e.stopPropagation();
                                                             data.onAdd?.();
-                                                        }, className: cn('flex h-6 shrink-0 cursor-pointer items-center gap-0.5 rounded bg-blue-500 px-1.5 text-[11px] font-bold text-white transition-colors hover:bg-blue-600 dark:bg-amber-500 dark:hover:bg-amber-400', data.pulseAdd && 'animate-pulse-cta'), children: [_jsx(Plus, { className: "h-3 w-3" }), _jsx("span", { className: "translate-y-px", children: t('repositoryNode.new') })] }) }), _jsx(TooltipContent, { side: "top", children: t('repositoryNode.newFeature') })] }) })) : null] })] }), data.branch ? (_jsxs(_Fragment, { children: [_jsx("div", { "data-testid": "repository-node-git-info", className: "text-muted-foreground border-border/50 border-t px-4 py-2", children: _jsxs("div", { className: "flex items-center gap-3 text-xs", children: [_jsxs("span", { className: "flex items-center gap-1 truncate", "data-testid": "repository-node-branch", children: [_jsx(GitBranch, { className: "h-3 w-3 shrink-0" }), _jsx("span", { className: "truncate", children: data.branch })] }), data.behindCount != null && data.behindCount > 0 ? (_jsxs("span", { className: "flex shrink-0 items-center gap-1 whitespace-nowrap text-amber-500", "data-testid": "repository-node-behind", children: [_jsx(ArrowDown, { className: "h-3 w-3 shrink-0" }), t('repositoryNode.behind', { count: data.behindCount })] })) : null] }) }), data.commitMessage ? (_jsx("div", { "data-testid": "repository-node-commit-info", className: "text-muted-foreground border-border/50 border-t px-4 py-2", children: _jsxs("div", { className: "flex items-center gap-2 text-xs", children: [_jsx(GitCommitHorizontal, { className: "h-3 w-3 shrink-0" }), _jsx("span", { className: "min-w-0 truncate", "data-testid": "repository-node-commit-message", children: data.commitMessage }), data.committer ? (_jsxs("span", { className: "text-muted-foreground/70 ms-auto flex shrink-0 items-center gap-1", "data-testid": "repository-node-committer", children: [_jsx(User, { className: "h-3 w-3 shrink-0" }), _jsx("span", { children: data.committer })] })) : null] }) })) : null] })) : data.gitInfoStatus === 'not-a-repo' ? (_jsxs(_Fragment, { children: [_jsx("div", { "data-testid": "repository-node-not-repo", className: "text-muted-foreground border-border/50 border-t px-4 py-2", children: _jsxs("div", { className: "flex items-center gap-2 text-xs", children: [_jsx(FolderOpen, { className: "h-3 w-3 shrink-0" }), _jsx("span", { className: "min-w-0 truncate opacity-60", children: data.repositoryPath ?? 'Unknown path' })] }) }), _jsx("div", { className: "text-muted-foreground border-border/50 border-t px-4 py-2", children: _jsxs("div", { className: "flex items-center gap-2 text-xs opacity-40", children: [_jsx(GitBranch, { className: "h-3 w-3 shrink-0" }), _jsx("span", { children: t('repositoryNode.notAGitRepository') })] }) })] })) : data.gitInfoStatus !== 'ready' ? (_jsxs(_Fragment, { children: [_jsx("div", { "data-testid": "repository-node-git-loading", className: "border-border/50 border-t px-4 py-2", children: _jsxs("div", { className: "flex h-4 items-center gap-2 text-xs", children: [_jsx(GitBranch, { className: "text-muted-foreground h-3 w-3 shrink-0" }), _jsx("span", { className: "bg-muted h-3 w-20 animate-pulse rounded" })] }) }), _jsx("div", { className: "border-border/50 border-t px-4 py-2", children: _jsxs("div", { className: "flex h-4 items-center gap-2 text-xs", children: [_jsx(GitCommitHorizontal, { className: "text-muted-foreground h-3 w-3 shrink-0" }), _jsx("span", { className: "bg-muted h-3 w-36 animate-pulse rounded" })] }) })] })) : null, featureFlags.envDeploy && data.repositoryPath ? (_jsx("div", { "data-testid": "repository-node-dev-preview", className: "border-border/50 border-t px-4 py-2", onClick: (e) => e.stopPropagation(), children: _jsxs("div", { className: "flex items-center gap-2 text-xs", children: [deployAction.deployError ? (_jsx("span", { className: "truncate text-xs text-red-500", children: deployAction.deployError })) : isDeploymentActive ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "me-0.5 inline-block h-2 w-2 shrink-0 rounded-full bg-green-500" }), deployAction.url ? (_jsx("a", { href: deployAction.url, target: "_blank", rel: "noopener noreferrer", className: "truncate text-green-700 hover:underline dark:text-green-400", children: deployAction.url })) : (_jsx("span", { className: "text-muted-foreground", children: t('repositoryNode.starting') }))] })) : (_jsxs("span", { className: "text-muted-foreground inline-flex items-baseline gap-2", children: [_jsx("span", { children: t('repositoryNode.run') }), _jsx("span", { className: "text-muted-foreground/50 text-[10px]", children: t('repositoryNode.startLocalEnvironment') })] })), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: cn('ms-auto flex items-center', !isDeploymentActive &&
+                                                        }, className: cn(
+                                                        // Editorial palette: primary sky blue in both light and dark
+                                                        // (was previously dark:bg-amber-500 which clashes with the
+                                                        // Stitch editorial dark palette). Uses --color-primary via
+                                                        // bg-primary so any future primary shifts propagate here.
+                                                        'bg-primary hover:bg-primary/90 flex h-6 shrink-0 cursor-pointer items-center gap-0.5 rounded px-1.5 text-[11px] font-bold text-white transition-colors', data.pulseAdd && 'animate-pulse-cta'), children: [_jsx(Plus, { className: "h-3 w-3" }), _jsx("span", { className: "translate-y-px", children: t('repositoryNode.new') })] }) }), _jsx(TooltipContent, { side: "top", children: t('repositoryNode.newFeature') })] }) })) : null] })] }), data.branch ? (_jsxs(_Fragment, { children: [_jsx("div", { "data-testid": "repository-node-git-info", className: "text-muted-foreground border-border/50 border-t px-4 py-2", children: _jsxs("div", { className: "flex items-center gap-3 text-xs", children: [_jsxs("span", { className: "flex items-center gap-1 truncate", "data-testid": "repository-node-branch", children: [_jsx(GitBranch, { className: "h-3 w-3 shrink-0" }), _jsx("span", { className: "truncate", children: data.branch })] }), data.behindCount != null && data.behindCount > 0 ? (_jsxs("span", { className: "flex shrink-0 items-center gap-1 whitespace-nowrap text-amber-500", "data-testid": "repository-node-behind", children: [_jsx(ArrowDown, { className: "h-3 w-3 shrink-0" }), t('repositoryNode.behind', { count: data.behindCount })] })) : null] }) }), data.commitMessage ? (_jsx("div", { "data-testid": "repository-node-commit-info", className: "text-muted-foreground border-border/50 border-t px-4 py-2", children: _jsxs("div", { className: "flex items-center gap-2 text-xs", children: [_jsx(GitCommitHorizontal, { className: "h-3 w-3 shrink-0" }), _jsx("span", { className: "min-w-0 truncate", "data-testid": "repository-node-commit-message", children: data.commitMessage }), data.committer ? (_jsxs("span", { className: "text-muted-foreground/70 ms-auto flex shrink-0 items-center gap-1", "data-testid": "repository-node-committer", children: [_jsx(User, { className: "h-3 w-3 shrink-0" }), _jsx("span", { children: data.committer })] })) : null] }) })) : null] })) : data.gitInfoStatus === 'not-a-repo' ? (_jsxs(_Fragment, { children: [_jsx("div", { "data-testid": "repository-node-not-repo", className: "text-muted-foreground border-border/50 border-t px-4 py-2", children: _jsxs("div", { className: "flex items-center gap-2 text-xs", children: [_jsx(FolderOpen, { className: "h-3 w-3 shrink-0" }), _jsx("span", { className: "min-w-0 truncate opacity-60", children: data.repositoryPath ?? 'Unknown path' })] }) }), _jsx("div", { className: "text-muted-foreground border-border/50 border-t px-4 py-2", children: _jsxs("div", { className: "flex items-center gap-2 text-xs opacity-40", children: [_jsx(GitBranch, { className: "h-3 w-3 shrink-0" }), _jsx("span", { children: t('repositoryNode.notAGitRepository') })] }) })] })) : data.gitInfoStatus !== 'ready' ? (_jsxs(_Fragment, { children: [_jsx("div", { "data-testid": "repository-node-git-loading", className: "border-border/50 border-t px-4 py-2", children: _jsxs("div", { className: "flex h-4 items-center gap-2 text-xs", children: [_jsx(GitBranch, { className: "text-muted-foreground h-3 w-3 shrink-0" }), _jsx("span", { className: "bg-muted h-3 w-20 animate-pulse rounded" })] }) }), _jsx("div", { className: "border-border/50 border-t px-4 py-2", children: _jsxs("div", { className: "flex h-4 items-center gap-2 text-xs", children: [_jsx(GitCommitHorizontal, { className: "text-muted-foreground h-3 w-3 shrink-0" }), _jsx("span", { className: "bg-muted h-3 w-36 animate-pulse rounded" })] }) })] })) : null, featureFlags.envDeploy && data.repositoryPath ? (_jsx("div", { "data-testid": "repository-node-dev-preview", className: "border-border/50 border-t px-4 py-2", onClick: (e) => e.stopPropagation(), children: _jsxs("div", { className: "flex items-center gap-2 text-xs", children: [deployAction.deployError ? (_jsx("span", { className: "truncate text-xs text-red-500", children: deployAction.deployError })) : isDeploymentActive ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "me-0.5 inline-block h-2 w-2 shrink-0 rounded-full bg-green-500" }), deployAction.url ? (_jsx("a", { href: deployAction.url, target: "_blank", rel: "noopener noreferrer", className: "truncate text-green-700 hover:underline dark:text-green-400", children: deployAction.url })) : (_jsx("span", { className: "text-muted-foreground", children: t('repositoryNode.starting') }))] })) : (_jsxs("span", { className: "text-muted-foreground inline-flex items-baseline gap-2", children: [_jsx("span", { children: t('repositoryNode.run') }), _jsx("span", { className: "text-muted-foreground/50 text-[10px]", children: t('repositoryNode.startLocalEnvironment') })] })), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: cn('ms-auto flex items-center', !isDeploymentActive &&
                                                         !deployAction.deployError &&
                                                         '[&_button]:text-green-600 [&_button]:hover:text-green-700 dark:[&_button]:text-green-400 dark:[&_button]:hover:text-green-300'), children: _jsx(ActionButton, { label: deployAction.deployError
                                                             ? t('repositoryNode.retry')

package/dist/src/presentation/web/components/common/shipit-ai-logo/shipit-ai-logo.d.ts

@@ -1,7 +1,15 @@
 export interface ShipitAiLogoProps {
     className?: string;
+    /** Icon size in px. Default 24. */
     size?: number;
     variant?: 'default' | 'dev';
+    /**
+     * When true, the full brandmark (icon + "SHIPIT AI" + "ENTERPRISE PORTAL"
+     * eyebrow) renders. When false, only the icon renders — used for the
+     * collapsed sidebar state. Mirrors Stitch's Logo `isOpen` prop.
+     * See .scratchpad/stitch/shipit-developer-portal/src/components/Logo.tsx:9
+     */
+    isOpen?: boolean;
 }
-export declare function ShipitAiLogo({ className, size, variant }: ShipitAiLogoProps): import("react/jsx-runtime").JSX.Element;
+export declare function ShipitAiLogo({ className, size, variant, isOpen, }: ShipitAiLogoProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=shipit-ai-logo.d.ts.map

package/dist/src/presentation/web/components/common/shipit-ai-logo/shipit-ai-logo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shipit-ai-logo.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/shipit-ai-logo/shipit-ai-logo.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,IAAS,EAAE,OAAmB,EAAE,EAAE,iBAAiB,2CAgB5F"}
+{"version":3,"file":"shipit-ai-logo.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/shipit-ai-logo/shipit-ai-logo.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC5B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAWD,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,IAAS,EACT,OAAmB,EACnB,MAAa,GACd,EAAE,iBAAiB,2CAoEnB"}

package/dist/src/presentation/web/components/common/shipit-ai-logo/shipit-ai-logo.js

@@ -1,8 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Image from 'next/image';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../../../lib/utils.js';
-/** Aspect ratio of the ShipIT brain logo PNG (194px height / 319px width) */
-const LOGO_ASPECT_RATIO = 194 / 319;
-export function ShipitAiLogo({ className, size = 24, variant = 'default' }) {
-    return (_jsx(Image, { src: "/shipit-brain.png", alt: "ShipIT AI", width: size, height: Math.round(size * LOGO_ASPECT_RATIO), className: cn('shrink-0 object-contain dark:brightness-125', variant === 'dev' && 'opacity-80', className), style: { width: size, height: 'auto' }, "aria-hidden": true }));
+/*
+ * ShipIT AI logo — Stitch editorial box/neural-circuit design.
+ * Inline SVG so `currentColor` resolves from the parent's text color,
+ * which means the box strokes automatically adapt to light/dark mode
+ * via the sidebar's --sidebar-foreground CSS variable. The neural
+ * circuit paths use the editorial sky blue via the `text-primary` class.
+ *
+ * Ported from .scratchpad/stitch/shipit-developer-portal/src/components/Logo.tsx:9-77
+ */
+export function ShipitAiLogo({ className, size = 24, variant = 'default', isOpen = true, }) {
+    return (_jsxs("div", { className: cn('flex items-center gap-3', className), children: [_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, className: cn('shrink-0', variant === 'dev' && 'opacity-80'), "aria-hidden": true, children: [_jsx("path", { d: "M21 7.5L12 3L3 7.5V16.5L12 21L21 16.5V7.5Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M3 7.5L12 12L21 7.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M12 12V21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsxs("g", { className: "text-primary", children: [_jsx("path", { d: "M12 12C12 12 15 9 15 6C15 3 12 2 12 2", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", className: "animate-pulse" }), _jsx("path", { d: "M12 12C12 12 9 9 9 6C9 3 12 2 12 2", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", className: "animate-pulse", style: { animationDelay: '0.5s' } }), _jsx("circle", { cx: "15", cy: "6", r: "1", fill: "currentColor" }), _jsx("circle", { cx: "9", cy: "6", r: "1", fill: "currentColor" }), _jsx("circle", { cx: "12", cy: "2", r: "1", fill: "currentColor" })] })] }), isOpen ? (_jsxs("div", { className: "flex flex-col leading-none", children: [_jsxs("span", { className: "text-foreground flex items-center gap-1 text-xl font-black tracking-tighter", children: ["SHIPIT ", _jsx("span", { className: "text-primary", children: "AI" })] }), _jsx("span", { className: "mt-0.5 text-[8px] font-bold tracking-[0.2em] text-slate-400 uppercase", children: "Enterprise Portal" })] })) : null] }));
 }

package/dist/src/presentation/web/components/common/sidebar-collapse-toggle/sidebar-collapse-toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-collapse-toggle.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/sidebar-collapse-toggle/sidebar-collapse-toggle.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,0BAA0B;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,EAAE,0BAA0B,2CA8B9E"}
+{"version":3,"file":"sidebar-collapse-toggle.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/sidebar-collapse-toggle/sidebar-collapse-toggle.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,0BAA0B;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,EAAE,0BAA0B,2CAmC9E"}

package/dist/src/presentation/web/components/common/sidebar-collapse-toggle/sidebar-collapse-toggle.js

@@ -20,5 +20,9 @@ export function SidebarCollapseToggle({ className }) {
         }
         toggleSidebar();
     };
-    return (_jsx("div", { className: cn('flex', className), children: _jsx(Button, { "data-testid": "sidebar-collapse-toggle", variant: "ghost", size: "icon", className: "size-7 cursor-pointer group-data-[collapsible=icon]:size-8!", onClick: handleClick, "aria-label": label, children: _jsx(PanelLeft, { className: "size-4" }) }) }));
+    return (_jsx(Button, { "data-testid": "sidebar-collapse-toggle", variant: "ghost", size: "icon", className: cn(
+        // Generous hit area: full sidebar-menu-button size in both expanded
+        // and collapsed modes so the toggle is easy to click regardless of
+        // sidebar state. The icon stays centered via flex.
+        'flex cursor-pointer items-center justify-center', 'size-8 group-data-[collapsible=icon]:size-8!', className), onClick: handleClick, "aria-label": label, children: _jsx(PanelLeft, { className: "size-4" }) }));
 }

package/dist/src/presentation/web/components/common/sidebar-nav-item/sidebar-nav-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-nav-item.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/sidebar-nav-item/sidebar-nav-item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI/C,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAc,EAAE,EAAE,mBAAmB,2CAa9F"}
+{"version":3,"file":"sidebar-nav-item.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/sidebar-nav-item/sidebar-nav-item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI/C,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAiBD,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAc,EAAE,EAAE,mBAAmB,2CAa9F"}

package/dist/src/presentation/web/components/common/sidebar-nav-item/sidebar-nav-item.js

@@ -3,6 +3,21 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from 'next/link';
 import { SidebarMenuItem, SidebarMenuButton } from '../../ui/sidebar.js';
 import { useSoundAction } from '../../../hooks/use-sound-action.js';
+/*
+ * Sidebar nav item with Stitch editorial active state.
+ * Active state styling is applied via attribute selectors on the
+ * data-active attribute that SidebarMenuButton writes when isActive=true.
+ * Using an attribute selector avoids a hydration mismatch: the `active`
+ * prop flows from usePathname() which can return different values during
+ * SSR vs the first client render, so any conditional className based on
+ * it would not match between server and client. data-active is written
+ * once after hydration by the shadcn primitive, so CSS targeting it is
+ * stable across both trees.
+ *
+ * The editorial active styling (text-primary, ring, subtle shadow,
+ * font-semibold) is declared in globals.css under the
+ * [data-sidebar=menu-button][data-active=true] selector.
+ */
 export function SidebarNavItem({ icon: Icon, label, href, active = false }) {
     const navigateSound = useSoundAction('navigate');
     return (_jsx(SidebarMenuItem, { "data-testid": "sidebar-nav-item", children: _jsx(SidebarMenuButton, { asChild: true, isActive: active, tooltip: label, children: _jsxs(Link, { href: href, onClick: () => navigateSound.play(), children: [_jsx(Icon, {}), _jsx("span", { children: label })] }) }) }));

package/dist/src/presentation/web/components/features/chat/ChatSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatSheet.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/chat/ChatSheet.tsx"],"names":[],"mappings":"AA2DA,wBAAgB,eAAe,4CAwY9B"}
+{"version":3,"file":"ChatSheet.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/chat/ChatSheet.tsx"],"names":[],"mappings":"AA4DA,wBAAgB,eAAe,4CAua9B"}

package/dist/src/presentation/web/components/features/chat/ChatSheet.js

@@ -5,6 +5,7 @@ import { useTranslation } from 'react-i18next';
 import { MessageSquare, X, Bot, GripVertical, Maximize2, Minimize2 } from 'lucide-react';
 import { cn } from '../../../lib/utils.js';
 import { Button } from '../../ui/button.js';
+import { Tooltip, TooltipContent, TooltipTrigger } from '../../ui/tooltip.js';
 import { ChatTab } from './ChatTab.js';
 import { ChatDotIndicator } from './ChatDotIndicator.js';
 import { useTurnStatus } from '../../../hooks/turn-statuses-provider.js';
@@ -259,16 +260,28 @@ export function GlobalChatPopup() {
                             };
                             document.addEventListener('mousemove', onMove);
                             document.addEventListener('mouseup', onUp);
-                        }, className: "absolute end-0 bottom-0 z-10 h-4 w-4 cursor-se-resize" })) : null] })) : null, _jsxs(ChatFabWrapper, { swapPosition: swapPosition, sidebarState: sidebarState, isMaximized: isMaximized, children: [_jsxs(Button, { size: "icon", onClick: toggle, className: cn('relative h-14 w-14 rounded-full shadow-lg', 'transition-all duration-200 hover:scale-105 hover:shadow-xl active:scale-95', isOpen
-                            ? 'bg-violet-600 text-white hover:bg-violet-500'
-                            : 'bg-violet-500 text-white hover:bg-violet-400 dark:bg-violet-500 dark:hover:bg-violet-400'), children: [_jsx(MessageSquare, { className: cn('absolute h-7 w-7 stroke-[2.5] transition-all duration-200', isOpen ? 'scale-0 rotate-90 opacity-0' : 'scale-100 rotate-0 opacity-100') }), _jsx(X, { className: cn('absolute h-6 w-6 stroke-[2.5] transition-all duration-200', isOpen ? 'scale-100 rotate-0 opacity-100' : 'scale-0 -rotate-90 opacity-0') }), !isOpen && _jsx(ChatDotIndicator, { status: globalChatTurnStatus, className: "end-0 top-0" })] }), _jsx("div", { className: "pointer-events-none absolute bottom-[calc(100%+8px)] left-1/2 -translate-x-1/2 translate-y-1 opacity-0 transition-all duration-200 group-hover/fab:translate-y-0 group-hover/fab:opacity-100", children: _jsxs("div", { className: "bg-foreground rounded-lg px-3 py-1.5 text-center shadow-lg", children: [_jsx("p", { className: "text-background text-xs font-medium whitespace-nowrap", children: t('chat.shipitAiChat') }), _jsxs("p", { className: "text-background/50 mt-0.5 flex items-center justify-center gap-1 text-[10px]", children: [_jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "\u2318" }), _jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "\u21E7" }), _jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "K" })] })] }) })] })] }));
+                        }, className: "absolute end-0 bottom-0 z-10 h-4 w-4 cursor-se-resize" })) : null] })) : null, _jsx(ChatFabWrapper, { swapPosition: swapPosition, sidebarState: sidebarState, isMaximized: isMaximized, children: _jsxs(Tooltip, { ...(isOpen ? { open: false } : {}), children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs(Button, { size: "icon", onClick: toggle, "data-chat-fab": "true", "data-chat-open": isOpen ? 'true' : 'false', "aria-label": t('chat.shipitAiChat'), className: cn(
+                                // Stitch editorial refresh: use the primary sky token instead of the legacy
+                                // violet accent so the Chat FAB matches the rest of the editorial palette.
+                                // (bg-primary is #2563eb light / #3b82f6 dark)
+                                //
+                                // className here is a STATIC string literal — NO conditional branches.
+                                // The open-state visual lift (ring-2) is applied via a CSS attribute
+                                // selector on [data-chat-fab="true"][data-chat-open="true"] in globals.css.
+                                // Keeping the className pure and static prevents hydration-mismatch
+                                // drift between SSR and client HMR bundles during dev.
+                                //
+                                // Hover uses scale + brightness (NOT translate) so the button stays
+                                // centered under the cursor and does not break Radix tooltip hover
+                                // tracking via flapping pointer events.
+                                'bg-primary text-primary-foreground editorial-shadow relative h-14 w-14 rounded-full shadow-lg transition-all duration-200 hover:scale-[1.05] hover:shadow-xl hover:brightness-110 active:scale-95'), children: [_jsx(MessageSquare, { className: cn('absolute h-7 w-7 stroke-[2.5] transition-all duration-200', isOpen ? 'scale-0 rotate-90 opacity-0' : 'scale-100 rotate-0 opacity-100') }), _jsx(X, { className: cn('absolute h-6 w-6 stroke-[2.5] transition-all duration-200', isOpen ? 'scale-100 rotate-0 opacity-100' : 'scale-0 -rotate-90 opacity-0') }), !isOpen && (_jsx(ChatDotIndicator, { status: globalChatTurnStatus, className: "end-0 top-0" }))] }) }), _jsxs(TooltipContent, { side: "top", sideOffset: 12, className: "text-center", children: [_jsx("p", { className: "text-xs font-medium whitespace-nowrap", children: t('chat.shipitAiChat') }), _jsxs("p", { className: "mt-0.5 flex items-center justify-center gap-1 text-[10px] opacity-60", children: [_jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "\u2318" }), _jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "\u21E7" }), _jsx("kbd", { className: "bg-background/15 rounded px-1 py-px font-mono", children: "K" })] })] })] }) })] }));
 }
 /** Wrapper for the Chat FAB that handles position swapping. */
 function ChatFabWrapper({ swapPosition, sidebarState, isMaximized, children, }) {
     const { i18n } = useTranslation('web');
     const isRtl = i18n.dir() === 'rtl';
     if (!swapPosition) {
-        return (_jsx("div", { className: cn('group/fab fixed end-8 bottom-6 z-30', isMaximized && 'hidden'), children: children }));
+        return (_jsx("div", { className: cn('fixed end-8 bottom-6 z-30', isMaximized && 'hidden'), children: children }));
     }
     // Swapped: chat FAB moves to start side, tracking sidebar width
     const sidebarOffset = sidebarState === 'expanded'
@@ -277,5 +290,5 @@ function ChatFabWrapper({ swapPosition, sidebarState, isMaximized, children, })
     const positionStyle = isRtl
         ? { right: sidebarOffset, transition: 'right 200ms ease-in-out' }
         : { left: sidebarOffset, transition: 'left 200ms ease-in-out' };
-    return (_jsx("div", { className: cn('group/fab fixed bottom-6 z-30', isMaximized && 'hidden'), style: positionStyle, children: children }));
+    return (_jsx("div", { className: cn('fixed bottom-6 z-30', isMaximized && 'hidden'), style: positionStyle, children: children }));
 }

package/dist/src/presentation/web/components/features/control-center/control-center-empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"control-center-empty-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-empty-state.tsx"],"names":[],"mappings":"AA0BA,MAAM,WAAW,4BAA4B;IAC3C,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,uBAAuB,CAAC,EACtC,kBAAkB,EAClB,SAAS,GACV,EAAE,4BAA4B,kDAoM9B"}
+{"version":3,"file":"control-center-empty-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/control-center-empty-state.tsx"],"names":[],"mappings":"AA0BA,MAAM,WAAW,4BAA4B;IAC3C,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,uBAAuB,CAAC,EACtC,kBAAkB,EAClB,SAAS,GACV,EAAE,4BAA4B,kDAwM9B"}

package/dist/src/presentation/web/components/features/control-center/control-center-empty-state.js

@@ -75,7 +75,7 @@ export function ControlCenterEmptyState({ onRepositorySelect, className, }) {
     }, []);
     if (agentReady === null)
         return null;
-    return (_jsxs("div", { "data-testid": "control-center-empty-state", className: cn('relative flex h-full w-full flex-col items-center justify-center px-8', className), children: [!agentReady ? (_jsx(WelcomeAgentSetup, { onComplete: handleAgentSetupComplete })) : (_jsxs("div", { className: "animate-in fade-in flex w-full max-w-md flex-col items-center duration-300", children: [_jsx("h1", { className: "text-foreground/90 text-center text-5xl font-extralight tracking-tight", children: t('emptyState.addProject') }), _jsxs("p", { className: "text-muted-foreground mt-3 text-center text-lg leading-relaxed font-light", children: [t('emptyState.addProjectDescription'), _jsx("br", {}), t('emptyState.addProjectDescriptionLine2')] }), _jsxs("div", { className: "mt-8 flex w-full flex-col gap-3", children: [_jsx(AgentAuthBanner, { status: authStatus, onRetry: handleRetryAuth }), _jsx(ToolStatusRow, { label: t('emptyState.git'), status: toolStatus?.git ?? null, missingHint: t('emptyState.gitRequired') }), _jsx(ToolStatusRow, { label: t('emptyState.githubCli'), status: toolStatus?.gh ?? null, missingHint: t('emptyState.githubCliRequired') })] }), _jsxs("button", { type: "button", "data-testid": "empty-state-add-repository", onClick: handlePickerClick, disabled: loading, className: "bg-foreground text-background hover:bg-foreground/90 mt-10 flex w-full cursor-pointer items-center justify-center gap-2.5 rounded-xl px-6 py-4 text-base font-medium shadow-lg transition-all duration-200 hover:shadow-xl active:scale-[0.98] disabled:cursor-wait disabled:opacity-50", children: [loading ? (_jsx(LoaderCircle, { className: "h-5 w-5 animate-spin" })) : (_jsx(FolderOpen, { className: "h-5 w-5" })), loading ? t('emptyState.opening') : t('emptyState.chooseFolder')] }), _jsx("p", { className: "text-muted-foreground/60 mt-3 text-center text-sm", children: t('emptyState.folderHint') })] })), agentReady ? (_jsxs("div", { className: "absolute bottom-8 flex flex-col items-center", style: {
+    return (_jsxs("div", { "data-testid": "control-center-empty-state", className: cn('relative flex h-full w-full flex-col items-center justify-center px-8', className), children: [!agentReady ? (_jsx(WelcomeAgentSetup, { onComplete: handleAgentSetupComplete })) : (_jsxs("div", { className: "animate-in fade-in bg-card editorial-shadow flex w-full max-w-lg flex-col items-center rounded-2xl border border-slate-200/50 p-10 duration-300 dark:border-slate-700/50", children: [_jsx("h1", { className: "text-foreground text-center text-4xl font-bold tracking-tight", children: t('emptyState.addProject') }), _jsxs("p", { className: "text-muted-foreground mt-3 text-center text-base leading-relaxed", children: [t('emptyState.addProjectDescription'), _jsx("br", {}), t('emptyState.addProjectDescriptionLine2')] }), _jsxs("div", { className: "mt-8 flex w-full flex-col gap-3", children: [_jsx(AgentAuthBanner, { status: authStatus, onRetry: handleRetryAuth }), _jsx(ToolStatusRow, { label: t('emptyState.git'), status: toolStatus?.git ?? null, missingHint: t('emptyState.gitRequired') }), _jsx(ToolStatusRow, { label: t('emptyState.githubCli'), status: toolStatus?.gh ?? null, missingHint: t('emptyState.githubCliRequired') })] }), _jsxs("button", { type: "button", "data-testid": "empty-state-add-repository", onClick: handlePickerClick, disabled: loading, className: "bg-primary text-primary-foreground hover:bg-primary/90 mt-10 flex w-full cursor-pointer items-center justify-center gap-2.5 rounded-xl px-6 py-4 text-base font-bold tracking-wide shadow-lg transition-all duration-200 hover:-translate-y-0.5 hover:shadow-xl active:scale-[0.98] disabled:cursor-wait disabled:opacity-50", children: [loading ? (_jsx(LoaderCircle, { className: "h-5 w-5 animate-spin" })) : (_jsx(FolderOpen, { className: "h-5 w-5" })), loading ? t('emptyState.opening') : t('emptyState.chooseFolder')] }), _jsx("p", { className: "text-muted-foreground mt-3 text-center text-sm", children: t('emptyState.folderHint') })] })), agentReady ? (_jsxs("div", { className: "absolute bottom-8 flex flex-col items-center", style: {
                     animationDelay: '400ms',
                     animationDuration: '600ms',
                     animationFillMode: 'both',

package/dist/src/presentation/web/components/features/features-canvas/features-canvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"features-canvas.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/features-canvas/features-canvas.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAOvF,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,kCAAkC,CAAC;AAEzF,OAAO,KAAK,EAAE,kBAAkB,EAAsB,MAAM,qCAAqC,CAAC;AAGlG,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAElE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,kBAAkB,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;IAChE,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACtE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAID,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,YAAY,EACZ,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,SAAS,EACT,OAAO,EACP,UAAU,GACX,EAAE,mBAAmB,2CA0IrB"}
+{"version":3,"file":"features-canvas.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/features-canvas/features-canvas.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAOvF,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,kCAAkC,CAAC;AAEzF,OAAO,KAAK,EAAE,kBAAkB,EAAsB,MAAM,qCAAqC,CAAC;AAGlG,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAElE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,kBAAkB,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;IAChE,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAChE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACtE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAID,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,YAAY,EACZ,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,SAAS,EACT,OAAO,EACP,UAAU,GACX,EAAE,mBAAmB,2CA6IrB"}

package/dist/src/presentation/web/components/features/features-canvas/features-canvas.js

@@ -71,5 +71,9 @@ export function FeaturesCanvas({ nodes, edges, selectedFeatureId, selectedReposi
     }, [isEmpty]);
     const fallbackEmptyState = isEmpty && !emptyState ? (_jsx(EmptyState, { title: t('canvas.noFeatures'), description: t('canvas.noFeaturesDescription'), action: _jsxs(Button, { onClick: onAddFeature, children: [_jsx(Plus, { className: "me-2 h-4 w-4" }), t('canvas.newFeature')] }) })) : null;
     const overlayContent = emptyState ?? fallbackEmptyState;
-    return (_jsxs("div", { "data-testid": isEmpty ? 'features-canvas-empty' : 'features-canvas', "data-no-drawer-close": true, className: "dark:bg-background pointer-events-auto relative h-full w-full bg-[#f6f7f8]", children: [_jsxs(ReactFlow, { nodes: enrichedNodes, edges: edges, nodeTypes: nodeTypes, edgeTypes: edgeTypes, onConnect: onConnect, onNodesChange: onNodesChange, onNodeClick: onNodeClick, onPaneClick: onPaneClick, onMoveStart: onCanvasDrag, onMoveEnd: onMoveEnd, defaultViewport: defaultViewport ?? FALLBACK_VIEWPORT, nodesDraggable: false, nodesConnectable: false, elementsSelectable: false, proOptions: { hideAttribution: true }, className: "[&_.react-flow__pane]:!cursor-default", children: [_jsx(Background, { variant: BackgroundVariant.Dots, gap: 24, size: 1, color: "#b8bcc4", className: "dark:[&_circle]:!fill-white/[0.1]" }), !isEmpty && toolbar ? (_jsx(Panel, { position: "top-right", className: "!me-3 !mt-3", children: toolbar })) : null] }), showOverlay && overlayContent ? (_jsx("div", { className: cn('pointer-events-none absolute inset-0 z-10 flex items-center justify-center transition-opacity duration-300', overlayExiting ? 'opacity-0' : 'animate-in fade-in opacity-100 duration-200'), children: _jsx("div", { className: "pointer-events-auto h-full w-full", children: overlayContent }) })) : null] }));
+    return (_jsxs("div", { "data-testid": isEmpty ? 'features-canvas-empty' : 'features-canvas', "data-no-drawer-close": true, 
+        // Canvas background uses --color-background in both modes so it inherits
+        // the editorial surface (#f8fafc light / #0b0f19 dark). Previously
+        // hardcoded #f6f7f8 in light mode only.
+        className: "bg-background pointer-events-auto relative h-full w-full", children: [_jsxs(ReactFlow, { nodes: enrichedNodes, edges: edges, nodeTypes: nodeTypes, edgeTypes: edgeTypes, onConnect: onConnect, onNodesChange: onNodesChange, onNodeClick: onNodeClick, onPaneClick: onPaneClick, onMoveStart: onCanvasDrag, onMoveEnd: onMoveEnd, defaultViewport: defaultViewport ?? FALLBACK_VIEWPORT, nodesDraggable: false, nodesConnectable: false, elementsSelectable: false, proOptions: { hideAttribution: true }, className: "[&_.react-flow__pane]:!cursor-default", children: [_jsx(Background, { variant: BackgroundVariant.Dots, gap: 24, size: 1, color: "#b8bcc4", className: "dark:[&_circle]:!fill-white/[0.1]" }), !isEmpty && toolbar ? (_jsx(Panel, { position: "top-right", className: "!me-3 !mt-3", children: toolbar })) : null] }), showOverlay && overlayContent ? (_jsx("div", { className: cn('pointer-events-none absolute inset-0 z-10 flex items-center justify-center transition-opacity duration-300', overlayExiting ? 'opacity-0' : 'animate-in fade-in opacity-100 duration-200'), children: _jsx("div", { className: "pointer-events-auto h-full w-full", children: overlayContent }) })) : null] }));
 }

package/dist/src/presentation/web/components/features/settings/settings-page-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.tsx"],"names":[],"mappings":"AAmDA,OAAO,KAAK,EACV,QAAQ,EAGT,MAAM,yCAAyC,CAAC;AACjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AA8BzE,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACzC,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;CACpC;AAoDD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,GAChB,EAAE,uBAAuB,2CAq8BzB"}
+{"version":3,"file":"settings-page-client.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/settings-page-client.tsx"],"names":[],"mappings":"AA+CA,OAAO,KAAK,EACV,QAAQ,EAGT,MAAM,yCAAyC,CAAC;AACjD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AA6BzE,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACzC,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;CACpC;AAoDD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,GAChB,EAAE,uBAAuB,2CA2+BzB"}