wenay-react2 1.0.38 → 1.0.40

package/lib/common/src/menu/menu.js

@@ -29,7 +29,7 @@ function MenuProgress({ data }) {
 /*******************************************************
  * Main menu element with onClick and counters
  *******************************************************/
-function MenuElement({ data: item, toLeft, className, update, open, }) {
+function MenuElement({ data: item, toLeft, className, update, open, onActionEvent, }) {
     const unsubOk = useRef(null);
     const unsubErr = useRef(null);
     useEffect(() => {
@@ -47,8 +47,18 @@ function MenuElement({ data: item, toLeft, className, update, open, }) {
             "MenuR " + (active ? "toButtonA" : "toButton"), style: { float: toLeft ? "left" : "right" }, onClick: () => {
             if (!item.onClick)
                 return;
-            const result = item?.onClick?.(item);
+            const actionKey = item.actionKey ?? undefined;
+            onActionEvent?.({ type: "click", item: item, actionKey });
+            let result;
+            try {
+                result = item.onClick(item);
+            }
+            catch (error) {
+                onActionEvent?.({ type: "error", item: item, actionKey, error });
+                throw error;
+            }
             if (!result) {
+                onActionEvent?.({ type: "ok", item: item, actionKey });
                 update();
                 return;
             }
@@ -72,8 +82,14 @@ function MenuElement({ data: item, toLeft, className, update, open, }) {
                         setProgress(null);
                     }
                 };
-                unsubOk.current = pa.onOk((data, i, countOk, countError, count) => onTick(countOk, countError, count));
-                unsubErr.current = pa.onError((error, i, countOk, countError, count) => onTick(countOk, countError, count));
+                unsubOk.current = pa.onOk((data, i, countOk, countError, count) => {
+                    onActionEvent?.({ type: "taskOk", item: item, actionKey });
+                    return onTick(countOk, countError, count);
+                });
+                unsubErr.current = pa.onError((error, i, countOk, countError, count) => {
+                    onActionEvent?.({ type: "taskError", item: item, actionKey, error });
+                    return onTick(countOk, countError, count);
+                });
                 void pa.allSettled();
             }
             // If this is a single promise
@@ -81,6 +97,7 @@ function MenuElement({ data: item, toLeft, className, update, open, }) {
                 setProgress({});
                 result
                     .then(async (val) => {
+                    onActionEvent?.({ type: "ok", item: item, actionKey });
                     if (Array.isArray(val) && val.length) {
                         // If an array from Promise.allSettled was returned
                         // Count ok/error results
@@ -99,6 +116,10 @@ function MenuElement({ data: item, toLeft, className, update, open, }) {
                         setProgress({ ok: 1 });
                         await sleepAsync(0);
                     }
+                })
+                    .catch((error) => {
+                    onActionEvent?.({ type: "error", item: item, actionKey, error });
+                    throw error;
                 })
                     .finally(async () => {
                     await sleepAsync(500);
@@ -106,73 +127,116 @@ function MenuElement({ data: item, toLeft, className, update, open, }) {
                 });
             }
             else {
+                onActionEvent?.({ type: "ok", item: item, actionKey });
                 update();
             }
         }, children: _jsxs("div", { className: "toLine", children: [typeof item.name === "string"
                     ? item.name
                     : item.name(item.getStatus?.()), progress && _jsx(MenuProgress, { data: progress })] }) }));
 }
-const MenuItemWrapper = ({ item, index, update, className, isLeftAligned, leftPos, menuElement, open, setOpenIndex, }) => {
+const MenuItemWrapper = ({ item, index, update, className, isLeftAligned, leftPos, menuElement, open, setOpenIndex, onActionEvent, }) => {
     const [childMenu, setChildMenu] = useState([]);
     const [asyncFuncElement, setAsyncFuncElement] = useState(null);
     const [onFocusMenu, setOnFocusMenu] = useState([]);
     useEffect(() => {
         if (open && item.next) {
+            const actionKey = item.actionKey ?? undefined;
+            onActionEvent?.({ type: "submenuOpen", item, actionKey });
             let alive = true; // guard: do not set state after unmount or item change
-            const result = item.next();
+            let result;
+            try {
+                result = item.next();
+            }
+            catch (error) {
+                onActionEvent?.({ type: "submenuError", item, actionKey, error });
+                throw error;
+            }
             if (result instanceof Promise) {
                 result.then((val) => {
                     if (alive)
                         setChildMenu(val.filter(Boolean));
+                    onActionEvent?.({ type: "submenuOk", item, actionKey });
+                }).catch((error) => {
+                    onActionEvent?.({ type: "submenuError", item, actionKey, error });
+                    throw error;
                 });
             }
             else {
                 setChildMenu(result.filter(Boolean));
+                onActionEvent?.({ type: "submenuOk", item, actionKey });
             }
             return () => { alive = false; };
         }
         else {
             setChildMenu([]);
         }
-    }, [open, item.next]);
+    }, [open, item, item.next, onActionEvent]);
     useEffect(() => {
         if (open && item.func) {
+            const actionKey = item.actionKey ?? undefined;
+            onActionEvent?.({ type: "funcOpen", item, actionKey });
             let alive = true;
-            const result = item.func();
+            let result;
+            try {
+                result = item.func();
+            }
+            catch (error) {
+                onActionEvent?.({ type: "funcError", item, actionKey, error });
+                throw error;
+            }
             if (result instanceof Promise) {
                 result.then((val) => {
                     if (alive)
                         setAsyncFuncElement(val);
+                    onActionEvent?.({ type: "funcOk", item, actionKey });
+                }).catch((error) => {
+                    onActionEvent?.({ type: "funcError", item, actionKey, error });
+                    throw error;
                 });
             }
             else {
                 setAsyncFuncElement(result);
+                onActionEvent?.({ type: "funcOk", item, actionKey });
             }
             return () => { alive = false; };
         }
         else {
             setAsyncFuncElement(null);
         }
-    }, [open, item.func]);
+    }, [open, item, item.func, onActionEvent]);
     useEffect(() => {
         if (open && item.onFocus) {
+            const actionKey = item.actionKey ?? undefined;
+            onActionEvent?.({ type: "focusOpen", item, actionKey });
             let alive = true;
-            const result = item.onFocus();
+            let result;
+            try {
+                result = item.onFocus();
+            }
+            catch (error) {
+                onActionEvent?.({ type: "focusError", item, actionKey, error });
+                throw error;
+            }
             if (result instanceof Promise) {
                 result.then((val) => {
                     if (alive)
                         setOnFocusMenu(val.filter(Boolean));
+                    onActionEvent?.({ type: "focusOk", item, actionKey });
+                }).catch((error) => {
+                    onActionEvent?.({ type: "focusError", item, actionKey, error });
+                    throw error;
                 });
             }
             else {
                 setOnFocusMenu(result.filter(Boolean));
+                onActionEvent?.({ type: "focusOk", item, actionKey });
             }
             return () => { alive = false; };
         }
         else {
             setOnFocusMenu([]);
         }
-    }, [open, item.onFocus]);
+    }, [open, item, item.onFocus, onActionEvent]);
     const onMouseEnter = () => {
         if (open)
             return;
@@ -186,24 +250,24 @@ const MenuItemWrapper = ({ item, index, update, className, isLeftAligned, leftPo
                     data: viewItem,
                     className,
                     update,
-                }) ?? (_jsx(MenuElement, { toLeft: isLeftAligned, data: viewItem, className: className, update: update, open: open })), _jsxs("div", { children: [open && childMenu.length > 0 && (_jsx("div", { style: { position: "relative" }, children: _jsx(Menu, { data: childMenu, coordinate: {
+                }) ?? (_jsx(MenuElement, { toLeft: isLeftAligned, data: viewItem, className: className, update: update, open: open, onActionEvent: onActionEvent })), _jsxs("div", { children: [open && childMenu.length > 0 && (_jsx("div", { style: { position: "relative" }, children: _jsx(Menu, { data: childMenu, coordinate: {
                                 x: 3,
                                 y: 0,
                                 toLeft: isLeftAligned,
                                 left: leftPos,
-                            } }) })), open && asyncFuncElement && (_jsx("div", { style: { position: "relative" }, children: _jsx(Menu, { menu: () => asyncFuncElement, data: [], coordinate: {
+                            }, onActionEvent: onActionEvent }) })), open && asyncFuncElement && (_jsx("div", { style: { position: "relative" }, children: _jsx(Menu, { menu: () => asyncFuncElement, data: [], coordinate: {
                                 x: 3,
                                 y: 0,
                                 toLeft: isLeftAligned,
                                 left: leftPos,
-                            } }) })), open && onFocusMenu.length > 0 && (_jsx("div", { style: { position: "relative" }, children: _jsx(Menu, { data: onFocusMenu, coordinate: {
+                            }, onActionEvent: onActionEvent }) })), open && onFocusMenu.length > 0 && (_jsx("div", { style: { position: "relative" }, children: _jsx(Menu, { data: onFocusMenu, coordinate: {
                                 x: 3,
                                 y: 0,
                                 toLeft: isLeftAligned,
                                 left: leftPos,
-                            } }) }))] })] }));
+                            }, onActionEvent: onActionEvent }) }))] })] }));
 };
-export function Menu({ coordinate = { x: 0, y: 0, toLeft: false, left: 0 }, data, zIndex, menu, className, menuElement, }) {
+export function Menu({ coordinate = { x: 0, y: 0, toLeft: false, left: 0 }, data, zIndex, menu, className, menuElement, onActionEvent, }) {
     const [, forceUpdate] = useState(false);
     const update = () => forceUpdate((p) => !p);
     const refMenu = useRef(null);
@@ -257,6 +321,6 @@ export function Menu({ coordinate = { x: 0, y: 0, toLeft: false, left: 0 }, data
             ...alignStyle,
         }, children: menu
             ? menu(dataMemo)
-            : dataMemo.map((item, i, arr) => (_jsx(MenuItemWrapper, { item: item, index: i, update: update, className: className, isLeftAligned: isLeftAligned, leftPos: leftPos, menuElement: menuElement, open: activeIndex === i, setOpenIndex: setActiveIndex }, typeof item.name === "string" ? item.name : i))) }));
+            : dataMemo.map((item, i, arr) => (_jsx(MenuItemWrapper, { item: item, index: i, update: update, className: className, isLeftAligned: isLeftAligned, leftPos: leftPos, menuElement: menuElement, open: activeIndex === i, setOpenIndex: setActiveIndex, onActionEvent: onActionEvent }, typeof item.name === "string" ? item.name : i))) }));
 }
 export { MenuProgress, MenuElement };

package/lib/common/src/menu/menuMouse.d.ts

@@ -28,6 +28,39 @@ export type ContextMenuLayerProps = {
     onConsume?: () => void;
     className?: (active?: boolean) => string;
 };
+export type ContextMenuActionCounters = {
+    click: number;
+    ok: number;
+    error: number;
+    taskOk: number;
+    taskError: number;
+    submenuOpen: number;
+    submenuOk: number;
+    submenuError: number;
+    funcOpen: number;
+    funcOk: number;
+    funcError: number;
+    focusOpen: number;
+    focusOk: number;
+    focusError: number;
+};
+export type ContextMenuStatsSnapshot = {
+    openAt: number;
+    openAtPoint: number;
+    legacyLayer: number;
+    close: number;
+    replace: number;
+    empty: number;
+    sources: Record<string, number>;
+    layers: Record<string, number>;
+    actionTotals: ContextMenuActionCounters;
+    actions: Record<string, ContextMenuActionCounters>;
+};
+export type ContextMenuStats = {
+    getSnapshot(): ContextMenuStatsSnapshot;
+    reset(): void;
+    onChange(cb: (snapshot: ContextMenuStatsSnapshot) => void): () => void;
+};
 export declare function createContextMenu(data?: {
     name?: string;
 }): {
@@ -51,6 +84,7 @@ export declare function createContextMenu(data?: {
         layerId?: string;
     }) => boolean;
     close: () => void;
+    stats: ContextMenuStats;
     Layer: ({ children, other, statusOn, onUnClick, onConsume, zIndex, className }: ContextMenuLayerProps) => import("react/jsx-runtime").JSX.Element;
     MenuView: typeof Menu;
 };
@@ -75,6 +109,7 @@ export declare const contextMenu: {
         layerId?: string;
     }) => boolean;
     close: () => void;
+    stats: ContextMenuStats;
     Layer: ({ children, other, statusOn, onUnClick, onConsume, zIndex, className }: ContextMenuLayerProps) => import("react/jsx-runtime").JSX.Element;
     MenuView: typeof Menu;
 };

package/lib/common/src/menu/menuMouse.js

@@ -2,6 +2,33 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { Menu } from "./menu";
 import { OutsideClickArea } from "../hooks/useOutside";
+function createActionCounters() {
+    return {
+        click: 0,
+        ok: 0,
+        error: 0,
+        taskOk: 0,
+        taskError: 0,
+        submenuOpen: 0,
+        submenuOk: 0,
+        submenuError: 0,
+        funcOpen: 0,
+        funcOk: 0,
+        funcError: 0,
+        focusOpen: 0,
+        focusOk: 0,
+        focusError: 0,
+    };
+}
+function cloneActionCounters(counters) {
+    return { ...counters };
+}
+function cloneActions(actions) {
+    const result = {};
+    for (const [key, counters] of Object.entries(actions))
+        result[key] = cloneActionCounters(counters);
+    return result;
+}
 function normalizeItems(items) {
     return (items ?? []).filter(Boolean);
 }
@@ -32,6 +59,19 @@ export function createContextMenu(data) {
     const map = new Map();
     const state = { open: false, items: [], point: { x: 0, y: 0 }, seq: 0 };
     const listeners = new Set();
+    const statsListeners = new Set();
+    const statsState = {
+        openAt: 0,
+        openAtPoint: 0,
+        legacyLayer: 0,
+        close: 0,
+        replace: 0,
+        empty: 0,
+        sources: {},
+        layers: {},
+        actionTotals: createActionCounters(),
+        actions: {},
+    };
     const layers = new Set();
     let layerSeq = 0;
     function emit() {
@@ -43,6 +83,63 @@ export function createContextMenu(data) {
         listeners.add(cb);
         return () => { listeners.delete(cb); };
     }
+    function statsSnapshot() {
+        return {
+            openAt: statsState.openAt,
+            openAtPoint: statsState.openAtPoint,
+            legacyLayer: statsState.legacyLayer,
+            close: statsState.close,
+            replace: statsState.replace,
+            empty: statsState.empty,
+            sources: { ...statsState.sources },
+            layers: { ...statsState.layers },
+            actionTotals: cloneActionCounters(statsState.actionTotals),
+            actions: cloneActions(statsState.actions),
+        };
+    }
+    function emitStats() {
+        const snapshot = statsSnapshot();
+        for (const cb of [...statsListeners])
+            cb(snapshot);
+    }
+    function bumpStat(key) {
+        statsState[key] += 1;
+        emitStats();
+    }
+    function bumpMapStat(map, key) {
+        if (!key)
+            return;
+        map[key] = (map[key] ?? 0) + 1;
+    }
+    function recordMenuAction(event) {
+        const stat = event.type;
+        statsState.actionTotals[stat] += 1;
+        if (event.actionKey) {
+            const counters = statsState.actions[event.actionKey] ??= createActionCounters();
+            counters[stat] += 1;
+        }
+        emitStats();
+    }
+    const stats = {
+        getSnapshot: statsSnapshot,
+        reset() {
+            statsState.openAt = 0;
+            statsState.openAtPoint = 0;
+            statsState.legacyLayer = 0;
+            statsState.close = 0;
+            statsState.replace = 0;
+            statsState.empty = 0;
+            statsState.sources = {};
+            statsState.layers = {};
+            statsState.actionTotals = createActionCounters();
+            statsState.actions = {};
+            emitStats();
+        },
+        onChange(cb) {
+            statsListeners.add(cb);
+            return () => { statsListeners.delete(cb); };
+        },
+    };
     function legacyItems() {
         if (map.has("only"))
             return normalizeItems(map.get("only"));
@@ -56,28 +153,39 @@ export function createContextMenu(data) {
     function close() {
         if (!state.open && state.items.length == 0)
             return;
+        bumpStat("close");
         state.open = false;
         state.items = [];
         state.layerId = undefined;
         emit();
     }
-    function openAt(anchor, items, opts = {}) {
+    function openMenu(anchor, items, opts = {}, kind) {
         preventNative(anchor);
         const nextItems = normalizeItems(items);
         if (nextItems.length == 0) {
+            bumpStat("empty");
             close();
             return false;
         }
+        if (state.open)
+            bumpStat("replace");
+        bumpStat(kind);
         state.open = true;
         state.items = nextItems;
         state.point = anchorPoint(anchor);
         state.source = opts.source;
         state.layerId = opts.layerId ?? anchorLayerId(anchor) ?? [...layers][0];
+        bumpMapStat(statsState.sources, state.source);
+        bumpMapStat(statsState.layers, state.layerId);
+        emitStats();
         emit();
         return true;
     }
+    function openAt(anchor, items, opts = {}) {
+        return openMenu(anchor, items, opts, "openAt");
+    }
     function openAtPoint(point, items, opts = {}) {
-        return openAt(point, items, opts);
+        return openMenu(point, items, opts, "openAtPoint");
     }
     function getState() {
         return {
@@ -123,7 +231,7 @@ export function createContextMenu(data) {
             return other ? normalizeItems(other()) : legacyItems();
         }
         function openQueued(anchor) {
-            const opened = openAt(anchor, queuedItems(), { source: "layer", layerId });
+            const opened = openMenu(anchor, queuedItems(), { source: "layer", layerId }, "legacyLayer");
             if (opened) {
                 map.clear();
                 onConsume?.();
@@ -183,7 +291,7 @@ export function createContextMenu(data) {
                     if (!state.open || hasQueuedItems(other))
                         openQueued(event);
                 }
-            }, children: [children, state.open && enabled && state.layerId == layerId && _jsx(OutsideClickArea, { outsideClick: handleClose, children: _jsx(Menu, { className: className, data: state.items, coordinate: relativePoint(), zIndex: zIndex }) })] });
+            }, children: [children, state.open && enabled && state.layerId == layerId && _jsx(OutsideClickArea, { outsideClick: handleClose, children: _jsx(Menu, { className: className, data: state.items, coordinate: relativePoint(), zIndex: zIndex, onActionEvent: recordMenuAction }) })] });
     }
     return {
         bb,
@@ -194,6 +302,7 @@ export function createContextMenu(data) {
         openAt,
         openAtPoint,
         close,
+        stats,
         Layer,
         MenuView: Menu,
     };

package/lib/common/src/styles/tokens.d.ts

@@ -75,7 +75,85 @@ export declare const tokens: {
         readonly popRadius: "8px";
         readonly popShadow: "0 8px 28px rgba(0, 0, 0, 0.5)";
     };
-    /** Logs chrome (--logs-*). Defaults preserve the old logger look; apps re-skin via CSS vars. */
+    /** Column-state compact menu (ColumnsMenu/MenuStrip) chrome (--cols-menu-*). */
+    readonly colsMenu: {
+        readonly gap: "6px";
+        readonly btnGap: "4px";
+        readonly btnPadding: "3px 9px";
+        readonly btnRadius: "6px";
+        readonly btnFontSize: "12px";
+        readonly btnLineHeight: "16px";
+        readonly onBorder: "1px solid #24292f";
+        readonly onBg: "#24292f";
+        readonly onColor: "#fff";
+        readonly offBorder: "1px solid #d0d7de";
+        readonly offBg: "#fff";
+        readonly offColor: "#8c959f";
+        readonly disabledBorder: "1px dashed #d0d7de";
+        readonly disabledBg: "#f6f8fa";
+        readonly disabledColor: "#c4ccd4";
+        readonly fixedShadow: "0 0 0 2px #eaeef2";
+        readonly dragShadow: "0 3px 10px rgba(0, 0, 0, 0.35)";
+        readonly divider: "#d0d7de";
+        readonly abbrFontSize: "10px";
+        readonly abbrFontWeight: 700;
+        readonly abbrLetterSpacing: "0.5px";
+        readonly marksFontSize: "9px";
+        readonly marksOpacity: 0.9;
+    };
+    /** ColumnDots chrome (--cols-dots-*). Defaults preserve restored card-29 look. */
+    readonly colsDots: {
+        readonly text: "#24292f";
+        readonly headGap: "10px";
+        readonly headMarginBottom: "6px";
+        readonly headFontSize: "12px";
+        readonly metaColor: "#57606a";
+        readonly sortBorder: "1px solid #6e7781";
+        readonly sortRadius: "6px";
+        readonly sortPadding: "2px 8px";
+        readonly sortFontSize: "12px";
+        readonly sortBg: "#fff";
+        readonly trackHeight: "56px";
+        readonly trackMargin: "0 14px";
+        readonly rail: "#d0d7de";
+        readonly markWidth: "44px";
+        readonly markHeight: "56px";
+        readonly markMarginLeft: "-22px";
+        readonly sortMarkColor: "#0969da";
+        readonly sortMarkFontSize: "11px";
+        readonly pin: "#afb8c1";
+        readonly labelColor: "#8c959f";
+        readonly labelActiveColor: "#24292f";
+        readonly labelFontSize: "10px";
+        readonly dotSize: "18px";
+        readonly dotRadius: "9px";
+        readonly dotBg: "#24292f";
+        readonly dotShadow: "0 3px 10px rgba(0, 0, 0, 0.35)";
+        readonly selectedBg: "#0969da";
+        readonly selectedBorder: "#b6d4fe";
+        readonly fixedBorder: "#afb8c1";
+    };
+    /** CardList chrome (--cols-card-*). Defaults preserve restored card-29 look. */
+    readonly colsCard: {
+        readonly gap: "8px";
+        readonly border: "1px solid #d0d7de";
+        readonly radius: "8px";
+        readonly padding: "8px 10px";
+        readonly bg: "#fff";
+        readonly headerGap: "8px";
+        readonly headerMarginBottom: "6px";
+        readonly titleFontSize: "14px";
+        readonly accentFontSize: "11px";
+        readonly accentPadding: "1px 8px";
+        readonly accentRadius: "10px";
+        readonly accentBg: "#ddf4ff";
+        readonly accentColor: "#0969da";
+        readonly fieldGap: "10px";
+        readonly fieldFontSize: "12px";
+        readonly fieldLineHeight: 1.7;
+        readonly labelColor: "#57606a";
+        readonly labelMinWidth: "72px";
+    };
     readonly logs: {
         readonly notificationText: "#fff";
         readonly notificationAccent: "#5D9FFA";

package/lib/common/src/styles/tokens.js

@@ -77,7 +77,85 @@ export const tokens = {
         popRadius: '8px',
         popShadow: '0 8px 28px rgba(0, 0, 0, 0.5)',
     },
-    /** Logs chrome (--logs-*). Defaults preserve the old logger look; apps re-skin via CSS vars. */
+    /** Column-state compact menu (ColumnsMenu/MenuStrip) chrome (--cols-menu-*). */
+    colsMenu: {
+        gap: '6px',
+        btnGap: '4px',
+        btnPadding: '3px 9px',
+        btnRadius: '6px',
+        btnFontSize: '12px',
+        btnLineHeight: '16px',
+        onBorder: '1px solid #24292f',
+        onBg: '#24292f',
+        onColor: '#fff',
+        offBorder: '1px solid #d0d7de',
+        offBg: '#fff',
+        offColor: '#8c959f',
+        disabledBorder: '1px dashed #d0d7de',
+        disabledBg: '#f6f8fa',
+        disabledColor: '#c4ccd4',
+        fixedShadow: '0 0 0 2px #eaeef2',
+        dragShadow: '0 3px 10px rgba(0, 0, 0, 0.35)',
+        divider: '#d0d7de',
+        abbrFontSize: '10px',
+        abbrFontWeight: 700,
+        abbrLetterSpacing: '0.5px',
+        marksFontSize: '9px',
+        marksOpacity: 0.9,
+    },
+    /** ColumnDots chrome (--cols-dots-*). Defaults preserve restored card-29 look. */
+    colsDots: {
+        text: '#24292f',
+        headGap: '10px',
+        headMarginBottom: '6px',
+        headFontSize: '12px',
+        metaColor: '#57606a',
+        sortBorder: '1px solid #6e7781',
+        sortRadius: '6px',
+        sortPadding: '2px 8px',
+        sortFontSize: '12px',
+        sortBg: '#fff',
+        trackHeight: '56px',
+        trackMargin: '0 14px',
+        rail: '#d0d7de',
+        markWidth: '44px',
+        markHeight: '56px',
+        markMarginLeft: '-22px',
+        sortMarkColor: '#0969da',
+        sortMarkFontSize: '11px',
+        pin: '#afb8c1',
+        labelColor: '#8c959f',
+        labelActiveColor: '#24292f',
+        labelFontSize: '10px',
+        dotSize: '18px',
+        dotRadius: '9px',
+        dotBg: '#24292f',
+        dotShadow: '0 3px 10px rgba(0, 0, 0, 0.35)',
+        selectedBg: '#0969da',
+        selectedBorder: '#b6d4fe',
+        fixedBorder: '#afb8c1',
+    },
+    /** CardList chrome (--cols-card-*). Defaults preserve restored card-29 look. */
+    colsCard: {
+        gap: '8px',
+        border: '1px solid #d0d7de',
+        radius: '8px',
+        padding: '8px 10px',
+        bg: '#fff',
+        headerGap: '8px',
+        headerMarginBottom: '6px',
+        titleFontSize: '14px',
+        accentFontSize: '11px',
+        accentPadding: '1px 8px',
+        accentRadius: '10px',
+        accentBg: '#ddf4ff',
+        accentColor: '#0969da',
+        fieldGap: '10px',
+        fieldFontSize: '12px',
+        fieldLineHeight: 1.7,
+        labelColor: '#57606a',
+        labelMinWidth: '72px',
+    }, /** Logs chrome (--logs-*). Defaults preserve the old logger look; apps re-skin via CSS vars. */
     logs: {
         notificationText: '#fff',
         notificationAccent: '#5D9FFA',

package/lib/common/src/utils/memoryStore.d.ts

@@ -27,16 +27,7 @@ export declare const memoryCache: {
     getArr: [k: string, v: Map<string, unknown>][];
 };
 export declare const memoryMaps: {
-    rnd: ObservableMap<string, {
-        position: {
-            x: number;
-            y: number;
-        };
-        size: {
-            height: number | string;
-            width: number | string;
-        };
-    }>;
+    rnd: ObservableMap<string, import("../components/Dnd/FloatingWindow").FloatingWindowSavedGeometry>;
     resize: ObservableMap<string, {
         height?: number | string;
         width?: number | string;