orquesta-embed 0.1.0 → 0.1.2

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/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,7 @@ import React from 'react';
 import type { OrquestaEmbedConfig } from '../core/config';
 interface OrquestaEmbedProps extends OrquestaEmbedConfig {
     children?: React.ReactNode;
+    enableGlobalRightClick?: boolean;
 }
 export declare function OrquestaEmbed(props: OrquestaEmbedProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Timeline.d.ts

@@ -1,8 +1,15 @@
-import type { Prompt } from '../core/config';
+import type { Prompt, Comment } from '../core/config';
 interface TimelineProps {
     prompts: Prompt[];
     currentPromptId?: string;
+    expandedPromptId?: string | null;
+    comments?: Record<string, Comment[]>;
+    isLoadingComments?: boolean;
     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, 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,9 @@ 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;
 }

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,26 @@ import type { ElementContext } from './config';
 export declare class ElementSelector {
     private overlay;
     private highlight;
-    private contextMenu;
     private selectedElement;
     private isActive;
     private onSelect;
     private onCancel;
+    private globalRightClickHandler;
+    private globalRightClickCallback;
+    setupGlobalRightClick(onSelect: (context: ElementContext) => void): () => 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;
+    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;

package/dist/embed.css

@@ -1 +1 @@
-[class*=" orquesta-"],[class^=orquesta-]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.orquesta-embed-panel{--orq-bg:#18181b;--orq-bg-secondary:#27272a;--orq-border:#3f3f46;--orq-text:#fafafa;--orq-text-muted:#a1a1aa;--orq-primary:#3b82f6;--orq-success:#22c55e;--orq-warning:#eab308;--orq-error:#ef4444}.orquesta-embed-panel ::-webkit-scrollbar{height:6px;width:6px}.orquesta-embed-panel ::-webkit-scrollbar-track{background:transparent}.orquesta-embed-panel ::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:3px}.orquesta-embed-panel ::-webkit-scrollbar-thumb:hover{background:#52525b}@keyframes orquesta-spin{to{transform:rotate(1turn)}}@keyframes orquesta-pulse{0%,to{opacity:1}50%{opacity:.5}}.orquesta-embed-panel .animate-spin{animation:orquesta-spin 1s linear infinite}.orquesta-embed-panel .animate-pulse{animation:orquesta-pulse 2s ease-in-out infinite}.orquesta-embed-panel .line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.orquesta-embed-panel .line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.orquesta-embed-panel button:focus-visible,.orquesta-embed-panel input:focus-visible,.orquesta-embed-panel textarea:focus-visible{outline:2px solid var(--orq-primary);outline-offset:2px}#orquesta-element-highlight{animation:orquesta-highlight-pulse 1.5s ease-in-out infinite}@keyframes orquesta-highlight-pulse{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,.4)}50%{box-shadow:0 0 0 4px rgba(59,130,246,.2)}}.orquesta-tooltip{background:#18181b;border:1px solid #3f3f46;border-radius:4px;color:#fafafa;font-size:12px;padding:4px 8px;pointer-events:none;position:absolute;white-space:nowrap;z-index:2147483647}.orquesta-embed-panel *{transition-duration:.15s;transition-property:color,background-color,border-color,opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.orquesta-embed-panel{animation:orquesta-panel-enter .2s ease-out}@keyframes orquesta-panel-enter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.orquesta-embed-trigger{animation:orquesta-trigger-enter .3s ease-out}@keyframes orquesta-trigger-enter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.orquesta-log-stream{background:#0a0a0a;border:1px solid #27272a;border-radius:6px;padding:8px}.orquesta-timeline button:hover{transform:translateX(2px)}@media (max-width:480px){.orquesta-embed-panel{bottom:8px!important;left:8px!important;max-height:70vh!important;position:fixed!important;right:8px!important;top:auto!important;width:auto!important}}
+[class*=" orquesta-"],[class^=orquesta-]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.orquesta-embed-panel{--orq-bg:#18181b;--orq-bg-secondary:#27272a;--orq-border:#3f3f46;--orq-text:#fafafa;--orq-text-muted:#a1a1aa;--orq-primary:#3b82f6;--orq-success:#22c55e;--orq-warning:#eab308;--orq-error:#ef4444}.orquesta-embed-panel ::-webkit-scrollbar{height:6px;width:6px}.orquesta-embed-panel ::-webkit-scrollbar-track{background:transparent}.orquesta-embed-panel ::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:3px}.orquesta-embed-panel ::-webkit-scrollbar-thumb:hover{background:#52525b}@keyframes orquesta-spin{to{transform:rotate(1turn)}}@keyframes orquesta-pulse{0%,to{opacity:1}50%{opacity:.5}}.orquesta-embed-panel .animate-spin{animation:orquesta-spin 1s linear infinite}.orquesta-embed-panel .animate-pulse{animation:orquesta-pulse 2s ease-in-out infinite}.orquesta-embed-panel .line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.orquesta-embed-panel .line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.orquesta-embed-panel button:focus-visible,.orquesta-embed-panel input:focus-visible,.orquesta-embed-panel textarea:focus-visible{outline:2px solid var(--orq-primary);outline-offset:2px}#orquesta-element-highlight{animation:orquesta-highlight-pulse 1.5s ease-in-out infinite}@keyframes orquesta-highlight-pulse{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,.4)}50%{box-shadow:0 0 0 4px rgba(59,130,246,.2)}}.orquesta-tooltip{background:#18181b;border:1px solid #3f3f46;border-radius:4px;color:#fafafa;font-size:12px;padding:4px 8px;pointer-events:none;position:absolute;white-space:nowrap;z-index:2147483647}.orquesta-embed-panel *{transition-duration:.15s;transition-property:color,background-color,border-color,opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.orquesta-embed-panel{animation:orquesta-panel-enter .2s ease-out;background-color:#18181b!important;color:#fafafa!important}.orquesta-embed-panel *{color:inherit}.orquesta-embed-panel button,.orquesta-embed-panel input,.orquesta-embed-panel textarea{color:#fafafa}.orquesta-embed-panel .text-zinc-400,.orquesta-embed-panel .text-zinc-500{color:#a1a1aa!important}.orquesta-embed-panel .text-white{color:#fafafa!important}.orquesta-embed-panel .bg-zinc-900{background-color:#18181b!important}.orquesta-embed-panel .bg-zinc-800{background-color:#27272a!important}.orquesta-embed-panel .bg-zinc-700{background-color:#3f3f46!important}.orquesta-embed-panel .border-zinc-700{border-color:#3f3f46!important}.orquesta-embed-panel .border-zinc-800{border-color:#27272a!important}.orquesta-embed-panel input,.orquesta-embed-panel textarea{background-color:#27272a!important;border-color:#3f3f46!important;color:#fafafa!important}.orquesta-embed-panel input::placeholder,.orquesta-embed-panel textarea::placeholder{color:#71717a!important}.orquesta-embed-panel button{background-color:transparent}.orquesta-embed-panel button:hover{background-color:#3f3f46}.orquesta-embed-panel button.bg-blue-500,.orquesta-embed-panel button.bg-blue-600{background-color:#3b82f6!important}.orquesta-embed-panel button.bg-blue-500:hover,.orquesta-embed-panel button.bg-blue-600:hover{background-color:#2563eb!important}@keyframes orquesta-panel-enter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.orquesta-embed-trigger{animation:orquesta-trigger-enter .3s ease-out}@keyframes orquesta-trigger-enter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.orquesta-log-stream{background:#0a0a0a;border:1px solid #27272a;border-radius:6px;padding:8px}.orquesta-timeline button:hover{transform:translateX(2px)}@media (max-width:480px){.orquesta-embed-panel{bottom:8px!important;left:8px!important;max-height:70vh!important;position:fixed!important;right:8px!important;top:auto!important;width:auto!important}}