@feedmepos/mf-miniprogram-v2 0.1.0-dev.2 → 0.1.0-dev.21

package/dist/app.js

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

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-miniprogram-v2",
-  "version": "0.1.0-dev.2",
+  "version": "0.1.0-dev.21",
   "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/PreviewPanel.test.mjs",
     "type-check": "vue-tsc --build --force",
     "typecheck": "npm run type-check",
     "build:mf:dev": "vite build --mode fmmf:dev",
@@ -39,6 +40,7 @@
     "@feedmepos/mf-common": "^1.27.9",
     "@feedmepos/ui-library": "1.8.4",
     "@opencode-ai/sdk": "*",
+    "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/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/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/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/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/previewAnnotations.d.ts

@@ -0,0 +1,9 @@
+export interface PreviewAnnotationItem {
+    id: number;
+    note: string;
+    label: string;
+    route?: string;
+    device?: string;
+}
+export declare function wrapAnnotationPayload(items: PreviewAnnotationItem[]): string;
+export declare function parseAnnotationMessage(text: string): PreviewAnnotationItem[] | null;

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,7 +24,21 @@ 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 —
+ *  no separate upload channel exists (or is needed at screenshot sizes). */
+export interface OutgoingAttachment {
+    mime: string;
+    filename?: string;
+    url: string;
+}
 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
@@ -21,13 +47,22 @@ export interface ChatMessage {
     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;
     errorText?: string;
 }
-export type ConnectionStatus = 'starting' | 'ready' | 'error';
+export type ConnectionStatus = 'idle' | 'starting' | 'ready' | 'error';
 export type ProjectProvisioningStatus = 'not_started' | 'provisioning' | 'ready' | 'failed';
+export type ArchiveCodeAction = 'save' | 'discard';
 export interface ProjectSummary {
     businessId: string;
     businessSlug: string | null;
@@ -63,6 +98,20 @@ 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;
+}
 export interface ReleaseSummary {
     id: string;
     source_commit_sha: string;

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

@@ -0,0 +1,45 @@
+export interface BrandKitField {
+    path: string;
+    label: string;
+    group: string;
+    hint?: string;
+}
+export declare const COLOR_FIELDS: BrandKitField[];
+export declare const FONT_FIELDS: BrandKitField[];
+export declare function isHexColor(value: string): boolean;
+export declare function toInputHex(value: string): string;
+type KitObject = Record<string, unknown>;
+declare function load(force?: boolean): Promise<void>;
+declare function save(): Promise<void>;
+declare function revertLastSave(): Promise<void>;
+declare function applyProposal(proposal: {
+    name?: string;
+    colors: Record<string, string>;
+    fonts: Record<string, string>;
+}): Promise<void>;
+declare function discardEdits(): void;
+export declare function useBrandKit(): {
+    state: {
+        panelOpen: boolean;
+        loading: boolean;
+        saving: boolean;
+        loaded: boolean;
+        error: string | null;
+        businessId: string | null;
+        colors: Record<string, string>;
+        fonts: Record<string, string>;
+        savedColors: Record<string, string>;
+        savedFonts: Record<string, string>;
+        revertKit: KitObject | null;
+        appliedProposal: string | null;
+    };
+    dirtyCount: import("vue").ComputedRef<number>;
+    hasInvalidColor: import("vue").ComputedRef<boolean>;
+    load: typeof load;
+    save: typeof save;
+    revertLastSave: typeof revertLastSave;
+    applyProposal: typeof applyProposal;
+    discardEdits: typeof discardEdits;
+};
+export type BrandKitStore = ReturnType<typeof useBrandKit>;
+export {};

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

@@ -1,8 +1,10 @@
-import type { ChatMessage, ConnectionStatus } from './types';
+import type { ChatMessage, ConnectionStatus, OutgoingAttachment } from './types';
 export declare function useChat(): {
     status: ConnectionStatus;
     statusText: string;
     previewUrl: string | null;
+    restartingPreview: boolean;
+    previewRestartError: string | null;
     sending: boolean;
     sessionId: string | null;
     workspaceSessionId: string | null;
@@ -16,6 +18,10 @@ export declare function useChat(): {
         sessionId?: string;
         readOnly?: boolean;
     }) => Promise<void>;
-    sendMessage: (text: string) => Promise<void>;
+    reset: (message?: string) => void;
+    suspend: (message?: string) => void;
+    sendMessage: (text: string, attachments?: OutgoingAttachment[]) => Promise<void>;
+    abort: () => Promise<void>;
+    restartPreviewServer: () => Promise<boolean>;
 };
 export type ChatStore = ReturnType<typeof useChat>;

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

@@ -0,0 +1,6 @@
+export declare function useIdleSuspend(options: {
+    timeoutMs: number;
+    isEligible: () => boolean;
+    isActive: () => boolean;
+    onSuspend: () => void;
+}): void;

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

@@ -1,4 +1,4 @@
-import type { ProjectSummary, ReleaseSummary } from './types';
+import type { ArchiveCodeAction, ProjectSummary, ReleaseSummary, SessionChangesSummary } from './types';
 export declare function useProject(): {
     businessId: string;
     project: {
@@ -56,7 +56,6 @@ export declare function useProject(): {
     statusText: string;
     activeReleaseId: string | null;
     activeReleasePreviewUrl: string | null;
-    activeBuildJobId: string | null;
     latestRelease: {
         id: string;
         source_commit_sha: string;
@@ -73,26 +72,7 @@ export declare function useProject(): {
         build_created_at: string | null;
         build_completed_at: string | null;
     } | null;
-    activeRelease: {
-        id: string;
-        source_commit_sha: string;
-        created_from_session_id: string | null;
-        session_title: string | null;
-        status: "draft" | "preview" | "published" | "rolled_back";
-        artifact_prefix: string;
-        created_at: string;
-        published_at: string | null;
-        is_live: 0 | 1;
-        build_job_id: string | null;
-        build_status: "queued" | "running" | "succeeded" | "failed" | null;
-        build_logs_url: string | null;
-        build_created_at: string | null;
-        build_completed_at: string | null;
-    } | null;
-    activeBuildStatus: "failed" | "queued" | "running" | "succeeded" | null;
-    activeBuildLogsUrl: string | null;
     isProvisioned: boolean;
-    isProvisioning: boolean;
     provisioningFailed: boolean;
     syncBusiness: () => void;
     refreshProject: () => Promise<ProjectSummary>;
@@ -102,21 +82,18 @@ export declare function useProject(): {
         releases: ReleaseSummary[];
     }>;
     selectRelease: (releaseId: string) => Promise<void>;
-    createSession: () => Promise<{
+    createSession: (options?: {
+        archiveCodeAction?: ArchiveCodeAction;
+    }) => Promise<{
         sessionId: string;
         previewUrl: string;
     }>;
+    sessionChanges: (sessionId: string) => Promise<SessionChangesSummary>;
     resumeSession: (sessionId: string) => Promise<{
         sessionId: string;
         previewUrl: string;
     }>;
     renameSession: (sessionId: string, title: string) => Promise<void>;
-    forkSession: (sessionId: string) => Promise<{
-        sessionId: string;
-        previewUrl: string;
-        forkedFrom: string;
-    }>;
-    archive: (sessionId: string) => Promise<void>;
     commitSession: (sessionId: string) => Promise<{
         sourceCommitSha: string;
     }>;
@@ -127,6 +104,5 @@ export declare function useProject(): {
     }>;
     publish: (releaseId?: string | null) => Promise<void>;
     rollbackToV1: () => Promise<void>;
-    rollbackToRelease: (releaseId: string) => Promise<void>;
 };
 export type ProjectStore = ReturnType<typeof useProject>;