@rendiv/studio 0.1.3 → 0.1.4

package/dist/vite-plugin-studio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite-plugin-studio.d.ts","sourceRoot":"","sources":["../src/vite-plugin-studio.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAMnC,MAAM,WAAW,mBAAmB;IAClC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;CACpB;AA4HD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,mBAAmB,GAAG,MAAM,CAyKvE"}
+{"version":3,"file":"vite-plugin-studio.d.ts","sourceRoot":"","sources":["../src/vite-plugin-studio.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAMnC,MAAM,WAAW,mBAAmB;IAClC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;CACpB;AAgKD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,mBAAmB,GAAG,MAAM,CAyPvE"}

package/dist/vite-plugin-studio.js

@@ -5,6 +5,36 @@ let renderJobs = [];
 let nextJobId = 1;
 let activeJobId = null;
 let activeAbortController = null;
+// --- Server-side terminal state (in-memory, survives page refresh) ---
+let terminalProcess = null;
+let terminalCols = 80;
+let terminalRows = 24;
+async function tryImportNodePty() {
+    try {
+        const pty = await import('node-pty');
+        // Ensure spawn-helper has execute permission (pnpm may strip it)
+        if (process.platform !== 'win32') {
+            try {
+                const { createRequire } = await import('module');
+                const { resolve, dirname } = await import('path');
+                const { chmodSync, statSync } = await import('fs');
+                const ptyDir = dirname(createRequire(import.meta.url).resolve('node-pty'));
+                const helperPath = resolve(ptyDir, 'prebuilds', `${process.platform}-${process.arch}`, 'spawn-helper');
+                const st = statSync(helperPath, { throwIfNoEntry: false });
+                if (st && !(st.mode & 0o111)) {
+                    chmodSync(helperPath, st.mode | 0o755);
+                }
+            }
+            catch {
+                // Best-effort; if it fails, the spawn error will surface later
+            }
+        }
+        return pty;
+    }
+    catch {
+        return null;
+    }
+}
 function readBody(req) {
     return new Promise((resolve, reject) => {
         const chunks = [];
@@ -176,9 +206,77 @@ export function rendivStudioPlugin(options) {
             catch {
                 // File doesn't exist yet — that's fine, watch will be set up when it's first created
             }
-            // Clean up watcher when server closes
+            // Clean up watcher and terminal when server closes
             server.httpServer?.on('close', () => {
                 overridesWatcher?.close();
+                if (terminalProcess) {
+                    terminalProcess.kill();
+                    terminalProcess = null;
+                }
+            });
+            // --- Terminal PTY WebSocket handlers ---
+            server.ws.on('rendiv:terminal-start', async (data) => {
+                if (terminalProcess) {
+                    server.ws.send({ type: 'custom', event: 'rendiv:terminal-started', data: { pid: terminalProcess.pid } });
+                    return;
+                }
+                const pty = await tryImportNodePty();
+                if (!pty) {
+                    server.ws.send({ type: 'custom', event: 'rendiv:terminal-error', data: { message: 'node-pty is not installed. Run: pnpm add node-pty' } });
+                    return;
+                }
+                terminalCols = data.cols ?? 80;
+                terminalRows = data.rows ?? 24;
+                const shell = process.env.SHELL || '/bin/zsh';
+                try {
+                    terminalProcess = pty.spawn(shell, ['-l'], {
+                        name: 'xterm-256color',
+                        cols: terminalCols,
+                        rows: terminalRows,
+                        cwd: process.cwd(),
+                        env: { ...process.env },
+                    });
+                }
+                catch (err) {
+                    const msg = err instanceof Error ? err.message : String(err);
+                    server.ws.send({ type: 'custom', event: 'rendiv:terminal-error', data: { message: `Failed to spawn terminal: ${msg}` } });
+                    return;
+                }
+                terminalProcess.onData((output) => {
+                    server.ws.send({ type: 'custom', event: 'rendiv:terminal-output', data: { data: output } });
+                });
+                terminalProcess.onExit(({ exitCode, signal }) => {
+                    terminalProcess = null;
+                    server.ws.send({ type: 'custom', event: 'rendiv:terminal-exited', data: { exitCode, signal } });
+                });
+                server.ws.send({ type: 'custom', event: 'rendiv:terminal-started', data: { pid: terminalProcess.pid } });
+                // Launch claude in the shell after a short delay to let the shell initialize
+                setTimeout(() => {
+                    terminalProcess?.write('claude\n');
+                }, 300);
+            });
+            server.ws.on('rendiv:terminal-input', (data) => {
+                terminalProcess?.write(data.data);
+            });
+            server.ws.on('rendiv:terminal-resize', (data) => {
+                if (terminalProcess && data.cols > 0 && data.rows > 0) {
+                    terminalCols = data.cols;
+                    terminalRows = data.rows;
+                    terminalProcess.resize(data.cols, data.rows);
+                }
+            });
+            server.ws.on('rendiv:terminal-stop', () => {
+                if (terminalProcess) {
+                    terminalProcess.kill();
+                    terminalProcess = null;
+                }
+            });
+            server.ws.on('rendiv:terminal-status', () => {
+                server.ws.send({
+                    type: 'custom',
+                    event: 'rendiv:terminal-status-response',
+                    data: { running: terminalProcess !== null, pid: terminalProcess?.pid ?? null },
+                });
             });
             // Render queue API endpoints
             server.middlewares.use((req, res, next) => {

package/dist/vite-plugin-studio.js.map

@@ -1 +1 @@
-{"version":3,"file":"vite-plugin-studio.js","sourceRoot":"","sources":["../src/vite-plugin-studio.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"vite-plugin-studio.js","sourceRoot":"","sources":["../src/vite-plugin-studio.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rendiv/studio",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.js",
@@ -17,9 +17,12 @@
   ],
   "dependencies": {
     "@vitejs/plugin-react": "^4.3.0",
+    "@xterm/xterm": "^5.5.0",
+    "@xterm/addon-fit": "^0.10.0",
+    "node-pty": "^1.0.0",
     "vite": "^6.0.0",
-    "@rendiv/bundler": "0.1.3",
-    "@rendiv/renderer": "0.1.3"
+    "@rendiv/renderer": "0.1.4",
+    "@rendiv/bundler": "0.1.4"
   },
   "devDependencies": {
     "@types/node": "^22.0.0",

package/ui/RenderQueue.tsx

@@ -19,8 +19,6 @@ export interface RenderJob {
 
 interface RenderQueueProps {
   jobs: RenderJob[];
-  open: boolean;
-  onToggle: () => void;
   onCancel: (jobId: string) => void;
   onRemove: (jobId: string) => void;
   onClear: () => void;
@@ -77,13 +75,10 @@ function overallProgress(job: RenderJob): number {
 
 export const RenderQueue: React.FC<RenderQueueProps> = ({
   jobs,
-  open,
-  onToggle,
   onCancel,
   onRemove,
   onClear,
 }) => {
-  const activeCount = jobs.filter((j) => j.status === 'queued' || j.status === 'bundling' || j.status === 'rendering' || j.status === 'encoding').length;
   const hasFinished = jobs.some((j) => j.status === 'done' || j.status === 'error' || j.status === 'cancelled');
 
   const handleCancel = useCallback((e: React.MouseEvent, jobId: string) => {
@@ -96,41 +91,21 @@ export const RenderQueue: React.FC<RenderQueueProps> = ({
     onRemove(jobId);
   }, [onRemove]);
 
-  if (!open) return null;
-
   return (
-    <div style={panelStyle}>
-      {/* Header */}
-      <div style={headerStyle}>
-        <span style={{ fontWeight: 600, fontSize: 11, textTransform: 'uppercase' as const, letterSpacing: '0.05em' }}>
-          Render Queue
-          {activeCount > 0 && (
-            <span style={{ marginLeft: 6, color: colors.accent, fontWeight: 600 }}>
-              ({activeCount})
-            </span>
-          )}
-        </span>
-        <div style={{ display: 'flex', gap: 8 }}>
-          {hasFinished && (
-            <button
-              type="button"
-              style={clearBtnStyle}
-              onClick={onClear}
-              title="Clear finished jobs"
-            >
-              Clear
-            </button>
-          )}
+    <div style={contentStyle}>
+      {/* Actions bar */}
+      {hasFinished && (
+        <div style={actionsBarStyle}>
           <button
             type="button"
-            style={closeBtnStyle}
-            onClick={onToggle}
-            title="Close panel"
+            style={clearBtnStyle}
+            onClick={onClear}
+            title="Clear finished jobs"
           >
-            {'\u2715'}
+            Clear finished
           </button>
         </div>
-      </div>
+      )}
 
       {/* Job list */}
       <div style={listStyle}>
@@ -221,23 +196,17 @@ export const RenderQueue: React.FC<RenderQueueProps> = ({
 
 // Styles
 
-const panelStyle: React.CSSProperties = {
-  width: 300,
-  minWidth: 300,
-  height: '100%',
-  backgroundColor: colors.surface,
-  borderLeft: `1px solid ${colors.border}`,
+const contentStyle: React.CSSProperties = {
   display: 'flex',
   flexDirection: 'column',
-  flexShrink: 0,
+  flex: 1,
+  overflow: 'hidden',
 };
 
-const headerStyle: React.CSSProperties = {
+const actionsBarStyle: React.CSSProperties = {
   display: 'flex',
-  justifyContent: 'space-between',
-  alignItems: 'center',
-  padding: '12px 16px',
-  color: colors.textSecondary,
+  justifyContent: 'flex-end',
+  padding: '6px 8px',
   borderBottom: `1px solid ${colors.border}`,
   flexShrink: 0,
 };
@@ -277,15 +246,6 @@ const progressBarStyle: React.CSSProperties = {
   transition: 'width 0.3s ease',
 };
 
-const closeBtnStyle: React.CSSProperties = {
-  background: 'none',
-  border: 'none',
-  color: colors.textSecondary,
-  cursor: 'pointer',
-  fontSize: 12,
-  padding: '2px 4px',
-};
-
 const clearBtnStyle: React.CSSProperties = {
   background: 'none',
   border: `1px solid ${colors.border}`,

package/ui/StudioApp.tsx

@@ -13,7 +13,8 @@ import { TopBar } from './TopBar';
 import { Timeline } from './Timeline';
 import { TimelineEditor } from './TimelineEditor';
 import { RenderQueue, type RenderJob } from './RenderQueue';
-import { layoutStyles, scrollbarCSS } from './styles';
+import { Terminal } from './Terminal';
+import { layoutStyles, scrollbarCSS, colors, fonts } from './styles';
 
 // Read the entry point from the generated code's data attribute (set by studio-entry-code)
 const ENTRY_POINT = (window as Record<string, unknown>).__RENDIV_STUDIO_ENTRY__ as string ?? 'src/index.tsx';
@@ -73,9 +74,22 @@ const StudioApp: React.FC = () => {
 
   // Render queue state (server-driven)
   const [renderJobs, setRenderJobs] = useState<RenderJob[]>([]);
-  const [queueOpen, setQueueOpen] = useState(false);
   const hasActiveRef = useRef(false);
 
+  // Right panel state — tabbed panel for Queue and Agent
+  const [rightPanel, setRightPanel] = useState<'queue' | 'agent' | null>(() => {
+    const stored = localStorage.getItem('rendiv-studio:right-panel');
+    if (stored === 'queue' || stored === 'agent') return stored;
+    return null;
+  });
+  const [rightPanelWidth, setRightPanelWidth] = useState(() => {
+    const stored = localStorage.getItem('rendiv-studio:right-panel-width');
+    return stored ? Number(stored) : 360;
+  });
+  const isDraggingPanel = useRef(false);
+  const panelDragStartX = useRef(0);
+  const panelDragStartWidth = useRef(0);
+
   const handleResizeMouseDown = useCallback((e: React.MouseEvent) => {
     e.preventDefault();
     isDraggingTimeline.current = true;
@@ -83,11 +97,23 @@ const StudioApp: React.FC = () => {
     dragStartHeight.current = timelineHeight;
   }, [timelineHeight]);
 
+  const handlePanelResizeMouseDown = useCallback((e: React.MouseEvent) => {
+    e.preventDefault();
+    isDraggingPanel.current = true;
+    panelDragStartX.current = e.clientX;
+    panelDragStartWidth.current = rightPanelWidth;
+  }, [rightPanelWidth]);
+
   useEffect(() => {
     const handleMouseMove = (e: MouseEvent) => {
-      if (!isDraggingTimeline.current) return;
-      const delta = dragStartY.current - e.clientY;
-      setTimelineHeight(Math.max(120, dragStartHeight.current + delta));
+      if (isDraggingTimeline.current) {
+        const delta = dragStartY.current - e.clientY;
+        setTimelineHeight(Math.max(120, dragStartHeight.current + delta));
+      }
+      if (isDraggingPanel.current) {
+        const delta = panelDragStartX.current - e.clientX;
+        setRightPanelWidth(Math.max(280, Math.min(800, panelDragStartWidth.current + delta)));
+      }
     };
     const handleMouseUp = () => {
       if (isDraggingTimeline.current) {
@@ -97,6 +123,13 @@ const StudioApp: React.FC = () => {
           return h;
         });
       }
+      if (isDraggingPanel.current) {
+        isDraggingPanel.current = false;
+        setRightPanelWidth((w) => {
+          localStorage.setItem('rendiv-studio:right-panel-width', String(w));
+          return w;
+        });
+      }
     };
     window.addEventListener('mousemove', handleMouseMove);
     window.addEventListener('mouseup', handleMouseUp);
@@ -351,7 +384,8 @@ const StudioApp: React.FC = () => {
         totalFrames: selectedComposition.durationInFrames,
       }),
     });
-    setQueueOpen(true);
+    setRightPanel('queue');
+    localStorage.setItem('rendiv-studio:right-panel-tab', 'queue');
   }, [selectedComposition, inputProps]);
 
   const handleCancelJob = useCallback((jobId: string) => {
@@ -366,8 +400,18 @@ const StudioApp: React.FC = () => {
     fetch('/__rendiv_api__/render/queue/clear', { method: 'POST' });
   }, []);
 
-  const handleToggleQueue = useCallback(() => {
-    setQueueOpen((prev) => !prev);
+  const handleTogglePanel = useCallback(() => {
+    setRightPanel((prev) => {
+      if (prev !== null) {
+        // Close panel
+        localStorage.setItem('rendiv-studio:right-panel', '');
+        return null;
+      }
+      // Open to last active tab (default 'queue')
+      const tab = (localStorage.getItem('rendiv-studio:right-panel-tab') as 'queue' | 'agent') || 'queue';
+      localStorage.setItem('rendiv-studio:right-panel', tab);
+      return tab;
+    });
   }, []);
 
   const queueCount = renderJobs.filter((j) =>
@@ -384,8 +428,8 @@ const StudioApp: React.FC = () => {
         entryPoint={ENTRY_POINT}
         onRender={handleAddRender}
         queueCount={queueCount}
-        queueOpen={queueOpen}
-        onToggleQueue={handleToggleQueue}
+        panelOpen={rightPanel !== null}
+        onTogglePanel={handleTogglePanel}
       />
 
       <div style={layoutStyles.body}>
@@ -411,14 +455,67 @@ const StudioApp: React.FC = () => {
           </div>
         )}
 
-        <RenderQueue
-          jobs={renderJobs}
-          open={queueOpen}
-          onToggle={handleToggleQueue}
-          onCancel={handleCancelJob}
-          onRemove={handleRemoveJob}
-          onClear={handleClearFinished}
-        />
+        {/* Right panel — tabbed: Queue / Agent */}
+        {rightPanel !== null && (
+          <div style={{ ...rightPanelStyle, width: rightPanelWidth, minWidth: 280 }}>
+            <div
+              style={panelResizeHandleStyle}
+              onMouseDown={handlePanelResizeMouseDown}
+            />
+            <div style={tabBarStyle}>
+              <div style={{ display: 'flex', gap: 2, padding: 2, backgroundColor: colors.bg, borderRadius: 6 }}>
+                {(['queue', 'agent'] as const).map((tab) => (
+                  <button
+                    key={tab}
+                    onClick={() => {
+                      setRightPanel(tab);
+                      localStorage.setItem('rendiv-studio:right-panel', tab);
+                      localStorage.setItem('rendiv-studio:right-panel-tab', tab);
+                    }}
+                    style={{
+                      padding: '3px 10px',
+                      fontSize: 11,
+                      fontWeight: 500,
+                      border: 'none',
+                      borderRadius: 4,
+                      cursor: 'pointer',
+                      backgroundColor: rightPanel === tab ? colors.border : 'transparent',
+                      color: rightPanel === tab ? colors.textPrimary : colors.textSecondary,
+                      fontFamily: fonts.sans,
+                    }}
+                  >
+                    {tab === 'queue' ? 'Queue' : 'Agent'}
+                    {tab === 'queue' && queueCount > 0 && (
+                      <span style={{ marginLeft: 4, color: colors.accent, fontWeight: 600 }}>({queueCount})</span>
+                    )}
+                  </button>
+                ))}
+              </div>
+              <button
+                type="button"
+                onClick={() => {
+                  setRightPanel(null);
+                  localStorage.setItem('rendiv-studio:right-panel', '');
+                }}
+                style={tabCloseStyle}
+                title="Close panel"
+              >
+                {'\u2715'}
+              </button>
+            </div>
+            <div style={{ display: rightPanel === 'queue' ? 'flex' : 'none', flex: 1, flexDirection: 'column' as const, overflow: 'hidden' }}>
+              <RenderQueue
+                jobs={renderJobs}
+                onCancel={handleCancelJob}
+                onRemove={handleRemoveJob}
+                onClear={handleClearFinished}
+              />
+            </div>
+            <div style={{ display: rightPanel === 'agent' ? 'flex' : 'none', flex: 1, flexDirection: 'column' as const, overflow: 'hidden' }}>
+              <Terminal open={rightPanel === 'agent'} />
+            </div>
+          </div>
+        )}
       </div>
 
       {/* Timeline — full-width resizable row */}
@@ -475,6 +572,44 @@ const StudioApp: React.FC = () => {
   );
 };
 
+const rightPanelStyle: React.CSSProperties = {
+  position: 'relative',
+  height: '100%',
+  backgroundColor: colors.surface,
+  borderLeft: `1px solid ${colors.border}`,
+  display: 'flex',
+  flexDirection: 'column',
+  flexShrink: 0,
+};
+
+const panelResizeHandleStyle: React.CSSProperties = {
+  position: 'absolute',
+  top: 0,
+  left: 0,
+  width: 4,
+  height: '100%',
+  cursor: 'col-resize',
+  zIndex: 10,
+};
+
+const tabBarStyle: React.CSSProperties = {
+  display: 'flex',
+  justifyContent: 'space-between',
+  alignItems: 'center',
+  padding: '6px 8px',
+  borderBottom: `1px solid ${colors.border}`,
+  flexShrink: 0,
+};
+
+const tabCloseStyle: React.CSSProperties = {
+  background: 'none',
+  border: 'none',
+  color: colors.textSecondary,
+  cursor: 'pointer',
+  fontSize: 12,
+  padding: '2px 4px',
+};
+
 export function createStudioApp(container: HTMLElement | null): void {
   if (!container) {
     throw new Error('Rendiv Studio: Could not find #root element');

package/ui/Terminal.tsx

@@ -0,0 +1,266 @@
+import React, { useRef, useEffect, useCallback, useState } from 'react';
+import { Terminal as XTerm } from '@xterm/xterm';
+import { FitAddon } from '@xterm/addon-fit';
+import '@xterm/xterm/css/xterm.css';
+import { colors, fonts } from './styles';
+
+export interface TerminalProps {
+  open: boolean;
+}
+
+type TerminalStatus = 'idle' | 'starting' | 'running' | 'exited' | 'error';
+
+export const Terminal: React.FC<TerminalProps> = ({ open }) => {
+  const containerRef = useRef<HTMLDivElement>(null);
+  const xtermRef = useRef<XTerm | null>(null);
+  const fitAddonRef = useRef<FitAddon | null>(null);
+  const [status, setStatus] = useState<TerminalStatus>('idle');
+  const [errorMessage, setErrorMessage] = useState<string | null>(null);
+  const attachedRef = useRef(false);
+
+  // Create xterm instance once on mount
+  useEffect(() => {
+    const term = new XTerm({
+      cursorBlink: true,
+      fontSize: 11,
+      fontFamily: fonts.mono,
+      theme: {
+        background: colors.bg,
+        foreground: colors.textPrimary,
+        cursor: colors.accent,
+        cursorAccent: colors.bg,
+        selectionBackground: 'rgba(88, 166, 255, 0.3)',
+        black: '#484f58',
+        red: '#ff7b72',
+        green: '#3fb950',
+        yellow: '#d29922',
+        blue: '#58a6ff',
+        magenta: '#bc8cff',
+        cyan: '#39c5cf',
+        white: '#b1bac4',
+        brightBlack: '#6e7681',
+        brightRed: '#ffa198',
+        brightGreen: '#56d364',
+        brightYellow: '#e3b341',
+        brightBlue: '#79c0ff',
+        brightMagenta: '#d2a8ff',
+        brightCyan: '#56d4dd',
+        brightWhite: '#f0f6fc',
+      },
+    });
+
+    const fitAddon = new FitAddon();
+    term.loadAddon(fitAddon);
+
+    // Forward user keystrokes to server
+    term.onData((data) => {
+      const hot = (import.meta as any).hot;
+      hot?.send('rendiv:terminal-input', { data });
+    });
+
+    xtermRef.current = term;
+    fitAddonRef.current = fitAddon;
+
+    return () => {
+      term.dispose();
+      xtermRef.current = null;
+      fitAddonRef.current = null;
+      attachedRef.current = false;
+    };
+  }, []);
+
+  // Listen for server events (once, independent of open state)
+  useEffect(() => {
+    const hot = (import.meta as any).hot;
+    if (!hot) return;
+
+    const onOutput = (data: { data: string }) => {
+      xtermRef.current?.write(data.data);
+    };
+    const onStarted = () => {
+      setStatus('running');
+      setErrorMessage(null);
+    };
+    const onExited = () => {
+      setStatus('exited');
+    };
+    const onError = (data: { message: string }) => {
+      setStatus('error');
+      setErrorMessage(data.message);
+    };
+    const onStatusResponse = (data: { running: boolean }) => {
+      if (data.running) setStatus('running');
+    };
+
+    hot.on('rendiv:terminal-output', onOutput);
+    hot.on('rendiv:terminal-started', onStarted);
+    hot.on('rendiv:terminal-exited', onExited);
+    hot.on('rendiv:terminal-error', onError);
+    hot.on('rendiv:terminal-status-response', onStatusResponse);
+
+    // Check if terminal is already running (re-attach after page refresh)
+    hot.send('rendiv:terminal-status', {});
+
+    return () => {
+      hot.off?.('rendiv:terminal-output', onOutput);
+      hot.off?.('rendiv:terminal-started', onStarted);
+      hot.off?.('rendiv:terminal-exited', onExited);
+      hot.off?.('rendiv:terminal-error', onError);
+      hot.off?.('rendiv:terminal-status-response', onStatusResponse);
+    };
+  }, []);
+
+  // Attach/detach xterm to DOM when panel opens/closes
+  useEffect(() => {
+    if (!open || !containerRef.current || !xtermRef.current) return;
+
+    if (!attachedRef.current) {
+      xtermRef.current.open(containerRef.current);
+      attachedRef.current = true;
+    }
+
+    // Fit after a frame to ensure container has layout dimensions
+    requestAnimationFrame(() => {
+      fitAddonRef.current?.fit();
+    });
+  }, [open]);
+
+  // Resize terminal when container size changes
+  useEffect(() => {
+    if (!open || !containerRef.current) return;
+
+    const observer = new ResizeObserver(() => {
+      const term = xtermRef.current;
+      const fitAddon = fitAddonRef.current;
+      if (!term || !fitAddon) return;
+
+      fitAddon.fit();
+      const hot = (import.meta as any).hot;
+      hot?.send('rendiv:terminal-resize', { cols: term.cols, rows: term.rows });
+    });
+
+    observer.observe(containerRef.current);
+    return () => observer.disconnect();
+  }, [open]);
+
+  const handleStart = useCallback(() => {
+    setStatus('starting');
+    const term = xtermRef.current;
+    const hot = (import.meta as any).hot;
+    hot?.send('rendiv:terminal-start', {
+      cols: term?.cols ?? 80,
+      rows: term?.rows ?? 24,
+    });
+  }, []);
+
+  const handleRestart = useCallback(() => {
+    const hot = (import.meta as any).hot;
+    hot?.send('rendiv:terminal-stop', {});
+    xtermRef.current?.clear();
+    setTimeout(() => {
+      setStatus('starting');
+      const term = xtermRef.current;
+      hot?.send('rendiv:terminal-start', {
+        cols: term?.cols ?? 80,
+        rows: term?.rows ?? 24,
+      });
+    }, 300);
+  }, []);
+
+  const showOverlay = status === 'idle' || status === 'error' || status === 'exited';
+
+  return (
+    <div style={panelStyle}>
+      {/* Actions bar — only when there's something to act on */}
+      {(status === 'running' || status === 'exited') && (
+        <div style={actionsBarStyle}>
+          <button style={actionBtnStyle} onClick={handleRestart}>Restart</button>
+        </div>
+      )}
+
+      <div style={terminalBodyStyle}>
+        {showOverlay && (
+          <div style={overlayStyle}>
+            {status === 'error' && errorMessage && (
+              <div style={{ color: colors.error, fontSize: 13, marginBottom: 12, textAlign: 'center' as const }}>
+                {errorMessage}
+              </div>
+            )}
+            {status === 'exited' && (
+              <div style={{ color: colors.textSecondary, fontSize: 13, marginBottom: 12 }}>
+                Claude Code has exited
+              </div>
+            )}
+            <button style={startBtnStyle} onClick={status === 'exited' ? handleRestart : handleStart}>
+              {status === 'exited' ? 'Restart Claude Code' : status === 'error' ? 'Retry' : 'Launch Claude Code'}
+            </button>
+          </div>
+        )}
+        <div ref={containerRef} style={xtermContainerStyle} />
+      </div>
+    </div>
+  );
+};
+
+const panelStyle: React.CSSProperties = {
+  display: 'flex',
+  flexDirection: 'column',
+  flex: 1,
+  overflow: 'hidden',
+};
+
+const actionsBarStyle: React.CSSProperties = {
+  display: 'flex',
+  justifyContent: 'flex-end',
+  padding: '4px 8px',
+  borderBottom: `1px solid ${colors.border}`,
+  flexShrink: 0,
+};
+
+const terminalBodyStyle: React.CSSProperties = {
+  flex: 1,
+  position: 'relative',
+  backgroundColor: colors.bg,
+  overflow: 'hidden',
+};
+
+const xtermContainerStyle: React.CSSProperties = {
+  width: '100%',
+  height: '100%',
+  padding: '4px 0 4px 4px',
+};
+
+const overlayStyle: React.CSSProperties = {
+  position: 'absolute',
+  inset: 0,
+  display: 'flex',
+  flexDirection: 'column',
+  alignItems: 'center',
+  justifyContent: 'center',
+  zIndex: 10,
+  backgroundColor: colors.bg,
+};
+
+const startBtnStyle: React.CSSProperties = {
+  padding: '8px 20px',
+  fontSize: 13,
+  fontWeight: 600,
+  color: '#fff',
+  backgroundColor: colors.accentMuted,
+  border: 'none',
+  borderRadius: 6,
+  cursor: 'pointer',
+  fontFamily: fonts.sans,
+};
+
+const actionBtnStyle: React.CSSProperties = {
+  background: 'none',
+  border: `1px solid ${colors.border}`,
+  color: colors.textSecondary,
+  cursor: 'pointer',
+  fontSize: 10,
+  padding: '2px 8px',
+  borderRadius: 4,
+  fontFamily: fonts.sans,
+};
+

package/ui/TopBar.tsx

@@ -9,8 +9,8 @@ interface TopBarProps {
   entryPoint: string;
   onRender: () => void;
   queueCount: number;
-  queueOpen: boolean;
-  onToggleQueue: () => void;
+  panelOpen: boolean;
+  onTogglePanel: () => void;
 }
 
 const RenderIcon: React.FC = () => (
@@ -19,14 +19,14 @@ const RenderIcon: React.FC = () => (
   </svg>
 );
 
-const QueueIcon: React.FC<{ open: boolean }> = ({ open }) => (
+const PanelIcon: React.FC<{ open: boolean }> = ({ open }) => (
   <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
     <rect x="10" y="2" width="4" height="12" rx="1" fill={open ? 'currentColor' : 'none'} stroke="currentColor" strokeWidth="1.5" />
     <rect x="2" y="2" width="6" height="12" rx="1" stroke="currentColor" strokeWidth="1.5" />
   </svg>
 );
 
-export const TopBar: React.FC<TopBarProps> = ({ composition, entryPoint, onRender, queueCount, queueOpen, onToggleQueue }) => {
+export const TopBar: React.FC<TopBarProps> = ({ composition, entryPoint, onRender, queueCount, panelOpen, onTogglePanel }) => {
   const [copied, setCopied] = useState(false);
 
   const handleCopyCommand = useCallback(() => {
@@ -94,13 +94,13 @@ export const TopBar: React.FC<TopBarProps> = ({ composition, entryPoint, onRende
             alignItems: 'center',
             gap: 6,
             position: 'relative' as const,
-            color: queueOpen ? colors.accent : colors.textPrimary,
-            borderColor: queueOpen ? colors.accent : colors.border,
+            color: panelOpen ? colors.accent : colors.textPrimary,
+            borderColor: panelOpen ? colors.accent : colors.border,
           }}
-          onClick={onToggleQueue}
-          title="Toggle render queue panel"
+          onClick={onTogglePanel}
+          title="Toggle side panel"
         >
-          <QueueIcon open={queueOpen} />
+          <PanelIcon open={panelOpen} />
           {queueCount > 0 && (
             <span style={badgeStyle}>{queueCount}</span>
           )}