@parhelia/core 0.1.12907 → 0.1.12909

package/dist/editor/commands/keyboardCommands.js

@@ -1,4 +1,7 @@
 import { toast } from "sonner";
+import uuid from "react-uuid";
+import { getComponentById } from "../componentTreeHelper";
+import { computeReorderTarget } from "./reorderComponent";
 function getHistoryEntries(context, favoritesOnly, options) {
     const browseHistory = context.editContext.browseHistory;
     if (!favoritesOnly)
@@ -67,7 +70,8 @@ export const historyForwardCommand = {
         const currentItem = context.editContext.item;
         if (!currentItem)
             return true;
-        return (context.editContext.browseHistory.findIndex((entry) => entry.id === currentItem.id && entry.language === currentItem.language) >=
+        return (context.editContext.browseHistory.findIndex((entry) => entry.id === currentItem.id &&
+            entry.language === currentItem.language) >=
             context.editContext.browseHistory.length - 1);
     },
     execute: async (context) => {
@@ -86,7 +90,8 @@ export const historyBackCommand = {
         const currentItem = context.editContext.item;
         if (!currentItem)
             return true;
-        return (context.editContext.browseHistory.findIndex((entry) => entry.id === currentItem.id && entry.language === currentItem.language) <= 0);
+        return (context.editContext.browseHistory.findIndex((entry) => entry.id === currentItem.id &&
+            entry.language === currentItem.language) <= 0);
     },
     execute: async (context) => {
         await navigateHistory(context, "back", false);
@@ -139,4 +144,75 @@ export const favoriteHistoryBackCommand = {
         await navigateHistory(context, "back", true);
     },
 };
+function resolveComponentReorder(editContext, direction) {
+    const page = editContext.page;
+    if (!page || !page.item.canWriteItem)
+        return null;
+    const selection = editContext.selection ?? [];
+    if (selection.length !== 1)
+        return null;
+    const component = getComponentById(selection[0], page);
+    const placeholder = component?.parentPlaceholder;
+    if (!component || !placeholder)
+        return null;
+    // Layout components are only reorderable when they are shown/editable.
+    if (component.layoutId && !editContext.showLayoutComponents)
+        return null;
+    const target = computeReorderTarget(placeholder.components, component.id, direction);
+    if (!target)
+        return null;
+    return {
+        component,
+        placeholderKey: placeholder.key,
+        mainItem: page.item.descriptor,
+        target,
+    };
+}
+function buildReorderCommand(direction) {
+    const isUp = direction === "up";
+    return {
+        id: isUp ? "moveComponentUp" : "moveComponentDown",
+        label: isUp ? "Move Component Up" : "Move Component Down",
+        icon: null,
+        keyBinding: {
+            key: isUp ? "ArrowUp" : "ArrowDown",
+            alt: true,
+            shift: true,
+        },
+        disabled: (context) => !resolveComponentReorder(context.editContext, direction),
+        execute: async (context) => {
+            const resolved = resolveComponentReorder(context.editContext, direction);
+            if (!resolved)
+                return;
+            const { component, placeholderKey, mainItem, target } = resolved;
+            // placeholderKey encodes the parent component id after an underscore, the
+            // same convention droppedInPlaceholder uses to populate `parent`.
+            const placeholderKeyParts = placeholderKey.split("_");
+            const parentId = placeholderKeyParts.length === 1 ? undefined : placeholderKeyParts[1];
+            const op = {
+                type: "move-component",
+                mainItem,
+                parent: parentId
+                    ? {
+                        id: parentId,
+                        language: mainItem.language,
+                        version: mainItem.version,
+                    }
+                    : undefined,
+                placeholderKey,
+                placeholderIndex: target.targetAdjustedIndex,
+                componentIds: [component.id],
+                date: new Date().toISOString(),
+                id: uuid(),
+                title: `Move ${component.name}`,
+            };
+            await context.editContext.operations.executeEditOperation(op);
+            // sonner's toast region is aria-live="polite", so this doubles as the
+            // screen-reader announcement of the move.
+            toast.success(`Moved ${component.name} to position ${target.newPosition} of ${target.totalReal}`);
+        },
+    };
+}
+export const moveComponentUpCommand = buildReorderCommand("up");
+export const moveComponentDownCommand = buildReorderCommand("down");
 //# sourceMappingURL=keyboardCommands.js.map

package/dist/editor/commands/keyboardCommands.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardCommands.js","sourceRoot":"","sources":["../../../src/editor/commands/keyboardCommands.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"keyboardCommands.js","sourceRoot":"","sources":["../../../src/editor/commands/keyboardCommands.tsx"],"names":[],"mappings":"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"}

package/dist/editor/commands/placeholderCommands.d.ts

@@ -0,0 +1,17 @@
+import { EditContextType } from "../client/editContext";
+import { Placeholder } from "../pageModel";
+import { Command, CommandContext, CommandData } from "./commands";
+import type { ComponentCommandProviderSurface } from "./componentCommands";
+export type PlaceholderCommandData = CommandData & {
+    placeholders: Placeholder[];
+};
+export type PlaceholderCommandContext = CommandContext<PlaceholderCommandData>;
+export type PlaceholderCommandProviderContext = {
+    surface?: ComponentCommandProviderSurface;
+};
+export type PlaceholderCommandVisibilityScope = "componentTree" | "contextMenu" | "menu";
+export type PlaceholderCommand = Command<PlaceholderCommandData> & {
+    visibilityScopes: PlaceholderCommandVisibilityScope[];
+};
+export declare function getPlaceholderCommands(placeholders: Placeholder[], editContext: EditContextType, providerContext?: PlaceholderCommandProviderContext): Promise<PlaceholderCommand[]>;
+export declare function openPlaceholderSettingsCommandProvider(placeholders: Placeholder[], editContext: EditContextType, providerContext?: PlaceholderCommandProviderContext): PlaceholderCommand[];

package/dist/editor/commands/placeholderCommands.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SquarePlus } from "lucide-react";
+const defaultIconSize = 16;
+export async function getPlaceholderCommands(placeholders, editContext, providerContext) {
+    const externalCommands = (await Promise.all((editContext.configuration.placeholderCommands?.providers ?? []).map((provider) => provider(placeholders, editContext, providerContext)))).flat();
+    return externalCommands.filter((command) => command !== null);
+}
+export function openPlaceholderSettingsCommandProvider(placeholders, editContext, providerContext) {
+    if (providerContext?.surface !== "componentTree")
+        return [];
+    if (editContext.isMobile)
+        return [];
+    if (placeholders.length !== 1)
+        return [];
+    const placeholder = placeholders[0];
+    if (!placeholder?.placeholderSettingsItem)
+        return [];
+    return [
+        {
+            id: "open-placeholder-settings",
+            label: "Open placeholder settings",
+            icon: _jsx(SquarePlus, { size: defaultIconSize }),
+            disabled: () => false,
+            visibilityScopes: ["componentTree"],
+            execute: async (context) => {
+                const selectedPlaceholder = context.data?.placeholders?.[0] ?? placeholder;
+                const settingsItem = selectedPlaceholder.placeholderSettingsItem;
+                if (!settingsItem)
+                    return;
+                await context.editContext.loadItem(settingsItem, {
+                    openInNewSlot: true,
+                });
+            },
+        },
+    ];
+}
+//# sourceMappingURL=placeholderCommands.js.map

package/dist/editor/commands/placeholderCommands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placeholderCommands.js","sourceRoot":"","sources":["../../../src/editor/commands/placeholderCommands.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAyB1C,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,CAAC,KAAK,UAAU,sBAAsB,CAC1C,YAA2B,EAC3B,WAA4B,EAC5B,eAAmD;IAEnD,MAAM,gBAAgB,GAAG,CACvB,MAAM,OAAO,CAAC,GAAG,CACf,CAAC,WAAW,CAAC,aAAa,CAAC,mBAAmB,EAAE,SAAS,IAAI,EAAE,CAAC,CAAC,GAAG,CAClE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,YAAY,EAAE,WAAW,EAAE,eAAe,CAAC,CACnE,CACF,CACF,CAAC,IAAI,EAAE,CAAC;IAET,OAAO,gBAAgB,CAAC,MAAM,CAC5B,CAAC,OAAO,EAAiC,EAAE,CAAC,OAAO,KAAK,IAAI,CAC7D,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,sCAAsC,CACpD,YAA2B,EAC3B,WAA4B,EAC5B,eAAmD;IAEnD,IAAI,eAAe,EAAE,OAAO,KAAK,eAAe;QAAE,OAAO,EAAE,CAAC;IAC5D,IAAI,WAAW,CAAC,QAAQ;QAAE,OAAO,EAAE,CAAC;IACpC,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IAEzC,MAAM,WAAW,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;IACpC,IAAI,CAAC,WAAW,EAAE,uBAAuB;QAAE,OAAO,EAAE,CAAC;IAErD,OAAO;QACL;YACE,EAAE,EAAE,2BAA2B;YAC/B,KAAK,EAAE,2BAA2B;YAClC,IAAI,EAAE,KAAC,UAAU,IAAC,IAAI,EAAE,eAAe,GAAI;YAC3C,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK;YACrB,gBAAgB,EAAE,CAAC,eAAe,CAAC;YACnC,OAAO,EAAE,KAAK,EAAE,OAAkC,EAAE,EAAE;gBACpD,MAAM,mBAAmB,GACvB,OAAO,CAAC,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC;gBACjD,MAAM,YAAY,GAAG,mBAAmB,CAAC,uBAAuB,CAAC;gBACjE,IAAI,CAAC,YAAY;oBAAE,OAAO;gBAE1B,MAAM,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,YAAY,EAAE;oBAC/C,aAAa,EAAE,IAAI;iBACpB,CAAC,CAAC;YACL,CAAC;SACF;KACF,CAAC;AACJ,CAAC"}

package/dist/editor/commands/reorderComponent.d.ts

@@ -0,0 +1,20 @@
+import type { Component } from "../pageModel";
+export type ReorderTarget = {
+    /**
+     * Layout-excluded index to pass as `MoveComponentOperation.placeholderIndex`.
+     * Uses the same gap convention as drag-and-drop (computed over the list that
+     * still includes the moving component), via {@link layoutAwareIndex}.
+     */
+    targetAdjustedIndex: number;
+    /** 1-based position among real (non-layout) siblings after the move. */
+    newPosition: number;
+    /** Total real (non-layout) siblings in the placeholder. */
+    totalReal: number;
+};
+/**
+ * Compute where a component lands when nudged one real sibling up or down
+ * within its placeholder. Returns null when the move is not possible (component
+ * not found, is a layout component, or already at the boundary). Layout
+ * components are skipped so keyboard reordering agrees with drag-and-drop.
+ */
+export declare function computeReorderTarget(components: Component[], componentId: string, direction: "up" | "down"): ReorderTarget | null;

package/dist/editor/commands/reorderComponent.js

@@ -0,0 +1,40 @@
+import { layoutAwareIndex } from "../page-editor-chrome/overlay/placeholderZones";
+/**
+ * Compute where a component lands when nudged one real sibling up or down
+ * within its placeholder. Returns null when the move is not possible (component
+ * not found, is a layout component, or already at the boundary). Layout
+ * components are skipped so keyboard reordering agrees with drag-and-drop.
+ */
+export function computeReorderTarget(components, componentId, direction) {
+    const rawIndex = components.findIndex((c) => c.id === componentId);
+    if (rawIndex < 0)
+        return null;
+    const realSiblings = components.filter((c) => !c.layoutId);
+    const realPos = realSiblings.findIndex((c) => c.id === componentId);
+    if (realPos < 0)
+        return null; // the component itself is a layout component
+    const totalReal = realSiblings.length;
+    if (direction === "up") {
+        const previousReal = realSiblings[realPos - 1];
+        if (!previousReal)
+            return null;
+        // Drop into the gap before the previous real sibling.
+        const targetRawGap = components.findIndex((c) => c.id === previousReal.id);
+        return {
+            targetAdjustedIndex: layoutAwareIndex(components, targetRawGap),
+            newPosition: realPos, // 0-based realPos - 1, expressed 1-based
+            totalReal,
+        };
+    }
+    const nextReal = realSiblings[realPos + 1];
+    if (!nextReal)
+        return null;
+    // Drop into the gap after the next real sibling.
+    const nextRawIndex = components.findIndex((c) => c.id === nextReal.id);
+    return {
+        targetAdjustedIndex: layoutAwareIndex(components, nextRawIndex + 1),
+        newPosition: realPos + 2, // 0-based realPos + 1, expressed 1-based
+        totalReal,
+    };
+}
+//# sourceMappingURL=reorderComponent.js.map

package/dist/editor/commands/reorderComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reorderComponent.js","sourceRoot":"","sources":["../../../src/editor/commands/reorderComponent.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAelF;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAClC,UAAuB,EACvB,WAAmB,EACnB,SAAwB;IAExB,MAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,WAAW,CAAC,CAAC;IACnE,IAAI,QAAQ,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,WAAW,CAAC,CAAC;IACpE,IAAI,OAAO,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC,CAAC,6CAA6C;IAE3E,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC;IAEtC,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;QACvB,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;QAC/C,IAAI,CAAC,YAAY;YAAE,OAAO,IAAI,CAAC;QAC/B,sDAAsD;QACtD,MAAM,YAAY,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,YAAY,CAAC,EAAE,CAAC,CAAC;QAC3E,OAAO;YACL,mBAAmB,EAAE,gBAAgB,CAAC,UAAU,EAAE,YAAY,CAAC;YAC/D,WAAW,EAAE,OAAO,EAAE,yCAAyC;YAC/D,SAAS;SACV,CAAC;IACJ,CAAC;IAED,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;IAC3C,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAC3B,iDAAiD;IACjD,MAAM,YAAY,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvE,OAAO;QACL,mBAAmB,EAAE,gBAAgB,CAAC,UAAU,EAAE,YAAY,GAAG,CAAC,CAAC;QACnE,WAAW,EAAE,OAAO,GAAG,CAAC,EAAE,yCAAyC;QACnE,SAAS;KACV,CAAC;AACJ,CAAC"}

package/dist/editor/commands/templateBuilderCommands.js.map

@@ -1 +1 @@
-{"version":3,"file":"templateBuilderCommands.js","sourceRoot":"","sources":["../../../src/editor/commands/templateBuilderCommands.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAOjF,MAAM,CAAC,MAAM,yBAAyB,GAAoC;IACxE,EAAE,EAAE,oBAAoB;IACxB,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,KAAC,YAAY,IAAC,WAAW,EAAE,CAAC,GAAI;IACtC,OAAO,EAAE,KAAK,EAAE,OAA+C,EAAE,EAAE;QACjE,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;QACtC,IAAI,CAAC,UAAU;YAAE,OAAO;QAExB,MAAM,kBAAkB,GAAG,MAAM,OAAO,CAAC,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC;YAC3E,EAAE,EAAE,UAAU,CAAC,EAAE;YACjB,QAAQ,EAAE,UAAU,CAAC,QAAQ,IAAI,IAAI;YACrC,OAAO,EAAE,CAAC;SACX,CAAC,CAAC;QACH,IAAI,CAAC,kBAAkB;YAAE,OAAO;QAEhC,IAAI,oBAAoB,GAMlB,EAAE,CAAC;QAET,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,EAAE,cAAc,CAAC;QACpD,IAAI,cAAc,EAAE,CAAC;YACnB,MAAM,gBAAgB,GAAG,MAAM,OAAO,CAAC,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC;gBACzE,EAAE,EAAE,cAAc;gBAClB,QAAQ,EAAE,IAAI;gBACd,OAAO,EAAE,CAAC;aACX,CAAC,CAAC;YACH,IAAI,gBAAgB,EAAE,CAAC;gBACvB,oBAAoB,GAAG;oBACrB;wBACE,EAAE,EAAE,gBAAgB,CAAC,EAAE;wBACvB,IAAI,EAAE,gBAAgB,CAAC,IAAI;wBAC3B,IAAI,EAAE,gBAAgB,CAAC,IAAI;wBAC3B,IAAI,EAAE,gBAAgB,CAAC,IAAI;wBAC3B,MAAM,EAAE,gBAAgB,CAAC,MAAM;qBAChC;iBACF,CAAC;YACF,CAAC;QACH,CAAC;QAED,MAAM,WAAW,GAAG,MAAM,OAAO,CAAC,UAAU,CAUzC,qBAAqB,EAAE;YACxB,UAAU,EAAE,kBAAkB;YAC9B,WAAW,EAAE,cAAc;YAC3B,oBAAoB;SACrB,CAAC,CAAC;QACH,IAAI,CAAC,WAAW;YAAE,OAAO;QAEzB,MAAM,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;QAChD,OAAO,CAAC,WAAW,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;IAChD,CAAC;IACD,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK;CACtB,CAAC"}
+{"version":3,"file":"templateBuilderCommands.js","sourceRoot":"","sources":["../../../src/editor/commands/templateBuilderCommands.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAOjF,MAAM,CAAC,MAAM,yBAAyB,GAAoC;IACxE,EAAE,EAAE,oBAAoB;IACxB,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,KAAC,YAAY,IAAC,WAAW,EAAE,CAAC,GAAI;IACtC,OAAO,EAAE,KAAK,EAAE,OAA+C,EAAE,EAAE;QACjE,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;QACtC,IAAI,CAAC,UAAU;YAAE,OAAO;QAExB,MAAM,kBAAkB,GACtB,MAAM,OAAO,CAAC,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC;YAChD,EAAE,EAAE,UAAU,CAAC,EAAE;YACjB,QAAQ,EAAE,UAAU,CAAC,QAAQ,IAAI,IAAI;YACrC,OAAO,EAAE,CAAC;SACX,CAAC,CAAC;QACL,IAAI,CAAC,kBAAkB;YAAE,OAAO;QAEhC,IAAI,oBAAoB,GAMlB,EAAE,CAAC;QAET,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,EAAE,cAAc,CAAC;QACpD,IAAI,cAAc,EAAE,CAAC;YACnB,MAAM,gBAAgB,GACpB,MAAM,OAAO,CAAC,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC;gBAChD,EAAE,EAAE,cAAc;gBAClB,QAAQ,EAAE,IAAI;gBACd,OAAO,EAAE,CAAC;aACX,CAAC,CAAC;YACL,IAAI,gBAAgB,EAAE,CAAC;gBACrB,oBAAoB,GAAG;oBACrB;wBACE,EAAE,EAAE,gBAAgB,CAAC,EAAE;wBACvB,IAAI,EAAE,gBAAgB,CAAC,IAAI;wBAC3B,IAAI,EAAE,gBAAgB,CAAC,IAAI;wBAC3B,IAAI,EAAE,gBAAgB,CAAC,IAAI;wBAC3B,MAAM,EAAE,gBAAgB,CAAC,MAAM;qBAChC;iBACF,CAAC;YACJ,CAAC;QACH,CAAC;QAED,MAAM,WAAW,GAAG,MAAM,OAAO,CAAC,UAAU,CAa1C,qBAAqB,EAAE;YACvB,UAAU,EAAE,kBAAkB;YAC9B,WAAW,EAAE,cAAc;YAC3B,oBAAoB;SACrB,CAAC,CAAC;QACH,IAAI,CAAC,WAAW;YAAE,OAAO;QAEzB,MAAM,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;QAChD,OAAO,CAAC,WAAW,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;IAChD,CAAC;IACD,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK;CACtB,CAAC"}

package/dist/editor/commands/undo.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { RotateCcw, RotateCw } from "lucide-react";
+import { Redo, Undo } from "lucide-react";
 import { toast } from "sonner";
 // Helper function to filter operations based on historyMode and showOnlyMyChanges
 function filterOperation(context, op) {
@@ -14,7 +14,9 @@ function filterOperation(context, op) {
     // Page-centric filter: only include operations for current page and language (any version)
     // EXCEPTION: delete-items operations are always included because after deleting an item,
     // the user navigates to parent but should still be able to undo the deletion
-    if (historyMode === "page-centric" && currentItem && op.type !== "delete-items") {
+    if (historyMode === "page-centric" &&
+        currentItem &&
+        op.type !== "delete-items") {
         if (!op.mainItem ||
             op.mainItem.id !== currentItem.id ||
             op.mainItem.language !== currentItem.language) {
@@ -35,13 +37,14 @@ export function getUndoCommand() {
     return {
         id: "undo",
         label: "Undo",
-        icon: _jsx(RotateCcw, { className: "h-4 w-4", strokeWidth: 1 }),
+        icon: _jsx(Undo, { className: "h-4 w-4", strokeWidth: 1 }),
         keyBinding: {
             key: "z",
             ctrlOrMeta: true,
         },
         execute: async (context) => {
-            if (context.data?.source === "keyboard" && !context.editContext.showOnlyMyChanges) {
+            if (context.data?.source === "keyboard" &&
+                !context.editContext.showOnlyMyChanges) {
                 toast.warning("Undo with Ctrl+Z is disabled when viewing other users' changes. Use the Undo button in the History panel instead.");
                 return;
             }
@@ -71,7 +74,7 @@ export function getRedoCommand() {
     return {
         id: "redo",
         label: "Redo",
-        icon: _jsx(RotateCw, { className: "h-4 w-4", strokeWidth: 1 }),
+        icon: _jsx(Redo, { className: "h-4 w-4", strokeWidth: 1 }),
         keyBinding: [
             {
                 key: "y",
@@ -84,7 +87,8 @@ export function getRedoCommand() {
             },
         ],
         execute: async (context) => {
-            if (context.data?.source === "keyboard" && !context.editContext.showOnlyMyChanges) {
+            if (context.data?.source === "keyboard" &&
+                !context.editContext.showOnlyMyChanges) {
                 toast.warning("Redo with Ctrl+Y is disabled when viewing other users' changes. Use the Redo button in the History panel instead.");
                 return;
             }

package/dist/editor/commands/undo.js.map

@@ -1 +1 @@
-{"version":3,"file":"undo.js","sourceRoot":"","sources":["../../../src/editor/commands/undo.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"undo.js","sourceRoot":"","sources":["../../../src/editor/commands/undo.tsx"],"names":[],"mappings":"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"}

package/dist/editor/componentFrameColors.d.ts

@@ -0,0 +1,11 @@
+import type { Component } from "./pageModel";
+export type ComponentFrameColor = "shared" | "readonly" | "layout" | "default" | "nonMovable" | "suggestions";
+export type ComponentFrameInsertColor = Extract<ComponentFrameColor, "default" | "shared" | "layout">;
+export declare const componentFrameBorderColorVariants: Record<ComponentFrameColor, string>;
+export declare const componentFrameBgColorVariants: Record<ComponentFrameColor, string>;
+export declare const componentFrameBgHoverColorVariants: Record<ComponentFrameColor, string>;
+export declare function getPlaceholderDropZoneColor({ parentComponent, prevComponent, nextComponent, }: {
+    parentComponent?: Component | null;
+    prevComponent?: Component | null;
+    nextComponent?: Component | null;
+}): ComponentFrameInsertColor;

package/dist/editor/componentFrameColors.js

@@ -0,0 +1,47 @@
+export const componentFrameBorderColorVariants = {
+    shared: "border-component-shared",
+    readonly: "border-border-default",
+    layout: "border-highlight-100",
+    default: "border-component-default",
+    nonMovable: "border-feedback-red",
+    suggestions: "border-component-suggestions",
+};
+export const componentFrameBgColorVariants = {
+    shared: "bg-component-shared",
+    readonly: "bg-neutral-grey-50",
+    layout: "bg-highlight-100",
+    default: "bg-component-default",
+    nonMovable: "bg-feedback-red",
+    suggestions: "bg-component-suggestions",
+};
+export const componentFrameBgHoverColorVariants = {
+    shared: "hover:bg-[color-mix(in_srgb,var(--color-component-shared)_88%,black)]",
+    readonly: "hover:bg-[color-mix(in_srgb,var(--color-neutral-grey-50)_88%,black)]",
+    layout: "hover:bg-[color-mix(in_srgb,var(--color-highlight-100)_88%,black)]",
+    default: "hover:bg-[color-mix(in_srgb,var(--color-component-default)_88%,black)]",
+    nonMovable: "hover:bg-[color-mix(in_srgb,var(--color-feedback-red)_88%,black)]",
+    suggestions: "hover:bg-[color-mix(in_srgb,var(--color-component-suggestions)_88%,black)]",
+};
+export function getPlaceholderDropZoneColor({ parentComponent, prevComponent, nextComponent, }) {
+    const isLayout = !!prevComponent?.layoutId ||
+        !!nextComponent?.layoutId ||
+        hasComponentAncestor(parentComponent, "layout");
+    if (isLayout)
+        return "layout";
+    const isShared = !!prevComponent?.isShared ||
+        !!nextComponent?.isShared ||
+        hasComponentAncestor(parentComponent, "shared");
+    return isShared ? "shared" : "default";
+}
+function hasComponentAncestor(component, type) {
+    let current = component;
+    while (current) {
+        if (type === "layout" && current.layoutId)
+            return true;
+        if (type === "shared" && current.isShared)
+            return true;
+        current = current.parentPlaceholder?.parentComponent;
+    }
+    return false;
+}
+//# sourceMappingURL=componentFrameColors.js.map

package/dist/editor/componentFrameColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentFrameColors.js","sourceRoot":"","sources":["../../src/editor/componentFrameColors.ts"],"names":[],"mappings":"AAeA,MAAM,CAAC,MAAM,iCAAiC,GAG1C;IACF,MAAM,EAAE,yBAAyB;IACjC,QAAQ,EAAE,uBAAuB;IACjC,MAAM,EAAE,sBAAsB;IAC9B,OAAO,EAAE,0BAA0B;IACnC,UAAU,EAAE,qBAAqB;IACjC,WAAW,EAAE,8BAA8B;CAC5C,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAGtC;IACF,MAAM,EAAE,qBAAqB;IAC7B,QAAQ,EAAE,oBAAoB;IAC9B,MAAM,EAAE,kBAAkB;IAC1B,OAAO,EAAE,sBAAsB;IAC/B,UAAU,EAAE,iBAAiB;IAC7B,WAAW,EAAE,0BAA0B;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,kCAAkC,GAG3C;IACF,MAAM,EACJ,uEAAuE;IACzE,QAAQ,EACN,sEAAsE;IACxE,MAAM,EAAE,oEAAoE;IAC5E,OAAO,EACL,wEAAwE;IAC1E,UAAU,EACR,mEAAmE;IACrE,WAAW,EACT,4EAA4E;CAC/E,CAAC;AAEF,MAAM,UAAU,2BAA2B,CAAC,EAC1C,eAAe,EACf,aAAa,EACb,aAAa,GAKd;IACC,MAAM,QAAQ,GACZ,CAAC,CAAC,aAAa,EAAE,QAAQ;QACzB,CAAC,CAAC,aAAa,EAAE,QAAQ;QACzB,oBAAoB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;IAElD,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAC;IAE9B,MAAM,QAAQ,GACZ,CAAC,CAAC,aAAa,EAAE,QAAQ;QACzB,CAAC,CAAC,aAAa,EAAE,QAAQ;QACzB,oBAAoB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;IAElD,OAAO,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AACzC,CAAC;AAED,SAAS,oBAAoB,CAC3B,SAAuC,EACvC,IAAyB;IAEzB,IAAI,OAAO,GAAG,SAAS,CAAC;IACxB,OAAO,OAAO,EAAE,CAAC;QACf,IAAI,IAAI,KAAK,QAAQ,IAAI,OAAO,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAC;QACvD,IAAI,IAAI,KAAK,QAAQ,IAAI,OAAO,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAC;QACvD,OAAO,GAAG,OAAO,CAAC,iBAAiB,EAAE,eAAe,CAAC;IACvD,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/editor/content-tree/IndicatorSettings.js

@@ -1,14 +1,15 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef } from "react";
-import { AlertCircle, Bot, Clock, Cloud, GitBranch, Globe, MessageSquare, Settings2, User, Users, } from "lucide-react";
+import { AlertCircle, Clock, Cloud, GitBranch, Globe, MessageSquare, Settings2, User, Users, } from "lucide-react";
+import { ParheliaAgentIcon } from "../ui/Icons";
 import { Checkbox } from "../../components/ui/checkbox";
 const iconMap = {
     "alert-circle": AlertCircle,
     clock: Clock,
     cloud: Cloud,
     globe: Globe,
-    bot: Bot,
+    bot: ParheliaAgentIcon,
     "git-branch": GitBranch,
     "message-square": MessageSquare,
     user: User,
@@ -50,11 +51,11 @@ export function IndicatorSettings({ providers, visibleGutters, toggleGutter, isL
         }
         return toggleHandlersRef.current.get(providerId);
     }, []);
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "my-1 border-t border-border" }), _jsx("div", { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground", children: "Tree Indicators" }), isLoading && sortedProviders.length === 0 ? (_jsx("div", { className: "px-2 py-2 text-xs text-muted-foreground", children: "Loading..." })) : sortedProviders.length === 0 ? (_jsx("div", { className: "px-2 py-2 text-xs text-muted-foreground", children: "No indicators available" })) : (sortedProviders.map((provider) => (_jsx(IndicatorSettingItem, { provider: provider, checked: visibleGutters.includes(provider.id), onToggle: getToggleHandler(provider.id) }, provider.id)))), sortedProviders.length > 0 && (_jsxs("label", { className: "flex cursor-pointer items-center gap-2 rounded px-2 py-1.5 hover:bg-accent", onClick: (e) => e.stopPropagation(), children: [_jsx(Checkbox, { checked: showBadges, onCheckedChange: toggleBadges }), _jsx("span", { className: "text-xs", children: "Show count badges" })] }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "border-border my-1 border-t" }), _jsx("div", { className: "text-muted-foreground px-2 py-1.5 text-xs font-medium", children: "Tree Indicators" }), isLoading && sortedProviders.length === 0 ? (_jsx("div", { className: "text-muted-foreground px-2 py-2 text-xs", children: "Loading..." })) : sortedProviders.length === 0 ? (_jsx("div", { className: "text-muted-foreground px-2 py-2 text-xs", children: "No indicators available" })) : (sortedProviders.map((provider) => (_jsx(IndicatorSettingItem, { provider: provider, checked: visibleGutters.includes(provider.id), onToggle: getToggleHandler(provider.id) }, provider.id)))), sortedProviders.length > 0 && (_jsxs("label", { className: "hover:bg-accent flex cursor-pointer items-center gap-2 rounded px-2 py-1.5", onClick: (e) => e.stopPropagation(), children: [_jsx(Checkbox, { checked: showBadges, onCheckedChange: toggleBadges }), _jsx("span", { className: "text-xs", children: "Show count badges" })] }))] }));
 }
 function IndicatorSettingItem({ provider, checked, onToggle, }) {
     const IconComponent = getIconComponent(provider.icon);
-    return (_jsxs("label", { className: "flex cursor-pointer items-center gap-2 rounded px-2 py-1.5 hover:bg-accent", onClick: (e) => e.stopPropagation(), children: [_jsx(Checkbox, { checked: checked, onCheckedChange: onToggle }), _jsx(IconComponent, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { className: "text-xs", children: provider.label })] }));
+    return (_jsxs("label", { className: "hover:bg-accent flex cursor-pointer items-center gap-2 rounded px-2 py-1.5", onClick: (e) => e.stopPropagation(), children: [_jsx(Checkbox, { checked: checked, onCheckedChange: onToggle }), _jsx(IconComponent, { className: "text-muted-foreground h-4 w-4" }), _jsx("span", { className: "text-xs", children: provider.label })] }));
 }
 export default IndicatorSettings;
 //# sourceMappingURL=IndicatorSettings.js.map

package/dist/editor/content-tree/IndicatorSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"IndicatorSettings.js","sourceRoot":"","sources":["../../../src/editor/content-tree/IndicatorSettings.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"IndicatorSettings.js","sourceRoot":"","sources":["../../../src/editor/content-tree/IndicatorSettings.tsx"],"names":[],"mappings":"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"}

package/dist/editor/content-tree/TreeOptions.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Checkbox } from "../../components/ui/checkbox";
 export function TreeOptions({ showDisplayNames, toggleDisplayNames, }) {
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground", children: "Tree Display" }), _jsxs("label", { className: "flex cursor-pointer items-center gap-2 rounded px-2 py-1.5 hover:bg-accent", onClick: (e) => e.stopPropagation(), children: [_jsx(Checkbox, { checked: showDisplayNames, onCheckedChange: toggleDisplayNames }), _jsx("span", { className: "text-xs", children: "Show display names" })] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-muted-foreground px-2 py-1.5 text-xs font-medium", children: "Tree Display" }), _jsxs("label", { className: "hover:bg-accent flex cursor-pointer items-center gap-2 rounded px-2 py-1.5", onClick: (e) => e.stopPropagation(), children: [_jsx(Checkbox, { checked: showDisplayNames, onCheckedChange: toggleDisplayNames }), _jsx("span", { className: "text-xs", children: "Show display names" })] })] }));
 }
 export default TreeOptions;
 //# sourceMappingURL=TreeOptions.js.map

package/dist/editor/content-tree/TreeSettingsMenu.js

@@ -11,10 +11,14 @@ export function TreeSettingsMenu() {
     const gutterContext = useGutterContextSafe();
     const providers = gutterContext ? gutterContext.providers : [];
     const visibleGutters = gutterContext ? gutterContext.visibleGutters : [];
-    const toggleGutter = gutterContext ? gutterContext.toggleGutter : noOpFunction;
+    const toggleGutter = gutterContext
+        ? gutterContext.toggleGutter
+        : noOpFunction;
     const isLoading = gutterContext ? gutterContext.isLoading : false;
     const showBadges = gutterContext ? gutterContext.showBadges : false;
-    const toggleBadges = gutterContext ? gutterContext.toggleBadges : noOpFunction;
+    const toggleBadges = gutterContext
+        ? gutterContext.toggleBadges
+        : noOpFunction;
     const showDisplayNames = gutterContext
         ? gutterContext.showDisplayNames
         : false;
@@ -24,7 +28,7 @@ export function TreeSettingsMenu() {
     if (!gutterContext) {
         return null;
     }
-    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "xs", className: "gap-1 px-2", title: "Tree settings", "data-testid": "tree-settings-button", children: [_jsx(Settings2, { className: "h-3.5 w-3.5" }), visibleGutters.length > 0 && (_jsxs("span", { className: "text-xs text-muted-foreground", children: ["(", visibleGutters.length, ")"] }))] }) }), _jsx(PopoverContent, { align: "start", className: "w-56 p-2", "data-testid": "tree-settings-popover", children: _jsxs("div", { className: "space-y-1", children: [_jsx(TreeOptions, { showDisplayNames: showDisplayNames, toggleDisplayNames: toggleDisplayNames }), _jsx(IndicatorSettings, { providers: providers, visibleGutters: visibleGutters, toggleGutter: toggleGutter, isLoading: isLoading, showBadges: showBadges, toggleBadges: toggleBadges })] }) })] }));
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "xs", className: "gap-1 self-start px-2", title: "Tree settings", "data-testid": "tree-settings-button", children: [_jsx(Settings2, { className: "h-3.5 w-3.5" }), visibleGutters.length > 0 && (_jsxs("span", { className: "text-muted-foreground text-xs", children: ["(", visibleGutters.length, ")"] }))] }) }), _jsx(PopoverContent, { align: "start", className: "w-56 p-2", "data-testid": "tree-settings-popover", children: _jsxs("div", { className: "space-y-1", children: [_jsx(TreeOptions, { showDisplayNames: showDisplayNames, toggleDisplayNames: toggleDisplayNames }), _jsx(IndicatorSettings, { providers: providers, visibleGutters: visibleGutters, toggleGutter: toggleGutter, isLoading: isLoading, showBadges: showBadges, toggleBadges: toggleBadges })] }) })] }));
 }
 export default TreeSettingsMenu;
 //# sourceMappingURL=TreeSettingsMenu.js.map

package/dist/editor/content-tree/TreeSettingsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSettingsMenu.js","sourceRoot":"","sources":["../../../src/editor/content-tree/TreeSettingsMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AAE9B,MAAM,UAAU,gBAAgB;IAC9B,MAAM,aAAa,GAAG,oBAAoB,EAAE,CAAC;IAE7C,MAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,MAAM,cAAc,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IACzE,MAAM,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC;IAC/E,MAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;IAClE,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;IACpE,MAAM,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC;IAC/E,MAAM,gBAAgB,GAAG,aAAa;QACpC,CAAC,CAAC,aAAa,CAAC,gBAAgB;QAChC,CAAC,CAAC,KAAK,CAAC;IACV,MAAM,kBAAkB,GAAG,aAAa;QACtC,CAAC,CAAC,aAAa,CAAC,kBAAkB;QAClC,CAAC,CAAC,YAAY,CAAC;IAEjB,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,YAAY,EACtB,KAAK,EAAC,eAAe,iBACT,sBAAsB,aAElC,KAAC,SAAS,IAAC,SAAS,EAAC,aAAa,GAAG,EACpC,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5B,gBAAM,SAAS,EAAC,+BAA+B,kBAC3C,cAAc,CAAC,MAAM,SAClB,CACR,IACM,GACM,EACjB,KAAC,cAAc,IACb,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,UAAU,iBACR,uBAAuB,YAEnC,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,WAAW,IACV,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,GACtC,EACF,KAAC,iBAAiB,IAChB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,GAC1B,IACE,GACS,IACT,CACX,CAAC;AACJ,CAAC;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"TreeSettingsMenu.js","sourceRoot":"","sources":["../../../src/editor/content-tree/TreeSettingsMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AAE9B,MAAM,UAAU,gBAAgB;IAC9B,MAAM,aAAa,GAAG,oBAAoB,EAAE,CAAC;IAE7C,MAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,MAAM,cAAc,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IACzE,MAAM,YAAY,GAAG,aAAa;QAChC,CAAC,CAAC,aAAa,CAAC,YAAY;QAC5B,CAAC,CAAC,YAAY,CAAC;IACjB,MAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;IAClE,MAAM,UAAU,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;IACpE,MAAM,YAAY,GAAG,aAAa;QAChC,CAAC,CAAC,aAAa,CAAC,YAAY;QAC5B,CAAC,CAAC,YAAY,CAAC;IACjB,MAAM,gBAAgB,GAAG,aAAa;QACpC,CAAC,CAAC,aAAa,CAAC,gBAAgB;QAChC,CAAC,CAAC,KAAK,CAAC;IACV,MAAM,kBAAkB,GAAG,aAAa;QACtC,CAAC,CAAC,aAAa,CAAC,kBAAkB;QAClC,CAAC,CAAC,YAAY,CAAC;IAEjB,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAC,eAAe,iBACT,sBAAsB,aAElC,KAAC,SAAS,IAAC,SAAS,EAAC,aAAa,GAAG,EACpC,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5B,gBAAM,SAAS,EAAC,+BAA+B,kBAC3C,cAAc,CAAC,MAAM,SAClB,CACR,IACM,GACM,EACjB,KAAC,cAAc,IACb,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,UAAU,iBACR,uBAAuB,YAEnC,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,WAAW,IACV,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,GACtC,EACF,KAAC,iBAAiB,IAChB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,GAC1B,IACE,GACS,IACT,CACX,CAAC;AACJ,CAAC;AAED,eAAe,gBAAgB,CAAC"}

package/dist/editor/context-menu/InsertMenu.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEditContext } from "../../client-components";
 import { useRef, useState, useEffect, useMemo } from "react";
 import { createPortal } from "react-dom";
-import { FilterInput, highlightMatch } from "../../components/FilterInput";
+import { SearchInput, highlightMatch } from "../../components/SearchInput";
 import { ScrollingContentTree } from "../ScrollingContentTree";
 import { SimpleTabs } from "../ui/SimpleTabs";
 import ItemSearch from "../ui/ItemSearch";
@@ -77,8 +77,8 @@ function InsertMenuPanel({ triggerRef, isPanelOpen, tabs, activeTab, setActiveTa
             left: position.left,
             minWidth: "450px",
             height: "380px",
-            border: "1px solid #ddd",
-        }, children: _jsxs("div", { className: "flex h-full flex-col px-4 pb-4 text-xs", children: [_jsx("div", { className: "flex-shrink-0", children: _jsx(SimpleTabs, { className: "border-gray-3 mb-2 border-b", tabClassName: "pt-4", tabs: tabs, setActiveTab: setActiveTab, activeTab: activeTab, isLoading: isAnyTabLoading, hideContent: true }) }), _jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: tabs[activeTab]?.content })] }) }));
+            border: "1px solid var(--color-border-default)",
+        }, children: _jsxs("div", { className: "flex h-full flex-col px-4 pb-4 text-xs", children: [_jsx("div", { className: "flex-shrink-0", children: _jsx(SimpleTabs, { className: "border-border-default mt-0.5 mb-2 border-b", tabs: tabs, setActiveTab: setActiveTab, activeTab: activeTab, isLoading: isAnyTabLoading, hideContent: true }) }), _jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: tabs[activeTab]?.content })] }) }));
     return createPortal(panel, document.body);
 }
 export const InsertMenuTemplate = ({ insertOptions, item, commandCallback, mode = "overlay", }) => {
@@ -257,20 +257,20 @@ export const InsertMenuTemplate = ({ insertOptions, item, commandCallback, mode
         {
             label: "Options",
             testId: "insert-menu-tab-options",
-            content: (_jsx("div", { className: "flex h-full flex-col gap-2", children: options ? (_jsxs(_Fragment, { children: [_jsx(FilterInput, { ref: filterRef, className: "w-full text-xs", placeholder: "Filter", value: filter, onChange: setFilter }), _jsx("div", { className: "relative flex-1", children: _jsx("div", { className: "absolute inset-0 overflow-auto", children: options
+            content: (_jsx("div", { className: "flex h-full flex-col gap-2", children: options ? (_jsxs(_Fragment, { children: [_jsx(SearchInput, { ref: filterRef, className: "w-full text-xs", placeholder: "Filter", value: filter, onChange: setFilter }), _jsx("div", { className: "relative flex-1", children: _jsx("div", { className: "absolute inset-0 overflow-auto", children: options
                                     .filter((x) => x.label.toLowerCase().indexOf(filter.toLowerCase()) >
                                     -1)
-                                    .map((option) => (_jsxs("div", { className: "flex cursor-pointer items-center gap-2 p-1 text-xs hover:bg-gray-100", onClick: (ev) => {
+                                    .map((option) => (_jsxs("div", { className: "hover:bg-neutral-grey-5 flex cursor-pointer items-center gap-2 p-1 text-xs", onClick: (ev) => {
                                         ev.stopPropagation();
                                         ev.preventDefault();
                                         option.command(ev);
-                                    }, children: [option.icon, _jsx("span", { className: "flex-1", children: highlightMatch(option.label, filter) })] }, option.id))) }) })] })) : (_jsx("div", { className: "p-2 text-xs text-gray-500", children: "No options available." })) })),
+                                    }, children: [option.icon, _jsx("span", { className: "flex-1", children: highlightMatch(option.label, filter) })] }, option.id))) }) })] })) : (_jsx("div", { className: "text-neutral-grey-50 p-2 text-xs", children: "No options available." })) })),
             id: "options",
         },
         {
             label: "Recent",
             testId: "insert-menu-tab-recent",
-            content: (_jsx("div", { className: "flex h-full flex-col", children: recentItems.length === 0 ? (_jsx("div", { className: "p-2 text-xs text-gray-500", children: "No recent templates" })) : (recentItems.map((template) => (_jsxs("div", { className: "flex cursor-pointer items-center gap-2 p-1 text-xs hover:bg-gray-100", onClick: (ev) => {
+            content: (_jsx("div", { className: "flex h-full flex-col", children: recentItems.length === 0 ? (_jsx("div", { className: "text-neutral-grey-50 p-2 text-xs", children: "No recent templates" })) : (recentItems.map((template) => (_jsxs("div", { className: "hover:bg-neutral-grey-5 flex cursor-pointer items-center gap-2 p-1 text-xs", onClick: (ev) => {
                         ev.stopPropagation();
                         ev.preventDefault();
                         getCommand(template)(ev);
@@ -299,7 +299,7 @@ export const InsertMenuTemplate = ({ insertOptions, item, commandCallback, mode
     // No separate "Wizards" tab; wizard options arrive via generic insert options
     const isAnyTabLoading = isLoadingRecent;
     if (mode === "inline") {
-        return (_jsx("div", { className: "flex h-[380px] min-w-[450px] flex-col p-2", children: _jsxs("div", { className: "flex min-h-0 flex-1 flex-col text-xs", children: [_jsx("div", { className: "flex-shrink-0", children: _jsx(SimpleTabs, { className: "border-gray-3 mb-2 border-b", tabs: tabs, setActiveTab: setActiveTab, activeTab: activeTab, isLoading: isAnyTabLoading, hideContent: true }) }), _jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: tabs[activeTab]?.content })] }) }));
+        return (_jsx("div", { className: "flex h-[380px] min-w-[450px] flex-col p-2", children: _jsxs("div", { className: "flex min-h-0 flex-1 flex-col text-xs", children: [_jsx("div", { className: "flex-shrink-0", children: _jsx(SimpleTabs, { className: "border-border-default mt-0.5 mb-2 border-b", tabs: tabs, setActiveTab: setActiveTab, activeTab: activeTab, isLoading: isAnyTabLoading, hideContent: true }) }), _jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: tabs[activeTab]?.content })] }) }));
     }
     return (_jsxs("div", { ref: triggerRef, "data-testid": "insert-menu-trigger", className: "flex items-center gap-2 text-xs", style: { display: "flex", alignItems: "center", cursor: "pointer" }, onMouseEnter: () => {
             if (hideTimeoutRef.current) {
@@ -327,6 +327,6 @@ export const InsertMenuTemplate = ({ insertOptions, item, commandCallback, mode
             ev.stopPropagation();
         }, onMouseUp: (ev) => {
             ev.stopPropagation();
-        }, children: [_jsx(Plus, { strokeWidth: 1, size: 16, className: "text-gray-2" }), _jsx("span", { children: "Insert" }), _jsx(ArrowRight, { strokeWidth: 1, size: 16, className: "text-gray-2 ml-auto" }), _jsx(InsertMenuPanel, { triggerRef: triggerRef, isPanelOpen: isPanelOpen, tabs: tabs, activeTab: activeTab, setActiveTab: setActiveTab, isAnyTabLoading: isAnyTabLoading })] }));
+        }, children: [_jsx(Plus, { strokeWidth: 1, size: 16, className: "text-neutral-grey-50" }), _jsx("span", { children: "Insert" }), _jsx(ArrowRight, { strokeWidth: 1, size: 16, className: "text-neutral-grey-50 ml-auto" }), _jsx(InsertMenuPanel, { triggerRef: triggerRef, isPanelOpen: isPanelOpen, tabs: tabs, activeTab: activeTab, setActiveTab: setActiveTab, isAnyTabLoading: isAnyTabLoading })] }));
 };
 //# sourceMappingURL=InsertMenu.js.map