@shepai/cli 1.179.1 → 1.180.0-pr548.764147

package/dist/src/presentation/web/components/features/application-page/ide-tab/use-ide-state.d.ts

@@ -0,0 +1,39 @@
+/**
+ * useIdeState
+ *
+ * Owns all IDE tab state: file tree, open files, active tab, live
+ * refresh from the filesystem watcher SSE stream, and save.
+ *
+ * Designed to be the single place where network, SSE, and reducer
+ * logic live so the view components stay tiny and presentational.
+ */
+import { type FileTreeEntry, type OpenFile } from './types.js';
+export interface OpenFileOptions {
+    /**
+     * `'preview'` (default): opens as a VSCode-style italic preview tab.
+     * If a preview tab already exists, its slot is reused (the previous
+     * preview is swapped out).
+     *
+     * `'persistent'`: opens as a normal non-preview tab that will never
+     * be reused. Use this for double-clicks.
+     */
+    mode?: 'preview' | 'persistent';
+}
+export interface UseIdeStateResult {
+    tree: FileTreeEntry | null;
+    treeError: string | null;
+    treeLoading: boolean;
+    openFiles: OpenFile[];
+    activePath: string | null;
+    openFile: (path: string, options?: OpenFileOptions) => void;
+    closeFile: (path: string) => void;
+    selectFile: (path: string) => void;
+    /** Promote an open file from preview → persistent (e.g. on double-click). */
+    promoteFile: (path: string) => void;
+    updateBuffer: (path: string, content: string) => void;
+    /** Toggle between `source` (Monaco) and `rendered` (markdown preview). */
+    toggleViewMode: (path: string) => void;
+    saveActive: () => Promise<void>;
+}
+export declare function useIdeState(applicationId: string): UseIdeStateResult;
+//# sourceMappingURL=use-ide-state.d.ts.map

package/dist/src/presentation/web/components/features/application-page/ide-tab/use-ide-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-ide-state.d.ts","sourceRoot":"","sources":["../../../../../../../../src/presentation/web/components/features/application-page/ide-tab/use-ide-state.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAOH,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,QAAQ,EACd,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,eAAe;IAC9B;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;CACjC;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,aAAa,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5D,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,6EAA6E;IAC7E,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,0EAA0E;IAC1E,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,aAAa,EAAE,MAAM,GAAG,iBAAiB,CA+PpE"}

package/dist/src/presentation/web/components/features/application-page/ide-tab/use-ide-state.js

@@ -0,0 +1,238 @@
+/**
+ * useIdeState
+ *
+ * Owns all IDE tab state: file tree, open files, active tab, live
+ * refresh from the filesystem watcher SSE stream, and save.
+ *
+ * Designed to be the single place where network, SSE, and reducer
+ * logic live so the view components stay tiny and presentational.
+ */
+'use client';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { toast } from 'sonner';
+import { fetchFileContent, fetchFileTree, saveFileContent } from './api.js';
+import { isImagePath, isMarkdownPath, } from './types.js';
+export function useIdeState(applicationId) {
+    const [tree, setTree] = useState(null);
+    const [treeError, setTreeError] = useState(null);
+    const [treeLoading, setTreeLoading] = useState(true);
+    const [openFiles, setOpenFiles] = useState([]);
+    const [activePath, setActivePath] = useState(null);
+    /** Keep a ref to the latest openFiles so the SSE callback sees current state. */
+    const openFilesRef = useRef([]);
+    useEffect(() => {
+        openFilesRef.current = openFiles;
+    }, [openFiles]);
+    /* ---------------- Tree loading + refresh ---------------- */
+    const reloadTree = useCallback(async () => {
+        try {
+            const fresh = await fetchFileTree(applicationId);
+            setTree(fresh);
+            setTreeError(null);
+        }
+        catch (err) {
+            setTreeError(err instanceof Error ? err.message : String(err));
+        }
+        finally {
+            setTreeLoading(false);
+        }
+    }, [applicationId]);
+    useEffect(() => {
+        void reloadTree();
+    }, [reloadTree]);
+    /* ---------------- Open / close / select ---------------- */
+    const openFile = useCallback(async (path, options) => {
+        const mode = options?.mode ?? 'preview';
+        // Already open → just activate. If opened as persistent, also promote.
+        const existing = openFilesRef.current.find((f) => f.path === path);
+        if (existing) {
+            setActivePath(path);
+            if (mode === 'persistent' && existing.isPreview) {
+                setOpenFiles((prev) => prev.map((f) => (f.path === path ? { ...f, isPreview: false } : f)));
+            }
+            return;
+        }
+        try {
+            // Images: skip the text-read round-trip entirely — the editor will
+            // load bytes directly from the raw endpoint via an <img> tag.
+            if (isImagePath(path)) {
+                const newFile = {
+                    path,
+                    originalContent: '',
+                    content: '',
+                    isImage: true,
+                    viewMode: 'rendered',
+                    isPreview: mode === 'preview',
+                };
+                setOpenFiles((prev) => {
+                    if (mode === 'preview') {
+                        const previewIdx = prev.findIndex((f) => f.isPreview);
+                        if (previewIdx !== -1) {
+                            const next = prev.slice();
+                            next[previewIdx] = newFile;
+                            return next;
+                        }
+                    }
+                    return [...prev, newFile];
+                });
+                setActivePath(path);
+                return;
+            }
+            const result = await fetchFileContent(applicationId, path);
+            const resolvedPath = result.path || path;
+            const markdown = isMarkdownPath(resolvedPath);
+            const newFile = {
+                path: resolvedPath,
+                originalContent: result.content,
+                content: result.content,
+                tooLarge: result.tooLarge,
+                binary: result.binary,
+                isMarkdown: markdown,
+                viewMode: markdown ? 'rendered' : 'source',
+                isPreview: mode === 'preview',
+            };
+            setOpenFiles((prev) => {
+                // VSCode-style preview reuse: if this open is a preview AND there's
+                // already a preview tab, swap the new file into that slot.
+                if (mode === 'preview') {
+                    const previewIdx = prev.findIndex((f) => f.isPreview);
+                    if (previewIdx !== -1) {
+                        const next = prev.slice();
+                        next[previewIdx] = newFile;
+                        return next;
+                    }
+                }
+                return [...prev, newFile];
+            });
+            setActivePath(resolvedPath);
+        }
+        catch (err) {
+            toast.error('Could not open file', {
+                description: err instanceof Error ? err.message : String(err),
+            });
+        }
+    }, [applicationId]);
+    const promoteFile = useCallback((path) => {
+        setOpenFiles((prev) => prev.map((f) => (f.path === path ? { ...f, isPreview: false } : f)));
+    }, []);
+    const toggleViewMode = useCallback((path) => {
+        setOpenFiles((prev) => prev.map((f) => f.path === path ? { ...f, viewMode: f.viewMode === 'rendered' ? 'source' : 'rendered' } : f));
+    }, []);
+    const closeFile = useCallback((path) => {
+        setOpenFiles((prev) => {
+            const next = prev.filter((f) => f.path !== path);
+            setActivePath((current) => {
+                if (current !== path)
+                    return current;
+                if (next.length === 0)
+                    return null;
+                // Activate the file at the same index (or the last one).
+                const idx = Math.min(prev.findIndex((f) => f.path === path), next.length - 1);
+                return next[Math.max(0, idx)].path;
+            });
+            return next;
+        });
+    }, []);
+    const selectFile = useCallback((path) => {
+        setActivePath(path);
+    }, []);
+    const updateBuffer = useCallback((path, content) => {
+        // Any edit promotes a preview tab to persistent, matching VSCode.
+        setOpenFiles((prev) => prev.map((f) => f.path === path ? { ...f, content, isPreview: f.isPreview ? false : f.isPreview } : f));
+    }, []);
+    /* ---------------- Save ---------------- */
+    const saveActive = useCallback(async () => {
+        const active = openFilesRef.current.find((f) => f.path === activePath);
+        if (!active)
+            return;
+        if (active.content === active.originalContent)
+            return;
+        try {
+            await saveFileContent(applicationId, active.path, active.content);
+            setOpenFiles((prev) => prev.map((f) => (f.path === active.path ? { ...f, originalContent: active.content } : f)));
+            toast.success('Saved', { description: active.path });
+        }
+        catch (err) {
+            toast.error('Failed to save', {
+                description: err instanceof Error ? err.message : String(err),
+            });
+        }
+    }, [applicationId, activePath]);
+    /* ---------------- Live SSE watcher ---------------- */
+    useEffect(() => {
+        const url = `/api/applications/${applicationId}/files/watch`;
+        const es = new EventSource(url);
+        let treeRefreshTimer = null;
+        const scheduleTreeRefresh = () => {
+            if (treeRefreshTimer)
+                return;
+            treeRefreshTimer = setTimeout(() => {
+                treeRefreshTimer = null;
+                void reloadTree();
+            }, 250);
+        };
+        es.addEventListener('change', (event) => {
+            try {
+                const data = JSON.parse(event.data);
+                scheduleTreeRefresh();
+                // If one of the open files changed on disk, refresh its buffer ONLY
+                // if the user has no unsaved edits. Otherwise leave their edits alone.
+                const isOpen = openFilesRef.current.some((f) => f.path === data.path);
+                if (!isOpen || data.isDirectory)
+                    return;
+                if (data.kind === 'deleted') {
+                    toast.message('File deleted on disk', { description: data.path });
+                    return;
+                }
+                void (async () => {
+                    try {
+                        const fresh = await fetchFileContent(applicationId, data.path);
+                        setOpenFiles((prev) => prev.map((f) => {
+                            if (f.path !== data.path)
+                                return f;
+                            // User has unsaved edits → keep their buffer, just refresh baseline
+                            // so "dirty" state remains meaningful.
+                            if (f.content !== f.originalContent)
+                                return f;
+                            return {
+                                ...f,
+                                originalContent: fresh.content,
+                                content: fresh.content,
+                                tooLarge: fresh.tooLarge,
+                                binary: fresh.binary,
+                            };
+                        }));
+                    }
+                    catch {
+                        // Silent — the file may have just been deleted or moved.
+                    }
+                })();
+            }
+            catch {
+                // Ignore malformed event.
+            }
+        });
+        es.onerror = () => {
+            // EventSource auto-reconnects; nothing to do.
+        };
+        return () => {
+            es.close();
+            if (treeRefreshTimer)
+                clearTimeout(treeRefreshTimer);
+        };
+    }, [applicationId, reloadTree]);
+    return {
+        tree,
+        treeError,
+        treeLoading,
+        openFiles,
+        activePath,
+        openFile,
+        closeFile,
+        selectFile,
+        promoteFile,
+        updateBuffer,
+        toggleViewMode,
+        saveActive,
+    };
+}

package/dist/src/presentation/web/components/features/application-page/ide-tab/use-resolved-theme.d.ts

@@ -0,0 +1,14 @@
+/**
+ * useResolvedTheme
+ *
+ * Reactively reports whether `<html>` currently has the `dark` class,
+ * matching the existing `useTheme` hook's `resolvedTheme` without
+ * duplicating its localStorage/system-preference state machine.
+ *
+ * Uses a MutationObserver so it updates instantly when the user
+ * toggles themes anywhere in the app (via `ThemeToggle`, system
+ * preference change, etc.).
+ */
+export type ResolvedTheme = 'light' | 'dark';
+export declare function useResolvedTheme(): ResolvedTheme;
+//# sourceMappingURL=use-resolved-theme.d.ts.map

package/dist/src/presentation/web/components/features/application-page/ide-tab/use-resolved-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resolved-theme.d.ts","sourceRoot":"","sources":["../../../../../../../../src/presentation/web/components/features/application-page/ide-tab/use-resolved-theme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAMH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAa7C,wBAAgB,gBAAgB,IAAI,aAAa,CAgBhD"}

package/dist/src/presentation/web/components/features/application-page/ide-tab/use-resolved-theme.js

@@ -0,0 +1,37 @@
+/**
+ * useResolvedTheme
+ *
+ * Reactively reports whether `<html>` currently has the `dark` class,
+ * matching the existing `useTheme` hook's `resolvedTheme` without
+ * duplicating its localStorage/system-preference state machine.
+ *
+ * Uses a MutationObserver so it updates instantly when the user
+ * toggles themes anywhere in the app (via `ThemeToggle`, system
+ * preference change, etc.).
+ */
+'use client';
+import { useEffect, useLayoutEffect, useState } from 'react';
+function readTheme() {
+    if (typeof document === 'undefined')
+        return 'light';
+    return document.documentElement.classList.contains('dark') ? 'dark' : 'light';
+}
+// Prefer `useLayoutEffect` on the client so the observed theme is applied
+// before paint — avoids a one-frame flash of the wrong background after
+// initial mount. On the server (where `useLayoutEffect` warns and no-ops)
+// fall back to `useEffect`.
+const useIsoLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+export function useResolvedTheme() {
+    // Default to `'light'` (matching the app's CSS default) so SSR / the very
+    // first client render don't paint a dark fallback in a light app.
+    const [theme, setTheme] = useState('light');
+    useIsoLayoutEffect(() => {
+        const root = document.documentElement;
+        const update = () => setTheme(readTheme());
+        update();
+        const observer = new MutationObserver(update);
+        observer.observe(root, { attributes: true, attributeFilter: ['class'] });
+        return () => observer.disconnect();
+    }, []);
+    return theme;
+}

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

@@ -0,0 +1,19 @@
+import type { DeployActionState } from '../../../hooks/use-deploy-action.js';
+export interface RunDevButtonProps {
+    deploy: DeployActionState;
+    className?: string;
+    /**
+     * Visual density of the Ready state.
+     *
+     * - `'full'` (default) — URL pill + adjacent Stop button. Used in
+     *   the application page top bar where there's horizontal room
+     *   and the URL is the most useful piece of information.
+     * - `'compact'` — just a subtle Stop button, no URL pill. Used on
+     *   the canvas application card where the running URL is already
+     *   visible as an open-in-new-tab icon on the iframe preview, so
+     *   repeating it in the button would be pure redundancy.
+     */
+    variant?: 'full' | 'compact';
+}
+export declare function RunDevButton({ deploy, className, variant }: RunDevButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=run-dev-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"run-dev-button.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/application-page/run-dev-button.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,OAAgB,EAAE,EAAE,iBAAiB,2CAuJtF"}

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

@@ -0,0 +1,80 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Application-page "Preview" button.
+ *
+ * Compact, VSCode-style control in the application top bar that
+ * drives the application's local dev server via the shared
+ * `DeploymentService`. Styled in Shep's AI-purple palette (indigo →
+ * violet) to match the application node gradient — this is a
+ * first-class Shep action, not a generic dev-tool button.
+ *
+ *   - Idle    → purple Play icon + "Preview"
+ *   - Booting → amber spinner + "Starting…" (click stops)
+ *   - Ready   → purple URL pill + separate stop button (never
+ *               hover-swaps so the URL is always clickable)
+ *   - Error   → red triangle + "Retry"
+ *
+ * Persistence: deployment state is stored in the `dev_servers` SQLite
+ * table by the core `DeploymentService` (migration 040). The shared
+ * `DeploymentStatusProvider` is SSR-seeded with the current deployment
+ * status (via the route's `ListDeploymentsUseCase` snapshot), and the
+ * provider's `ensureHydrated` effect fills in anything the seed missed
+ * — so a page reload or even a Shep server restart still surfaces the
+ * running dev server (the service's `recoverAll()` reconciles live PIDs
+ * on startup).
+ *
+ * This component is purely presentational: it takes the already-
+ * computed `deploy` state from `useDeployAction` so the top bar and
+ * the right-pane Web iframe can share ONE polling loop instead of
+ * duplicating it via two separate hook instances.
+ */
+import { useCallback } from 'react';
+import { Play, Square, Loader2, TriangleAlert, ExternalLink } from 'lucide-react';
+import { DeploymentState } from '../../../../../../packages/core/src/domain/generated/output.js';
+import { cn } from '../../../lib/utils.js';
+export function RunDevButton({ deploy, className, variant = 'full' }) {
+    const openUrl = useCallback(() => {
+        if (deploy.url)
+            window.open(deploy.url, '_blank', 'noopener,noreferrer');
+    }, [deploy.url]);
+    // ────────────────────────────────────────────────────────────
+    // Booting — spinner + "Starting…", click to stop
+    // ────────────────────────────────────────────────────────────
+    if (deploy.status === DeploymentState.Booting || deploy.deployLoading) {
+        return (_jsxs("button", { type: "button", onClick: deploy.stop, disabled: deploy.stopLoading, className: cn('inline-flex h-7 shrink-0 items-center gap-1.5 rounded-md border border-amber-500/40 bg-amber-500/10 px-2 text-[11px] font-medium text-amber-600 transition-colors hover:bg-amber-500/20 dark:text-amber-400', className), title: "Dev server is starting \u2014 click to stop", "aria-label": "Stop starting dev server", children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin" }), _jsx("span", { children: "Starting\u2026" })] }));
+    }
+    // ────────────────────────────────────────────────────────────
+    // Ready (compact) — just a subtle Stop button.
+    //
+    // Used on the canvas application card, where the running URL is
+    // already shown as an open-in-new-tab icon on the iframe preview,
+    // so repeating it in the button would be pure redundancy.
+    // ────────────────────────────────────────────────────────────
+    if (deploy.status === DeploymentState.Ready && deploy.url && variant === 'compact') {
+        return (_jsx("button", { type: "button", onClick: deploy.stop, disabled: deploy.stopLoading, className: cn('inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-red-500/30 bg-red-500/5 text-red-600 transition-colors hover:border-red-500/60 hover:bg-red-500/15 dark:text-red-400', className), title: "Stop dev server", "aria-label": "Stop dev server", children: deploy.stopLoading ? (_jsx(Loader2, { className: "h-3 w-3 animate-spin" })) : (_jsx(Square, { className: "h-3 w-3 fill-current" })) }));
+    }
+    // ────────────────────────────────────────────────────────────
+    // Ready (full) — URL pill + separate adjacent Stop button.
+    //
+    // The URL is ALWAYS the left click target (no hover-swap). A small
+    // stop button sits immediately to its right, visually grouped into
+    // a single rounded pill via shared border colors and a thin inner
+    // divider. This way the user can click the URL without the button
+    // morphing out from under the cursor.
+    // ────────────────────────────────────────────────────────────
+    if (deploy.status === DeploymentState.Ready && deploy.url) {
+        const shortUrl = deploy.url.replace(/^https?:\/\//, '');
+        return (_jsxs("div", { className: cn('inline-flex h-7 shrink-0 items-stretch overflow-hidden rounded-md border border-violet-500/40 bg-violet-500/10 text-[11px] font-medium text-violet-700 dark:text-violet-300', className), children: [_jsxs("button", { type: "button", onClick: openUrl, className: "inline-flex items-center gap-1.5 px-2 font-mono transition-colors hover:bg-violet-500/20", title: `Open ${deploy.url}`, "aria-label": `Open dev server at ${deploy.url}`, children: [_jsxs("span", { className: "relative flex h-2 w-2 shrink-0", children: [_jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-violet-400 opacity-60" }), _jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-violet-500" })] }), _jsx("span", { className: "truncate", children: shortUrl }), _jsx(ExternalLink, { className: "h-3 w-3 opacity-60" })] }), _jsx("span", { className: "w-px bg-violet-500/30", "aria-hidden": true }), _jsx("button", { type: "button", onClick: deploy.stop, disabled: deploy.stopLoading, className: "inline-flex items-center justify-center px-1.5 text-red-600 transition-colors hover:bg-red-500/20 dark:text-red-400", title: "Stop dev server", "aria-label": "Stop dev server", children: deploy.stopLoading ? (_jsx(Loader2, { className: "h-3 w-3 animate-spin" })) : (_jsx(Square, { className: "h-3 w-3 fill-current" })) })] }));
+    }
+    // ────────────────────────────────────────────────────────────
+    // Error — red triangle, click to retry
+    // ────────────────────────────────────────────────────────────
+    if (deploy.deployError) {
+        return (_jsxs("button", { type: "button", onClick: deploy.deploy, className: cn('inline-flex h-7 shrink-0 items-center gap-1.5 rounded-md border border-red-500/40 bg-red-500/10 px-2 text-[11px] font-medium text-red-600 transition-colors hover:bg-red-500/20 dark:text-red-400', className), title: deploy.deployError, "aria-label": "Retry starting dev server", children: [_jsx(TriangleAlert, { className: "h-3 w-3" }), _jsx("span", { children: "Retry" })] }));
+    }
+    // ────────────────────────────────────────────────────────────
+    // Idle — default "Preview" button (Shep AI purple)
+    // ────────────────────────────────────────────────────────────
+    return (_jsxs("button", { type: "button", onClick: deploy.deploy, className: cn('inline-flex h-7 shrink-0 items-center gap-1.5 rounded-md border border-violet-500/50 bg-gradient-to-br from-indigo-500/15 to-violet-500/20 px-2.5 text-[11px] font-medium text-violet-700 transition-colors hover:from-indigo-500/25 hover:to-violet-500/30 dark:text-violet-300', className), title: "Install dependencies and preview the app", "aria-label": "Preview app", children: [_jsx(Play, { className: "h-3 w-3 fill-current" }), _jsx("span", { children: "Preview" })] }));
+}

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

@@ -0,0 +1,9 @@
+import '@xterm/xterm/css/xterm.css';
+export interface TerminalTabProps {
+    /** Absolute working directory to launch the PTY in. */
+    cwd: string;
+    /** Optional CSS className for the outer wrapper. */
+    className?: string;
+}
+export declare function TerminalTab({ cwd, className }: TerminalTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=terminal-tab.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"terminal-tab.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/application-page/terminal-tab.tsx"],"names":[],"mappings":"AAgBA,OAAO,4BAA4B,CAAC;AAEpC,MAAM,WAAW,gBAAgB;IAC/B,uDAAuD;IACvD,GAAG,EAAE,MAAM,CAAC;IACZ,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkCD,wBAAgB,WAAW,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAmN/D"}