@feedmepos/mf-miniprogram-v2 0.1.0-dev.27 → 0.1.0-dev.29

package/dist/app.js

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

package/dist/package.json

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

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

@@ -1,9 +1,9 @@
 import type { PreviewBridgeElement } from './types';
-export type AnnotationStyleKey = 'color' | 'backgroundColor' | 'borderColor' | 'opacity' | 'fontFamily' | 'fontSize' | 'fontWeight' | 'lineHeight' | 'letterSpacing' | 'textAlign' | 'borderRadius' | 'borderWidth' | 'width' | 'height' | 'padding' | 'margin';
+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' | 'weight' | 'align' | 'font' | 'box';
+export type AnnotationControlKind = 'color' | 'length' | 'ratio' | 'choice' | 'align' | 'font' | 'box';
 export interface AnnotationChoice {
     value: string;
     label: string;
@@ -41,6 +41,18 @@ export interface AnnotationSection {
     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;
@@ -95,6 +107,10 @@ export declare function brandKitPresets(colors: Record<string, string>, fonts: R
     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;
@@ -104,4 +120,11 @@ export declare function serializeAnnotationPrompt(input: {
     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/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;