@feedmepos/mf-miniprogram-v2 0.1.0-dev.3 → 0.1.0-dev.30

package/dist/app.js

@@ -3,7 +3,7 @@ const n = [
   {
     path: "/",
     name: "miniprogram-v2-control",
-    component: () => import("./ControlPlaneView-DzD3SfCY.js")
+    component: () => import("./ControlPlaneView-BR5SKjnN.js")
   },
   {
     path: "/:pathMatch(.*)*",

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-miniprogram-v2",
-  "version": "0.1.0-dev.3",
+  "version": "0.1.0-dev.30",
   "type": "module",
   "publishConfig": {
     "access": "public",
@@ -23,6 +23,7 @@
     "build": "npm run type-check && npm run build-only:dev",
     "build:prod": "npm run type-check && npm run build-only:prod",
     "preview": "vite preview",
+    "test": "node --test src/components/*.test.mjs src/composables/*.test.mjs",
     "type-check": "vue-tsc --build --force",
     "typecheck": "npm run type-check",
     "build:mf:dev": "vite build --mode fmmf:dev",
@@ -38,7 +39,8 @@
   "dependencies": {
     "@feedmepos/mf-common": "^1.27.9",
     "@feedmepos/ui-library": "1.8.4",
-    "@opencode-ai/sdk": "*",
+    "@opencode-ai/sdk": "1.17.14",
+    "diff": "^9.0.0",
     "dompurify": "^3.4.11",
     "highlight.js": "^11.11.1",
     "marked": "^18.0.5",

package/dist/src/api/controlPlane.d.ts

@@ -12,10 +12,12 @@ export declare function controlPlaneBaseUrl(): string;
 export declare function controlPlaneUrl(path: string): string;
 export declare function currentBusiness(): MaybeBusiness | undefined;
 export declare function currentBusinessId(): string;
-export declare function currentBusinessLabel(): string;
 export declare function currentBusinessSlug(): string | undefined;
 export declare function currentBusinessName(): string;
 export declare function currentBusinessCountry(): string | undefined;
+export declare function currentBusinessLiveUrl(): string;
+export declare function sleep(ms: number): Promise<unknown>;
+export declare function errorMessage(error: unknown): string;
 export declare function controlPlaneAuthorizationHeader(): Promise<string | null>;
 export declare function authorizedFetch(input: RequestInfo | URL, init?: RequestInit): Promise<Response>;
 export declare function controlPlaneFetch<T>(path: string, init?: RequestInit): Promise<T>;

package/dist/src/components/AnnotationColorField.vue.d.ts

@@ -0,0 +1,14 @@
+import { type BrandKitPreset } from '../composables/annotationEditing';
+type __VLS_Props = {
+    value: string;
+    label: string;
+    presets: BrandKitPreset[];
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    update: (args_0: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onUpdate?: ((args_0: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/AnnotationMessage.vue.d.ts

@@ -0,0 +1,7 @@
+import type { PreviewAnnotationItem } from '../composables/previewAnnotations';
+type __VLS_Props = {
+    items: PreviewAnnotationItem[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/AnnotationPropertyPanel.vue.d.ts

@@ -0,0 +1,32 @@
+import { type AnnotationStyleKey, type BrandKitPreset } from '../composables/annotationEditing';
+import type { PreviewBridgeElement } from '../composables/types';
+type __VLS_Props = {
+    element: PreviewBridgeElement;
+    values: Record<string, string>;
+    beforeValues: Record<string, string>;
+    textValue: string;
+    beforeText: string;
+    presets: BrandKitPreset[];
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    reset: (args_0: {
+        key: AnnotationStyleKey | "text";
+    }) => any;
+    change: (args_0: {
+        key: AnnotationStyleKey | "text";
+        value: string;
+    }) => any;
+    resetAll: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onReset?: ((args_0: {
+        key: AnnotationStyleKey | "text";
+    }) => any) | undefined;
+    onChange?: ((args_0: {
+        key: AnnotationStyleKey | "text";
+        value: string;
+    }) => any) | undefined;
+    onResetAll?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/AnnotationStyleControl.vue.d.ts

@@ -0,0 +1,14 @@
+import { type AnnotationFieldSpec, type BrandKitPreset } from '../composables/annotationEditing';
+type __VLS_Props = {
+    spec: AnnotationFieldSpec;
+    value: string;
+    fontPresets: BrandKitPreset[];
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    update: (args_0: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onUpdate?: ((args_0: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/BrandKitPanel.vue.d.ts

@@ -0,0 +1,9 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+    saved: () => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onSaved?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/BrandKitProposalCard.vue.d.ts

@@ -0,0 +1,7 @@
+import type { BrandKitProposal } from '../composables/brandkitProposal';
+type __VLS_Props = {
+    proposal: BrandKitProposal;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/ChatTextPart.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    text: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/DiffCard.vue.d.ts

@@ -0,0 +1,9 @@
+import type { ChatMessage } from '../composables/types';
+type __VLS_Props = {
+    files: string[];
+    diffs: ChatMessage['diffs'];
+    loading?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/MarkdownContent.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    text: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/MessageItem.vue.d.ts

@@ -1,7 +1,13 @@
 import type { ChatMessage } from '../composables/types';
 type __VLS_Props = {
     message: ChatMessage;
+    canUndo?: boolean;
+    undoing?: boolean;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    undo: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onUndo?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/src/components/StatusBadge.vue.d.ts

@@ -0,0 +1,21 @@
+import type { BadgeVariant } from '../composables/status';
+type __VLS_Props = {
+    variant?: BadgeVariant;
+    size?: 'sm' | 'md';
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "sm" | "md";
+    variant: BadgeVariant;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/ToolCallGroup.vue.d.ts

@@ -0,0 +1,11 @@
+import type { ChatPart } from '../composables/types';
+type ToolPart = Extract<ChatPart, {
+    kind: 'tool';
+}>;
+type __VLS_Props = {
+    parts: ToolPart[];
+    busy: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/composables/annotationEditing.d.ts

@@ -0,0 +1,130 @@
+import type { PreviewBridgeElement } from './types';
+export type AnnotationStyleKey = 'color' | 'backgroundColor' | 'borderColor' | 'opacity' | 'fontFamily' | 'fontSize' | 'fontWeight' | 'lineHeight' | 'letterSpacing' | 'textAlign' | 'borderRadius' | 'borderWidth' | 'width' | 'height' | 'padding' | 'margin' | 'objectFit' | 'aspectRatio' | 'fill' | 'stroke' | 'display' | 'gap' | 'justifyContent' | 'alignItems';
+/** Which editor a property gets. The bridge validates every value with
+ *  `CSS.supports` and rejects the whole patch on a miss, so controls must only
+ *  ever emit complete values — never the intermediate state of a keystroke. */
+export type AnnotationControlKind = 'color' | 'length' | 'ratio' | 'choice' | 'align' | 'font' | 'box';
+export interface AnnotationChoice {
+    value: string;
+    label: string;
+    icon?: string;
+    /** Computed styles serialize logical alignment as `start`/`end`. Treating those
+     *  as the physical choice keeps the segment highlighted instead of showing an
+     *  unset control, and avoids emitting a no-op `start → left` diff. */
+    aliases?: readonly string[];
+}
+export interface AnnotationFieldSpec {
+    key: AnnotationStyleKey;
+    label: string;
+    control: AnnotationControlKind;
+    units?: readonly string[];
+    /** Non-numeric values the property accepts (`auto`, `normal`). Offered in the
+     *  unit dropdown so the numeric input can stay a number input. */
+    keywords?: readonly string[];
+    min?: number;
+    max?: number;
+    step?: number;
+    options?: readonly AnnotationChoice[];
+    /** One-click common values, offered next to the numeric input. */
+    presets?: readonly string[];
+}
+/** Order is load-bearing: it decides the order of `property before → after`
+ *  lines in the agent prompt. */
+export declare const ANNOTATION_FIELD_SPECS: readonly AnnotationFieldSpec[];
+export declare function annotationFieldSpec(key: AnnotationStyleKey): AnnotationFieldSpec;
+export interface AnnotationSection {
+    key: string;
+    label: string;
+    keys: readonly AnnotationStyleKey[];
+    /** Layout properties are the least-used and the most likely to break the
+     *  preview, so they stay folded until asked for. */
+    defaultOpen: boolean;
+}
+export declare const ANNOTATION_SECTIONS: readonly AnnotationSection[];
+export type AnnotationElementKind = 'media' | 'text' | 'container' | 'control';
+/** Which family of controls the element deserves. Deliberately a heuristic used
+ *  only to order and pre-collapse sections — never to remove a control — because
+ *  a `<span style="display:block">` or a div used purely as a label would
+ *  otherwise lose the properties it actually needs. */
+export declare function annotationElementKind(element: PreviewBridgeElement | null): AnnotationElementKind;
+/** Sections ordered for the element, with the relevant ones expanded. */
+export declare function annotationSectionsFor(kind: AnnotationElementKind): AnnotationSection[];
+/** CSS ignores width, height and vertical padding on a non-replaced inline box.
+ *  The control still works, so this only feeds a tooltip — silently doing
+ *  nothing is what makes the panel feel broken. */
+export declare function ignoredOnInline(element: PreviewBridgeElement | null, key: AnnotationStyleKey): boolean;
+export interface AnnotationStyleDiff {
+    property: AnnotationStyleKey;
+    before: string;
+    after: string;
+    /** BrandKit token the new value came from, when it came from one. Carried into
+     *  the prompt so the agent reaches for the token instead of hardcoding the
+     *  literal value it happens to resolve to today. */
+    token?: string;
+}
+export interface BrandKitPreset {
+    key: string;
+    label: string;
+    value: string;
+    kind: 'color' | 'font';
+}
+export declare function sanitizeAnnotationValue(value: unknown): string;
+/** Hex form for display and for `<input type="color">`. Fully transparent
+ *  colors have no meaningful hex, so they read as "no color" instead. */
+export declare function normalizeCssColor(value: string | undefined | null): string | null;
+export declare function sameCssColor(a: string | undefined, b: string | undefined): boolean;
+export interface CssLength {
+    value: number;
+    unit: string;
+}
+export declare function parseCssLength(value: string | undefined | null): CssLength | null;
+export declare function formatCssLength(value: number, unit: string): string;
+export interface CssBox {
+    top: string;
+    right: string;
+    bottom: string;
+    left: string;
+}
+/** Expands a 1–4 token padding/margin shorthand. Returns null for anything with
+ *  `calc()` or keywords so the caller can fall back to raw text editing. */
+export declare function parseCssBox(value: string | undefined | null): CssBox | null;
+export declare function formatCssBox(box: CssBox): string;
+export declare function annotationStyleValues(element: PreviewBridgeElement | null): Record<AnnotationStyleKey, string>;
+export declare function changedStyleKeys(before: Record<string, string>, after: Record<string, string>): AnnotationStyleKey[];
+export interface StyleOverridePatch {
+    styles: Record<string, string>;
+    appliedKeys: AnnotationStyleKey[];
+}
+/** Builds the temporary-override message for the preview bridge. Only changed
+ *  properties are pushed: sending the whole computed set would inline
+ *  width/height/padding onto the element and pin the layout it inherited from
+ *  source, so an unrelated edit could visibly break it. A property the user
+ *  reverted is sent as an empty value, which tells the bridge to drop the
+ *  override instead of leaving the last one stuck on the element. */
+export declare function buildStyleOverridePatch(before: Record<string, string>, draft: Record<string, string>, appliedKeys: readonly AnnotationStyleKey[]): StyleOverridePatch;
+export declare function buildAnnotationStyleDiff(before: Record<string, string>, after: Record<string, string>, presets?: readonly BrandKitPreset[]): AnnotationStyleDiff[];
+export declare function brandKitPresets(colors: Record<string, string>, fonts: Record<string, string>, labels: {
+    colors: Record<string, string>;
+    fonts: Record<string, string>;
+}): BrandKitPreset[];
+/** An `<img>` reports no nearby text, so without its src and alt the agent is
+ *  told only that "some image" changed and has to guess which file — the failure
+ *  mode being an invented asset path that breaks the build. */
+export declare function annotationAssetContext(element: PreviewBridgeElement | null): string | null;
+export declare function serializeAnnotationPrompt(input: {
+    id: number;
+    route: string;
+    device: string;
+    element: PreviewBridgeElement | null;
+    note: string;
+    styleDiffs: AnnotationStyleDiff[];
+    textBefore?: string;
+    textAfter?: string;
+    /** Images the user attached to this marker. One message carries every
+     *  annotation, so the filename prefix is what pairs a saved upload with the
+     *  marker it was dropped on. */
+    attachments?: {
+        count: number;
+        prefix: string;
+    };
+}): string;

package/dist/src/composables/brandkitProposal.d.ts

@@ -0,0 +1,14 @@
+export interface BrandKitProposal {
+    name?: string;
+    colors: Record<string, string>;
+    fonts: Record<string, string>;
+}
+export type ChatSegment = {
+    kind: 'markdown';
+    text: string;
+} | {
+    kind: 'proposal';
+    proposal: BrandKitProposal;
+};
+export declare function parseBrandKitProposal(json: string): BrandKitProposal | null;
+export declare function splitBrandKitProposals(text: string): ChatSegment[] | null;

package/dist/src/composables/imageAttachments.d.ts

@@ -0,0 +1,23 @@
+import type { OutgoingAttachment } from './types';
+export interface PendingImage extends OutgoingAttachment {
+    id: string;
+}
+export declare const ACCEPTED_IMAGE_MIME: Set<string>;
+export declare const MAX_ATTACHMENT_BYTES: number;
+export declare const MAX_ATTACHMENTS = 4;
+export declare function readAsDataUrl(file: File): Promise<string>;
+export declare function imageFilesFromPaste(event: ClipboardEvent): File[];
+export declare function imageFilesFromDrop(event: DragEvent): File[];
+/** Reads files into pending attachments. Returns rather than mutates so each
+ *  caller keeps ownership of its own list (the chat has one, an annotation has
+ *  one per marker). */
+export declare function collectImages(files: File[], existingCount: number, max?: number): Promise<{
+    added: PendingImage[];
+    error: string | null;
+}>;
+/** One chat message carries every annotation, so an image has to say which
+ *  marker it belongs to. The upload endpoint keeps the name it is given (after
+ *  sanitizing and adding a timestamp prefix), so the marker survives into the
+ *  saved path and the agent can pair them up. */
+export declare function annotationAttachmentPrefix(marker: number): string;
+export declare function annotationAttachmentName(marker: number, filename?: string): string;

package/dist/src/composables/localPreference.d.ts

@@ -0,0 +1,10 @@
+/** Small UI preferences that should survive a reload (panel widths, collapsed
+ *  state). Every access is guarded: localStorage throws in embedded and private
+ *  browsing contexts, and a lost preference must never break the layout.
+ *
+ *  Keys are namespaced `mpv2:<name>` so they cannot collide with the portal
+ *  shell this microfrontend is mounted into. */
+export declare function readStoredBoolean(key: string, fallback: boolean): boolean;
+export declare function readStoredNumber(key: string, fallback: number): number;
+export declare function writeStoredValue(key: string, value: string): void;
+export declare function writeStoredBoolean(key: string, value: boolean): void;

package/dist/src/composables/previewAnnotations.d.ts

@@ -0,0 +1,23 @@
+/** One property (or the element's text) the user changed, in display terms. The
+ *  card has to show the intent, not merely that some intent existed, so the
+ *  before/after values travel with it rather than being summarized to a flag. */
+export interface PreviewAnnotationChange {
+    label: string;
+    before: string;
+    after: string;
+    token?: string;
+}
+export interface PreviewAnnotationItem {
+    id: number;
+    note: string;
+    label: string;
+    route?: string;
+    device?: string;
+    changes?: PreviewAnnotationChange[];
+    /** Superseded by `changes`. Still read so cards in already-sent transcripts
+     *  keep showing that properties were edited. */
+    hasProperties?: boolean;
+    source?: string;
+}
+export declare function wrapAnnotationPayload(items: PreviewAnnotationItem[]): string;
+export declare function parseAnnotationMessage(text: string): PreviewAnnotationItem[] | null;

package/dist/src/composables/promptQueue.d.ts

@@ -0,0 +1,20 @@
+export interface PromptQueueState<T> {
+    pending: readonly T[];
+    active: T | null;
+}
+export declare function emptyPromptQueue<T>(): PromptQueueState<T>;
+export declare function enqueuePrompt<T>(queue: PromptQueueState<T>, item: T): PromptQueueState<T>;
+export declare function startNextPrompt<T>(queue: PromptQueueState<T>): {
+    queue: PromptQueueState<T>;
+    item: T | null;
+};
+export declare function finishActivePrompt<T>(queue: PromptQueueState<T>): {
+    queue: PromptQueueState<T>;
+    item: T | null;
+};
+export interface AscendingMessageIdState {
+    lastTimestamp: number;
+    counter: number;
+}
+export declare function createAscendingMessageIdState(): AscendingMessageIdState;
+export declare function makeOpencodeMessageId(state: AscendingMessageIdState, timestamp?: number, randomBytes?: Uint8Array): string;

package/dist/src/composables/status.d.ts

@@ -0,0 +1,11 @@
+import type { AgentSessionSummary, ConnectionStatus, ReleaseSummary } from './types';
+export type BadgeVariant = 'success' | 'warning' | 'error' | 'info' | 'neutral' | 'primary';
+export declare function sessionStatusVariant(status: AgentSessionSummary['status']): BadgeVariant;
+export declare function sessionStatusLabel(status: AgentSessionSummary['status']): string;
+export declare function buildStatusVariant(status: string | null): BadgeVariant;
+export declare function buildStatusLabel(status: string | null): string;
+export declare function provisioningStatusLabel(status: string | null | undefined): string;
+export declare function releaseHasPreview(release: Pick<ReleaseSummary, 'status'>): boolean;
+export declare function releaseDisplayStatus(release: ReleaseSummary): string;
+export declare function releaseDisplayVariant(release: ReleaseSummary): BadgeVariant;
+export declare function connectionStatusVariant(status: ConnectionStatus): BadgeVariant;

package/dist/src/composables/types.d.ts

@@ -1,4 +1,16 @@
 import type { ToolState } from '@opencode-ai/sdk';
+/** OpenCode 1.17.14's server emits a unified `patch`, while the generated SDK
+ *  still declares the older `before`/`after` shape. Keep both so current and
+ *  already-archived sessions render through the same UI. */
+export interface CodeFileDiff {
+    file: string;
+    patch?: string;
+    status?: 'added' | 'deleted' | 'modified';
+    before?: string;
+    after?: string;
+    additions: number;
+    deletions: number;
+}
 export type ChatPart = {
     kind: 'text';
     id: string;
@@ -12,22 +24,72 @@ export type ChatPart = {
     id: string;
     tool: string;
     state: ToolState;
+} | {
+    kind: 'file';
+    id: string;
+    mime: string;
+    filename?: string;
+    url: string;
 };
+/** An image attached to an outgoing prompt. `url` is a data: URI so the file
+ *  rides inline in the OpenCode prompt JSON through the transparent proxy. */
+export interface OutgoingAttachment {
+    mime: string;
+    filename?: string;
+    url: string;
+}
+export interface PreviewBridgeElement {
+    tag: string;
+    selector: string;
+    text: string;
+    nearbyText?: string;
+    attrs: Record<string, string>;
+    rect: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    computed: Record<string, string>;
+    canEditText?: boolean;
+    sourceInspector?: {
+        file: string;
+        line: number;
+        column: number;
+    } | null;
+    sourceInspectorRaw?: string | null;
+}
+export type PromptState = 'queued' | 'submitting' | 'running' | 'failed';
 export interface ChatMessage {
-    /** Stable render key. Starts as `local-{partId}` for our own just-sent
-     *  messages (the real message id isn't known until the server echoes it
-     *  back over the event stream) and never changes after that, so v-for
-     *  keys stay stable even once `id` is reconciled to the real one. */
+    /** Stable render key. Starts as `local-{uuid}` for queued prompts and never
+     *  changes; the OpenCode message id is assigned only when that prompt reaches
+     *  the head of the FIFO, so v-for identity remains stable after dispatch. */
     key: string;
     id: string | null;
     role: 'user' | 'assistant';
+    /** Assistant messages point back to the user turn that spawned them. OpenCode
+     *  stores the turn's final file diff on that user message, so this relation
+     *  lets the UI render it beside the agent work that produced it. */
+    parentId: string | null;
     createdAt: number;
     parts: ChatPart[];
+    /** Patch parts arrive before the complete before/after diff is summarized.
+     *  Keep their file names so the UI can show useful live progress. */
+    changedFiles: string[];
+    diffs: CodeFileDiff[];
     busy: boolean;
+    /** Present only on locally-originated user prompts while they are waiting
+     *  for, or being handled by, the OpenCode session runner. */
+    promptState?: PromptState;
     errorText?: string;
 }
 export type ConnectionStatus = 'idle' | 'starting' | 'ready' | 'error';
 export type ProjectProvisioningStatus = 'not_started' | 'provisioning' | 'ready' | 'failed';
+export type ArchiveCodeAction = 'save' | 'discard';
+export type CheckpointTrigger = 'manual' | 'turn_completed' | 'interval' | 'archive' | 'pre_restore' | 'pre_discard' | 'turn_revert' | 'turn_unrevert' | 'restore' | 'release';
+export type CheckpointStatus = 'capturing' | 'local_only' | 'pushed_verified' | 'failed';
+export type CheckpointContextStatus = 'pending' | 'snapshotted' | 'failed' | 'unavailable';
+export type WorkspaceSyncState = 'unavailable' | 'diverged' | 'behind' | 'uncommitted' | 'unpushed' | 'saving' | 'save_failed' | 'synced' | 'unknown';
 export interface ProjectSummary {
     businessId: string;
     businessSlug: string | null;
@@ -56,6 +118,13 @@ export interface AgentSessionSummary {
     archived_at: string | null;
     last_event_chunk: number;
     last_snapshot_at: string | null;
+    base_commit_sha: string | null;
+    last_checkpoint_id: string | null;
+    last_durable_commit_sha: string | null;
+    last_pushed_at: string | null;
+    dirty_since: string | null;
+    checkpoint_status: CheckpointStatus | null;
+    checkpoint_error: string | null;
     attention_action?: string | null;
     attention_error?: string | null;
     release_count: number;
@@ -63,9 +132,60 @@ export interface AgentSessionSummary {
     created_at: string;
     updated_at: string;
 }
+export interface SessionChangesSummary {
+    businessId: string;
+    sessionId: string;
+    workspaceExists: boolean;
+    dirty: boolean;
+    hasUncommittedChanges: boolean;
+    hasUnpushedCommits: boolean;
+    headDiffersFromOrigin: boolean;
+    statusCount: number;
+    commitsAheadOrigin: number;
+    commitsBehindOrigin: number;
+    headSha: string | null;
+    originSha: string | null;
+    syncState: WorkspaceSyncState;
+    availability: 'available' | 'unavailable';
+    lastCheckpointId: string | null;
+    lastDurableCommitSha: string | null;
+    lastPushedAt: string | null;
+    dirtySince: string | null;
+    checkpointStatus: CheckpointStatus | null;
+    checkpointError: string | null;
+    lastSnapshotAt: string | null;
+    latestCheckpoint: SessionCheckpoint | null;
+}
+export interface SessionCheckpoint {
+    id: string;
+    business_id: string;
+    session_id: string;
+    sequence: number;
+    trigger: CheckpointTrigger;
+    status: CheckpointStatus;
+    context_status: CheckpointContextStatus;
+    base_sha: string | null;
+    commit_sha: string | null;
+    verified_remote_sha: string | null;
+    raw_opencode_message_id: string | null;
+    opencode_snapshot_key: string | null;
+    workspace_backup_key: string | null;
+    file_count: number;
+    additions: number;
+    deletions: number;
+    summary: string | null;
+    error_stage: string | null;
+    error_message: string | null;
+    created_at: string;
+    committed_at: string | null;
+    pushed_at: string | null;
+    context_snapshotted_at: string | null;
+    pinned: number;
+}
 export interface ReleaseSummary {
     id: string;
     source_commit_sha: string;
+    checkpoint_id: string | null;
     created_from_session_id: string | null;
     session_title: string | null;
     status: 'draft' | 'preview' | 'published' | 'rolled_back';