@feedmepos/mf-miniprogram-v2 0.1.0-dev.4 → 0.1.0-dev.40

package/dist/app.js

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

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-miniprogram-v2",
-  "version": "0.1.0-dev.4",
+  "version": "0.1.0-dev.40",
   "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,8 @@
+import type { PreviewAnnotationItem } from '../composables/previewAnnotations';
+type __VLS_Props = {
+    items: PreviewAnnotationItem[];
+    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/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/QuestionPrompt.vue.d.ts

@@ -0,0 +1,16 @@
+import type { QuestionAnswer, QuestionRequest } from '@opencode-ai/sdk/v2/client';
+type __VLS_Props = {
+    request: QuestionRequest;
+    submitting?: boolean;
+    error?: string | null;
+    pendingCount?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    reply: (requestID: string, answers: QuestionAnswer[]) => any;
+    reject: (requestID: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onReply?: ((requestID: string, answers: QuestionAnswer[]) => any) | undefined;
+    onReject?: ((requestID: string) => 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/annotationTray.d.ts

@@ -0,0 +1,73 @@
+import type { OutgoingAttachment } from './types';
+import type { PreviewAnnotationItem } from './previewAnnotations';
+/**
+ * Staging area shared by the preview panel, which places markers, and the chat
+ * composer, which sends them.
+ *
+ * Annotations used to pile up in a list beside the preview and were sent from
+ * there. That split the conversation in two — you asked in one place and read
+ * the answer in another — and a stack of open note cards buried the preview it
+ * was annotating. A marker now lands in the composer as a chip the moment it is
+ * placed, so one Send carries the typed message together with every marker, and
+ * the preview panel only ever shows the one marker being edited.
+ *
+ * Only a flat summary lives here. The annotation itself — its inspected element,
+ * temporary style overrides, attached images — stays in the preview panel,
+ * because that is the only place that can revert an override inside the iframe.
+ * The panel registers a controller so the composer can act on a chip without
+ * owning any of that state.
+ */
+/** What the composer needs to render one staged marker. */
+export interface AnnotationChip {
+    id: number;
+    /** Human label for the annotated element, e.g. `<button> “Order now”`. */
+    label: string;
+    note: string;
+    changeCount: number;
+    attachmentCount: number;
+    /** The element is still being inspected; the chip is sendable either way. */
+    pending: boolean;
+}
+export interface StagedAnnotations {
+    /** Agent-facing prose, one block per marker. */
+    blocks: string;
+    items: PreviewAnnotationItem[];
+    files: OutgoingAttachment[];
+}
+export interface AnnotationTrayController {
+    /** Reopens a marker in the preview panel's editor. */
+    focus(id: number): void;
+    /** Drops a marker and reverts its temporary overrides in the preview. */
+    remove(id: number): void;
+    clear(): void;
+    build(): StagedAnnotations | null;
+}
+export declare function useAnnotationTray(): {
+    chips: import("vue").Ref<{
+        id: number;
+        label: string;
+        note: string;
+        changeCount: number;
+        attachmentCount: number;
+        pending: boolean;
+    }[], AnnotationChip[] | {
+        id: number;
+        label: string;
+        note: string;
+        changeCount: number;
+        attachmentCount: number;
+        pending: boolean;
+    }[]>;
+    attachmentCount: import("vue").ComputedRef<number>;
+    annotationAttachments: import("vue").ComputedRef<number>;
+    composerAttachments: import("vue").Ref<number, number>;
+    setChips(next: AnnotationChip[]): void;
+    setComposerAttachmentCount(count: number): void;
+    /** Called by the preview panel on mount, and with null on unmount — nothing
+     *  staged can be sent once the panel that owns it is gone. */
+    connect(next: AnnotationTrayController | null): void;
+    focus(id: number): void;
+    remove(id: number): void;
+    clear(): void;
+    build(): StagedAnnotations | null;
+};

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/latestPoller.d.ts

@@ -0,0 +1,14 @@
+export interface PollResult<T> {
+    value: T;
+    done: boolean;
+}
+export interface LatestPollerOptions {
+    intervalMs: number;
+    maxAttempts: number;
+    wait?: (intervalMs: number, signal: AbortSignal) => Promise<void>;
+}
+export declare function createLatestPoller(options: LatestPollerOptions): {
+    start: <T>(request: (signal: AbortSignal) => Promise<PollResult<T>>, apply: (value: T) => void) => Promise<void>;
+    cancel: () => void;
+    dispose: () => void;
+};

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,38 @@
+/** 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 interface PreviewAnnotationMessage {
+    /** What the user typed in the composer alongside the markers. Empty for a
+     *  message that was nothing but annotations. */
+    text: string;
+    items: PreviewAnnotationItem[];
+}
+export declare function wrapAnnotationPayload(items: PreviewAnnotationItem[], text?: string): string;
+export declare function parseAnnotationMessage(text: string): PreviewAnnotationMessage | null;
+/** Assembles the single message the composer sends: the user's own words first,
+ *  then the agent-facing marker blocks, then the card payload. The markers are
+ *  where a request applies, so when the user typed something the prose leads and
+ *  the blocks are introduced as its targets rather than as a second request. */
+export declare function composeAnnotationMessage(input: {
+    text: string;
+    blocks: string;
+    items: PreviewAnnotationItem[];
+}): string;

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/questionAnswers.d.ts

@@ -0,0 +1,4 @@
+import type { QuestionAnswer, QuestionInfo } from '@opencode-ai/sdk/v2/client';
+export declare function toggleQuestionOption(selected: readonly string[], label: string): string[];
+export declare function answerForQuestion(question: QuestionInfo, selected: readonly string[], customValue: string): QuestionAnswer;
+export declare function buildQuestionAnswers(questions: readonly QuestionInfo[], selected: readonly (readonly string[])[], customValues: readonly string[]): QuestionAnswer[];

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;