@ibealec/create-zed-bridge 1.0.13 → 1.0.15

package/templates/@zed-controller/react-bridge/dist/index.d.cts

@@ -1,8 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { ReactNode } from 'react';
-import { BrowserTask as BrowserTask$1, Session, SelectionContext } from '@zed-controller/shared';
+import { BrowserTask as BrowserTask$1, Session as Session$1, SelectionContext } from '@zed-controller/shared';
 export { BrowserTask, CreateTaskRequest, CreateTaskResponse, SelectionContext, Session, TaskProgressEvent } from '@zed-controller/shared';
 
+type Session = Session$1;
 type BrowserTask = BrowserTask$1;
 interface ClaudeBridgeConfig {
     serverUrl: string;
@@ -11,12 +12,15 @@ interface ClaudeBridgeConfig {
     projectRoot?: string;
     shortcut?: string;
     questionShortcut?: string;
+    voiceShortcut?: string;
     onTaskCreated?: (taskId: string) => void;
     onTaskProgress?: (taskId: string, output: string) => void;
     onTaskCompleted?: (taskId: string) => void;
     onTaskFailed?: (taskId: string, error: string) => void;
     onError?: (error: Error) => void;
 }
+/** Panel display modes */
+type PanelMode = 'terminal' | 'prompt' | 'question';
 interface ClaudeBridgeState {
     connected: boolean;
     selectionMode: boolean;
@@ -24,6 +28,10 @@ interface ClaudeBridgeState {
     selectedElement: HTMLElement | null;
     activeTask: BrowserTask | null;
     tasks: BrowserTask[];
+    sessions: Session[];
+    activeSessionId: string | null;
+    panelExpanded: boolean;
+    panelMode: PanelMode;
 }
 interface ClaudeBridgeContextValue {
     state: ClaudeBridgeState;
@@ -35,6 +43,9 @@ interface ClaudeBridgeContextValue {
     submitTask: (prompt: string) => Promise<string | null>;
     submitQuestion: (prompt: string, includeSelectedElement?: boolean) => Promise<string | null>;
     continueTask: (taskId: string, prompt: string) => Promise<void>;
+    setActiveSession: (sessionId: string | null) => void;
+    setPanelExpanded: (expanded: boolean) => void;
+    setPanelMode: (mode: PanelMode) => void;
 }
 
 interface ClaudeBridgeProviderProps {
@@ -45,13 +56,14 @@ interface ClaudeBridgeProviderProps {
     projectRoot?: string;
     shortcut?: string;
     questionShortcut?: string;
+    voiceShortcut?: string;
     onTaskCreated?: (taskId: string) => void;
     onTaskProgress?: (taskId: string, output: string) => void;
     onTaskCompleted?: (taskId: string) => void;
     onTaskFailed?: (taskId: string, error: string) => void;
     onError?: (error: Error) => void;
 }
-declare function ClaudeBridgeProvider({ children, serverUrl, token, enabled, projectRoot, shortcut, questionShortcut, onTaskCreated, onTaskProgress, onTaskCompleted, onTaskFailed, onError, }: ClaudeBridgeProviderProps): react_jsx_runtime.JSX.Element;
+declare function ClaudeBridgeProvider({ children, serverUrl, token, enabled, projectRoot, shortcut, questionShortcut, voiceShortcut, onTaskCreated, onTaskProgress, onTaskCompleted, onTaskFailed, onError, }: ClaudeBridgeProviderProps): react_jsx_runtime.JSX.Element;
 declare function useClaudeBridge(): ClaudeBridgeContextValue;
 
 interface ClaudeTerminalProps {
@@ -62,11 +74,11 @@ interface ClaudeTerminalProps {
     /** Session ID to attach to, or undefined to show session picker */
     sessionId?: string;
     /** Called when a session is selected (when sessionId is not provided) */
-    onSessionSelect?: (session: Session) => void;
+    onSessionSelect?: (session: Session$1) => void;
     /** Called when connection status changes */
     onConnectionChange?: (connected: boolean) => void;
     /** Called when sessions list updates */
-    onSessionsUpdate?: (sessions: Session[]) => void;
+    onSessionsUpdate?: (sessions: Session$1[]) => void;
     /** Custom terminal options */
     terminalOptions?: {
         fontSize?: number;
@@ -94,6 +106,83 @@ interface TaskStatusToastProps {
 }
 declare function TaskStatusToast({ task, serverUrl, token, onDismiss, killOnClose, }: TaskStatusToastProps): react_jsx_runtime.JSX.Element | null;
 
+interface SessionPanelProps {
+    sessions: Session$1[];
+    activeSessionId: string | null;
+    onSessionSelect: (sessionId: string) => void;
+    onSessionClose?: (sessionId: string) => void;
+    serverUrl: string;
+    token: string;
+    expanded: boolean;
+    onExpandedChange: (expanded: boolean) => void;
+    selectedElement: HTMLElement | null;
+    mode: PanelMode;
+    onModeChange: (mode: PanelMode) => void;
+    onPromptSubmit: (prompt: string) => void;
+    onQuestionSubmit: (prompt: string, includeElement: boolean) => void;
+    onClose: () => void;
+    isSubmitting: boolean;
+    voiceInputActive?: boolean;
+    onVoiceInputStart?: () => void;
+    activeTask: BrowserTask$1 | null;
+}
+declare function SessionPanel({ sessions, activeSessionId, onSessionSelect, onSessionClose, serverUrl, token, expanded, onExpandedChange, selectedElement, mode, onModeChange, onPromptSubmit, onQuestionSubmit, onClose, isSubmitting, voiceInputActive, onVoiceInputStart, activeTask, }: SessionPanelProps): react_jsx_runtime.JSX.Element | null;
+
+interface SessionTabsProps {
+    sessions: Session$1[];
+    activeSessionId: string | null;
+    onSessionSelect: (sessionId: string) => void;
+    onSessionClose?: (sessionId: string) => void;
+    /** ID of the session where the current task is running (if any) */
+    taskSessionId?: string | null;
+}
+declare function SessionTabs({ sessions, activeSessionId, onSessionSelect, onSessionClose, taskSessionId, }: SessionTabsProps): react_jsx_runtime.JSX.Element;
+
+interface SessionStorageData {
+    lastSessionId: string;
+    projectRoot: string;
+    timestamp: number;
+}
+/**
+ * Hook for persisting and retrieving the last viewed session from localStorage.
+ * Sessions are scoped to project root and expire after 24 hours.
+ */
+declare function useSessionStorage(projectRoot: string | undefined): {
+    getStoredSessionId: () => string | null;
+    setStoredSessionId: (sessionId: string | null) => void;
+    clearStoredSession: () => void;
+};
+
+interface UseSessionsOptions {
+    /** All sessions from the server */
+    sessions: Session$1[];
+    /** Project root to filter sessions by */
+    projectRoot?: string;
+}
+interface UseSessionsReturn {
+    /** Sessions filtered to the current project */
+    projectSessions: Session$1[];
+    /** All sessions (unfiltered) */
+    allSessions: Session$1[];
+    /** Check if a session belongs to this project */
+    isProjectSession: (session: Session$1) => boolean;
+}
+/**
+ * Hook for filtering and managing sessions by project root.
+ * Sessions are filtered by workingDir matching the projectRoot.
+ */
+declare function useSessions({ sessions, projectRoot, }: UseSessionsOptions): UseSessionsReturn;
+/**
+ * Get a display name for a session.
+ * Prefers displayName, falls back to name, then to tmuxSession.
+ */
+declare function getSessionDisplayName(session: Session$1): string;
+/**
+ * Check if a session appears to be actively running (based on recent activity).
+ * Considers a session "active" if it had activity within the last 60 seconds.
+ */
+declare function isSessionActive(session: Session$1): boolean;
+
 /**
  * Captures context about a selected DOM element for Claude.
  * Uses multiple strategies to identify source location:
@@ -118,4 +207,72 @@ declare function captureElementScreenshot(element: HTMLElement, options?: {
     maxHeight?: number;
 }): Promise<string | undefined>;
 
-export { type ClaudeBridgeConfig, type ClaudeBridgeContextValue, ClaudeBridgeProvider, type ClaudeBridgeState, ClaudeTerminal, type ClaudeTerminalProps, TaskStatusToast, captureContext, captureElementScreenshot, capturePageContext, useClaudeBridge };
+interface VoiceInputProps {
+    onTranscript: (text: string) => void;
+    onListeningChange?: (isListening: boolean) => void;
+    disabled?: boolean;
+    size?: 'small' | 'medium';
+    autoStart?: boolean;
+}
+declare function VoiceInput({ onTranscript, onListeningChange, disabled, size, autoStart, }: VoiceInputProps): react_jsx_runtime.JSX.Element | null;
+
+interface SpeechRecognitionEvent extends Event {
+    results: SpeechRecognitionResultList;
+    resultIndex: number;
+}
+interface SpeechRecognitionResultList {
+    length: number;
+    item(index: number): SpeechRecognitionResult;
+    [index: number]: SpeechRecognitionResult;
+}
+interface SpeechRecognitionResult {
+    isFinal: boolean;
+    length: number;
+    item(index: number): SpeechRecognitionAlternative;
+    [index: number]: SpeechRecognitionAlternative;
+}
+interface SpeechRecognitionAlternative {
+    transcript: string;
+    confidence: number;
+}
+interface SpeechRecognitionErrorEvent extends Event {
+    error: string;
+    message?: string;
+}
+interface SpeechRecognition extends EventTarget {
+    continuous: boolean;
+    interimResults: boolean;
+    lang: string;
+    onresult: ((event: SpeechRecognitionEvent) => void) | null;
+    onerror: ((event: SpeechRecognitionErrorEvent) => void) | null;
+    onend: (() => void) | null;
+    onstart: (() => void) | null;
+    start(): void;
+    stop(): void;
+    abort(): void;
+}
+declare global {
+    interface Window {
+        SpeechRecognition?: new () => SpeechRecognition;
+        webkitSpeechRecognition?: new () => SpeechRecognition;
+    }
+}
+interface UseVoiceInputOptions {
+    onTranscript?: (text: string, isFinal: boolean) => void;
+    onError?: (error: string) => void;
+    onStart?: () => void;
+    onEnd?: () => void;
+    language?: string;
+}
+interface UseVoiceInputReturn {
+    isListening: boolean;
+    isSupported: boolean;
+    transcript: string;
+    interimTranscript: string;
+    startListening: () => void;
+    stopListening: () => void;
+    error: string | null;
+}
+declare function useVoiceInput(options?: UseVoiceInputOptions): UseVoiceInputReturn;
+
+export { type ClaudeBridgeConfig, type ClaudeBridgeContextValue, ClaudeBridgeProvider, type ClaudeBridgeState, ClaudeTerminal, type ClaudeTerminalProps, type PanelMode, SessionPanel, type SessionPanelProps, type SessionStorageData, SessionTabs, type SessionTabsProps, TaskStatusToast, type UseSessionsOptions, type UseSessionsReturn, type UseVoiceInputOptions, type UseVoiceInputReturn, VoiceInput, type VoiceInputProps, captureContext, captureElementScreenshot, capturePageContext, getSessionDisplayName, isSessionActive, useClaudeBridge, useSessionStorage, useSessions, useVoiceInput };

package/templates/@zed-controller/react-bridge/dist/index.d.ts

@@ -1,8 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { ReactNode } from 'react';
-import { BrowserTask as BrowserTask$1, Session, SelectionContext } from '@zed-controller/shared';
+import { BrowserTask as BrowserTask$1, Session as Session$1, SelectionContext } from '@zed-controller/shared';
 export { BrowserTask, CreateTaskRequest, CreateTaskResponse, SelectionContext, Session, TaskProgressEvent } from '@zed-controller/shared';
 
+type Session = Session$1;
 type BrowserTask = BrowserTask$1;
 interface ClaudeBridgeConfig {
     serverUrl: string;
@@ -11,12 +12,15 @@ interface ClaudeBridgeConfig {
     projectRoot?: string;
     shortcut?: string;
     questionShortcut?: string;
+    voiceShortcut?: string;
     onTaskCreated?: (taskId: string) => void;
     onTaskProgress?: (taskId: string, output: string) => void;
     onTaskCompleted?: (taskId: string) => void;
     onTaskFailed?: (taskId: string, error: string) => void;
     onError?: (error: Error) => void;
 }
+/** Panel display modes */
+type PanelMode = 'terminal' | 'prompt' | 'question';
 interface ClaudeBridgeState {
     connected: boolean;
     selectionMode: boolean;
@@ -24,6 +28,10 @@ interface ClaudeBridgeState {
     selectedElement: HTMLElement | null;
     activeTask: BrowserTask | null;
     tasks: BrowserTask[];
+    sessions: Session[];
+    activeSessionId: string | null;
+    panelExpanded: boolean;
+    panelMode: PanelMode;
 }
 interface ClaudeBridgeContextValue {
     state: ClaudeBridgeState;
@@ -35,6 +43,9 @@ interface ClaudeBridgeContextValue {
     submitTask: (prompt: string) => Promise<string | null>;
     submitQuestion: (prompt: string, includeSelectedElement?: boolean) => Promise<string | null>;
     continueTask: (taskId: string, prompt: string) => Promise<void>;
+    setActiveSession: (sessionId: string | null) => void;
+    setPanelExpanded: (expanded: boolean) => void;
+    setPanelMode: (mode: PanelMode) => void;
 }
 
 interface ClaudeBridgeProviderProps {
@@ -45,13 +56,14 @@ interface ClaudeBridgeProviderProps {
     projectRoot?: string;
     shortcut?: string;
     questionShortcut?: string;
+    voiceShortcut?: string;
     onTaskCreated?: (taskId: string) => void;
     onTaskProgress?: (taskId: string, output: string) => void;
     onTaskCompleted?: (taskId: string) => void;
     onTaskFailed?: (taskId: string, error: string) => void;
     onError?: (error: Error) => void;
 }
-declare function ClaudeBridgeProvider({ children, serverUrl, token, enabled, projectRoot, shortcut, questionShortcut, onTaskCreated, onTaskProgress, onTaskCompleted, onTaskFailed, onError, }: ClaudeBridgeProviderProps): react_jsx_runtime.JSX.Element;
+declare function ClaudeBridgeProvider({ children, serverUrl, token, enabled, projectRoot, shortcut, questionShortcut, voiceShortcut, onTaskCreated, onTaskProgress, onTaskCompleted, onTaskFailed, onError, }: ClaudeBridgeProviderProps): react_jsx_runtime.JSX.Element;
 declare function useClaudeBridge(): ClaudeBridgeContextValue;
 
 interface ClaudeTerminalProps {
@@ -62,11 +74,11 @@ interface ClaudeTerminalProps {
     /** Session ID to attach to, or undefined to show session picker */
     sessionId?: string;
     /** Called when a session is selected (when sessionId is not provided) */
-    onSessionSelect?: (session: Session) => void;
+    onSessionSelect?: (session: Session$1) => void;
     /** Called when connection status changes */
     onConnectionChange?: (connected: boolean) => void;
     /** Called when sessions list updates */
-    onSessionsUpdate?: (sessions: Session[]) => void;
+    onSessionsUpdate?: (sessions: Session$1[]) => void;
     /** Custom terminal options */
     terminalOptions?: {
         fontSize?: number;
@@ -94,6 +106,83 @@ interface TaskStatusToastProps {
 }
 declare function TaskStatusToast({ task, serverUrl, token, onDismiss, killOnClose, }: TaskStatusToastProps): react_jsx_runtime.JSX.Element | null;
 
+interface SessionPanelProps {
+    sessions: Session$1[];
+    activeSessionId: string | null;
+    onSessionSelect: (sessionId: string) => void;
+    onSessionClose?: (sessionId: string) => void;
+    serverUrl: string;
+    token: string;
+    expanded: boolean;
+    onExpandedChange: (expanded: boolean) => void;
+    selectedElement: HTMLElement | null;
+    mode: PanelMode;
+    onModeChange: (mode: PanelMode) => void;
+    onPromptSubmit: (prompt: string) => void;
+    onQuestionSubmit: (prompt: string, includeElement: boolean) => void;
+    onClose: () => void;
+    isSubmitting: boolean;
+    voiceInputActive?: boolean;
+    onVoiceInputStart?: () => void;
+    activeTask: BrowserTask$1 | null;
+}
+declare function SessionPanel({ sessions, activeSessionId, onSessionSelect, onSessionClose, serverUrl, token, expanded, onExpandedChange, selectedElement, mode, onModeChange, onPromptSubmit, onQuestionSubmit, onClose, isSubmitting, voiceInputActive, onVoiceInputStart, activeTask, }: SessionPanelProps): react_jsx_runtime.JSX.Element | null;
+
+interface SessionTabsProps {
+    sessions: Session$1[];
+    activeSessionId: string | null;
+    onSessionSelect: (sessionId: string) => void;
+    onSessionClose?: (sessionId: string) => void;
+    /** ID of the session where the current task is running (if any) */
+    taskSessionId?: string | null;
+}
+declare function SessionTabs({ sessions, activeSessionId, onSessionSelect, onSessionClose, taskSessionId, }: SessionTabsProps): react_jsx_runtime.JSX.Element;
+
+interface SessionStorageData {
+    lastSessionId: string;
+    projectRoot: string;
+    timestamp: number;
+}
+/**
+ * Hook for persisting and retrieving the last viewed session from localStorage.
+ * Sessions are scoped to project root and expire after 24 hours.
+ */
+declare function useSessionStorage(projectRoot: string | undefined): {
+    getStoredSessionId: () => string | null;
+    setStoredSessionId: (sessionId: string | null) => void;
+    clearStoredSession: () => void;
+};
+
+interface UseSessionsOptions {
+    /** All sessions from the server */
+    sessions: Session$1[];
+    /** Project root to filter sessions by */
+    projectRoot?: string;
+}
+interface UseSessionsReturn {
+    /** Sessions filtered to the current project */
+    projectSessions: Session$1[];
+    /** All sessions (unfiltered) */
+    allSessions: Session$1[];
+    /** Check if a session belongs to this project */
+    isProjectSession: (session: Session$1) => boolean;
+}
+/**
+ * Hook for filtering and managing sessions by project root.
+ * Sessions are filtered by workingDir matching the projectRoot.
+ */
+declare function useSessions({ sessions, projectRoot, }: UseSessionsOptions): UseSessionsReturn;
+/**
+ * Get a display name for a session.
+ * Prefers displayName, falls back to name, then to tmuxSession.
+ */
+declare function getSessionDisplayName(session: Session$1): string;
+/**
+ * Check if a session appears to be actively running (based on recent activity).
+ * Considers a session "active" if it had activity within the last 60 seconds.
+ */
+declare function isSessionActive(session: Session$1): boolean;
+
 /**
  * Captures context about a selected DOM element for Claude.
  * Uses multiple strategies to identify source location:
@@ -118,4 +207,72 @@ declare function captureElementScreenshot(element: HTMLElement, options?: {
     maxHeight?: number;
 }): Promise<string | undefined>;
 
-export { type ClaudeBridgeConfig, type ClaudeBridgeContextValue, ClaudeBridgeProvider, type ClaudeBridgeState, ClaudeTerminal, type ClaudeTerminalProps, TaskStatusToast, captureContext, captureElementScreenshot, capturePageContext, useClaudeBridge };
+interface VoiceInputProps {
+    onTranscript: (text: string) => void;
+    onListeningChange?: (isListening: boolean) => void;
+    disabled?: boolean;
+    size?: 'small' | 'medium';
+    autoStart?: boolean;
+}
+declare function VoiceInput({ onTranscript, onListeningChange, disabled, size, autoStart, }: VoiceInputProps): react_jsx_runtime.JSX.Element | null;
+
+interface SpeechRecognitionEvent extends Event {
+    results: SpeechRecognitionResultList;
+    resultIndex: number;
+}
+interface SpeechRecognitionResultList {
+    length: number;
+    item(index: number): SpeechRecognitionResult;
+    [index: number]: SpeechRecognitionResult;
+}
+interface SpeechRecognitionResult {
+    isFinal: boolean;
+    length: number;
+    item(index: number): SpeechRecognitionAlternative;
+    [index: number]: SpeechRecognitionAlternative;
+}
+interface SpeechRecognitionAlternative {
+    transcript: string;
+    confidence: number;
+}
+interface SpeechRecognitionErrorEvent extends Event {
+    error: string;
+    message?: string;
+}
+interface SpeechRecognition extends EventTarget {
+    continuous: boolean;
+    interimResults: boolean;
+    lang: string;
+    onresult: ((event: SpeechRecognitionEvent) => void) | null;
+    onerror: ((event: SpeechRecognitionErrorEvent) => void) | null;
+    onend: (() => void) | null;
+    onstart: (() => void) | null;
+    start(): void;
+    stop(): void;
+    abort(): void;
+}
+declare global {
+    interface Window {
+        SpeechRecognition?: new () => SpeechRecognition;
+        webkitSpeechRecognition?: new () => SpeechRecognition;
+    }
+}
+interface UseVoiceInputOptions {
+    onTranscript?: (text: string, isFinal: boolean) => void;
+    onError?: (error: string) => void;
+    onStart?: () => void;
+    onEnd?: () => void;
+    language?: string;
+}
+interface UseVoiceInputReturn {
+    isListening: boolean;
+    isSupported: boolean;
+    transcript: string;
+    interimTranscript: string;
+    startListening: () => void;
+    stopListening: () => void;
+    error: string | null;
+}
+declare function useVoiceInput(options?: UseVoiceInputOptions): UseVoiceInputReturn;
+
+export { type ClaudeBridgeConfig, type ClaudeBridgeContextValue, ClaudeBridgeProvider, type ClaudeBridgeState, ClaudeTerminal, type ClaudeTerminalProps, type PanelMode, SessionPanel, type SessionPanelProps, type SessionStorageData, SessionTabs, type SessionTabsProps, TaskStatusToast, type UseSessionsOptions, type UseSessionsReturn, type UseVoiceInputOptions, type UseVoiceInputReturn, VoiceInput, type VoiceInputProps, captureContext, captureElementScreenshot, capturePageContext, getSessionDisplayName, isSessionActive, useClaudeBridge, useSessionStorage, useSessions, useVoiceInput };