orquesta-embed 0.1.27 → 0.1.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/components/EmbedPanel.d.ts +2 -1
  2. package/dist/components/PromptInput.d.ts +5 -2
  3. package/dist/core/client.d.ts +1 -0
  4. package/dist/core/config.d.ts +9 -0
  5. package/dist/embed.css +1 -1
  6. package/dist/index.cjs +1 -1
  7. package/dist/index.d.ts +1 -1
  8. package/dist/index.js +1 -1
  9. package/dist/styles/embed-inline.d.ts +1 -1
  10. package/dist/vanilla/OrquestaWidget.d.ts +13 -0
  11. package/dist/vanilla.d.ts +1 -1
  12. package/dist/vanilla.js +1 -1
  13. package/dist/vanilla.min.js +1 -1
  14. package/package.json +1 -1
package/dist/components/EmbedPanel.d.ts CHANGED
@@ -20,6 +20,7 @@ interface EmbedPanelProps {
20
20
  onLogin?: () => Promise<void>;
21
21
  onLogout?: () => Promise<void>;
22
22
  onToggleRightClick?: () => void;
23
+ demoMode?: boolean;
23
24
  }
24
- export declare function EmbedPanel({ state, position, onClose, onMinimize, onSubmitPrompt, onSelectElement, onClearElement, onToggleConsole, onToggleNetwork, onToggleHistory, onTabChange, onExpandPrompt, onHighlightElement, onLoadComments, onAddComment, onOverlayModeChange, onLogin, onLogout, onToggleRightClick }: EmbedPanelProps): import("react/jsx-runtime").JSX.Element;
25
+ export declare function EmbedPanel({ state, position, onClose, onMinimize, onSubmitPrompt, onSelectElement, onClearElement, onToggleConsole, onToggleNetwork, onToggleHistory, onTabChange, onExpandPrompt, onHighlightElement, onLoadComments, onAddComment, onOverlayModeChange, onLogin, onLogout, onToggleRightClick, demoMode }: EmbedPanelProps): import("react/jsx-runtime").JSX.Element;
25
26
  export {};
package/dist/components/PromptInput.d.ts CHANGED
@@ -5,7 +5,7 @@ interface ReplyContext {
5
5
  output?: OutputLine[];
6
6
  }
7
7
  interface PromptInputProps {
8
- onSubmit: (content: string, elementContext?: ElementContext | null) => void;
8
+ onSubmit: (content: string, elementContext?: ElementContext | null, attachmentIds?: string[]) => void;
9
9
  isSubmitting: boolean;
10
10
  selectedElement: ElementContext | null;
11
11
  includeConsole: boolean;
@@ -22,6 +22,9 @@ interface PromptInputProps {
22
22
  agentOnline: boolean;
23
23
  replyContext?: ReplyContext | null;
24
24
  onClearReply?: () => void;
25
+ token?: string;
26
+ apiUrl?: string;
27
+ demoMode?: boolean;
25
28
  }
26
- export declare function PromptInput({ onSubmit, isSubmitting, selectedElement, includeConsole, includeNetwork, includeContext, promptHistory, promptOutputs, queueLength, onToggleConsole, onToggleNetwork, onToggleContext, onSelectElement, onClearElement, agentOnline, replyContext, onClearReply }: PromptInputProps): import("react/jsx-runtime").JSX.Element;
29
+ export declare function PromptInput({ onSubmit, isSubmitting, selectedElement, includeConsole, includeNetwork, includeContext, promptHistory, promptOutputs, queueLength, onToggleConsole, onToggleNetwork, onToggleContext, onSelectElement, onClearElement, agentOnline, replyContext, onClearReply, token, apiUrl, demoMode }: PromptInputProps): import("react/jsx-runtime").JSX.Element;
27
30
  export {};
package/dist/core/client.d.ts CHANGED
@@ -39,6 +39,7 @@ export declare class OrquestaEmbedClient {
39
39
  getConsoleCapture(): ConsoleCapture;
40
40
  getNetworkCapture(): NetworkCapture;
41
41
  getElementSelector(): ElementSelector;
42
+ setActiveTab(tab: 'prompts' | 'timeline' | 'logs'): void;
42
43
  loadComments(promptId: string): Promise<void>;
43
44
  addComment(promptId: string, content: string): Promise<void>;
44
45
  setOverlayMode(mode: OverlayMode): void;
package/dist/core/config.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export type Position = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
2
2
  export type Theme = 'dark' | 'light' | 'auto';
3
3
  export type Feature = 'prompts' | 'timeline' | 'deployments' | 'elements' | 'captures';
4
+ export type EmbedMode = 'widget' | 'builder';
4
5
  export interface EmbedUser {
5
6
  id: string;
6
7
  full_name: string | null;
@@ -14,6 +15,12 @@ export interface EmbedSession {
14
15
  export interface OrquestaEmbedConfig {
15
16
  /** Embed token (oek_xxx) */
16
17
  token: string;
18
+ /** Display mode: 'widget' (floating panel) or 'builder' (full-screen split-pane IDE) */
19
+ mode?: EmbedMode;
20
+ /** Container element or selector for builder mode (defaults to document.body) */
21
+ container?: HTMLElement | string;
22
+ /** URL to show in the builder preview pane (defaults to current page URL) */
23
+ previewUrl?: string;
17
24
  /** Panel position on screen */
18
25
  position?: Position;
19
26
  /** Start with panel open */
@@ -44,6 +51,8 @@ export interface OrquestaEmbedConfig {
44
51
  onLogin?: (user: EmbedUser) => void;
45
52
  /** Callback when user logs out */
46
53
  onLogout?: () => void;
54
+ /** Callback when demo prompt completes (demo mode only) */
55
+ onDemoComplete?: (promptContent: string) => void;
47
56
  /** Callback on errors */
48
57
  onError?: (error: Error) => void;
49
58
  /** API base URL (defaults to https://orquesta.live) */
package/dist/embed.css CHANGED
@@ -1 +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;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}}
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;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}}.orquesta-builder{background:#0a0a0a;color:#fafafa;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100vh;overflow:hidden;width:100%}.orquesta-builder-header{align-items:center;background:#18181b;border-bottom:1px solid #27272a;display:flex;flex-shrink:0;height:48px;justify-content:space-between;padding:0 16px}.orquesta-builder-header-left{align-items:center;display:flex;gap:12px}.orquesta-builder-header-right{align-items:center;display:flex;gap:8px}.orquesta-builder-logo{color:#fafafa;font-size:14px;font-weight:700;letter-spacing:-.02em}.orquesta-builder-project{color:#a1a1aa;font-size:13px}.orquesta-builder-status{align-items:center;color:#a1a1aa;display:flex;font-size:12px;gap:6px}.orquesta-builder-status-dot{border-radius:50%;height:8px;width:8px}.orquesta-builder-main{display:flex;flex:1;min-height:0}.orquesta-builder-chat{background:#18181b;border-right:1px solid #27272a;display:flex;flex-direction:column;max-width:50%;min-width:300px;width:380px}.orquesta-builder-chat-messages{display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.orquesta-builder-chat-input{background:#18181b;border-top:1px solid #27272a;padding:12px 16px}.orquesta-builder-chat-input textarea{background:#27272a;border:1px solid #3f3f46;border-radius:8px;color:#fafafa;font-family:inherit;font-size:13px;max-height:200px;min-height:60px;outline:none;padding:10px 12px;resize:vertical;width:100%}.orquesta-builder-chat-input textarea:focus{border-color:#3b82f6}.orquesta-builder-chat-input-actions{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.orquesta-builder-preview{display:flex;flex:1;flex-direction:column;min-width:0}.orquesta-builder-preview-bar{align-items:center;background:#18181b;border-bottom:1px solid #27272a;display:flex;flex-shrink:0;gap:8px;height:36px;padding:0 12px}.orquesta-builder-preview-url{background:#27272a;border:1px solid #3f3f46;border-radius:6px;color:#a1a1aa;flex:1;font-family:SF Mono,Fira Code,monospace;font-size:12px;overflow:hidden;padding:4px 10px;text-overflow:ellipsis;white-space:nowrap}.orquesta-builder-preview-iframe{background:#fff;border:none;flex:1;width:100%}.orquesta-builder-terminal{background:#0a0a0a;border-top:1px solid #27272a;display:flex;flex-direction:column;flex-shrink:0;height:200px;max-height:50vh;min-height:100px}.orquesta-builder-terminal-header{align-items:center;background:#18181b;border-bottom:1px solid #27272a;display:flex;flex-shrink:0;height:32px;justify-content:space-between;padding:0 12px}.orquesta-builder-terminal-title{color:#a1a1aa;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.orquesta-builder-terminal-output{flex:1;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px;line-height:1.5;overflow-y:auto;padding:8px 12px}.orquesta-builder-terminal.collapsed{height:32px;min-height:32px}.orquesta-builder-terminal.collapsed .orquesta-builder-terminal-output{display:none}.orquesta-builder-msg{border-radius:12px;font-size:13px;line-height:1.5;max-width:90%;padding:10px 14px;word-break:break-word}.orquesta-builder-msg-user{align-self:flex-end;background:#3b82f6;border-bottom-right-radius:4px;color:#fff}.orquesta-builder-msg-system{align-self:flex-start;background:#27272a;border-bottom-left-radius:4px;color:#fafafa}.orquesta-builder-msg-status{align-self:center;background:transparent;color:#71717a;font-size:12px;padding:4px 0}.orquesta-builder-msg pre{background:#0a0a0a;border-radius:6px;font-size:12px;margin:6px 0;overflow-x:auto;padding:8px}.orquesta-builder-resizer-h{background:transparent;cursor:col-resize;flex-shrink:0;width:4px}.orquesta-builder-resizer-h:hover{background:#3b82f6}.orquesta-builder-resizer-v{background:transparent;cursor:row-resize;flex-shrink:0;height:4px}.orquesta-builder-resizer-v:hover{background:#3b82f6}.orquesta-builder button{background:transparent;border:none;border-radius:4px;color:#a1a1aa;cursor:pointer;font-size:12px;padding:4px 8px}.orquesta-builder button:hover{background:#27272a;color:#fafafa}.orquesta-builder-btn-primary{background:#3b82f6!important;border-radius:6px!important;color:#fff!important;font-weight:500;padding:6px 16px!important}.orquesta-builder-btn-primary:hover{background:#2563eb!important}.orquesta-builder-btn-primary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.orquesta-builder-main{flex-direction:column}.orquesta-builder-chat{border-bottom:1px solid #27272a;border-right:none;height:50%;max-width:100%;width:100%}.orquesta-builder-resizer-h{display:none}}