@jini-ai/ui 0.1.1 → 0.3.0

package/dist/renderers/annotation-canvas/dependencies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../src/renderers/annotation-canvas/dependencies.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEvD,oLAAoL;AACpL,wBAAgB,8BAA8B,CAC5C,SAAS,GAAE,OAAO,CAAC,oBAAoB,CAAM,GAC5C,oBAAoB,CAKtB"}

package/dist/renderers/annotation-canvas/dependencies.js

@@ -0,0 +1,8 @@
+/** A no-op binding: submits resolve `{ ok: true }` and no snapshot is ever captured. Useful for tests, storybook-style demos, and as a documented shape for a real host binding. */
+export function createFakeAnnotationCanvasPort(overrides = {}) {
+    return {
+        onSubmit: async () => ({ ok: true }),
+        ...overrides,
+    };
+}
+//# sourceMappingURL=dependencies.js.map

package/dist/renderers/annotation-canvas/dependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../src/renderers/annotation-canvas/dependencies.ts"],"names":[],"mappings":"AAWA,oLAAoL;AACpL,MAAM,UAAU,8BAA8B,CAC5C,YAA2C,EAAE;IAE7C,OAAO;QACL,QAAQ,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC;QACpC,GAAG,SAAS;KACb,CAAC;AACJ,CAAC"}

package/dist/renderers/annotation-canvas/drawing.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Canvas 2D drawing for the annotation-canvas engine — strokes, selection
+ * boxes, text-mark rasterization, and the capture-target highlight. Zero
+ * React; operates on a `CanvasRenderingContext2D` handed in by the hook
+ * layer.
+ *
+ * Origin: `apps/web/src/components/PreviewDrawOverlay.tsx`. See
+ * `../source-map.md`.
+ */
+import type { CaptureTarget, NormalizedRect, Stroke, TextMark } from './types.js';
+export declare const STROKE_COLOR = "#ff3b30";
+export declare const STROKE_WIDTH = 4;
+export declare const TARGET_COLOR = "#1677ff";
+/** Text-annotation glyph height as a fraction of the frame height, so a dropped label reads at a consistent size across differently-sized frames and its on-screen size matches what gets baked into an exported screenshot. */
+export declare const TEXT_FONT_FRACTION = 0.03;
+export declare const TEXT_LINE_HEIGHT = 1.25;
+export declare const TEXT_MIN_FONT_PX = 12;
+export declare const TEXT_FONT_FAMILY = "system-ui, -apple-system, BlinkMacSystemFont, sans-serif";
+export declare function textFontSizePx(frameHeight: number): number;
+export declare function drawNormalizedBox(ctx: CanvasRenderingContext2D, box: NormalizedRect, width: number, height: number): void;
+/** Redraws every committed stroke, the in-progress draft stroke, committed selection boxes, and the in-progress box draft. Called on every pointer move (rAF-coalesced by the caller) and on every history mutation. */
+export declare function redrawStrokesAndBoxes(ctx: CanvasRenderingContext2D, input: {
+    strokes: readonly Stroke[];
+    drawingStroke: Stroke | null;
+    selectionBoxes: readonly NormalizedRect[];
+    boxDraft: NormalizedRect | null;
+}, width: number, height: number, dpr: number): void;
+/** Bakes the transparent on-screen text labels into an exported screenshot. Uses the same frame-height-fraction glyph size the DOM textareas use, so what the user typed lands at the same size/position in the captured image. */
+export declare function drawTextMarks(ctx: CanvasRenderingContext2D, marks: readonly TextMark[], width: number, height: number): void;
+/** Draws the host-supplied capture target's highlight box + label onto a composited export canvas. */
+export declare function drawCaptureTarget(ctx: CanvasRenderingContext2D, scaleX: number, scaleY: number, target: CaptureTarget | null): void;
+/** Composites the current marks (capture-target highlight, selection boxes, strokes, text labels) onto an already-drawn background image at export resolution. */
+export declare function compositeMarksOntoCanvas(ctx: CanvasRenderingContext2D, input: {
+    target: CaptureTarget | null;
+    selectionBoxes: readonly NormalizedRect[];
+    strokes: readonly Stroke[];
+    textMarks: readonly TextMark[];
+}, outputWidth: number, outputHeight: number, scaleX: number, scaleY: number): void;
+//# sourceMappingURL=drawing.d.ts.map

package/dist/renderers/annotation-canvas/drawing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawing.d.ts","sourceRoot":"","sources":["../../../src/renderers/annotation-canvas/drawing.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAElF,eAAO,MAAM,YAAY,YAAY,CAAC;AACtC,eAAO,MAAM,YAAY,IAAI,CAAC;AAC9B,eAAO,MAAM,YAAY,YAAY,CAAC;AACtC,gOAAgO;AAChO,eAAO,MAAM,kBAAkB,OAAO,CAAC;AACvC,eAAO,MAAM,gBAAgB,OAAO,CAAC;AACrC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,gBAAgB,6DAA6D,CAAC;AAE3F,wBAAgB,cAAc,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAE1D;AAED,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,wBAAwB,EAAE,GAAG,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAazH;AAED,wNAAwN;AACxN,wBAAgB,qBAAqB,CACnC,GAAG,EAAE,wBAAwB,EAC7B,KAAK,EAAE;IACL,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,EAAE,SAAS,cAAc,EAAE,CAAC;IAC1C,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;CACjC,EACD,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,GACV,IAAI,CAoBN;AAED,mOAAmO;AACnO,wBAAgB,aAAa,CAAC,GAAG,EAAE,wBAAwB,EAAE,KAAK,EAAE,SAAS,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAmB5H;AAED,sGAAsG;AACtG,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,wBAAwB,EAC7B,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,aAAa,GAAG,IAAI,GAC3B,IAAI,CAkCN;AAED,kKAAkK;AAClK,wBAAgB,wBAAwB,CACtC,GAAG,EAAE,wBAAwB,EAC7B,KAAK,EAAE;IACL,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7B,cAAc,EAAE,SAAS,cAAc,EAAE,CAAC;IAC1C,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,SAAS,EAAE,SAAS,QAAQ,EAAE,CAAC;CAChC,EACD,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACb,IAAI,CAmBN"}

package/dist/renderers/annotation-canvas/drawing.js

@@ -0,0 +1,135 @@
+export const STROKE_COLOR = '#ff3b30';
+export const STROKE_WIDTH = 4;
+export const TARGET_COLOR = '#1677ff';
+/** Text-annotation glyph height as a fraction of the frame height, so a dropped label reads at a consistent size across differently-sized frames and its on-screen size matches what gets baked into an exported screenshot. */
+export const TEXT_FONT_FRACTION = 0.03;
+export const TEXT_LINE_HEIGHT = 1.25;
+export const TEXT_MIN_FONT_PX = 12;
+export const TEXT_FONT_FAMILY = 'system-ui, -apple-system, BlinkMacSystemFont, sans-serif';
+export function textFontSizePx(frameHeight) {
+    return Math.max(TEXT_MIN_FONT_PX, TEXT_FONT_FRACTION * frameHeight);
+}
+export function drawNormalizedBox(ctx, box, width, height) {
+    const left = box.x * width;
+    const top = box.y * height;
+    const boxWidth = Math.max(1, box.width * width);
+    const boxHeight = Math.max(1, box.height * height);
+    ctx.save();
+    ctx.fillStyle = 'rgba(255, 59, 48, 0.10)';
+    ctx.strokeStyle = STROKE_COLOR;
+    ctx.lineWidth = Math.max(2, Math.round(Math.min(width, height) * 0.002));
+    ctx.setLineDash([10, 6]);
+    ctx.fillRect(left, top, boxWidth, boxHeight);
+    ctx.strokeRect(left, top, boxWidth, boxHeight);
+    ctx.restore();
+}
+/** Redraws every committed stroke, the in-progress draft stroke, committed selection boxes, and the in-progress box draft. Called on every pointer move (rAF-coalesced by the caller) and on every history mutation. */
+export function redrawStrokesAndBoxes(ctx, input, width, height, dpr) {
+    ctx.clearRect(0, 0, width, height);
+    ctx.strokeStyle = STROKE_COLOR;
+    ctx.lineWidth = STROKE_WIDTH * dpr;
+    ctx.lineCap = 'round';
+    ctx.lineJoin = 'round';
+    const all = input.drawingStroke ? [...input.strokes, input.drawingStroke] : input.strokes;
+    for (const box of input.selectionBoxes)
+        drawNormalizedBox(ctx, box, width, height);
+    if (input.boxDraft)
+        drawNormalizedBox(ctx, input.boxDraft, width, height);
+    for (const s of all) {
+        const first = s.points[0];
+        if (!first)
+            continue;
+        ctx.beginPath();
+        ctx.moveTo(first.x * width, first.y * height);
+        for (let i = 1; i < s.points.length; i++) {
+            const p = s.points[i];
+            ctx.lineTo(p.x * width, p.y * height);
+        }
+        ctx.stroke();
+    }
+}
+/** Bakes the transparent on-screen text labels into an exported screenshot. Uses the same frame-height-fraction glyph size the DOM textareas use, so what the user typed lands at the same size/position in the captured image. */
+export function drawTextMarks(ctx, marks, width, height) {
+    const fontPx = textFontSizePx(height);
+    const lineHeight = fontPx * TEXT_LINE_HEIGHT;
+    const topPad = (lineHeight - fontPx) / 2;
+    ctx.save();
+    ctx.textBaseline = 'top';
+    ctx.font = `600 ${fontPx}px ${TEXT_FONT_FAMILY}`;
+    ctx.fillStyle = STROKE_COLOR;
+    ctx.shadowColor = 'rgba(255,255,255,0.75)';
+    ctx.shadowBlur = Math.max(1, fontPx * 0.14);
+    for (const mark of marks) {
+        if (mark.text.trim().length === 0)
+            continue;
+        const baseX = mark.x * width;
+        const baseY = mark.y * height + topPad;
+        mark.text.split('\n').forEach((line, index) => {
+            ctx.fillText(line, baseX, baseY + index * lineHeight);
+        });
+    }
+    ctx.restore();
+}
+/** Draws the host-supplied capture target's highlight box + label onto a composited export canvas. */
+export function drawCaptureTarget(ctx, scaleX, scaleY, target) {
+    if (!target)
+        return;
+    const { x, y, width, height } = target.position;
+    if (![x, y, width, height].every(Number.isFinite))
+        return;
+    if (width <= 0 || height <= 0)
+        return;
+    const left = x * scaleX;
+    const top = y * scaleY;
+    const boxWidth = Math.max(1, width * scaleX);
+    const boxHeight = Math.max(1, height * scaleY);
+    ctx.save();
+    ctx.fillStyle = 'rgba(22, 119, 255, 0.12)';
+    ctx.strokeStyle = TARGET_COLOR;
+    ctx.lineWidth = Math.max(2, Math.round(Math.max(scaleX, scaleY) * 2));
+    ctx.setLineDash([Math.max(8, 8 * scaleX), Math.max(4, 4 * scaleX)]);
+    ctx.fillRect(left, top, boxWidth, boxHeight);
+    ctx.strokeRect(left, top, boxWidth, boxHeight);
+    const label = (target.label || target.elementId || '').trim();
+    if (label) {
+        const fontSize = Math.max(12, Math.round(12 * Math.max(scaleX, scaleY)));
+        ctx.font = `600 ${fontSize}px ${TEXT_FONT_FAMILY}`;
+        const text = label.length > 42 ? `${label.slice(0, 39)}...` : label;
+        const metrics = ctx.measureText(text);
+        const padX = Math.max(6, Math.round(6 * scaleX));
+        const padY = Math.max(4, Math.round(4 * scaleY));
+        const labelWidth = metrics.width + padX * 2;
+        const labelHeight = fontSize + padY * 2;
+        const labelTop = Math.max(0, top - labelHeight - Math.max(4, 4 * scaleY));
+        ctx.setLineDash([]);
+        ctx.fillStyle = TARGET_COLOR;
+        ctx.fillRect(left, labelTop, labelWidth, labelHeight);
+        ctx.fillStyle = '#fff';
+        ctx.fillText(text, left + padX, labelTop + padY + fontSize * 0.82);
+    }
+    ctx.restore();
+}
+/** Composites the current marks (capture-target highlight, selection boxes, strokes, text labels) onto an already-drawn background image at export resolution. */
+export function compositeMarksOntoCanvas(ctx, input, outputWidth, outputHeight, scaleX, scaleY) {
+    drawCaptureTarget(ctx, scaleX, scaleY, input.target);
+    for (const box of input.selectionBoxes)
+        drawNormalizedBox(ctx, box, outputWidth, outputHeight);
+    ctx.strokeStyle = STROKE_COLOR;
+    ctx.lineWidth = STROKE_WIDTH * Math.max(scaleX, scaleY);
+    ctx.lineCap = 'round';
+    ctx.lineJoin = 'round';
+    for (const s of input.strokes) {
+        const first = s.points[0];
+        if (!first)
+            continue;
+        ctx.beginPath();
+        ctx.moveTo(first.x * outputWidth, first.y * outputHeight);
+        for (let i = 1; i < s.points.length; i++) {
+            const p = s.points[i];
+            ctx.lineTo(p.x * outputWidth, p.y * outputHeight);
+        }
+        ctx.stroke();
+    }
+    drawTextMarks(ctx, input.textMarks, outputWidth, outputHeight);
+}
+//# sourceMappingURL=drawing.js.map

package/dist/renderers/annotation-canvas/drawing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawing.js","sourceRoot":"","sources":["../../../src/renderers/annotation-canvas/drawing.ts"],"names":[],"mappings":"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"}

package/dist/renderers/annotation-canvas/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Public barrel for the annotation-canvas slice. Consumers import ONLY from
+ * here — never from an internal file directly.
+ */
+export type { AnnotationAction, AnnotationSubmitDetail, AnnotationSubmitResult, CaptureFrameRect, CaptureTarget, DockPlacement, DrawDockLayout, DrawDockSide, DrawToolbarElement, MarkTool, NormalizedRect, Point, PreviewSnapshot, Rect, Stroke, TextMark, } from './types.js';
+export type { AnnotationCanvasPort } from './ports.js';
+export { createFakeAnnotationCanvasPort } from './dependencies.js';
+export { clamp, clamp01, rectsOverlap, normalizedRectFromPoints, dockPlacementEquals, computeDockPlacement, mergeBounds, mergeRects, deriveMarkKind, buildSubmitOptionRules, MARK_TOOL_OPTION_RULES, DRAW_DOCK_GAP, DRAW_DOCK_MARGIN, DRAW_DOCK_MIN_WIDTH, DRAW_DOCK_MIN_HEIGHT, type DockPlacementInput, type SubmitOptionRule, type MarkToolOptionRule, } from './rules.js';
+export { STROKE_COLOR, STROKE_WIDTH, TARGET_COLOR, drawNormalizedBox, redrawStrokesAndBoxes, drawTextMarks, drawCaptureTarget, compositeMarksOntoCanvas, textFontSizePx, } from './drawing.js';
+export { useAnnotationCanvas, type AnnotationCanvasController, type UseAnnotationCanvasOptions, type SubmitOptionController, type MarkToolOptionController, type TextMarkController, } from './react/hooks/useAnnotationCanvas.js';
+export { AnnotationCanvas, type AnnotationCanvasProps } from './react/components/AnnotationCanvas.js';
+export { DEFAULT_ANNOTATION_CANVAS_ICONS, type AnnotationCanvasIconName } from './react/components/icons.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/renderers/annotation-canvas/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/renderers/annotation-canvas/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,YAAY,EACV,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,QAAQ,EACR,cAAc,EACd,KAAK,EACL,eAAe,EACf,IAAI,EACJ,MAAM,EACN,QAAQ,GACT,MAAM,YAAY,CAAC;AAEpB,YAAY,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EACL,KAAK,EACL,OAAO,EACP,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,oBAAoB,EACpB,WAAW,EACX,UAAU,EACV,cAAc,EACd,sBAAsB,EACtB,sBAAsB,EACtB,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,oBAAoB,EACpB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,GACxB,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,aAAa,EACb,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,GACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,mBAAmB,EACnB,KAAK,0BAA0B,EAC/B,KAAK,0BAA0B,EAC/B,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,EAC7B,KAAK,kBAAkB,GACxB,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AACtG,OAAO,EAAE,+BAA+B,EAAE,KAAK,wBAAwB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/renderers/annotation-canvas/index.js

@@ -0,0 +1,7 @@
+export { createFakeAnnotationCanvasPort } from './dependencies.js';
+export { clamp, clamp01, rectsOverlap, normalizedRectFromPoints, dockPlacementEquals, computeDockPlacement, mergeBounds, mergeRects, deriveMarkKind, buildSubmitOptionRules, MARK_TOOL_OPTION_RULES, DRAW_DOCK_GAP, DRAW_DOCK_MARGIN, DRAW_DOCK_MIN_WIDTH, DRAW_DOCK_MIN_HEIGHT, } from './rules.js';
+export { STROKE_COLOR, STROKE_WIDTH, TARGET_COLOR, drawNormalizedBox, redrawStrokesAndBoxes, drawTextMarks, drawCaptureTarget, compositeMarksOntoCanvas, textFontSizePx, } from './drawing.js';
+export { useAnnotationCanvas, } from './react/hooks/useAnnotationCanvas.js';
+export { AnnotationCanvas } from './react/components/AnnotationCanvas.js';
+export { DEFAULT_ANNOTATION_CANVAS_ICONS } from './react/components/icons.js';
+//# sourceMappingURL=index.js.map

package/dist/renderers/annotation-canvas/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/renderers/annotation-canvas/index.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EACL,KAAK,EACL,OAAO,EACP,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,oBAAoB,EACpB,WAAW,EACX,UAAU,EACV,cAAc,EACd,sBAAsB,EACtB,sBAAsB,EACtB,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,oBAAoB,GAIrB,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,aAAa,EACb,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,GACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,mBAAmB,GAMpB,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAA8B,MAAM,wCAAwC,CAAC;AACtG,OAAO,EAAE,+BAA+B,EAAiC,MAAM,6BAA6B,CAAC"}

package/dist/renderers/annotation-canvas/ports.d.ts

@@ -0,0 +1,30 @@
+/**
+ * The annotation-canvas slice's dependency on the outside world, expressed
+ * as an interface it owns. The slice depends on this port, never on a
+ * concrete transport directly; a real binding is supplied by the host (see
+ * `dependencies.ts` for this package's own fake/test binding).
+ *
+ * Deliberately thin: the origin `PreviewDrawOverlay.tsx` dispatches a global
+ * `window` `CustomEvent` with a product-specific event name, awaited via a
+ * 60s ack-timeout race, and a sibling composer component owns the actual
+ * send/draft/queue submission semantics (composed-turn building, staged
+ * attachments, run-context metadata) — all of that is product-specific and
+ * stays in the consuming product's own adapter. This port only asks a host
+ * for the *outcome* of submitting, plus the two optional capture strategies
+ * the origin already exposed as plain callback props.
+ */
+import type { AnnotationSubmitDetail, AnnotationSubmitResult, CaptureFrameRect, PreviewSnapshot } from './types.js';
+export interface AnnotationCanvasPort {
+    /** Submit the annotation. Resolves with the outcome — never rejects (a host-side failure should resolve `{ok: false, message}`). */
+    onSubmit: (detail: AnnotationSubmitDetail) => Promise<AnnotationSubmitResult>;
+    /**
+     * Capture a full-viewport snapshot (e.g. a host compositor screenshot).
+     * When omitted, the canvas has no way to rasterize the artifact behind
+     * it — `send()` still submits the note/attachments/strokes-as-vector-data
+     * the caller already has, just without a baked screenshot.
+     */
+    captureSnapshot?: (() => Promise<PreviewSnapshot | null>) | undefined;
+    /** The on-screen rect of the content being annotated, used to scale vector marks onto the captured snapshot's pixel dimensions. Falls back to the canvas wrapper's own bounding rect when omitted. */
+    captureFrameRect?: (() => CaptureFrameRect | null) | undefined;
+}
+//# sourceMappingURL=ports.d.ts.map

package/dist/renderers/annotation-canvas/ports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ports.d.ts","sourceRoot":"","sources":["../../../src/renderers/annotation-canvas/ports.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAK,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEpH,MAAM,WAAW,oBAAoB;IACnC,oIAAoI;IACpI,QAAQ,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,OAAO,CAAC,sBAAsB,CAAC,CAAC;IAC9E;;;;;OAKG;IACH,eAAe,CAAC,EAAE,CAAC,MAAM,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC,GAAG,SAAS,CAAC;IACtE,sMAAsM;IACtM,gBAAgB,CAAC,EAAE,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CAChE"}

package/dist/renderers/annotation-canvas/ports.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ports.js.map

package/dist/renderers/annotation-canvas/ports.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ports.js","sourceRoot":"","sources":["../../../src/renderers/annotation-canvas/ports.ts"],"names":[],"mappings":""}

package/dist/renderers/annotation-canvas/react/components/AnnotationCanvas.d.ts

@@ -0,0 +1,24 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { AnnotationCanvasPort } from '../../ports.js';
+import type { CaptureTarget, DrawToolbarElement, AnnotationAction } from '../../types.js';
+import { type AnnotationCanvasIconName } from './icons.js';
+export interface AnnotationCanvasProps {
+    children: ReactNode;
+    active: boolean;
+    onActiveChange?: ((active: boolean) => void) | undefined;
+    captureViewport?: boolean | undefined;
+    captureTarget?: CaptureTarget | null | undefined;
+    filePath?: string | undefined;
+    sendDisabled?: boolean | undefined;
+    sendDisabledReason?: string | undefined;
+    hideChrome?: boolean | undefined;
+    onToolbarClick?: ((element: DrawToolbarElement, submitAction?: AnnotationAction) => void) | undefined;
+    port: AnnotationCanvasPort;
+    /** Renders the toolbar/dock into this element via a portal instead of inline (useful to escape a clipped, scaled ancestor). Omit to render inline. */
+    toolbarHost?: HTMLElement | null | undefined;
+    /** Override any of the toolbar's icons; unset ones fall back to a small built-in generic set (see `icons.tsx`). */
+    icons?: Partial<Record<AnnotationCanvasIconName, () => ReactElement>> | undefined;
+    className?: string | undefined;
+}
+export declare function AnnotationCanvas(props: AnnotationCanvasProps): import("react").JSX.Element;
+//# sourceMappingURL=AnnotationCanvas.d.ts.map

package/dist/renderers/annotation-canvas/react/components/AnnotationCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationCanvas.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/annotation-canvas/react/components/AnnotationCanvas.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE1F,OAAO,EAAmC,KAAK,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAG5F,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACzD,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACjD,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,cAAc,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,kBAAkB,EAAE,YAAY,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtG,IAAI,EAAE,oBAAoB,CAAC;IAC3B,sJAAsJ;IACtJ,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IAC7C,mHAAmH;IACnH,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,wBAAwB,EAAE,MAAM,YAAY,CAAC,CAAC,GAAG,SAAS,CAAC;IAClF,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BA4T5D"}

package/dist/renderers/annotation-canvas/react/components/AnnotationCanvas.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `<AnnotationCanvas>` — draws freehand/box/text marks over arbitrary
+ * preview content (`children`: an artifact iframe, a webview, anything) and
+ * offers a send/draft/queue submit-action picker. All state/interaction
+ * logic lives in `useAnnotationCanvas`; this component is the presentational
+ * shell.
+ *
+ * Origin: `apps/web/src/components/PreviewDrawOverlay.tsx`. See
+ * `../../source-map.md`.
+ */
+import { createPortal } from 'react-dom';
+import { useAnnotationCanvas } from '../hooks/useAnnotationCanvas.js';
+import { DEFAULT_ANNOTATION_CANVAS_ICONS } from './icons.js';
+import { useT } from '../../../react/i18n.js';
+function maybePortal(node, host) {
+    return host ? createPortal(node, host) : node;
+}
+export function AnnotationCanvas(props) {
+    const { children, toolbarHost, icons: iconOverrides, className } = props;
+    const t = useT();
+    const icons = { ...DEFAULT_ANNOTATION_CANVAS_ICONS, ...iconOverrides };
+    const c = useAnnotationCanvas(props);
+    // `c.imagePreviews[c.previewIndex]` is a TS-only possibly-undefined lookup
+    // (`noUncheckedIndexedAccess`): `previewIndex` is only ever set to a
+    // currently-valid index (the thumbnail's own `onClick={() =>
+    // c.setPreviewIndex(i)}` closes over the same array it maps over), and
+    // every state change that could shrink `imagePreviews` (`removeExtraFile`)
+    // unconditionally resets `previewIndex` to `null` in that same update — so
+    // this can never actually be `undefined` while `previewIndex !== null`.
+    const activePreview = c.previewIndex !== null ? c.imagePreviews[c.previewIndex] : null;
+    return (_jsxs("div", { ref: c.wrapRef, className: className, "data-annotation-canvas-active": props.active ? 'true' : 'false', style: { position: 'absolute', inset: 0, width: '100%', height: '100%' }, children: [children, c.showCanvas ? (_jsx("canvas", { ref: c.canvasRef, onPointerDown: c.onPointerDown, onPointerMove: c.onPointerMove, onPointerUp: c.onPointerUp, onPointerCancel: c.onPointerUp, style: {
+                    position: 'absolute',
+                    inset: 0,
+                    pointerEvents: props.active ? 'auto' : 'none',
+                    cursor: props.active ? (c.markTool === 'text' ? 'text' : 'crosshair') : 'default',
+                    visibility: c.chromeHidden ? 'hidden' : 'visible',
+                    touchAction: 'none',
+                    userSelect: 'none',
+                } })) : null, c.textLayerVisible ? (_jsx("div", { style: { position: 'absolute', inset: 0, pointerEvents: 'none', visibility: c.chromeHidden ? 'hidden' : 'visible' }, children: c.textMarks.map((mark) => (_jsxs("div", { onPointerDown: (e) => c.onTextPointerDown(e, mark), onPointerMove: (e) => c.onTextPointerMove(e, mark), onPointerUp: (e) => c.onTextPointerUp(e, mark), onPointerCancel: (e) => c.onTextPointerUp(e, mark), style: {
+                        position: 'absolute',
+                        left: `${mark.x * 100}%`,
+                        top: `${mark.y * 100}%`,
+                        pointerEvents: c.markTool === 'text' ? 'auto' : 'none',
+                        cursor: mark.editing ? 'default' : 'move',
+                        touchAction: 'none',
+                    }, children: [_jsx("textarea", { ref: (el) => {
+                                c.registerTextArea(mark.id, el);
+                                if (el)
+                                    c.autosizeTextArea(el);
+                            }, value: mark.text, wrap: "off", rows: 1, spellCheck: false, readOnly: !mark.editing, "aria-label": t('Text annotation'), onChange: (e) => {
+                                c.updateTextMark(mark.id, e.target.value);
+                                c.autosizeTextArea(e.currentTarget);
+                            }, onBlur: () => c.handleTextBlur(mark.id), onKeyDown: (e) => {
+                                if (e.key === 'Escape') {
+                                    e.stopPropagation();
+                                    c.handleTextEscape(mark.id, e.currentTarget);
+                                }
+                            }, style: {
+                                display: 'block',
+                                margin: 0,
+                                padding: 0,
+                                border: 'none',
+                                outline: 'none',
+                                background: 'transparent',
+                                resize: 'none',
+                                overflow: 'hidden',
+                                whiteSpace: 'pre',
+                                color: '#ff3b30',
+                                caretColor: '#ff3b30',
+                                fontWeight: 600,
+                                fontSize: c.textFontPx,
+                                lineHeight: 1.25,
+                                minWidth: Math.max(2, Math.round(c.textFontPx * 0.5)),
+                                pointerEvents: mark.editing ? 'auto' : 'none',
+                                userSelect: mark.editing ? 'text' : 'none',
+                                cursor: mark.editing ? 'text' : 'move',
+                            } }), c.markTool === 'text' ? (_jsx("button", { type: "button", onPointerDown: (e) => {
+                                e.preventDefault();
+                                e.stopPropagation();
+                            }, onClick: () => c.removeTextMark(mark.id), "aria-label": t('Remove text annotation'), title: t('Remove text annotation'), children: icons.close() })) : null] }, mark.id))) })) : null, props.active
+                ? maybePortal(_jsxs("div", { ref: c.dockRef, "data-annotation-canvas-dock-layout": c.dockPlacement.layout, "data-annotation-canvas-dock-side": c.dockPlacement.side ?? undefined, style: { position: 'absolute', display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 8, ...c.dockPlacement.style }, children: [c.captureWarning ? (_jsx("div", { role: "status", "aria-live": "polite", style: { visibility: c.chromeHidden ? 'hidden' : undefined }, children: _jsx("span", { children: c.captureWarning.message }) })) : null, c.imagePreviews.length > 0 ? (_jsx("div", { "aria-label": t('Attached images'), style: { display: 'flex', gap: 6, visibility: c.chromeHidden ? 'hidden' : undefined }, children: c.imagePreviews.map((item, i) => (_jsxs("div", { style: { position: 'relative' }, children: [_jsx("button", { type: "button", onClick: () => c.setPreviewIndex(i), disabled: c.sending, title: item.file.name, "aria-label": item.file.name, children: _jsx("img", { src: item.url, alt: "", "aria-hidden": true, style: { width: 44, height: 44, objectFit: 'cover' } }) }), _jsx("button", { type: "button", onClick: () => c.removeExtraFile(i), disabled: c.sending, "aria-label": t('Remove attached image'), title: t('Remove attached image'), children: icons.close() })] }, item.url))) })) : null, _jsxs("div", { role: "toolbar", "aria-label": t('Annotation tools'), style: { display: 'flex', alignItems: 'center', gap: 6, visibility: c.chromeHidden ? 'hidden' : undefined }, children: [_jsxs("div", { style: { position: 'relative' }, ref: c.markToolMenuRef, children: [_jsxs("button", { type: "button", onClick: () => c.setMarkToolMenuOpen(!c.markToolMenuOpen), disabled: c.sending, "aria-haspopup": "menu", "aria-expanded": c.markToolMenuOpen, "aria-label": c.currentMarkTool.label, title: c.currentMarkTool.label, children: [icons[c.currentMarkTool.tool](), icons['chevron-down']()] }), c.markToolMenuOpen ? (_jsx("div", { role: "menu", "aria-label": c.currentMarkTool.label, children: c.markToolOptions.map((item) => {
+                                                const isActive = c.markTool === item.tool;
+                                                return (_jsxs("button", { type: "button", role: "menuitemradio", "aria-checked": isActive, "aria-label": item.label, disabled: c.sending, onClick: () => c.selectMarkTool(item.tool), children: [icons[item.tool](), _jsx("span", { children: item.label }), isActive ? icons.check() : null] }, item.tool));
+                                            }) })) : null] }), _jsx("button", { type: "button", onClick: c.undoStroke, disabled: !c.canUndo, "aria-label": t('Undo'), title: t('Undo'), children: icons.undo() }), _jsx("button", { type: "button", onClick: c.redoStroke, disabled: !c.canRedo, "aria-label": t('Redo'), title: t('Redo'), children: icons.redo() }), _jsx("input", { ref: c.fileInputRef, type: "file", accept: "image/*", multiple: true, style: { display: 'none' }, onChange: c.onFileInputChange }), _jsx("button", { type: "button", onClick: () => {
+                                        props.onToolbarClick?.('attach_image');
+                                        c.fileInputRef.current?.click();
+                                    }, disabled: c.sending, "aria-label": t('Attach image'), title: t('Attach image'), children: icons.attach() }), _jsx("input", { value: c.note, onChange: (e) => c.setNote(e.target.value), onPaste: c.onNotePaste, disabled: c.sending, placeholder: t('Add a note…'), "aria-label": t('Annotation note'), onCompositionStart: c.onCompositionStart, onCompositionEnd: c.onCompositionEnd, onKeyDown: c.onNoteKeyDown }), _jsxs("div", { style: { position: 'relative', display: 'inline-flex' }, ref: c.submitMenuRef, children: [_jsxs("button", { type: "button", onClick: () => void c.send(c.submitAction), disabled: c.sending || !c.currentSubmit.enabled, "aria-label": c.sending ? c.currentSubmit.pendingLabel : c.currentSubmit.label, title: c.sending ? c.currentSubmit.pendingLabel : c.currentSubmit.title, children: [c.sending ? icons.spinner() : icons[c.submitAction](), _jsx("span", { children: c.currentSubmit.label })] }), _jsx("button", { type: "button", onClick: () => c.setSubmitMenuOpen(!c.submitMenuOpen), disabled: c.sending || !c.canSubmit, "aria-haspopup": "menu", "aria-expanded": c.submitMenuOpen, "aria-label": t('Submit options'), title: t('Submit options'), children: c.submitMenuOpen ? icons['chevron-down']() : icons['chevron-up']() }), c.submitMenuOpen ? (_jsx("div", { role: "menu", "aria-label": t('Submit options'), children: c.submitOptions.map((opt) => {
+                                                const isActive = c.submitAction === opt.action;
+                                                return (_jsxs("button", { type: "button", role: "menuitemradio", "aria-checked": isActive, "aria-label": opt.label, disabled: !c.sending && opt.enabled ? undefined : true, title: opt.title, onClick: () => c.chooseSubmitAction(opt.action), children: [icons[opt.action](), _jsx("span", { children: opt.label }), isActive ? icons.check() : null] }, opt.action));
+                                            }) })) : null] })] }), _jsx("button", { type: "button", onClick: () => {
+                                props.onToolbarClick?.('exit');
+                                c.closeOverlay();
+                            }, disabled: c.sending, "aria-label": t('Close annotation tools'), title: t('Close annotation tools'), children: icons.close() })] }), toolbarHost)
+                : null, activePreview && typeof document !== 'undefined'
+                ? createPortal(_jsx("div", { role: "dialog", "aria-modal": "true", "aria-label": activePreview.file.name, onMouseDown: (e) => {
+                        if (e.target === e.currentTarget)
+                            c.setPreviewIndex(null);
+                    }, children: _jsxs("div", { children: [_jsxs("div", { children: [_jsx("span", { title: activePreview.file.name, children: activePreview.file.name }), _jsx("button", { type: "button", onClick: () => c.setPreviewIndex(null), "aria-label": t('Close'), title: t('Close'), children: icons.close() })] }), _jsx("img", { src: activePreview.url, alt: activePreview.file.name })] }) }), document.body)
+                : null] }));
+}
+//# sourceMappingURL=AnnotationCanvas.js.map

package/dist/renderers/annotation-canvas/react/components/AnnotationCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationCanvas.js","sourceRoot":"","sources":["../../../../../src/renderers/annotation-canvas/react/components/AnnotationCanvas.tsx"],"names":[],"mappings":"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"}

package/dist/renderers/annotation-canvas/react/components/icons.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Small, generic inline-SVG icon set for the annotation-canvas toolbar.
+ * Not a port of the origin's icon library (`Icon`/`RemixIcon`, both
+ * product-specific icon sets not in scope for this package) — these are
+ * new, minimal stroke icons so the toolbar renders something legible out of
+ * the box. A host can override every icon via `AnnotationCanvasProps.icons`.
+ */
+import type { ReactElement } from 'react';
+export type AnnotationCanvasIconName = 'box' | 'pen' | 'text' | 'undo' | 'redo' | 'attach' | 'send' | 'draft' | 'queue' | 'chevron-down' | 'chevron-up' | 'check' | 'close' | 'spinner';
+export declare const DEFAULT_ANNOTATION_CANVAS_ICONS: Record<AnnotationCanvasIconName, () => ReactElement>;
+//# sourceMappingURL=icons.d.ts.map

package/dist/renderers/annotation-canvas/react/components/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../src/renderers/annotation-canvas/react/components/icons.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAEpD,MAAM,MAAM,wBAAwB,GAChC,KAAK,GACL,KAAK,GACL,MAAM,GACN,MAAM,GACN,MAAM,GACN,QAAQ,GACR,MAAM,GACN,OAAO,GACP,OAAO,GACP,cAAc,GACd,YAAY,GACZ,OAAO,GACP,OAAO,GACP,SAAS,CAAC;AAMd,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,wBAAwB,EAAE,MAAM,YAAY,CAoFhG,CAAC"}

package/dist/renderers/annotation-canvas/react/components/icons.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function Svg(props) {
+    return _jsx("svg", { width: 14, height: 14, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, ...props });
+}
+export const DEFAULT_ANNOTATION_CANVAS_ICONS = {
+    box: () => (_jsx(Svg, { children: _jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "1" }) })),
+    pen: () => (_jsxs(Svg, { children: [_jsx("path", { d: "M12 20h9" }), _jsx("path", { d: "M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z" })] })),
+    text: () => (_jsxs(Svg, { children: [_jsx("path", { d: "M4 6h16" }), _jsx("path", { d: "M12 6v14" }), _jsx("path", { d: "M9 20h6" })] })),
+    undo: () => (_jsxs(Svg, { children: [_jsx("path", { d: "M9 14 4 9l5-5" }), _jsx("path", { d: "M4 9h10a6 6 0 0 1 0 12h-1" })] })),
+    redo: () => (_jsxs(Svg, { children: [_jsx("path", { d: "m15 14 5-5-5-5" }), _jsx("path", { d: "M20 9H10a6 6 0 0 0 0 12h1" })] })),
+    attach: () => (_jsxs(Svg, { children: [_jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2" }), _jsx("circle", { cx: "8.5", cy: "10.5", r: "1.5" }), _jsx("path", { d: "m21 15-5-5L5 21" })] })),
+    send: () => (_jsxs(Svg, { children: [_jsx("path", { d: "M22 2 11 13" }), _jsx("path", { d: "M22 2 15 22l-4-9-9-4Z" })] })),
+    draft: () => (_jsxs(Svg, { children: [_jsx("rect", { x: "3", y: "8", width: "18", height: "8", rx: "1" }), _jsx("path", { d: "M7 12h4" })] })),
+    queue: () => (_jsxs(Svg, { children: [_jsx("path", { d: "m4 7 2 2 4-4" }), _jsx("path", { d: "M12 6h8" }), _jsx("path", { d: "m4 15 2 2 4-4" }), _jsx("path", { d: "M12 16h8" })] })),
+    'chevron-down': () => (_jsx(Svg, { children: _jsx("path", { d: "m6 9 6 6 6-6" }) })),
+    'chevron-up': () => (_jsx(Svg, { children: _jsx("path", { d: "m18 15-6-6-6 6" }) })),
+    check: () => (_jsx(Svg, { children: _jsx("path", { d: "M20 6 9 17l-5-5" }) })),
+    close: () => (_jsxs(Svg, { children: [_jsx("path", { d: "M18 6 6 18" }), _jsx("path", { d: "M6 6l12 12" })] })),
+    spinner: () => (_jsx(Svg, { style: { animation: 'jini-annotation-canvas-spin 0.8s linear infinite' }, children: _jsx("path", { d: "M21 12a9 9 0 1 1-9-9" }) })),
+};
+//# sourceMappingURL=icons.js.map

package/dist/renderers/annotation-canvas/react/components/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../src/renderers/annotation-canvas/react/components/icons.tsx"],"names":[],"mappings":"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"}