@shepai/cli 1.136.0-pr396.e077930 → 1.136.0-pr437.9f802f1

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

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState, useCallback } from 'react';
 import { Handle, Position } from '@xyflow/react';
 import { useRouter } from 'next/navigation';
-import { Github, Plus, Code2, Terminal, FolderOpen, Trash2, Play, Square, GitBranch, GitCommitHorizontal, ArrowDown, User, RotateCcw, } from 'lucide-react';
+import { Github, Plus, Code2, Terminal, FolderOpen, Trash2, Play, Square, GitBranch, GitCommitHorizontal, ArrowDown, User, RotateCcw, FileCode2, } from 'lucide-react';
 import { cn } from '../../../lib/utils.js';
 import { ActionButton } from '../../common/action-button/index.js';
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '../../ui/dialog.js';
@@ -12,12 +12,13 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../
 import { useDeployAction } from '../../../hooks/use-deploy-action.js';
 import { useFeatureFlags } from '../../../hooks/feature-flags-context.js';
 import { useRepositoryActions } from './use-repository-actions.js';
+import { useCoastsActions } from './use-coasts-actions.js';
 import { FeatureSessionsDropdown, } from '../../common/feature-node/feature-sessions-dropdown.js';
 export function RepositoryNode({ data }) {
     const router = useRouter();
     const featureFlags = useFeatureFlags();
     const [confirmOpen, setConfirmOpen] = useState(false);
-    const actions = useRepositoryActions(data.repositoryPath ? { repositoryId: data.id, repositoryPath: data.repositoryPath } : null);
+    const actions = useRepositoryActions(data.repositoryPath ? { repositoryPath: data.repositoryPath } : null);
     const deployAction = useDeployAction(data.repositoryPath
         ? {
             targetId: data.repositoryPath,
@@ -25,6 +26,7 @@ export function RepositoryNode({ data }) {
             repositoryPath: data.repositoryPath,
         }
         : null);
+    const coastsActions = useCoastsActions(data.repositoryPath ? { repositoryPath: data.repositoryPath } : null);
     const isDeploymentActive = deployAction.status === 'Booting' || deployAction.status === 'Ready';
     const handleCreateFromSession = useCallback((session, sessionFilePath) => {
         if (!data.repositoryPath)
@@ -85,5 +87,10 @@ export function RepositoryNode({ data }) {
                                                             ? 'Retry'
                                                             : isDeploymentActive
                                                                 ? 'Stop Dev Server'
-                                                                : 'Start Dev Server', onClick: isDeploymentActive ? deployAction.stop : deployAction.deploy, loading: deployAction.deployLoading || deployAction.stopLoading, error: false, icon: deployAction.deployError ? RotateCcw : isDeploymentActive ? Square : Play, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: isDeploymentActive ? 'Stop Dev Server' : 'Start Dev Server' })] }) })] }) })) : null] }), data.onAdd || data.showHandles ? (_jsx(Handle, { type: "source", position: Position.Right, isConnectable: !data.showHandles, className: "opacity-0!", style: { top: 70 } })) : null] }));
+                                                                : 'Start Dev Server', onClick: isDeploymentActive ? deployAction.stop : deployAction.deploy, loading: deployAction.deployLoading || deployAction.stopLoading, error: false, icon: deployAction.deployError ? RotateCcw : isDeploymentActive ? Square : Play, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: isDeploymentActive ? 'Stop Dev Server' : 'Start Dev Server' })] }) })] }) })) : null, featureFlags.coastsDevServer && data.repositoryPath ? (_jsx("div", { "data-testid": "repository-node-coastfile", className: "border-t px-4 py-2", onClick: (e) => e.stopPropagation(), children: _jsxs("div", { className: "flex items-center gap-2 text-xs", children: [_jsx("span", { className: "text-muted-foreground", children: coastsActions.coastfileExists ? 'Coastfile' : 'No Coastfile' }), _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "ml-auto flex items-center", children: _jsx(ActionButton, { label: coastsActions.coastfileExists
+                                                            ? 'Regenerate Coastfile'
+                                                            : 'Generate Coastfile', onClick: coastsActions.generateCoastfile, loading: coastsActions.generating || coastsActions.checkLoading, error: !!coastsActions.error, icon: FileCode2, iconOnly: true, variant: "ghost", size: "icon-xs" }) }) }), _jsx(TooltipContent, { children: coastsActions.error ??
+                                                    (coastsActions.coastfileExists
+                                                        ? 'Regenerate Coastfile'
+                                                        : 'Generate Coastfile') })] }) })] }) })) : null] }), data.onAdd || data.showHandles ? (_jsx(Handle, { type: "source", position: Position.Right, isConnectable: !data.showHandles, className: "opacity-0!", style: { top: 70 } })) : null] }));
 }

package/dist/src/presentation/web/components/common/repository-node/use-coasts-actions.d.ts

@@ -0,0 +1,12 @@
+export interface CoastsActionsInput {
+    repositoryPath: string;
+}
+export interface CoastsActionsState {
+    coastfileExists: boolean;
+    generating: boolean;
+    checkLoading: boolean;
+    error: string | null;
+    generateCoastfile: () => Promise<void>;
+}
+export declare function useCoastsActions(input: CoastsActionsInput | null): CoastsActionsState;
+//# sourceMappingURL=use-coasts-actions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-coasts-actions.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/use-coasts-actions.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,kBAAkB;IACjC,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,iBAAiB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC;AAID,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,GAAG,kBAAkB,CA0ErF"}

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

@@ -0,0 +1,76 @@
+'use client';
+import { useState, useCallback, useRef, useEffect } from 'react';
+import { generateCoastfileAction } from '../../../app/actions/generate-coastfile.js';
+import { checkCoastfileAction } from '../../../app/actions/check-coastfile.js';
+const ERROR_CLEAR_DELAY = 5000;
+export function useCoastsActions(input) {
+    const repoPath = input?.repositoryPath ?? null;
+    const [coastfileExists, setCoastfileExists] = useState(false);
+    const [generating, setGenerating] = useState(false);
+    const [checkLoading, setCheckLoading] = useState(!!repoPath);
+    const [error, setError] = useState(null);
+    const errorTimerRef = useRef(null);
+    useEffect(() => {
+        const ref = errorTimerRef;
+        return () => {
+            if (ref.current)
+                clearTimeout(ref.current);
+        };
+    }, []);
+    // Check coastfile existence on mount — use repoPath (string) as dep to avoid infinite re-renders
+    useEffect(() => {
+        if (!repoPath)
+            return;
+        let cancelled = false;
+        setCheckLoading(true);
+        checkCoastfileAction(repoPath)
+            .then((result) => {
+            if (!cancelled) {
+                setCoastfileExists(result.exists);
+                setCheckLoading(false);
+            }
+        })
+            .catch(() => {
+            if (!cancelled) {
+                setCoastfileExists(false);
+                setCheckLoading(false);
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [repoPath]);
+    const handleGenerate = useCallback(async () => {
+        if (!repoPath || generating)
+            return;
+        if (errorTimerRef.current)
+            clearTimeout(errorTimerRef.current);
+        setGenerating(true);
+        setError(null);
+        try {
+            const result = await generateCoastfileAction(repoPath);
+            if (result.success) {
+                setCoastfileExists(true);
+            }
+            else {
+                setError(result.error ?? 'Failed to generate Coastfile');
+                errorTimerRef.current = setTimeout(() => setError(null), ERROR_CLEAR_DELAY);
+            }
+        }
+        catch (err) {
+            const message = err instanceof Error ? err.message : 'Failed to generate Coastfile';
+            setError(message);
+            errorTimerRef.current = setTimeout(() => setError(null), ERROR_CLEAR_DELAY);
+        }
+        finally {
+            setGenerating(false);
+        }
+    }, [repoPath, generating]);
+    return {
+        coastfileExists,
+        generating,
+        checkLoading,
+        error,
+        generateCoastfile: handleGenerate,
+    };
+}

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

@@ -1,20 +1,16 @@
 export interface RepositoryActionsInput {
-    repositoryId?: string;
     repositoryPath: string;
 }
 export interface RepositoryActionsState {
     openInIde: () => Promise<void>;
     openInShell: () => Promise<void>;
     openFolder: () => Promise<void>;
-    syncMain: () => Promise<void>;
     ideLoading: boolean;
     shellLoading: boolean;
     folderLoading: boolean;
-    syncLoading: boolean;
     ideError: string | null;
     shellError: string | null;
     folderError: string | null;
-    syncError: string | null;
 }
 export declare function useRepositoryActions(input: RepositoryActionsInput | null): RepositoryActionsState;
 //# sourceMappingURL=use-repository-actions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-repository-actions.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/use-repository-actions.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,sBAAsB;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAID,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,sBAAsB,GAAG,IAAI,GAAG,sBAAsB,CA6HjG"}
+{"version":3,"file":"use-repository-actions.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/common/repository-node/use-repository-actions.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,sBAAsB;IACrC,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAID,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,sBAAsB,GAAG,IAAI,GAAG,sBAAsB,CAyGjG"}

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

@@ -3,27 +3,22 @@ import { useState, useCallback, useRef, useEffect } from 'react';
 import { openIde } from '../../../app/actions/open-ide.js';
 import { openShell } from '../../../app/actions/open-shell.js';
 import { openFolder } from '../../../app/actions/open-folder.js';
-import { syncRepository } from '../../../app/actions/sync-repository.js';
 const ERROR_CLEAR_DELAY = 5000;
 export function useRepositoryActions(input) {
     const [ideLoading, setIdeLoading] = useState(false);
     const [shellLoading, setShellLoading] = useState(false);
     const [folderLoading, setFolderLoading] = useState(false);
-    const [syncLoading, setSyncLoading] = useState(false);
     const [ideError, setIdeError] = useState(null);
     const [shellError, setShellError] = useState(null);
     const [folderError, setFolderError] = useState(null);
-    const [syncError, setSyncError] = useState(null);
     const ideTimerRef = useRef(null);
     const shellTimerRef = useRef(null);
     const folderTimerRef = useRef(null);
-    const syncTimerRef = useRef(null);
     // Clear timers on unmount
     useEffect(() => {
         const ideRef = ideTimerRef;
         const shellRef = shellTimerRef;
         const folderRef = folderTimerRef;
-        const syncRef = syncTimerRef;
         return () => {
             if (ideRef.current)
                 clearTimeout(ideRef.current);
@@ -31,8 +26,6 @@ export function useRepositoryActions(input) {
                 clearTimeout(shellRef.current);
             if (folderRef.current)
                 clearTimeout(folderRef.current);
-            if (syncRef.current)
-                clearTimeout(syncRef.current);
         };
     }, []);
     const performAction = useCallback(async (action, setLoading, setError, timerRef, isLoading) => {
@@ -62,19 +55,15 @@ export function useRepositoryActions(input) {
     const handleOpenIde = useCallback(() => performAction(() => openIde({ repositoryPath: input.repositoryPath }), setIdeLoading, setIdeError, ideTimerRef, ideLoading), [performAction, ideLoading, input]);
     const handleOpenShell = useCallback(() => performAction(() => openShell({ repositoryPath: input.repositoryPath }), setShellLoading, setShellError, shellTimerRef, shellLoading), [performAction, shellLoading, input]);
     const handleOpenFolder = useCallback(() => performAction(() => openFolder(input.repositoryPath), setFolderLoading, setFolderError, folderTimerRef, folderLoading), [performAction, folderLoading, input]);
-    const handleSyncMain = useCallback(() => performAction(() => syncRepository(input.repositoryId ?? ''), setSyncLoading, setSyncError, syncTimerRef, syncLoading), [performAction, syncLoading, input]);
     return {
         openInIde: handleOpenIde,
         openInShell: handleOpenShell,
         openFolder: handleOpenFolder,
-        syncMain: handleSyncMain,
         ideLoading,
         shellLoading,
         folderLoading,
-        syncLoading,
         ideError,
         shellError,
         folderError,
-        syncError,
     };
 }

package/dist/src/presentation/web/components/features/settings/feature-flags-settings-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-flags-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/feature-flags-settings-section.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAiCzE,MAAM,WAAW,gCAAgC;IAC/C,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,wBAAgB,2BAA2B,CAAC,EAAE,YAAY,EAAE,EAAE,gCAAgC,2CAgE7F"}
+{"version":3,"file":"feature-flags-settings-section.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/settings/feature-flags-settings-section.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAkCzE,MAAM,WAAW,gCAAgC;IAC/C,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,wBAAgB,2BAA2B,CAAC,EAAE,YAAY,EAAE,EAAE,gCAAgC,2CAgE7F"}

package/dist/src/presentation/web/components/features/settings/feature-flags-settings-section.js

@@ -13,8 +13,8 @@ const FLAG_DESCRIPTIONS = {
     debug: 'Enable debug UI elements and verbose client-side logging',
     githubImport: 'Enable GitHub repository import in the web UI',
     adoptBranch: 'Enable the ability to adopt existing branches as tracked features',
-    gitRebaseSync: 'Enable git rebase-on-main and sync-main operations in the web UI',
     reactFileManager: 'Use the built-in React file manager instead of the native OS folder picker. Also serves as automatic fallback when the native picker is unavailable.',
+    coastsDevServer: 'Enable Coasts containerized runtime isolation for the dev server, providing per-worktree isolation via Docker containers',
 };
 const FLAG_LABELS = {
     skills: 'Skills',
@@ -22,8 +22,8 @@ const FLAG_LABELS = {
     debug: 'Debug',
     githubImport: 'GitHub Import',
     adoptBranch: 'Adopt Branch',
-    gitRebaseSync: 'Git Rebase & Sync',
     reactFileManager: 'React File Manager',
+    coastsDevServer: 'Coasts Dev Server',
 };
 const FLAG_KEYS = [
     'skills',
@@ -31,8 +31,8 @@ const FLAG_KEYS = [
     'debug',
     'githubImport',
     'adoptBranch',
-    'gitRebaseSync',
     'reactFileManager',
+    'coastsDevServer',
 ];
 export function FeatureFlagsSettingsSection({ featureFlags }) {
     const [flags, setFlags] = useState({ ...featureFlags });

package/dist/src/presentation/web/components/features/settings/feature-flags-settings-section.stories.js

@@ -16,8 +16,8 @@ export const Default = {
             debug: false,
             githubImport: false,
             adoptBranch: false,
-            gitRebaseSync: false,
             reactFileManager: false,
+            coastsDevServer: false,
         },
     },
 };
@@ -29,8 +29,8 @@ export const AllEnabled = {
             debug: true,
             githubImport: true,
             adoptBranch: true,
-            gitRebaseSync: true,
             reactFileManager: true,
+            coastsDevServer: true,
         },
     },
 };
@@ -42,8 +42,8 @@ export const AllDisabled = {
             debug: false,
             githubImport: false,
             adoptBranch: false,
-            gitRebaseSync: false,
             reactFileManager: false,
+            coastsDevServer: false,
         },
     },
 };

package/dist/src/presentation/web/components/features/settings/settings-page-client.js

@@ -121,8 +121,8 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize, availableTe
         debug: false,
         githubImport: false,
         adoptBranch: false,
-        gitRebaseSync: false,
         reactFileManager: false,
+        coastsDevServer: false,
     };
     // Agent state
     const [agentType, setAgentType] = useState(settings.agent.type);
@@ -498,14 +498,14 @@ export function SettingsPageClient({ settings, shepHome, dbFileSize, availableTe
                                             const newFlags = { ...flags, adoptBranch: v };
                                             setFlags(newFlags);
                                             save({ featureFlags: newFlags });
-                                        } }), _jsx(SwitchRow, { label: "Git Rebase & Sync", description: "Enable git rebase-on-main and sync-main operations", id: "flag-gitRebaseSync", testId: "switch-flag-gitRebaseSync", checked: flags.gitRebaseSync, onChange: (v) => {
-                                            const newFlags = { ...flags, gitRebaseSync: v };
-                                            setFlags(newFlags);
-                                            save({ featureFlags: newFlags });
                                         } }), _jsx(SwitchRow, { label: "React File Manager", description: "Use the built-in React file manager instead of the native OS folder picker", id: "flag-reactFileManager", testId: "switch-flag-reactFileManager", checked: flags.reactFileManager, onChange: (v) => {
                                             const newFlags = { ...flags, reactFileManager: v };
                                             setFlags(newFlags);
                                             save({ featureFlags: newFlags });
+                                        } }), _jsx(SwitchRow, { label: "Coasts Dev Server", description: "Enable Coasts containerized runtime isolation for the dev server", id: "flag-coastsDevServer", testId: "switch-flag-coastsDevServer", checked: flags.coastsDevServer, onChange: (v) => {
+                                            const newFlags = { ...flags, coastsDevServer: v };
+                                            setFlags(newFlags);
+                                            save({ featureFlags: newFlags });
                                         } })] }), _jsx(SectionHint, { children: "Experimental features that are still under development. Enable at your own risk \u2014 they may change or be removed in future versions. Debug mode adds verbose logging useful for troubleshooting." })] }), _jsxs("div", { id: "section-database", className: "grid scroll-mt-18 grid-cols-1 gap-x-5 rounded-lg lg:grid-cols-[1fr_280px]", children: [_jsxs(SettingsSection, { icon: Database, title: "Database", description: "Local storage information", testId: "database-settings-section", children: [_jsx(SettingsRow, { label: "Location", description: "Path to the local SQLite database", children: _jsx("span", { className: "text-muted-foreground max-w-50 truncate font-mono text-xs", "data-testid": "shep-home-path", children: shepHome }) }), _jsx(SettingsRow, { label: "Size", children: _jsx("span", { className: "text-muted-foreground text-xs", "data-testid": "db-file-size", children: dbFileSize }) })] }), _jsx(SectionHint, { links: [
                                     {
                                         label: 'Settings service',

package/dist/src/presentation/web/components/features/settings/settings-page-client.stories.js

@@ -32,8 +32,8 @@ export const AllSections = {
                 debug: false,
                 githubImport: false,
                 adoptBranch: false,
-                gitRebaseSync: false,
                 reactFileManager: false,
+                coastsDevServer: false,
             },
         },
         shepHome: '/opt/shep',

package/dist/src/presentation/web/components/layouts/app-sidebar/app-sidebar.stories.js

@@ -7,8 +7,8 @@ const defaultFeatureFlags = {
     debug: false,
     githubImport: false,
     adoptBranch: false,
-    gitRebaseSync: false,
     reactFileManager: false,
+    coastsDevServer: false,
 };
 const meta = {
     title: 'Layout/AppSidebar',

package/dist/src/presentation/web/dev-server.js

@@ -20,6 +20,8 @@ import { initializeSettings } from '../../../packages/core/src/infrastructure/se
 import { initializeNotificationWatcher, getNotificationWatcher, } from '../../../packages/core/src/infrastructure/services/notifications/notification-watcher.service.js';
 import { initializePrSyncWatcher, getPrSyncWatcher, } from '../../../packages/core/src/infrastructure/services/pr-sync/pr-sync-watcher.service.js';
 import { getExistingConnection } from '../../../packages/core/src/infrastructure/persistence/sqlite/connection.js';
+import { getFeatureFlags } from './lib/feature-flags.js';
+import { startCoastsDevServer, shutdownCoasts } from './coasts-dev-server.js';
 const DEFAULT_PORT = 3000;
 async function isPortAvailable(port) {
     return new Promise((resolve) => {
@@ -47,6 +49,9 @@ async function findAvailablePort(startPort) {
 async function main() {
     const basePort = process.env.PORT !== undefined ? parseInt(process.env.PORT, 10) : DEFAULT_PORT;
     const port = await findAvailablePort(basePort);
+    // Track Coasts mode state for shutdown handler
+    let coastsService = null;
+    let coastsWorkDir = null;
     // Step 1: Initialize DI container (database + migrations)
     // Same as CLI bootstrap (src/presentation/cli/index.ts:52-58)
     try {
@@ -72,7 +77,63 @@ async function main() {
     catch (error) {
         console.warn('[dev-server] DI initialization failed — features will be empty:', error);
     }
-    // Step 2: Clean up lock file to allow multiple dev instances
+    // Step 2: Check coastsDevServer feature flag — branch to Coasts mode or bare Next.js
+    const flags = getFeatureFlags();
+    if (flags.coastsDevServer) {
+        // --- Coasts mode: containerized runtime isolation ---
+        const workDir = process.cwd();
+        try {
+            const service = container.resolve('ICoastsService');
+            const instance = await startCoastsDevServer(service, workDir);
+            coastsService = service;
+            coastsWorkDir = workDir;
+            console.log(`[dev-server:coasts] Dev server running in Coasts mode at ${instance.url}`);
+        }
+        catch (error) {
+            console.error('[dev-server:coasts] Failed to start Coasts dev server:', error);
+            process.exit(1);
+        }
+        // Graceful shutdown for Coasts mode
+        let isShuttingDown = false;
+        const shutdown = async () => {
+            if (isShuttingDown)
+                return;
+            isShuttingDown = true;
+            console.log('\n[dev-server:coasts] Shutting down...');
+            const forceExit = setTimeout(() => process.exit(0), 2000);
+            try {
+                await shutdownCoasts(coastsService, coastsWorkDir);
+                try {
+                    const deploymentService = container.resolve('IDeploymentService');
+                    deploymentService.stopAll();
+                }
+                catch {
+                    /* not initialized */
+                }
+                try {
+                    getNotificationWatcher().stop();
+                }
+                catch {
+                    /* not initialized */
+                }
+                try {
+                    getPrSyncWatcher().stop();
+                }
+                catch {
+                    /* not initialized */
+                }
+            }
+            finally {
+                clearTimeout(forceExit);
+                process.exit(0);
+            }
+        };
+        process.on('SIGINT', shutdown);
+        process.on('SIGTERM', shutdown);
+        return;
+    }
+    // --- Bare mode: standard Next.js dev server (default, unchanged) ---
+    // Clean up lock file to allow multiple dev instances
     const lockPath = path.join(import.meta.dirname, '.next', 'dev', 'lock');
     try {
         fs.rmSync(lockPath, { force: true });

package/dist/src/presentation/web/hooks/feature-flags-context.js

@@ -7,8 +7,8 @@ const defaultFlags = {
     debug: false,
     githubImport: false,
     adoptBranch: false,
-    gitRebaseSync: false,
     reactFileManager: false,
+    coastsDevServer: false,
 };
 const FeatureFlagsContext = createContext(defaultFlags);
 /**

package/dist/src/presentation/web/lib/feature-flags.d.ts

@@ -11,8 +11,8 @@ export interface FeatureFlagsState {
     debug: boolean;
     githubImport: boolean;
     adoptBranch: boolean;
-    gitRebaseSync: boolean;
     reactFileManager: boolean;
+    coastsDevServer: boolean;
 }
 export declare function getFeatureFlags(): FeatureFlagsState;
 /**
@@ -25,7 +25,7 @@ export declare const featureFlags: {
     readonly debug: boolean;
     readonly githubImport: boolean;
     readonly adoptBranch: boolean;
-    readonly gitRebaseSync: boolean;
     readonly reactFileManager: boolean;
+    readonly coastsDevServer: boolean;
 };
 //# sourceMappingURL=feature-flags.d.ts.map

package/dist/src/presentation/web/lib/feature-flags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-flags.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/feature-flags.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAQH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,eAAe,IAAI,iBAAiB,CAgCnD;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;CAsBf,CAAC"}
+{"version":3,"file":"feature-flags.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/web/lib/feature-flags.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAQH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,eAAe,IAAI,iBAAiB,CAgCnD;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;;;;;CAsBf,CAAC"}

package/dist/src/presentation/web/lib/feature-flags.js

@@ -20,8 +20,8 @@ export function getFeatureFlags() {
                     debug: flags.debug,
                     githubImport: flags.githubImport,
                     adoptBranch: flags.adoptBranch,
-                    gitRebaseSync: flags.gitRebaseSync,
                     reactFileManager: flags.reactFileManager,
+                    coastsDevServer: flags.coastsDevServer,
                 };
             }
         }
@@ -37,8 +37,8 @@ export function getFeatureFlags() {
         debug: false,
         githubImport: false,
         adoptBranch: false,
-        gitRebaseSync: false,
         reactFileManager: isEnabled(process.env.NEXT_PUBLIC_FLAG_REACT_FILE_MANAGER),
+        coastsDevServer: isEnabled(process.env.NEXT_PUBLIC_FLAG_COASTS_DEV_SERVER),
     };
 }
 /**
@@ -61,10 +61,10 @@ export const featureFlags = {
     get adoptBranch() {
         return getFeatureFlags().adoptBranch;
     },
-    get gitRebaseSync() {
-        return getFeatureFlags().gitRebaseSync;
-    },
     get reactFileManager() {
         return getFeatureFlags().reactFileManager;
     },
+    get coastsDevServer() {
+        return getFeatureFlags().coastsDevServer;
+    },
 };