@volter-ai-dev/supercode-ui 0.1.18 → 0.1.21

package/icon.mjs

@@ -1,6 +1,7 @@
 // src/icon.jsx
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 var ICONS = {
+  attach: () => /* @__PURE__ */ jsx("path", { d: "M6.25 9.75 10.6 5.4a2.1 2.1 0 0 1 2.97 2.97l-5.4 5.4a3.3 3.3 0 0 1-4.67-4.66l5.52-5.52" }),
   back: () => /* @__PURE__ */ jsx("path", { d: "m11.5 4.5-4.5 4.5 4.5 4.5" }),
   check: () => /* @__PURE__ */ jsx("path", { d: "m4 9 3.25 3.25L14 5.5" }),
   chevron: () => /* @__PURE__ */ jsx("path", { d: "m7 4.5 4.5 4.5L7 13.5" }),
@@ -16,6 +17,11 @@ var ICONS = {
     /* @__PURE__ */ jsx("path", { d: "M9 3.5v10" }),
     /* @__PURE__ */ jsx("path", { d: "m4.75 9.5 4.25 4 4.25-4" })
   ] }),
+  image: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "3.5", width: "12", height: "11", rx: "1.75" }),
+    /* @__PURE__ */ jsx("circle", { cx: "6.5", cy: "7", r: "1.25" }),
+    /* @__PURE__ */ jsx("path", { d: "m4.5 13 3.25-3 2.1 1.85 1.65-1.5L14 13" })
+  ] }),
   menu: () => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "4", cy: "9", r: "1.25", fill: "currentColor", stroke: "none" }),
     /* @__PURE__ */ jsx("circle", { cx: "9", cy: "9", r: "1.25", fill: "currentColor", stroke: "none" }),

package/index.d.ts

@@ -46,6 +46,14 @@ export interface TranscriptContext {
   detail: string;
 }
 
+export interface TranscriptImage {
+  id?: string;
+  label: string;
+  url?: string;
+}
+
+export type TranscriptAttachment = TranscriptContext | (TranscriptImage & { url: string });
+
 export interface RequestOption {
   optionId: string;
   name: string;
@@ -78,6 +86,7 @@ export interface TranscriptEntryModel {
   request?: TranscriptRequest;
   code?: string;
   context?: TranscriptContext[];
+  images?: TranscriptImage[];
   presentation?: ToolPresentationModel;
 }
 
@@ -211,8 +220,8 @@ export type SupercodeUiIntent =
   | { action: 'loadSessions' }
   | { action: 'loadEarlier' }
   | { action: 'draft'; text: string }
-  | { action: 'send'; text: string }
-  | { action: 'new'; harness: HarnessId; text: string }
+  | { action: 'send'; text: string; context?: TranscriptContext[]; images?: Array<TranscriptImage & { url: string }> }
+  | { action: 'new'; harness: HarnessId; text: string; context?: TranscriptContext[]; images?: Array<TranscriptImage & { url: string }> }
   | { action: 'resume' }
   | { action: 'join' }
   | { action: 'detach' }
@@ -227,6 +236,8 @@ export type SupercodeUiIntent =
 
 export interface UiAdapter {
   onIntent(intent: SupercodeUiIntent): void | Promise<void>;
+  /** Ask the embedding host for explicit user-selected text or image context. */
+  pickContext?(): TranscriptAttachment | TranscriptAttachment[] | null | Promise<TranscriptAttachment | TranscriptAttachment[] | null>;
   onClose?(): void;
   onOpen?(): void;
   copyText?(value: string): void | Promise<void>;
@@ -245,6 +256,8 @@ export interface MessengerLabels {
 
 export interface PendingMessageModel {
   text: string;
+  context?: TranscriptContext[];
+  images?: TranscriptImage[];
   status: 'sending' | 'failed';
   onRetry?(): void;
   onEdit?(): void;
@@ -341,7 +354,7 @@ export function terminalCommand(handoff: NonNullable<SupercodeUiState['terminalH
 export function isSendKey(event: Pick<KeyboardEvent, 'key' | 'shiftKey' | 'isComposing'>): boolean;
 
 export function HarnessLogo(props: { id: HarnessId; activity?: SessionActivity; size?: number; onMissingLogo?(id: string): void }): VNode | null;
-export type UiIconName = 'back' | 'check' | 'chevron' | 'close' | 'copy' | 'down' | 'menu' | 'plus' | 'search' | 'send' | 'stop';
+export type UiIconName = 'attach' | 'back' | 'check' | 'chevron' | 'close' | 'copy' | 'down' | 'menu' | 'plus' | 'search' | 'send' | 'stop';
 export function UiIcon(props: { name: UiIconName; size?: number; class?: string }): VNode | null;
 export function hasHarnessLogo(id: string): boolean;
 export function LoadingStatus(props: { state: SupercodeUiState; compact?: boolean }): VNode;
@@ -355,7 +368,7 @@ export function Conversation(props: { state: SupercodeUiState; adapter: UiAdapte
 export function SessionRow(props: { row: SessionRowModel; state: SupercodeUiState; adapter: UiAdapter; onOpen(row: SessionRowModel): void }): VNode;
 export function SessionList(props: { state: SupercodeUiState; adapter: UiAdapter; onOpen(row: SessionRowModel): void; onNew?(): void; onClose?(): void; components?: MessengerComponents; labels?: MessengerLabels; focusKey?: string | null; memoryKey?: string }): VNode;
 export function ContinuationBar(props: { state: SupercodeUiState; adapter: UiAdapter; labels?: MessengerLabels }): VNode | null;
-export function Composer(props: { state: SupercodeUiState; adapter: UiAdapter; labels?: MessengerLabels; memoryKey?: string; pendingStatus?: PendingMessageModel['status'] | 'editing' | null; restoreDraft?: { id: string | number; text: string } | null; onPending?(text: string): void; onDraftRestored?(id: string | number): void }): VNode;
+export function Composer(props: { state: SupercodeUiState; adapter: UiAdapter; labels?: MessengerLabels; memoryKey?: string; pendingStatus?: PendingMessageModel['status'] | 'editing' | null; restoreDraft?: { id: string | number; text: string; context?: TranscriptContext[]; images?: TranscriptImage[] } | null; onPending?(text: string, context?: TranscriptContext[], images?: TranscriptImage[]): void; onDraftRestored?(id: string | number): void }): VNode;
 export function SupercodeMessenger(props: MessengerProps): VNode;
 
 export interface MountedMessenger {