@feedmepos/mf-miniprogram-v2 0.1.0-dev.26 → 0.1.0-dev.28

package/dist/app.js

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

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-miniprogram-v2",
-  "version": "0.1.0-dev.26",
+  "version": "0.1.0-dev.28",
   "type": "module",
   "publishConfig": {
     "access": "public",

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

@@ -0,0 +1,123 @@
+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;
+}): 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

@@ -1,9 +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/types.d.ts

@@ -32,13 +32,33 @@ export type ChatPart = {
     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). */
+ *  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-{uuid}` for queued prompts and never
@@ -66,7 +86,7 @@ export interface ChatMessage {
 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' | 'quick_edit' | 'interval' | 'archive' | 'pre_restore' | 'pre_discard' | 'turn_revert' | 'turn_unrevert' | 'restore' | 'release';
+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';