orquesta-embed 0.1.1 → 0.1.3

package/dist/components/AuthorAvatar.d.ts

@@ -0,0 +1,9 @@
+import type { Author } from '../core/config';
+interface AuthorAvatarProps {
+    author: Author | null | undefined;
+    size?: 'sm' | 'md' | 'lg';
+    showName?: boolean;
+    className?: string;
+}
+export declare function AuthorAvatar({ author, size, showName, className }: AuthorAvatarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CommentInput.d.ts

@@ -0,0 +1,8 @@
+interface CommentInputProps {
+    onSubmit: (content: string) => Promise<void>;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function CommentInput({ onSubmit, placeholder, disabled, className }: CommentInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CommentList.d.ts

@@ -0,0 +1,8 @@
+import type { Comment } from '../core/config';
+interface CommentListProps {
+    comments: Comment[];
+    isLoading?: boolean;
+    className?: string;
+}
+export declare function CommentList({ comments, isLoading, className }: CommentListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ContextMenu.d.ts

@@ -0,0 +1,19 @@
+import type { ElementContext } from '../core/config';
+interface ContextMenuProps {
+    isOpen: boolean;
+    position: {
+        x: number;
+        y: number;
+    };
+    element: ElementContext | null;
+    agentOnline: boolean;
+    includeConsole: boolean;
+    includeNetwork: boolean;
+    onSubmit: (content: string) => void;
+    onClose: () => void;
+    onToggleConsole: () => void;
+    onToggleNetwork: () => void;
+    onOpenPanel: () => void;
+}
+export declare function ContextMenu({ isOpen, position, element, agentOnline, includeConsole, includeNetwork, onSubmit, onClose, onToggleConsole, onToggleNetwork, onOpenPanel }: ContextMenuProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/ElementMarkers.d.ts

@@ -0,0 +1,7 @@
+import type { ElementMarker } from '../core/config';
+interface ElementMarkersProps {
+    markers: ElementMarker[];
+    onMarkerClick?: (promptId: string) => void;
+}
+export declare function ElementMarkers({ markers, onMarkerClick }: ElementMarkersProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/EmbedPanel.d.ts

@@ -1,5 +1,5 @@
 import type { EmbedState } from '../core/state';
-import type { Position } from '../core/config';
+import type { Position, Prompt, OverlayMode } from '../core/config';
 interface EmbedPanelProps {
     state: EmbedState;
     position: Position;
@@ -11,6 +11,11 @@ interface EmbedPanelProps {
     onToggleConsole: () => void;
     onToggleNetwork: () => void;
     onTabChange: (tab: EmbedState['activeTab']) => void;
+    onExpandPrompt?: (promptId: string | null) => void;
+    onHighlightElement?: (prompt: Prompt) => void;
+    onLoadComments?: (promptId: string) => Promise<void>;
+    onAddComment?: (promptId: string, content: string) => Promise<void>;
+    onOverlayModeChange?: (mode: OverlayMode) => void;
 }
-export declare function EmbedPanel({ state, position, onClose, onMinimize, onSubmitPrompt, onSelectElement, onClearElement, onToggleConsole, onToggleNetwork, onTabChange }: EmbedPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmbedPanel({ state, position, onClose, onMinimize, onSubmitPrompt, onSelectElement, onClearElement, onToggleConsole, onToggleNetwork, onTabChange, onExpandPrompt, onHighlightElement, onLoadComments, onAddComment, onOverlayModeChange }: EmbedPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/GitCommitLink.d.ts

@@ -0,0 +1,8 @@
+interface GitCommitLinkProps {
+    sha: string | undefined | null;
+    url?: string | null;
+    branch?: string | null;
+    className?: string;
+}
+export declare function GitCommitLink({ sha, url, branch, className }: GitCommitLinkProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/OrquestaEmbed.d.ts

@@ -2,6 +2,9 @@ import React from 'react';
 import type { OrquestaEmbedConfig } from '../core/config';
 interface OrquestaEmbedProps extends OrquestaEmbedConfig {
     children?: React.ReactNode;
+    enableGlobalRightClick?: boolean;
+    /** Enable demo mode with mock data (no connection required) */
+    demoMode?: boolean;
 }
 export declare function OrquestaEmbed(props: OrquestaEmbedProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Timeline.d.ts

@@ -1,8 +1,17 @@
-import type { Prompt } from '../core/config';
+import type { Prompt, Comment } from '../core/config';
+import type { OutputLine } from '../core/state';
 interface TimelineProps {
     prompts: Prompt[];
     currentPromptId?: string;
+    expandedPromptId?: string | null;
+    comments?: Record<string, Comment[]>;
+    isLoadingComments?: boolean;
+    promptOutputs?: Record<string, OutputLine[]>;
     onSelectPrompt?: (prompt: Prompt) => void;
+    onExpandPrompt?: (promptId: string | null) => void;
+    onHighlightElement?: (prompt: Prompt) => void;
+    onLoadComments?: (promptId: string) => Promise<void>;
+    onAddComment?: (promptId: string, content: string) => Promise<void>;
 }
-export declare function Timeline({ prompts, currentPromptId, onSelectPrompt }: TimelineProps): import("react/jsx-runtime").JSX.Element;
+export declare function Timeline({ prompts, currentPromptId, expandedPromptId, comments, isLoadingComments, promptOutputs, onSelectPrompt, onExpandPrompt, onHighlightElement, onLoadComments, onAddComment }: TimelineProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/core/client.d.ts

@@ -1,4 +1,4 @@
-import type { OrquestaEmbedConfig, ElementContext } from './config';
+import type { OrquestaEmbedConfig, Prompt, ElementContext, OverlayMode } from './config';
 import { StateManager } from './state';
 import { ConsoleCapture } from './console-capture';
 import { NetworkCapture } from './network-capture';
@@ -27,7 +27,6 @@ export declare class OrquestaEmbedClient {
         elementContext?: ElementContext;
     }): Promise<string>;
     private loadTimeline;
-    private loadDeployments;
     open(): void;
     close(): void;
     toggle(): void;
@@ -37,4 +36,13 @@ export declare class OrquestaEmbedClient {
     getConsoleCapture(): ConsoleCapture;
     getNetworkCapture(): NetworkCapture;
     getElementSelector(): ElementSelector;
+    loadComments(promptId: string): Promise<void>;
+    addComment(promptId: string, content: string): Promise<void>;
+    setOverlayMode(mode: OverlayMode): void;
+    highlightPromptElement(prompt: Prompt): void;
+    setupGlobalRightClick(onSelect: (context: ElementContext) => void): () => void;
+    setupGlobalRightClickWithPosition(onSelect: (context: ElementContext, position: {
+        x: number;
+        y: number;
+    }) => void): () => void;
 }

package/dist/core/config.d.ts

@@ -54,6 +54,11 @@ export interface NetworkEntry {
     requestBody?: unknown;
     responseBody?: unknown;
 }
+export interface Author {
+    id: string;
+    full_name: string | null;
+    avatar_url: string | null;
+}
 export interface Prompt {
     id: string;
     content: string;
@@ -62,8 +67,32 @@ export interface Prompt {
     completed_at?: string;
     user_id: string;
     source: string;
-    element_context?: ElementContext;
+    element_context?: ElementContext & {
+        rect?: unknown;
+    };
+    author?: Author | null;
+    git_branch?: string;
+    git_commit_sha?: string;
+    git_commit_url?: string;
+    comment_count?: number;
+}
+export interface Comment {
+    id: string;
+    content: string;
+    created_at: string;
+    parent_comment_id?: string | null;
+    author: Author | null;
+}
+export interface ElementMarker {
+    promptId: string;
+    selector: string;
+    rect: DOMRect | null;
+    content: string;
+    author: Author | null;
+    gitCommitSha: string | null;
+    commentCount: number;
 }
+export type OverlayMode = 'off' | 'single' | 'all';
 export interface Deployment {
     id: string;
     status: string;

package/dist/core/element-selector.d.ts

@@ -2,22 +2,36 @@ import type { ElementContext } from './config';
 export declare class ElementSelector {
     private overlay;
     private highlight;
-    private contextMenu;
+    private selectedHighlight;
     private selectedElement;
     private isActive;
     private onSelect;
     private onCancel;
+    private globalRightClickHandler;
+    private globalRightClickCallback;
+    private globalRightClickWithPositionCallback;
+    private selectedElementScrollHandler;
+    setupGlobalRightClick(onSelect: (context: ElementContext) => void): () => void;
+    setupGlobalRightClickWithPosition(onSelect: (context: ElementContext, position: {
+        x: number;
+        y: number;
+    }) => void): () => void;
+    highlightSelectedElement(selector: string): HTMLElement | null;
+    removeSelectedHighlight(): void;
     activate(onSelect: (context: ElementContext) => void, onCancel?: () => void): void;
     deactivate(): void;
+    isSelecting(): boolean;
     private createOverlay;
     private removeOverlay;
     private addListeners;
     private removeListeners;
     private handleMouseMove;
     private handleClick;
-    private handleContextMenu;
     private handleKeyDown;
-    private showContextMenu;
+    private promptHighlightScrollHandler;
+    highlightElement(selector: string): HTMLElement | null;
+    removeHighlight(): void;
+    findElement(selector: string, fallbackId?: string): HTMLElement | null;
     getElementContext(el: HTMLElement): ElementContext;
     private generateSelector;
 }

package/dist/core/state.d.ts

@@ -1,4 +1,4 @@
-import type { Prompt, Deployment, ElementContext, ConsoleEntry, NetworkEntry } from './config';
+import type { Prompt, ElementContext, ConsoleEntry, NetworkEntry, Comment, ElementMarker, OverlayMode } from './config';
 export interface EmbedState {
     isConnected: boolean;
     isConnecting: boolean;
@@ -7,15 +7,19 @@ export interface EmbedState {
     projectName: string | null;
     agentOnline: boolean;
     isOpen: boolean;
-    activeTab: 'prompts' | 'timeline' | 'deployments';
+    activeTab: 'prompts' | 'timeline';
     isSelectingElement: boolean;
     selectedElement: ElementContext | null;
     currentPrompt: Prompt | null;
     promptHistory: Prompt[];
     isSubmitting: boolean;
     outputLines: OutputLine[];
-    deployments: Deployment[];
-    currentDeployment: Deployment | null;
+    overlayMode: OverlayMode;
+    highlightedPromptId: string | null;
+    elementMarkers: ElementMarker[];
+    comments: Record<string, Comment[]>;
+    isLoadingComments: boolean;
+    expandedPromptId: string | null;
     consoleLogs: ConsoleEntry[];
     networkLogs: NetworkEntry[];
     includeConsole: boolean;
@@ -50,7 +54,13 @@ export declare class StateManager {
     setSelectedElement(element: ElementContext | null): void;
     startElementSelection(): void;
     cancelElementSelection(): void;
-    setDeployments(deployments: Deployment[]): void;
+    setOverlayMode(mode: OverlayMode): void;
+    setHighlightedPromptId(id: string | null): void;
+    setElementMarkers(markers: ElementMarker[]): void;
+    setCommentsForPrompt(promptId: string, comments: Comment[]): void;
+    addComment(promptId: string, comment: Comment): void;
+    setExpandedPromptId(id: string | null): void;
+    setLoadingComments(loading: boolean): void;
     addConsoleLogs(logs: ConsoleEntry[]): void;
     addNetworkLogs(logs: NetworkEntry[]): void;
     toggleIncludeConsole(): void;