@volter-ai-dev/supercode-ui 0.1.12 → 0.1.14

package/icon.d.ts

@@ -0,0 +1,2 @@
+export { UiIcon } from './index.js';
+export type { UiIconName } from './index.js';

package/icon.mjs

@@ -0,0 +1,45 @@
+// src/icon.jsx
+import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
+var ICONS = {
+  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" }),
+  close: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "m4.75 4.75 8.5 8.5" }),
+    /* @__PURE__ */ jsx("path", { d: "m13.25 4.75-8.5 8.5" })
+  ] }),
+  copy: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("rect", { x: "5", y: "5", width: "8", height: "8", rx: "1.5" }),
+    /* @__PURE__ */ jsx("path", { d: "M3 10.5V4.25C3 3.56 3.56 3 4.25 3h6.25" })
+  ] }),
+  down: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M9 3.5v10" }),
+    /* @__PURE__ */ jsx("path", { d: "m4.75 9.5 4.25 4 4.25-4" })
+  ] }),
+  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" }),
+    /* @__PURE__ */ jsx("circle", { cx: "14", cy: "9", r: "1.25", fill: "currentColor", stroke: "none" })
+  ] }),
+  plus: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M9 3.5v11" }),
+    /* @__PURE__ */ jsx("path", { d: "M3.5 9h11" })
+  ] }),
+  search: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "7.75", cy: "7.75", r: "4.25" }),
+    /* @__PURE__ */ jsx("path", { d: "m11 11 3.5 3.5" })
+  ] }),
+  send: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("path", { d: "M9 14.5v-11" }),
+    /* @__PURE__ */ jsx("path", { d: "m4.75 7.75 4.25-4.25 4.25 4.25" })
+  ] }),
+  stop: () => /* @__PURE__ */ jsx("rect", { x: "4.5", y: "4.5", width: "9", height: "9", rx: "1.5", fill: "currentColor", stroke: "none" })
+};
+function UiIcon({ name, size = 16, class: className = "" }) {
+  const Glyph = ICONS[name];
+  if (!Glyph) return null;
+  return /* @__PURE__ */ jsx("svg", { class: `scui-icon ${className}`, style: { "--scui-icon-size": `${size}px` }, viewBox: "0 0 18 18", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Glyph, {}) });
+}
+export {
+  UiIcon
+};

package/index.d.ts

@@ -62,6 +62,8 @@ export interface TranscriptRequest {
 
 export interface TranscriptEntryModel {
   id: string;
+  /** One-based canonical session-message position, when this entry came from persisted history. */
+  messageIndex?: number;
   role: 'system' | 'user' | 'assistant' | 'tool' | 'reasoning' | 'request' | 'notice';
   text: string;
   ts: number | null;
@@ -145,6 +147,8 @@ export interface SessionAttention {
   key: string;
   kind: 'unseen' | 'finished' | 'failed';
   preview?: string;
+  /** The canonical message count when this conversation was last seen. */
+  afterMessages?: number;
 }
 
 export interface SupercodeUiState {
@@ -220,7 +224,7 @@ export type SupercodeUiIntent =
   | { action: 'release' };
 
 export interface UiAdapter {
-  onIntent(intent: SupercodeUiIntent): void;
+  onIntent(intent: SupercodeUiIntent): void | Promise<void>;
   onClose?(): void;
   onOpen?(): void;
   copyText?(value: string): void | Promise<void>;
@@ -237,6 +241,13 @@ export interface MessengerLabels {
   forkHere: string;
 }
 
+export interface PendingMessageModel {
+  text: string;
+  status: 'sending' | 'failed';
+  onRetry?(): void;
+  onEdit?(): void;
+}
+
 export interface ComponentOverrideProps<T = unknown> {
   state: SupercodeUiState;
   adapter: UiAdapter;
@@ -328,6 +339,8 @@ 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 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;
 export function RequestCard(props: { entry: TranscriptEntryModel; adapter: UiAdapter; canRespond: boolean }): VNode | null;
@@ -336,11 +349,11 @@ export function ActivityGroup(props: { entries: TranscriptEntryModel[]; state: S
 export function ToolRow(props: ToolRowProps): VNode;
 export function TaskPlan(props: { plan: TaskPlanModel }): VNode | null;
 export function SessionDetails(props: { semantics: SessionSemanticsModel }): VNode | null;
-export function Conversation(props: { state: SupercodeUiState; adapter: UiAdapter; components?: MessengerComponents; slots?: MessengerSlots; memoryKey?: string; pending?: string | null }): VNode;
+export function Conversation(props: { state: SupercodeUiState; adapter: UiAdapter; components?: MessengerComponents; slots?: MessengerSlots; memoryKey?: string; pending?: string | PendingMessageModel | null; unreadAfterMessages?: number | null }): VNode;
 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 }): 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; onPending?(text: string): 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 } | null; onPending?(text: string): void; onDraftRestored?(id: string | number): void }): VNode;
 export function SupercodeMessenger(props: MessengerProps): VNode;
 
 export interface MountedMessenger {