@shepai/cli 1.183.0-pr554.2632d62 → 1.183.0-pr555.e53ab0e

package/dist/src/presentation/web/components/features/application-page/resizable-split.js

@@ -1,30 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useRef, useState } from 'react';
-const MIN_LEFT_PX = 400;
-const MIN_RIGHT_PX = 400;
-const INITIAL_LEFT_FRACTION = 0.4;
-export function ResizableSplit({ left, right }) {
-    const containerRef = useRef(null);
-    const [leftFraction, setLeftFraction] = useState(INITIAL_LEFT_FRACTION);
-    const dragging = useRef(false);
-    const onPointerDown = useCallback((e) => {
-        e.preventDefault();
-        dragging.current = true;
-        const target = e.currentTarget;
-        target.setPointerCapture(e.pointerId);
-    }, []);
-    const onPointerMove = useCallback((e) => {
-        if (!dragging.current || !containerRef.current)
-            return;
-        const rect = containerRef.current.getBoundingClientRect();
-        const totalWidth = rect.width;
-        const x = e.clientX - rect.left;
-        const clampedX = Math.max(MIN_LEFT_PX, Math.min(x, totalWidth - MIN_RIGHT_PX));
-        setLeftFraction(clampedX / totalWidth);
-    }, []);
-    const onPointerUp = useCallback(() => {
-        dragging.current = false;
-    }, []);
-    return (_jsxs("div", { ref: containerRef, className: "flex min-h-0 flex-1", children: [_jsx("div", { className: "flex min-h-0 flex-col overflow-hidden", style: { flexBasis: `${leftFraction * 100}%`, flexShrink: 0 }, children: left }), _jsx("div", { role: "separator", "aria-orientation": "vertical", className: "group border-border hover:bg-primary/20 relative w-px shrink-0 cursor-col-resize border-l transition-colors", onPointerDown: onPointerDown, onPointerMove: onPointerMove, onPointerUp: onPointerUp, children: _jsx("span", { className: "absolute inset-y-0 -right-1 -left-1" }) }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: right })] }));
-}

package/dist/src/presentation/web/components/features/application-page/resizable-split.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { ResizableSplit } from './resizable-split.js';
-declare const meta: Meta<typeof ResizableSplit>;
-export default meta;
-type Story = StoryObj<typeof ResizableSplit>;
-export declare const Default: Story;
-export declare const RichContent: Story;
-//# sourceMappingURL=resizable-split.stories.d.ts.map

package/dist/src/presentation/web/components/features/application-page/resizable-split.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"resizable-split.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/application-page/resizable-split.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAWrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC"}

package/dist/src/presentation/web/components/features/application-page/resizable-split.stories.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ResizableSplit } from './resizable-split.js';
-const meta = {
-    title: 'ApplicationPage/ResizableSplit',
-    component: ResizableSplit,
-    parameters: { layout: 'fullscreen' },
-    decorators: [
-        (Story) => (_jsx("div", { className: "h-dvh w-full", children: _jsx(Story, {}) })),
-    ],
-};
-export default meta;
-export const Default = {
-    args: {
-        left: _jsx("div", { className: "bg-muted flex h-full items-center justify-center", children: "Left" }),
-        right: _jsx("div", { className: "bg-background flex h-full items-center justify-center", children: "Right" }),
-    },
-};
-export const RichContent = {
-    args: {
-        left: _jsx("div", { className: "bg-muted flex h-full items-center justify-center p-4", children: "Chat pane" }),
-        right: (_jsx("div", { className: "bg-background flex h-full items-center justify-center p-4", children: "View pane" })),
-    },
-};

package/dist/src/presentation/web/components/features/application-page/run-dev-button.stories.d.ts

@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { RunDevButton } from './run-dev-button.js';
-declare const meta: Meta<typeof RunDevButton>;
-export default meta;
-type Story = StoryObj<typeof RunDevButton>;
-export declare const Default: Story;
-export declare const Booting: Story;
-export declare const Ready: Story;
-export declare const ReadyCompact: Story;
-export declare const ErrorState: Story;
-export declare const Disabled: Story;
-//# sourceMappingURL=run-dev-button.stories.d.ts.map

package/dist/src/presentation/web/components/features/application-page/run-dev-button.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"run-dev-button.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/application-page/run-dev-button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAgBhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAInC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}

package/dist/src/presentation/web/components/features/application-page/run-dev-button.stories.js

@@ -1,53 +0,0 @@
-import { DeploymentState } from '../../../../../../packages/core/src/domain/generated/output.js';
-import { RunDevButton } from './run-dev-button.js';
-function makeDeploy(overrides = {}) {
-    return {
-        deploy: async () => undefined,
-        stop: async () => undefined,
-        deployLoading: false,
-        stopLoading: false,
-        deployError: null,
-        status: null,
-        url: null,
-        ...overrides,
-    };
-}
-const meta = {
-    title: 'ApplicationPage/RunDevButton',
-    component: RunDevButton,
-    parameters: { layout: 'centered' },
-};
-export default meta;
-export const Default = {
-    args: { deploy: makeDeploy() },
-};
-export const Booting = {
-    args: {
-        deploy: makeDeploy({ status: DeploymentState.Booting, deployLoading: true }),
-    },
-};
-export const Ready = {
-    args: {
-        deploy: makeDeploy({
-            status: DeploymentState.Ready,
-            url: 'http://localhost:5173',
-        }),
-    },
-};
-export const ReadyCompact = {
-    args: {
-        deploy: makeDeploy({
-            status: DeploymentState.Ready,
-            url: 'http://localhost:5173',
-        }),
-        variant: 'compact',
-    },
-};
-export const ErrorState = {
-    args: {
-        deploy: makeDeploy({ deployError: 'Failed to start dev server: EADDRINUSE' }),
-    },
-};
-export const Disabled = {
-    args: { deploy: makeDeploy(), disabled: true },
-};

package/dist/src/presentation/web/components/features/application-page/session-chip.d.ts

@@ -1,9 +0,0 @@
-import type { ChatState } from '../../../../../../packages/core/src/application/ports/output/services/interactive-session-service.interface.js';
-export interface SessionChipProps {
-    featureId: string;
-    initialChatState?: ChatState;
-    /** Agent session ID persisted on the Application entity — stable across restarts. */
-    persistedSessionId?: string;
-}
-export declare function SessionChip({ featureId, initialChatState, persistedSessionId }: SessionChipProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=session-chip.d.ts.map

package/dist/src/presentation/web/components/features/application-page/session-chip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"session-chip.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/application-page/session-chip.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sFAAsF,CAAC;AAKtH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,qFAAqF;IACrF,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,EAAE,gBAAgB,2CA+ChG"}

package/dist/src/presentation/web/components/features/application-page/session-chip.js

@@ -1,38 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from 'react';
-import { useQuery } from '@tanstack/react-query';
-import { Cpu } from 'lucide-react';
-import { toast } from 'sonner';
-import { cn } from '../../../lib/utils.js';
-import { chatQueryKey, fetchChatState } from '../../features/chat/chat-state-query.js';
-export function SessionChip({ featureId, initialChatState, persistedSessionId }) {
-    const { data: chatState } = useQuery({
-        queryKey: chatQueryKey(featureId),
-        queryFn: () => fetchChatState(featureId),
-        initialData: initialChatState,
-        staleTime: Infinity,
-        refetchOnWindowFocus: false,
-        refetchOnReconnect: false,
-    });
-    const sessionInfo = chatState?.sessionInfo;
-    // Prefer the persisted ID from the Application entity (always available),
-    // fall back to the live session info (only available while session is active).
-    const sessionId = persistedSessionId ?? sessionInfo?.sessionId ?? null;
-    const model = sessionInfo?.model ?? null;
-    const shortId = sessionId ? sessionId.slice(0, 8) : null;
-    const handleCopy = useCallback(async () => {
-        if (!sessionId)
-            return;
-        try {
-            await navigator.clipboard.writeText(sessionId);
-            toast.success('Session ID copied', { description: sessionId });
-        }
-        catch {
-            toast.error('Failed to copy session id');
-        }
-    }, [sessionId]);
-    return (_jsxs("button", { type: "button", onClick: handleCopy, disabled: !sessionId, className: cn('border-border/60 bg-muted/40 text-muted-foreground inline-flex h-6 shrink-0 items-center gap-1.5 rounded-md border px-2 font-mono text-[10px] transition-colors', sessionId
-            ? 'hover:bg-muted hover:text-foreground cursor-pointer'
-            : 'cursor-default opacity-60'), title: sessionId ? `Click to copy full session id: ${sessionId}` : 'No session yet', "aria-label": sessionId ? 'Copy session id' : 'No active session', children: [_jsx(Cpu, { className: "h-3 w-3 opacity-60" }), _jsx("span", { className: "font-medium", children: model ?? 'agent' }), _jsx("span", { className: "text-muted-foreground/50", children: "\u00B7" }), _jsx("span", { children: shortId ?? '—' })] }));
-}

package/dist/src/presentation/web/components/features/application-page/session-chip.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { SessionChip } from './session-chip.js';
-declare const meta: Meta<typeof SessionChip>;
-export default meta;
-type Story = StoryObj<typeof SessionChip>;
-export declare const NoSession: Story;
-export declare const WithPersistedSession: Story;
-//# sourceMappingURL=session-chip.stories.d.ts.map

package/dist/src/presentation/web/components/features/application-page/session-chip.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"session-chip.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/application-page/session-chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAIlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAKlC,CAAC"}

package/dist/src/presentation/web/components/features/application-page/session-chip.stories.js

@@ -1,16 +0,0 @@
-import { SessionChip } from './session-chip.js';
-const meta = {
-    title: 'ApplicationPage/SessionChip',
-    component: SessionChip,
-    parameters: { layout: 'centered' },
-};
-export default meta;
-export const NoSession = {
-    args: { featureId: 'feat-app-001' },
-};
-export const WithPersistedSession = {
-    args: {
-        featureId: 'feat-app-001',
-        persistedSessionId: 'abc12345-6789-defg-hijk-lmnopqrstuvw',
-    },
-};

package/dist/src/presentation/web/components/features/application-page/status-pill.d.ts

@@ -1,8 +0,0 @@
-import type { ApplicationStatus } from '../../../../../../packages/core/src/domain/generated/output.js';
-export interface StatusPillProps {
-    applicationId: string;
-    persistedStatus: ApplicationStatus;
-    deployReady: boolean;
-}
-export declare function StatusPill({ applicationId, persistedStatus, deployReady }: StatusPillProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=status-pill.d.ts.map

package/dist/src/presentation/web/components/features/application-page/status-pill.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"status-pill.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/application-page/status-pill.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAO9E,MAAM,WAAW,eAAe;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,iBAAiB,CAAC;IACnC,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAC,EAAE,aAAa,EAAE,eAAe,EAAE,WAAW,EAAE,EAAE,eAAe,2CA6B1F"}

package/dist/src/presentation/web/components/features/application-page/status-pill.js

@@ -1,16 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { featureIdForApplication } from '../../../../../../packages/core/src/domain/shared/feature-id.js';
-import { cn } from '../../../lib/utils.js';
-import { useTurnStatus } from '../../../hooks/turn-statuses-provider.js';
-import { deriveAppLiveStatus } from '../../../lib/derive-app-status.js';
-export function StatusPill({ applicationId, persistedStatus, deployReady }) {
-    // Read live turn status from the global SSE subscription and fold
-    // it PLUS the dev-server deploy state onto the persisted status so
-    // the pill reflects real-time reality ("Working" / "Waiting" /
-    // "Unread" / "Live") instead of being stuck at the coarse DB
-    // snapshot which almost always reads "Idle".
-    const turnStatus = useTurnStatus(featureIdForApplication(applicationId));
-    const live = deriveAppLiveStatus(persistedStatus, turnStatus, deployReady);
-    return (_jsxs("span", { className: "border-border/60 inline-flex h-5 shrink-0 items-center gap-1 rounded-full border px-2 text-[10px] font-medium tracking-wide uppercase", children: [_jsx("span", { className: cn('relative flex h-1.5 w-1.5 items-center justify-center rounded-full', live.dotClass), children: live.pulse ? (_jsx("span", { className: cn('absolute inline-flex h-full w-full animate-ping rounded-full opacity-60', live.dotClass) })) : null }), live.label] }));
-}

package/dist/src/presentation/web/components/features/application-page/status-pill.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { StatusPill } from './status-pill.js';
-declare const meta: Meta<typeof StatusPill>;
-export default meta;
-type Story = StoryObj<typeof StatusPill>;
-export declare const Idle: Story;
-export declare const Live: Story;
-//# sourceMappingURL=status-pill.stories.d.ts.map

package/dist/src/presentation/web/components/features/application-page/status-pill.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"status-pill.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/application-page/status-pill.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAIjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC"}

package/dist/src/presentation/web/components/features/application-page/status-pill.stories.js

@@ -1,22 +0,0 @@
-import { ApplicationStatus } from '../../../../../../packages/core/src/domain/generated/output.js';
-import { StatusPill } from './status-pill.js';
-const meta = {
-    title: 'ApplicationPage/StatusPill',
-    component: StatusPill,
-    parameters: { layout: 'centered' },
-};
-export default meta;
-export const Idle = {
-    args: {
-        applicationId: 'app-001',
-        persistedStatus: ApplicationStatus.Idle,
-        deployReady: false,
-    },
-};
-export const Live = {
-    args: {
-        applicationId: 'app-001',
-        persistedStatus: ApplicationStatus.Idle,
-        deployReady: true,
-    },
-};

package/dist/src/presentation/web/components/features/application-page/terminal-tab.stories.d.ts

@@ -1,15 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { TerminalTab } from './terminal-tab.js';
-/**
- * TerminalTab renders an xterm.js-backed pane that POSTs to `/api/terminal`
- * to create a PTY session. Storybook has no backend, so the component will
- * fall into its `error` status after the fetch rejects — which is itself a
- * useful visual state to snapshot. We wrap in a fixed-size container so the
- * xterm FitAddon has layout to measure.
- */
-declare const meta: Meta<typeof TerminalTab>;
-export default meta;
-type Story = StoryObj<typeof TerminalTab>;
-export declare const Default: Story;
-export declare const Disconnected: Story;
-//# sourceMappingURL=terminal-tab.stories.d.ts.map

package/dist/src/presentation/web/components/features/application-page/terminal-tab.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"terminal-tab.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/application-page/terminal-tab.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;;;;GAMG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAWlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC"}

package/dist/src/presentation/web/components/features/application-page/terminal-tab.stories.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TerminalTab } from './terminal-tab.js';
-/**
- * TerminalTab renders an xterm.js-backed pane that POSTs to `/api/terminal`
- * to create a PTY session. Storybook has no backend, so the component will
- * fall into its `error` status after the fetch rejects — which is itself a
- * useful visual state to snapshot. We wrap in a fixed-size container so the
- * xterm FitAddon has layout to measure.
- */
-const meta = {
-    title: 'ApplicationPage/TerminalTab',
-    component: TerminalTab,
-    parameters: { layout: 'fullscreen' },
-    decorators: [
-        (Story) => (_jsx("div", { style: { height: 400, width: 720, display: 'flex', flexDirection: 'column' }, children: _jsx(Story, {}) })),
-    ],
-};
-export default meta;
-export const Default = {
-    args: {
-        cwd: '/home/user/projects/my-app',
-    },
-};
-export const Disconnected = {
-    args: {
-        // The session fetch will fail in Storybook (no backend), so this
-        // will render the "error" banner surface — which is the exact
-        // state a disconnected terminal presents in production.
-        cwd: '/nonexistent/path',
-    },
-};

package/dist/src/presentation/web/components/features/application-page/use-dev-server-coordinator.d.ts

@@ -1,14 +0,0 @@
-import type { DeployActionState } from '../../../hooks/use-deploy-action.js';
-import type { AppView } from './view-switcher.js';
-export interface UseDevServerCoordinatorInput {
-    deploy: DeployActionState;
-    agentRunning: boolean;
-    initialView?: AppView;
-}
-export interface UseDevServerCoordinatorApi {
-    activeView: AppView;
-    handleViewChange: (view: AppView) => void;
-    disabledTabs: AppView[];
-}
-export declare function useDevServerCoordinator({ deploy, agentRunning, initialView, }: UseDevServerCoordinatorInput): UseDevServerCoordinatorApi;
-//# sourceMappingURL=use-dev-server-coordinator.d.ts.map

package/dist/src/presentation/web/components/features/application-page/use-dev-server-coordinator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-dev-server-coordinator.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/application-page/use-dev-server-coordinator.ts"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,WAAW,4BAA4B;IAC3C,MAAM,EAAE,iBAAiB,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,0BAA0B;IACzC,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,OAAO,EAAE,CAAC;CACzB;AAID,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,YAAY,EACZ,WAAkC,GACnC,EAAE,4BAA4B,GAAG,0BAA0B,CAiE3D"}

package/dist/src/presentation/web/components/features/application-page/use-dev-server-coordinator.js

@@ -1,82 +0,0 @@
-'use client';
-/**
- * useDevServerCoordinator
- *
- * Owns the dev-server <-> agent turn orchestration that previously lived
- * inline inside ApplicationPage. Responsibilities:
- *
- *   - Stop the dev server when the agent starts a turn (because the code
- *     it's about to change is exactly what the dev server is running).
- *   - Remember whether the dev server was running before the agent
- *     started so we can RESTART it (not cold-start it) when the turn
- *     finishes.
- *   - Auto-switch the right pane to the Web tab the first time the dev
- *     server reaches Ready after a cold start, so the user lands on
- *     their running app with zero clicks.
- *   - Prevent the user from manually selecting the Web tab while the
- *     agent is running — the preview is torn down.
- *
- * The hook holds no business decisions beyond the above coordination —
- * all start/stop commands go through the existing dev-server use cases
- * via the injected `deploy` action (which itself calls into core use
- * cases). The hook is a thin presentation-layer coordinator.
- */
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { DeploymentState } from '../../../../../../packages/core/src/domain/generated/output.js';
-const DEFAULT_INITIAL_VIEW = 'ide';
-export function useDevServerCoordinator({ deploy, agentRunning, initialView = DEFAULT_INITIAL_VIEW, }) {
-    const [activeView, setActiveView] = useState(initialView);
-    // Track whether the agent was running on the previous render so we can
-    // detect the start/end transitions.
-    const prevAgentRunningRef = useRef(false);
-    // Track whether the dev server was running before the agent started,
-    // so we only restart it (not cold-start) after the agent finishes.
-    const wasRunningBeforeAgentRef = useRef(false);
-    useEffect(() => {
-        const wasRunning = prevAgentRunningRef.current;
-        prevAgentRunningRef.current = agentRunning;
-        if (agentRunning && !wasRunning) {
-            // Agent just started — stop the dev server if running, remember
-            // that it was running so we can restart after.
-            if (deploy.status === DeploymentState.Ready || deploy.status === DeploymentState.Booting) {
-                wasRunningBeforeAgentRef.current = true;
-                void deploy.stop();
-            }
-            // Switch away from web tab while agent works
-            setActiveView((view) => (view === 'web' ? 'ide' : view));
-        }
-        if (!agentRunning && wasRunning) {
-            // Agent just finished — restart the dev server if it was
-            // previously running.
-            if (wasRunningBeforeAgentRef.current) {
-                wasRunningBeforeAgentRef.current = false;
-                void deploy.deploy();
-            }
-        }
-    }, [agentRunning, deploy]);
-    // When the dev server transitions to Ready, auto-switch the right
-    // pane to the Web tab the first time it happens so the user
-    // immediately sees their app without an extra click. Only triggers
-    // on an Idle→Ready transition, not on every poll while Ready.
-    const hasAutoSwitchedRef = useRef(false);
-    useEffect(() => {
-        if (deploy.status === DeploymentState.Ready && deploy.url && !hasAutoSwitchedRef.current) {
-            hasAutoSwitchedRef.current = true;
-            setActiveView('web');
-        }
-        if (deploy.status !== DeploymentState.Ready) {
-            hasAutoSwitchedRef.current = false;
-        }
-    }, [deploy.status, deploy.url]);
-    // Prevent switching to web tab while agent is running
-    const handleViewChange = useCallback((view) => {
-        if (view === 'web' && agentRunning)
-            return;
-        setActiveView(view);
-    }, [agentRunning]);
-    return {
-        activeView,
-        handleViewChange,
-        disabledTabs: agentRunning ? ['web'] : [],
-    };
-}

package/dist/src/presentation/web/components/features/application-page/view-body.d.ts

@@ -1,17 +0,0 @@
-import type { DeployActionState } from '../../../hooks/use-deploy-action.js';
-import type { AppView } from './view-switcher.js';
-export interface ViewBodyProps {
-    activeView: AppView;
-    applicationId: string;
-    terminalCwd: string;
-    deploy: DeployActionState;
-}
-/**
- * Right-pane view body.
- *
- * The Terminal tab is kept mounted (just hidden) when not active so its
- * PTY session, scrollback, and running processes survive tab switches.
- * Other views are placeholders until implemented.
- */
-export declare function ViewBody({ activeView, applicationId, terminalCwd, deploy }: ViewBodyProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=view-body.d.ts.map

package/dist/src/presentation/web/components/features/application-page/view-body.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"view-body.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/application-page/view-body.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,aAAa,2CAwDzF"}

package/dist/src/presentation/web/components/features/application-page/view-body.js

@@ -1,25 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DeploymentState } from '../../../../../../packages/core/src/domain/generated/output.js';
-import { cn } from '../../../lib/utils.js';
-import { TerminalTab } from '../../features/application-page/terminal-tab.js';
-import { IdeTab } from '../../features/application-page/ide-tab/index.js';
-import { WebPreviewTab } from '../../features/application-page/web-preview-tab.js';
-/**
- * Right-pane view body.
- *
- * The Terminal tab is kept mounted (just hidden) when not active so its
- * PTY session, scrollback, and running processes survive tab switches.
- * Other views are placeholders until implemented.
- */
-export function ViewBody({ activeView, applicationId, terminalCwd, deploy }) {
-    // Mount the Web iframe as soon as there's a URL — even if the user
-    // is currently on IDE / Terminal — so the preview session doesn't
-    // tear down when switching tabs. Once the app has been Previewed
-    // at least once, the iframe stays alive in the background.
-    const hasWebContent = deploy.status === DeploymentState.Ready ||
-        deploy.status === DeploymentState.Booting ||
-        deploy.deployLoading ||
-        !!deploy.deployError;
-    return (_jsxs("div", { className: "relative flex min-h-0 flex-1", children: [_jsx("div", { className: cn('absolute inset-0 flex min-h-0 flex-col', activeView === 'terminal' ? 'visible' : 'pointer-events-none invisible'), "aria-hidden": activeView !== 'terminal', children: _jsx(TerminalTab, { cwd: terminalCwd }) }), _jsx("div", { className: cn('absolute inset-0 flex min-h-0 flex-col', activeView === 'ide' ? 'visible' : 'pointer-events-none invisible'), "aria-hidden": activeView !== 'ide', children: _jsx(IdeTab, { applicationId: applicationId }) }), hasWebContent ? (_jsx("div", { className: cn('absolute inset-0 flex min-h-0 flex-col', activeView === 'web' ? 'visible' : 'pointer-events-none invisible'), "aria-hidden": activeView !== 'web', children: _jsx(WebPreviewTab, { deploy: deploy }) })) : (activeView === 'web' && _jsx(WebPreviewTab, { deploy: deploy }))] }));
-}

package/dist/src/presentation/web/components/features/application-page/view-body.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { ViewBody } from './view-body.js';
-declare const meta: Meta<typeof ViewBody>;
-export default meta;
-type Story = StoryObj<typeof ViewBody>;
-export declare const IdeView: Story;
-export declare const WebReady: Story;
-//# sourceMappingURL=view-body.stories.d.ts.map

package/dist/src/presentation/web/components/features/application-page/view-body.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"view-body.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/application-page/view-body.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAkBvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAW/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC"}

package/dist/src/presentation/web/components/features/application-page/view-body.stories.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DeploymentState } from '../../../../../../packages/core/src/domain/generated/output.js';
-import { ViewBody } from './view-body.js';
-const idleDeploy = {
-    status: null,
-    url: null,
-    deployLoading: false,
-    stopLoading: false,
-    deployError: null,
-    deploy: async () => undefined,
-    stop: async () => undefined,
-};
-const readyDeploy = {
-    ...idleDeploy,
-    status: DeploymentState.Ready,
-    url: 'http://localhost:4321',
-};
-const meta = {
-    title: 'ApplicationPage/ViewBody',
-    component: ViewBody,
-    parameters: { layout: 'fullscreen' },
-    decorators: [
-        (Story) => (_jsx("div", { className: "h-dvh w-full", children: _jsx(Story, {}) })),
-    ],
-};
-export default meta;
-export const IdeView = {
-    args: {
-        activeView: 'ide',
-        applicationId: 'app-001',
-        terminalCwd: '/home/user/example-app',
-        deploy: idleDeploy,
-    },
-};
-export const WebReady = {
-    args: {
-        activeView: 'web',
-        applicationId: 'app-001',
-        terminalCwd: '/home/user/example-app',
-        deploy: readyDeploy,
-    },
-};

package/dist/src/presentation/web/components/features/application-page/view-switcher.d.ts

@@ -1,10 +0,0 @@
-export declare const VIEW_TABS: readonly ["ide", "terminal", "web"];
-export type AppView = (typeof VIEW_TABS)[number];
-export declare const VIEW_LABELS: Record<AppView, string>;
-export interface ViewSwitcherProps {
-    active: AppView;
-    onChange: (view: AppView) => void;
-    disabledTabs?: AppView[];
-}
-export declare function ViewSwitcher({ active, onChange, disabledTabs }: ViewSwitcherProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=view-switcher.d.ts.map

package/dist/src/presentation/web/components/features/application-page/view-switcher.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"view-switcher.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/application-page/view-switcher.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,qCAAsC,CAAC;AAC7D,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjD,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAI/C,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAiB,EAAE,EAAE,iBAAiB,2CAiCtF"}

package/dist/src/presentation/web/components/features/application-page/view-switcher.js

@@ -1,18 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../../lib/utils.js';
-export const VIEW_TABS = ['ide', 'terminal', 'web'];
-export const VIEW_LABELS = {
-    ide: 'IDE',
-    terminal: 'Terminal',
-    web: 'Web',
-};
-export function ViewSwitcher({ active, onChange, disabledTabs = [] }) {
-    return (_jsx("div", { role: "tablist", "aria-label": "Right pane view", className: "bg-muted/60 flex items-center rounded-md p-0.5", children: VIEW_TABS.map((v) => {
-            const selected = v === active;
-            const disabled = disabledTabs.includes(v);
-            return (_jsx("button", { type: "button", role: "tab", "aria-selected": selected, "aria-disabled": disabled, disabled: disabled, onClick: () => onChange(v), className: cn('h-6 rounded-sm px-2.5 text-[11px] font-medium transition-colors', disabled ? 'text-muted-foreground/40 cursor-not-allowed' : 'cursor-pointer', !disabled && selected
-                    ? 'bg-background text-foreground shadow-sm'
-                    : !disabled && 'text-muted-foreground hover:text-foreground'), children: VIEW_LABELS[v] }, v));
-        }) }));
-}

package/dist/src/presentation/web/components/features/application-page/view-switcher.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { ViewSwitcher } from './view-switcher.js';
-declare const meta: Meta<typeof ViewSwitcher>;
-export default meta;
-type Story = StoryObj<typeof ViewSwitcher>;
-export declare const IdeActive: Story;
-export declare const WebDisabled: Story;
-//# sourceMappingURL=view-switcher.stories.d.ts.map

package/dist/src/presentation/web/components/features/application-page/view-switcher.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"view-switcher.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/application-page/view-switcher.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAInC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC"}

package/dist/src/presentation/web/components/features/application-page/view-switcher.stories.js

@@ -1,13 +0,0 @@
-import { ViewSwitcher } from './view-switcher.js';
-const meta = {
-    title: 'ApplicationPage/ViewSwitcher',
-    component: ViewSwitcher,
-    parameters: { layout: 'centered' },
-};
-export default meta;
-export const IdeActive = {
-    args: { active: 'ide', onChange: () => undefined },
-};
-export const WebDisabled = {
-    args: { active: 'ide', onChange: () => undefined, disabledTabs: ['web'] },
-};