@kubuild/editor 0.2.0 → 0.3.0

package/dist/ai/enhance-node.d.ts

@@ -0,0 +1,100 @@
+import type { Node, StyleDefinition } from '@kubuild/schema';
+import type { AiRefactorNodeRequest } from '@kubuild/ai';
+import type { DocumentSecurityLimits } from '@kubuild/core';
+/**
+ * STORA-513 — one changed prop/style/state field between the original node and an AI
+ * enhance candidate. `path` is a dotted pointer such as `props.label`,
+ * `styles.base.color`, or `styles.states.:hover.color` — used to render a targeted diff
+ * line instead of a full object dump (explicitly disallowed by the ticket).
+ */
+export interface EnhanceFieldDiff {
+    path: string;
+    before: unknown;
+    after: unknown;
+}
+export interface EnhanceNodeDiff {
+    fields: EnhanceFieldDiff[];
+    /**
+     * True when the candidate's `children` subtree differs structurally from the
+     * original (not just a props/styles tweak) — e.g. the AI regenerated nested content.
+     * `updateNodeProps`/`updateNodeStyle` can't express this; Apply (STORA-514) falls back
+     * to the `replaceNode` command engine command when this is true.
+     */
+    childrenChanged: boolean;
+}
+/**
+ * STORA-513 — pure diff between an original node and a validated AI enhance candidate.
+ * Only ever surfaces props/styles(+pseudo-state) fields that actually changed, plus a
+ * coarse `childrenChanged` flag — never a full node dump.
+ */
+export declare function diffEnhanceNode(original: Node, candidate: Node): EnhanceNodeDiff;
+export type EnhanceNodeOutcome = {
+    status: 'success';
+    originalNode: Node;
+    candidateNode: Node;
+}
+/** Network/provider/abort failure — already surfaced via `useAiGenerator`'s own `error` state. */
+ | {
+    status: 'no-result';
+}
+/** The candidate failed the STORA-509 normalize/validate pipeline. */
+ | {
+    status: 'invalid';
+    message: string;
+};
+/**
+ * STORA-512 — wires `useAiGenerator().refactorNode` into the same document-safety
+ * pipeline `generate-page.ts` uses for `streamPage` sections: the raw result is
+ * re-validated through `@kubuild/ai`'s `normalizeAndValidateRefactoredNode` (normalize ->
+ * Zod schema validate -> `validateDocumentSecurity`) *before* it is ever shown to the
+ * user as a candidate. This is defense-in-depth, exactly like `runStreamPageGeneration`:
+ * regardless of whether the configured provider already validated server-side via
+ * `KubuildAiEngine`, a host's custom HTTP endpoint may not have.
+ *
+ * Critically, this function never touches the document or the command engine — it only
+ * ever returns a candidate for the caller to hold in local/component state. The original
+ * node is not mutated until the caller explicitly applies the result (STORA-514).
+ */
+export declare function runEnhanceNode(refactorNode: (params: AiRefactorNodeRequest) => Promise<Node | null>, params: AiRefactorNodeRequest, deps?: {
+    securityLimits?: DocumentSecurityLimits;
+}): Promise<EnhanceNodeOutcome>;
+export interface EnhanceCandidate {
+    originalNode: Node;
+    candidateNode: Node;
+    diff: EnhanceNodeDiff;
+}
+export interface ApplyEnhanceResult {
+    success: boolean;
+    error?: string;
+}
+/**
+ * Dependency-injected store bindings for `applyEnhanceCandidate` (STORA-514) — mirrors
+ * `StreamPageGenerationDeps` in `generate-page.ts`: every mutation goes through the exact
+ * same store actions manual editing uses (`updateNodeProps`/`updateNodeStyle`/
+ * `updateNodeStateStyle`), so it lands in `DocumentHistoryManager` and `undo()` reverts it.
+ */
+export interface ApplyEnhanceCandidateDeps {
+    updateNodeProps: (nodeId: string, props: Record<string, unknown>, merge: boolean) => ApplyEnhanceResult;
+    updateNodeStyle: (nodeId: string, styles: StyleDefinition, breakpoint: 'base' | 'desktop' | 'tablet' | 'mobile', merge: boolean) => ApplyEnhanceResult;
+    updateNodeStateStyle: (nodeId: string, styles: StyleDefinition, state: string, merge: boolean) => ApplyEnhanceResult;
+    /** Only invoked when `diff.childrenChanged` — falls back to the `replaceNode` command. */
+    replaceNodeSubtree: (nodeId: string, node: Node) => ApplyEnhanceResult;
+    /** Groups a multi-field apply (props + several style layers) into one undo entry. */
+    beginHistoryTransaction: () => void;
+    endHistoryTransaction: () => void;
+}
+/**
+ * STORA-514 — applies a validated enhance candidate through the command engine, the same
+ * path manual editing already uses. Reuses `updateNodeProps`/`updateNodeStyle` for the
+ * common case (only props/styles changed); falls back to a whole-subtree `replaceNode`
+ * only when `diff.childrenChanged` is true, since `updateNodeProps`/`updateNodeStyle`
+ * can't express a nested-children change.
+ *
+ * The `replaceNode` fallback re-attaches the *original* node's `animation`/`actions`/
+ * `formConfig` onto the candidate before dispatching: `normalizeAndValidateRefactoredNode`
+ * never reads or preserves those fields (the AI enhance pipeline is props/styles/children
+ * only), so without this the candidate would silently wipe out any existing interactivity
+ * config on Apply.
+ */
+export declare function applyEnhanceCandidate(candidate: EnhanceCandidate, deps: ApplyEnhanceCandidateDeps): ApplyEnhanceResult;
+//# sourceMappingURL=enhance-node.d.ts.map

package/dist/ai/enhance-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enhance-node.d.ts","sourceRoot":"","sources":["../../src/ai/enhance-node.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEzD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAE5D;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B;;;;;OAKG;IACH,eAAe,EAAE,OAAO,CAAC;CAC1B;AAWD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,GAAG,eAAe,CA+ChF;AAED,MAAM,MAAM,kBAAkB,GAC1B;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,YAAY,EAAE,IAAI,CAAC;IAAC,aAAa,EAAE,IAAI,CAAA;CAAE;AAChE,kGAAkG;GAChG;IAAE,MAAM,EAAE,WAAW,CAAA;CAAE;AACzB,sEAAsE;GACpE;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3C;;;;;;;;;;;;GAYG;AACH,wBAAsB,cAAc,CAClC,YAAY,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,EACrE,MAAM,EAAE,qBAAqB,EAC7B,IAAI,GAAE;IAAE,cAAc,CAAC,EAAE,sBAAsB,CAAA;CAAO,GACrD,OAAO,CAAC,kBAAkB,CAAC,CAgB7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,IAAI,CAAC;IACnB,aAAa,EAAE,IAAI,CAAC;IACpB,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;GAKG;AACH,MAAM,WAAW,yBAAyB;IACxC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,kBAAkB,CAAC;IACxG,eAAe,EAAE,CACf,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,eAAe,EACvB,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,EACpD,KAAK,EAAE,OAAO,KACX,kBAAkB,CAAC;IACxB,oBAAoB,EAAE,CACpB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,eAAe,EACvB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,OAAO,KACX,kBAAkB,CAAC;IACxB,0FAA0F;IAC1F,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,KAAK,kBAAkB,CAAC;IACvE,qFAAqF;IACrF,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,qBAAqB,EAAE,MAAM,IAAI,CAAC;CACnC;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,gBAAgB,EAC3B,IAAI,EAAE,yBAAyB,GAC9B,kBAAkB,CA6DpB"}

package/dist/ai/generate-page.d.ts

@@ -0,0 +1,80 @@
+import type { PageDocument } from '@kubuild/schema';
+import type { AiGeneratePageRequest, AiStreamCallbacks } from '@kubuild/ai';
+import { type CommandResult, type DocumentSecurityLimits, type Diagnostic } from '@kubuild/core';
+/**
+ * Progressive-preview status for one `streamPage` session (STORA-508). A canvas/chat
+ * panel subscribes to this via `StreamPageGenerationDeps.onPlaceholderChange` to show a
+ * loading placeholder for the section currently being generated, and to hide it the
+ * instant the real section lands (the real section is rendered by the normal
+ * store -> `KubuildRenderer` path, not a separate preview tree).
+ */
+export interface AiGenerationPlaceholderStatus {
+    /** True while more sections are still expected in this streaming session. */
+    active: boolean;
+    totalSections: number;
+    completedSections: number;
+    currentLabel?: string;
+}
+export interface StreamPageGenerationDeps {
+    /** The editor store's `dispatch` — the only sanctioned document mutation path. */
+    dispatch: (executor: (doc: PageDocument) => CommandResult) => void;
+    /** Reads the live document (called fresh on every section so ids stay collision-free). */
+    getDocument: () => PageDocument;
+    /** Groups every section inserted during the session into one undo entry (STORA-510). */
+    beginHistoryTransaction: () => void;
+    endHistoryTransaction: () => void;
+    /** Reused non-fatal reporting channel — same `onDiagnostic` prop used elsewhere in the editor. */
+    onDiagnostic?: (diagnostic: Diagnostic) => void;
+    /** STORA-508 progressive-preview hook. */
+    onPlaceholderChange?: (status: AiGenerationPlaceholderStatus | null) => void;
+    /** Same security limits `.stora` import uses; omit to use `@kubuild/core`'s defaults. */
+    securityLimits?: DocumentSecurityLimits;
+    /** Insertion target for generated sections. Defaults to the document's root page node. */
+    parentId?: string;
+}
+/**
+ * Pure visibility rule for the STORA-508 canvas placeholder — kept as a standalone
+ * function (rather than inlined JSX conditionals) so it's trivially unit-testable
+ * without needing to render the canvas: the placeholder only ever shows on the active
+ * artboard, never in preview mode, and only while a generation session reports itself
+ * as still active.
+ */
+export declare function shouldShowAiGenerationPlaceholder(params: {
+    isActive: boolean;
+    previewMode: boolean;
+    aiGenerationStatus: AiGenerationPlaceholderStatus | null | undefined;
+}): boolean;
+export interface StreamPageGenerationSummary {
+    insertedSectionIds: string[];
+    failedSectionCount: number;
+    totalSections: number;
+    /** Whether the stream itself emitted an `error` event (network/provider/parse failure). */
+    streamErrored: boolean;
+}
+type StreamPageFn = (params: AiGeneratePageRequest, callbacks?: AiStreamCallbacks) => Promise<PageDocument | null>;
+/**
+ * STORA-507/509/510 — wires `useAiGenerator().streamPage()` into the editor's command
+ * engine and history.
+ *
+ * Every `section` event is independently re-run through `@kubuild/ai`'s
+ * `normalizeAndValidateSectionNode` — the same normalize -> Zod schema validate ->
+ * `validateDocumentSecurity` pipeline used for `.stora` import (docs/ARCHITECTURE.md
+ * §31/§40) — before ever being dispatched as `insertNode`. This is defense-in-depth:
+ * it re-validates regardless of whether the configured provider already went through
+ * `KubuildAiEngine` server-side (a host's custom HTTP endpoint may not have).
+ *
+ * - **Partial success (STORA-507)**: a section that fails validation, or that fails to
+ *   insert (e.g. an id collision `insertNode` rejects), is reported via `onDiagnostic`
+ *   and skipped — it never blocks subsequent sections. Because validation always runs
+ *   strictly before dispatch, every section that *is* inserted is independently valid,
+ *   so the document is never left in a partially-invalid state, including when the
+ *   stream later emits an `error` event.
+ * - **Progressive preview (STORA-508)**: `onPlaceholderChange` fires as each section
+ *   starts/finishes generating so a canvas placeholder can be shown/hidden; the real
+ *   section renders through the exact same store/renderer path as any manual edit.
+ * - **Batched history (STORA-510)**: the whole session is wrapped in one history
+ *   transaction, so a single `undo()` reverts every section this call inserted.
+ */
+export declare function runStreamPageGeneration(streamPage: StreamPageFn, params: AiGeneratePageRequest, deps: StreamPageGenerationDeps): Promise<StreamPageGenerationSummary>;
+export {};
+//# sourceMappingURL=generate-page.d.ts.map

package/dist/ai/generate-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-page.d.ts","sourceRoot":"","sources":["../../src/ai/generate-page.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE5E,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,sBAAsB,EAC3B,KAAK,UAAU,EAChB,MAAM,eAAe,CAAC;AAEvB;;;;;;GAMG;AACH,MAAM,WAAW,6BAA6B;IAC5C,6EAA6E;IAC7E,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,wBAAwB;IACvC,kFAAkF;IAClF,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,aAAa,KAAK,IAAI,CAAC;IACnE,0FAA0F;IAC1F,WAAW,EAAE,MAAM,YAAY,CAAC;IAChC,wFAAwF;IACxF,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,kGAAkG;IAClG,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,0CAA0C;IAC1C,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,6BAA6B,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7E,yFAAyF;IACzF,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;GAMG;AACH,wBAAgB,iCAAiC,CAAC,MAAM,EAAE;IACxD,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,6BAA6B,GAAG,IAAI,GAAG,SAAS,CAAC;CACtE,GAAG,OAAO,CAEV;AAED,MAAM,WAAW,2BAA2B;IAC1C,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,2FAA2F;IAC3F,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,KAAK,YAAY,GAAG,CAClB,MAAM,EAAE,qBAAqB,EAC7B,SAAS,CAAC,EAAE,iBAAiB,KAC1B,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;AAElC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAsB,uBAAuB,CAC3C,UAAU,EAAE,YAAY,EACxB,MAAM,EAAE,qBAAqB,EAC7B,IAAI,EAAE,wBAAwB,GAC7B,OAAO,CAAC,2BAA2B,CAAC,CAmGtC"}

package/dist/ai/index.d.ts

@@ -0,0 +1,3 @@
+export * from './generate-page';
+export * from './enhance-node';
+//# sourceMappingURL=index.d.ts.map

package/dist/ai/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ai/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC"}

package/dist/components/action-builder/action-step-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action-step-form.d.ts","sourceRoot":"","sources":["../../../src/components/action-builder/action-step-form.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"action-step-form.d.ts","sourceRoot":"","sources":["../../../src/components/action-builder/action-step-form.tsx"],"names":[],"mappings":"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"}

package/dist/components/ai-chat/ai-chat-panel.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+import type { PageDocument } from '@kubuild/schema';
+import { type Diagnostic } from '@kubuild/core';
+import { ComponentRegistry } from '@kubuild/components';
+import type { AiChatHistoryStorageAdapter } from '@kubuild/ai/react';
+import type { AiChatMessage } from '@kubuild/ai';
+import { ResolvedAiEditorConfig } from '../../config';
+export interface AiChatPanelProps {
+    /** Fully-resolved AI config (STORA-501) — panel must only ever be mounted when this is enabled. */
+    aiConfig: ResolvedAiEditorConfig;
+    /** `'hidden'` is handled by the caller not mounting this component at all. */
+    mode: 'docked' | 'floating';
+    onClose?: () => void;
+    onToggleMode?: () => void;
+    className?: string;
+    /**
+     * Seeds `useAiChat`'s message history (e.g. a persisted chat restored by the host, or a
+     * fixture in tests). Passed straight through to `useAiChat({ initialMessages })`.
+     */
+    initialMessages?: AiChatMessage[];
+    /**
+     * Optional chat history persistence adapter (STORA-520), passed straight through to
+     * `useAiChat({ historyStorage })`. Without it, chat history stays pure in-memory React
+     * state and is lost on reload — exactly as before. Hosts can implement this with
+     * `localStorage`, a Stora.page backend call, etc.; `@kubuild/ai`/`@kubuild/editor`
+     * never assume a concrete storage mechanism.
+     */
+    historyStorage?: AiChatHistoryStorageAdapter;
+    /**
+     * Optional overrides for the document/selection this panel builds AI context from,
+     * following the same prop-over-store precedence as `InspectorPanel`. Falls back to the
+     * live editor store when omitted — real usage should always omit these.
+     */
+    document?: PageDocument;
+    selectedNodeId?: string | null;
+    /**
+     * Component registry used to validate an AI enhance candidate's props before Apply
+     * (STORA-514), the same registry manual editing (`InspectorPanel`) validates against.
+     * Defaults to `createDefaultComponentRegistry()` so existing callers/tests that predate
+     * STORA-512 keep compiling without passing one.
+     */
+    registry?: ComponentRegistry;
+    /**
+     * Non-fatal reporting channel for full-page generation (STORA-507/509) — the same
+     * `onDiagnostic` prop `KubuildEditorProps` already exposes for import/validation
+     * diagnostics elsewhere in the editor. A section that fails validation is reported
+     * here and skipped; it never silently corrupts the document or blocks other sections.
+     */
+    onDiagnostic?: (diagnostic: Diagnostic) => void;
+}
+/** Exported for isolated unit testing (STORA-505) — the loading/typing bubble. */
+export declare function AiChatTypingIndicator(): React.JSX.Element;
+/** Exported for isolated unit testing (STORA-505) — a single user/assistant chat bubble. */
+export declare function AiChatBubble({ message }: {
+    message: AiChatMessage;
+}): React.JSX.Element;
+/**
+ * Exported for isolated unit testing (STORA-505) — network/provider error bubble with a
+ * Retry action, never a silent fail (PRD §4 NFR-5 graceful degradation).
+ */
+export declare function AiChatErrorBubble({ message, onRetry, }: {
+    message: string;
+    onRetry: () => void;
+}): React.JSX.Element;
+export declare const AiChatPanel: React.FC<AiChatPanelProps>;
+//# sourceMappingURL=ai-chat-panel.d.ts.map

package/dist/components/ai-chat/ai-chat-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-chat-panel.d.ts","sourceRoot":"","sources":["../../../src/components/ai-chat/ai-chat-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAkC,MAAM,qBAAqB,CAAC;AAExF,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AA2BtD,MAAM,WAAW,gBAAgB;IAC/B,mGAAmG;IACnG,QAAQ,EAAE,sBAAsB,CAAC;IACjC,8EAA8E;IAC9E,IAAI,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,aAAa,EAAE,CAAC;IAClC;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,2BAA2B,CAAC;IAC7C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CACjD;AAsCD,kFAAkF;AAClF,wBAAgB,qBAAqB,sBAYpC;AAED,4FAA4F;AAC5F,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,aAAa,CAAA;CAAE,qBA0BnE;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,OAAO,GACR,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,qBAsBA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmqBlD,CAAC"}

package/dist/components/ai-chat/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ai-chat-panel';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ai-chat/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ai-chat/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/canvas/canvas-pan-zoom.d.ts

@@ -0,0 +1,61 @@
+import React from 'react';
+export interface CanvasPanZoomState {
+    pan: {
+        x: number;
+        y: number;
+    };
+    zoom: number;
+    isPanning: boolean;
+    isSpacePressed: boolean;
+}
+export interface CanvasZoomToolbarProps {
+    zoom: number;
+    onZoomChange: (newZoom: number) => void;
+    onReset: () => void;
+    onFit?: () => void;
+    className?: string;
+    /** Active navigation tool mode: 'select' (V) or 'hand' (H) */
+    toolMode?: 'select' | 'hand';
+    /** Callback when user changes navigation tool mode */
+    onToolModeChange?: (mode: 'select' | 'hand') => void;
+    /** Whether multi-device side-by-side preview mode is active (STORA-143) */
+    multiDeviceMode?: boolean;
+    /** Callback to toggle multi-device preview mode (STORA-143) */
+    onToggleMultiDevice?: () => void;
+}
+export declare const MIN_ZOOM = 0.25;
+export declare const MAX_ZOOM = 2;
+export declare function clampZoom(val: number): number;
+/**
+ * Zoom Presets Toolbar (STORA-131).
+ * Supports presets (50%, 75%, 100%, 150%, Fit) and step in/out buttons.
+ */
+export declare const CanvasZoomToolbar: React.FC<CanvasZoomToolbarProps>;
+export interface UseCanvasPanZoomOptions {
+    containerRef: React.RefObject<HTMLElement | null>;
+    enabled?: boolean;
+}
+/**
+ * Hook for Canvas Pan (Trackpad swipe, Hand tool, Space+Drag, Middle-click) & Zoom (Cmd/Ctrl + Wheel) (STORA-130, STORA-131).
+ */
+export declare function useCanvasPanZoom({ containerRef, enabled, }: UseCanvasPanZoomOptions): {
+    pan: {
+        x: number;
+        y: number;
+    };
+    setPan: React.Dispatch<React.SetStateAction<{
+        x: number;
+        y: number;
+    }>>;
+    zoom: number;
+    setZoom: React.Dispatch<React.SetStateAction<number>>;
+    isPanning: boolean;
+    isSpacePressed: boolean;
+    toolMode: "select" | "hand";
+    setToolMode: React.Dispatch<React.SetStateAction<"select" | "hand">>;
+    cursorStyle: string | undefined;
+    handlePointerDown: (e: React.PointerEvent) => void;
+    resetPanZoom: () => void;
+    fitPanZoom: () => void;
+};
+//# sourceMappingURL=canvas-pan-zoom.d.ts.map

package/dist/components/canvas/canvas-pan-zoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-pan-zoom.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/canvas-pan-zoom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC7B,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,KAAK,IAAI,CAAC;IACrD,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+DAA+D;IAC/D,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,QAAQ,OAAO,CAAC;AAC7B,eAAO,MAAM,QAAQ,IAAM,CAAC;AAE5B,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAE7C;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAyL9D,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,OAAc,GACf,EAAE,uBAAuB;;WACY,MAAM;WAAK,MAAM;;;WAAjB,MAAM;WAAK,MAAM;;;;;;;;;2BAiG/C,KAAK,CAAC,YAAY;;;EAmFzB"}

package/dist/components/canvas/canvas.d.ts

@@ -1,16 +1,63 @@
 import React from 'react';
-import { PageDocument } from '@kubuild/schema';
+import { PageDocument, type Artboard, type ArtboardType } from '@kubuild/schema';
 import { ComponentRegistry } from '@kubuild/components';
 import { RuntimeContext, Diagnostic } from '@kubuild/core';
 import { Viewport } from '../../store';
 import { EditorCanvasConfig } from '../../config';
+import { type AiGenerationPlaceholderStatus } from '../../ai/generate-page';
+export interface EditorPageItem {
+    id: string;
+    name: string;
+    slug?: string;
+    document: PageDocument;
+    width?: number;
+    viewport?: Viewport;
+    /**
+     * Which kind of surface this artboard is. Page artboards come from the host's `pages`
+     * prop; component artboards (detached modals/drawers/blocks) come from the editor store
+     * and are rendered side by side with pages on the same canvas. Defaults to 'page'.
+     */
+    artboardType?: ArtboardType;
+    /** Component artboards only: the id `open_modal` / `close_modal` actions target. */
+    triggerId?: string;
+    /**
+     * Free position on the infinite canvas, in unscaled canvas px. Absent means the artboard
+     * hasn't been placed yet and the canvas lays it out in a row instead.
+     */
+    position?: {
+        x: number;
+        y: number;
+    };
+}
 export interface EditorCanvasProps {
     document?: PageDocument;
     registry: ComponentRegistry;
     context?: RuntimeContext;
     viewport: Viewport;
     onDiagnostic?: (diagnostic: Diagnostic) => void;
+    /**
+     * Overrides the store's `aiGenerationStatus` (STORA-508) for this render — same
+     * store-override pattern as the `document` prop above. Optional: `KubuildEditor`
+     * doesn't pass this, so `EditorCanvas` reads live `aiGenerationStatus` from the store
+     * as usual in a real app; the prop exists so callers/tests can control it directly.
+     */
+    aiGenerationStatus?: AiGenerationPlaceholderStatus | null;
     config?: EditorCanvasConfig;
+    fluidWidth?: number;
+    onFluidWidthChange?: (width: number) => void;
+    onBreakpointChange?: (breakpoint: Viewport) => void;
+    pages?: EditorPageItem[];
+    activePageId?: string;
+    onActivePageChange?: (pageId: string) => void;
+    onPagesChange?: (pages: EditorPageItem[]) => void;
+    /**
+     * Overrides the store's `componentArtboards` for this render — same store-override
+     * pattern as the `document` and `aiGenerationStatus` props above.
+     */
+    componentArtboards?: Artboard[];
+    /** Overrides the store's `activeArtboardId` for this render. */
+    activeArtboardId?: string | null;
+    className?: string;
 }
 export declare const EditorCanvas: React.FC<EditorCanvasProps>;
 //# sourceMappingURL=canvas.d.ts.map

package/dist/components/canvas/canvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAkB,MAAM,qBAAqB,CAAC;AAExE,OAAO,EACL,cAAc,EACd,UAAU,EAMX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAkB,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AA0CD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsdpD,CAAC"}
+{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAClG,OAAO,EAAE,YAAY,EAAE,KAAK,QAAQ,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACjF,OAAO,EAAE,iBAAiB,EAAkB,MAAM,qBAAqB,CAAC;AAExE,OAAO,EACL,cAAc,EACd,UAAU,EAMX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAkB,QAAQ,EAAE,MAAM,aAAa,CAAC;AAWvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EACL,KAAK,6BAA6B,EAEnC,MAAM,wBAAwB,CAAC;AAEhC,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACrC;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,6BAA6B,GAAG,IAAI,CAAC;IAC1D,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpD,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAChC,gEAAgE;IAChE,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+CD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAu9CpD,CAAC"}

package/dist/components/canvas/distance-meter.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { CanvasRect } from './smart-guides';
+export interface DistanceMeasurement {
+    id: string;
+    type: 'horizontal' | 'vertical';
+    distance: number;
+    startX: number;
+    startY: number;
+    endX: number;
+    endY: number;
+    badgeX: number;
+    badgeY: number;
+}
+export interface DistanceMeterProps {
+    selectedRect: CanvasRect;
+    targetRect: CanvasRect;
+}
+/**
+ * Calculates distance measurement lines and pixel badges between two bounding boxes (STORA-124).
+ */
+export declare function calculateDistances(selected: CanvasRect, target: CanvasRect): DistanceMeasurement[];
+/**
+ * Distance Meter component on Alt/Option hold (STORA-124).
+ * Renders measurement lines with pixel badges between selected and hovered nodes.
+ */
+export declare const DistanceMeter: React.FC<DistanceMeterProps>;
+//# sourceMappingURL=distance-meter.d.ts.map

package/dist/components/canvas/distance-meter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"distance-meter.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/distance-meter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,YAAY,GAAG,UAAU,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,UAAU,CAAC;IACzB,UAAU,EAAE,UAAU,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,UAAU,GACjB,mBAAmB,EAAE,CAyOvB;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoFtD,CAAC"}

package/dist/components/canvas/floating-badges.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"floating-badges.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/floating-badges.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAKxD,MAAM,WAAW,yBAAyB;IACxC,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,YAAY,CAAC;IACvB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,YAAY,EAAE;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;CAC5C;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAkGpE,CAAC"}
+{"version":3,"file":"floating-badges.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/floating-badges.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAgC,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAKxD,MAAM,WAAW,yBAAyB;IACxC,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,YAAY,CAAC;IACvB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,YAAY,EAAE;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;CAC5C;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAqIpE,CAAC"}

package/dist/components/canvas/grid-guidelines-overlay.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Node } from '@kubuild/schema';
+import { CanvasRect } from './smart-guides';
+export interface GridGuidelinesOverlayProps {
+    node: Node;
+    selectedRect: CanvasRect;
+    viewport?: 'desktop' | 'tablet' | 'mobile';
+    zoom?: number;
+    containerRef?: React.RefObject<HTMLElement | null>;
+}
+/**
+ * Canvas Grid Guidelines Overlay (STORA-114).
+ * When a Grid container node is selected (type === 'grid' or display === 'grid'),
+ * renders a visual dashed grid overlay showing column tracks and row tracks with gaps
+ * over the selected element.
+ */
+export declare const GridGuidelinesOverlay: React.FC<GridGuidelinesOverlayProps>;
+//# sourceMappingURL=grid-guidelines-overlay.d.ts.map

package/dist/components/canvas/grid-guidelines-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-guidelines-overlay.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/grid-guidelines-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,UAAU,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACpD;AAuBD;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAwLtE,CAAC"}

package/dist/components/canvas/index.d.ts

@@ -1,4 +1,13 @@
 export * from './breadcrumbs';
 export * from './canvas';
 export * from './floating-badges';
+export * from './smart-guides';
+export * from './resize-handles';
+export * from './spacing-sliders';
+export * from './distance-meter';
+export * from './canvas-pan-zoom';
+export * from './marquee-selection';
+export * from './viewport-resizer';
+export * from './multi-device-preview';
+export * from './grid-guidelines-overlay';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/canvas/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC"}

package/dist/components/canvas/marquee-selection.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { CanvasRect } from './smart-guides';
+export interface MarqueeRect {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}
+export interface NodeRectEntry {
+    id: string;
+    rect: CanvasRect;
+}
+export declare function rectsIntersect(a: CanvasRect, b: CanvasRect): boolean;
+/**
+ * Calculates which nodes in `nodes` intersect with the given `marqueeRect` (STORA-133).
+ */
+export declare function calculateMarqueeIntersections(marqueeRect: CanvasRect, nodes: NodeRectEntry[]): string[];
+export interface MarqueeSelectionBoxProps {
+    rect: MarqueeRect | null;
+}
+/**
+ * Marquee Drag Selection Box component (STORA-133).
+ */
+export declare const MarqueeSelectionBox: React.FC<MarqueeSelectionBoxProps>;
+//# sourceMappingURL=marquee-selection.d.ts.map

package/dist/components/canvas/marquee-selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marquee-selection.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/marquee-selection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,GAAG,OAAO,CAOpE;AAED;;GAEG;AACH,wBAAgB,6BAA6B,CAC3C,WAAW,EAAE,UAAU,EACvB,KAAK,EAAE,aAAa,EAAE,GACrB,MAAM,EAAE,CAIV;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqBlE,CAAC"}

package/dist/components/canvas/multi-device-preview.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { PageDocument } from '@kubuild/schema';
+import { ComponentRegistry } from '@kubuild/components';
+import { RuntimeContext } from '@kubuild/core';
+import { Viewport } from '../../store';
+export interface DeviceSpec {
+    id: Viewport;
+    label: string;
+    width: number;
+    minHeight: number;
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    resolutionBadge: string;
+}
+export declare const DEVICE_SPECS: DeviceSpec[];
+export interface MultiDevicePreviewProps {
+    document?: PageDocument;
+    registry: ComponentRegistry;
+    context?: RuntimeContext;
+    onClose?: () => void;
+    className?: string;
+}
+/**
+ * Side-by-Side Multi-Device Preview Mode (STORA-143).
+ * Renders Desktop (1200px), Tablet (768px), and Mobile (375px) frames side-by-side simultaneously
+ * with device frame headers, responsive scale controls, and synced node selection.
+ */
+export declare const MultiDevicePreview: React.FC<MultiDevicePreviewProps>;
+//# sourceMappingURL=multi-device-preview.d.ts.map

package/dist/components/canvas/multi-device-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-device-preview.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/multi-device-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAkB,QAAQ,EAAE,MAAM,aAAa,CAAC;AAYvD,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,QAAQ,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,EAAE,UAAU,EAyBpC,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAkOhE,CAAC"}

package/dist/components/canvas/resize-handles.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { CanvasRect, GuideLine } from './smart-guides';
+export type ResizeHandleDirection = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';
+export interface ResizeHandlesProps {
+    selectedNodeId: string;
+    selectedRect: CanvasRect;
+    zoom?: number;
+    candidateRects?: CanvasRect[];
+    onGuidesChange?: (guides: GuideLine[]) => void;
+    onResizeEnd?: (newWidth: number, newHeight: number) => void;
+}
+/**
+ * 8-Point Visual Transform & Resize Handles (STORA-120).
+ * Supports aspect ratio lock (Shift key), live dimension tooltip (W: Xpx H: Ypx),
+ * 60 FPS performance via requestAnimationFrame (STORA-125), and snapping integration (STORA-123).
+ */
+export declare const ResizeHandles: React.FC<ResizeHandlesProps>;
+//# sourceMappingURL=resize-handles.d.ts.map

package/dist/components/canvas/resize-handles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-handles.d.ts","sourceRoot":"","sources":["../../../src/components/canvas/resize-handles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAqB,MAAM,gBAAgB,CAAC;AAE1E,MAAM,MAAM,qBAAqB,GAC7B,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAET,MAAM,WAAW,kBAAkB;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,UAAU,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,UAAU,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC/C,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7D;AAgED;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgRtD,CAAC"}