@optimizely/ocp-local-env 1.0.0-beta.10

package/dist/src/ui/components/TabbedConsole.js

@@ -0,0 +1,163 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const StoreViewer_1 = __importDefault(require("./StoreViewer"));
+const useQueryParams_1 = require("../hooks/useQueryParams");
+const TabbedConsole = ({ logs, onClearLogs, storeTimestamps, onRefreshStores, notificationCount = 0 }) => {
+    const { getParam, setParam } = (0, useQueryParams_1.useQueryParams)();
+    // Derive activeTab from URL, default to 'console'
+    const activeTab = getParam('console') || 'console';
+    // Restore expanded state from localStorage, default to false
+    const [expanded, setExpanded] = (0, react_1.useState)(() => {
+        const stored = localStorage.getItem('consoleExpanded');
+        return stored ? JSON.parse(stored) : false;
+    });
+    // Restore height from localStorage, default to 200
+    const [height, setHeight] = (0, react_1.useState)(() => {
+        const stored = localStorage.getItem('consoleHeight');
+        return stored ? parseInt(stored, 10) : 200;
+    });
+    const [logFilter, setLogFilter] = (0, react_1.useState)('app');
+    const [categoryFilter, setCategoryFilter] = (0, react_1.useState)('all');
+    const [levelFilter, setLevelFilter] = (0, react_1.useState)('all');
+    const dragStateRef = (0, react_1.useRef)({
+        isMouseDown: false,
+        isDragging: false,
+        startY: 0,
+        startHeight: 200
+    });
+    // Log categories organized by source type
+    const APP_CATEGORIES = [
+        'function',
+        'lifecycle',
+        'jobs',
+        'notifications'
+    ];
+    const SYSTEM_CATEGORIES = [
+        'build',
+        'destination',
+        'kvstore',
+        'settings',
+        'secrets',
+        'config',
+        'ipc',
+        'process'
+    ];
+    // Save expanded state to localStorage when it changes
+    (0, react_1.useEffect)(() => {
+        localStorage.setItem('consoleExpanded', JSON.stringify(expanded));
+    }, [expanded]);
+    // Save height to localStorage when it changes
+    (0, react_1.useEffect)(() => {
+        localStorage.setItem('consoleHeight', String(height));
+    }, [height]);
+    const filterLogs = (logs) => {
+        let filtered = logs;
+        // Filter by source (all/app/engine)
+        if (logFilter === 'app') {
+            filtered = filtered.filter(log => log.source === 'app');
+        }
+        else if (logFilter === 'engine') {
+            filtered = filtered.filter(log => log.source === 'system');
+        }
+        // Filter by category
+        if (categoryFilter !== 'all') {
+            filtered = filtered.filter(log => log.category === categoryFilter);
+        }
+        // Filter by level (hierarchical: show selected level and above)
+        if (levelFilter !== 'all') {
+            const levels = ['debug', 'info', 'warn', 'error'];
+            const minLevelIndex = levels.indexOf(levelFilter);
+            filtered = filtered.filter(log => levels.indexOf(log.level) >= minLevelIndex);
+        }
+        return filtered;
+    };
+    const renderTabContent = () => {
+        switch (activeTab) {
+            case 'console':
+                const filteredLogs = filterLogs(logs);
+                return ((0, jsx_runtime_1.jsxs)("div", { className: "console-tab-content", children: [(0, jsx_runtime_1.jsxs)("div", { className: "console-controls", children: [(0, jsx_runtime_1.jsxs)("div", { className: "filter-row", children: [(0, jsx_runtime_1.jsxs)("div", { className: "filter-group", children: [(0, jsx_runtime_1.jsx)("label", { className: "filter-label", children: "Source:" }), (0, jsx_runtime_1.jsxs)("select", { className: "filter-select", value: logFilter, onChange: (e) => setLogFilter(e.target.value), children: [(0, jsx_runtime_1.jsx)("option", { value: "app", children: "App" }), (0, jsx_runtime_1.jsx)("option", { value: "engine", children: "Engine (System)" }), (0, jsx_runtime_1.jsx)("option", { value: "all", children: "All Sources" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "filter-group", children: [(0, jsx_runtime_1.jsx)("label", { className: "filter-label", children: "Level:" }), (0, jsx_runtime_1.jsxs)("select", { className: "filter-select", value: levelFilter, onChange: (e) => setLevelFilter(e.target.value), children: [(0, jsx_runtime_1.jsx)("option", { value: "all", children: "All Levels" }), (0, jsx_runtime_1.jsx)("option", { value: "debug", children: "Debug+" }), (0, jsx_runtime_1.jsx)("option", { value: "info", children: "Info+" }), (0, jsx_runtime_1.jsx)("option", { value: "warn", children: "Warn+" }), (0, jsx_runtime_1.jsx)("option", { value: "error", children: "Error Only" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "filter-group", children: [(0, jsx_runtime_1.jsx)("label", { className: "filter-label", children: "Category:" }), (0, jsx_runtime_1.jsxs)("select", { className: "filter-select", value: categoryFilter, onChange: (e) => setCategoryFilter(e.target.value), children: [(0, jsx_runtime_1.jsx)("option", { value: "all", children: "All Categories" }), (0, jsx_runtime_1.jsx)("optgroup", { label: "\u2500\u2500\u2500 App \u2500\u2500\u2500", children: APP_CATEGORIES.map(cat => ((0, jsx_runtime_1.jsx)("option", { value: cat, children: cat }, cat))) }), (0, jsx_runtime_1.jsx)("optgroup", { label: "\u2500\u2500\u2500 System \u2500\u2500\u2500", children: SYSTEM_CATEGORIES.map(cat => ((0, jsx_runtime_1.jsx)("option", { value: cat, children: cat }, cat))) })] })] })] }), (0, jsx_runtime_1.jsx)("button", { className: "clear-logs-btn", onClick: onClearLogs, children: "Clear Logs" })] }), (0, jsx_runtime_1.jsx)("div", { className: "log-container", children: filteredLogs.length > 0 ? (filteredLogs.map((log) => {
+                                // Format log inline with access to all fields
+                                const time = new Date(log.timestamp).toLocaleTimeString();
+                                const id = log.context?.id || 'unknown';
+                                const sourceCategoryId = `${log.source}:${log.category}:${id}`;
+                                const level = log.level.toUpperCase();
+                                const formattedLog = `[${time}] ${sourceCategoryId.toUpperCase()} ${level}: ${log.message}`;
+                                return ((0, jsx_runtime_1.jsx)("div", { className: `log-line log-${log.level} log-source-${log.source} log-category-${log.category}`, children: formattedLog }, log.id));
+                            })) : ((0, jsx_runtime_1.jsx)("div", { className: "no-logs", children: "No console output yet" })) })] }));
+            case 'settings':
+            case 'secrets':
+            case 'kv':
+            case 'sharedKv':
+            case 'notifications':
+                return ((0, jsx_runtime_1.jsx)("div", { className: "store-tab-content", children: (0, jsx_runtime_1.jsx)(StoreViewer_1.default, { initialTab: activeTab, hideTabs: true, storeTimestamps: storeTimestamps, onRefreshStores: onRefreshStores }) }));
+            default:
+                return null;
+        }
+    };
+    // Handle mouse resize events - ONLY for resize handle
+    const handleResizeMouseDown = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        dragStateRef.current = {
+            isMouseDown: true,
+            isDragging: false,
+            startY: e.clientY,
+            startHeight: height
+        };
+        const handleMouseMove = (e) => {
+            const current = dragStateRef.current;
+            if (!current.isMouseDown)
+                return;
+            // Only start dragging if the mouse has moved enough
+            if (!current.isDragging) {
+                const deltaY = Math.abs(current.startY - e.clientY);
+                // Only start dragging if mouse moved at least 5px
+                if (deltaY < 5)
+                    return;
+                current.isDragging = true;
+                document.body.style.cursor = 'ns-resize';
+                document.body.style.userSelect = 'none';
+            }
+            // Only resize if we're actually dragging
+            if (current.isDragging) {
+                const deltaY = current.startY - e.clientY; // Inverted: moving up increases height
+                const newHeight = current.startHeight + deltaY;
+                const minHeight = 100;
+                const maxHeight = window.innerHeight * 0.8;
+                const clampedHeight = Math.max(minHeight, Math.min(maxHeight, newHeight));
+                setHeight(clampedHeight);
+            }
+        };
+        const handleMouseUp = () => {
+            dragStateRef.current = {
+                isMouseDown: false,
+                isDragging: false,
+                startY: 0,
+                startHeight: height // Keep current height instead of resetting to 200
+            };
+            document.body.style.cursor = '';
+            document.body.style.userSelect = '';
+            // Remove event listeners
+            document.removeEventListener('mousemove', handleMouseMove);
+            document.removeEventListener('mouseup', handleMouseUp);
+        };
+        // Add event listeners
+        document.addEventListener('mousemove', handleMouseMove);
+        document.addEventListener('mouseup', handleMouseUp);
+    };
+    // Handle tab click - switch tab and expand console if collapsed
+    const handleTabClick = (tab) => {
+        setParam('console', tab);
+        if (!expanded) {
+            setExpanded(true);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `console-panel ${expanded ? 'expanded' : 'collapsed'}`, style: { height: expanded ? `${height}px` : '32px' }, children: [expanded && ((0, jsx_runtime_1.jsx)("div", { className: "console-resize-handle", onMouseDown: handleResizeMouseDown })), (0, jsx_runtime_1.jsxs)("div", { className: "console-tab-headers", children: [(0, jsx_runtime_1.jsxs)("button", { className: `console-tab ${activeTab === 'console' ? 'active' : ''}`, onClick: () => handleTabClick('console'), children: [(0, jsx_runtime_1.jsx)("span", { className: "tab-icon", children: "\uD83D\uDCCB" }), (0, jsx_runtime_1.jsx)("span", { className: "tab-label", children: "Console" }), (0, jsx_runtime_1.jsxs)("span", { className: "tab-count", children: ["(", logs.length, ")"] })] }), (0, jsx_runtime_1.jsxs)("button", { className: `console-tab ${activeTab === 'settings' ? 'active' : ''}`, onClick: () => handleTabClick('settings'), children: [(0, jsx_runtime_1.jsx)("span", { className: "tab-icon", children: "\u2699\uFE0F" }), (0, jsx_runtime_1.jsx)("span", { className: "tab-label", children: "Settings" })] }), (0, jsx_runtime_1.jsxs)("button", { className: `console-tab ${activeTab === 'secrets' ? 'active' : ''}`, onClick: () => handleTabClick('secrets'), children: [(0, jsx_runtime_1.jsx)("span", { className: "tab-icon", children: "\uD83D\uDD10" }), (0, jsx_runtime_1.jsx)("span", { className: "tab-label", children: "Secrets" })] }), (0, jsx_runtime_1.jsxs)("button", { className: `console-tab ${activeTab === 'kv' ? 'active' : ''}`, onClick: () => handleTabClick('kv'), children: [(0, jsx_runtime_1.jsx)("span", { className: "tab-icon", children: "\uD83D\uDDC3\uFE0F" }), (0, jsx_runtime_1.jsx)("span", { className: "tab-label", children: "KV Store" })] }), (0, jsx_runtime_1.jsxs)("button", { className: `console-tab ${activeTab === 'sharedKv' ? 'active' : ''}`, onClick: () => handleTabClick('sharedKv'), children: [(0, jsx_runtime_1.jsx)("span", { className: "tab-icon", children: "\uD83D\uDD17" }), (0, jsx_runtime_1.jsx)("span", { className: "tab-label", children: "Shared KV" })] }), (0, jsx_runtime_1.jsxs)("button", { className: `console-tab ${activeTab === 'notifications' ? 'active' : ''}`, onClick: () => handleTabClick('notifications'), children: [(0, jsx_runtime_1.jsx)("span", { className: "tab-icon", children: "\uD83D\uDD14" }), (0, jsx_runtime_1.jsx)("span", { className: "tab-label", children: "Notifications" }), notificationCount > 0 && ((0, jsx_runtime_1.jsx)("span", { className: "notification-badge", children: notificationCount }))] }), (0, jsx_runtime_1.jsx)("button", { className: "console-toggle", onClick: () => setExpanded(!expanded), children: expanded ? '▼' : '▲' })] }), expanded && ((0, jsx_runtime_1.jsx)("div", { className: "console-content", children: (0, jsx_runtime_1.jsx)("div", { className: "console-tab-body", children: renderTabContent() }) }))] }));
+};
+exports.default = TabbedConsole;
+//# sourceMappingURL=TabbedConsole.js.map

package/dist/src/ui/components/TabbedConsole.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabbedConsole.js","sourceRoot":"","sources":["../../../../src/ui/components/TabbedConsole.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAA2D;AAC3D,gEAAwC;AAGxC,4DAAyD;AAkBzD,MAAM,aAAa,GAAiC,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,iBAAiB,GAAG,CAAC,EAAE,EAAE,EAAE;IACrI,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IAEhD,kDAAkD;IAClD,MAAM,SAAS,GAAI,QAAQ,CAAC,SAAS,CAAgB,IAAI,SAAS,CAAC;IAEnE,6DAA6D;IAC7D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE;QAC5C,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACvD,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,mDAAmD;IACnD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE;QACxC,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;QACrD,OAAO,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IAC7C,CAAC,CAAC,CAAC;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAA2B,KAAK,CAAC,CAAC;IAC5E,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAS,KAAK,CAAC,CAAC;IACpE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAS,KAAK,CAAC,CAAC;IAC9D,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC;QAC1B,WAAW,EAAE,KAAK;QAClB,UAAU,EAAE,KAAK;QACjB,MAAM,EAAE,CAAC;QACT,WAAW,EAAE,GAAG;KACjB,CAAC,CAAC;IAEH,0CAA0C;IAC1C,MAAM,cAAc,GAAG;QACrB,UAAU;QACV,WAAW;QACX,MAAM;QACN,eAAe;KAChB,CAAC;IAEF,MAAM,iBAAiB,GAAG;QACxB,OAAO;QACP,aAAa;QACb,SAAS;QACT,UAAU;QACV,SAAS;QACT,QAAQ;QACR,KAAK;QACL,SAAS;KACV,CAAC;IAEF,sDAAsD;IACtD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAO,CAAC,iBAAiB,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,8CAA8C;IAC9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAO,CAAC,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;IACxD,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,UAAU,GAAG,CAAC,IAAgB,EAAc,EAAE;QAClD,IAAI,QAAQ,GAAG,IAAI,CAAC;QAEpB,oCAAoC;QACpC,IAAI,SAAS,KAAK,KAAK,EAAE,CAAC;YACxB,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC;QAC1D,CAAC;aAAM,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;YAClC,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC;QAC7D,CAAC;QAED,qBAAqB;QACrB,IAAI,cAAc,KAAK,KAAK,EAAE,CAAC;YAC7B,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,QAAQ,KAAK,cAAc,CAAC,CAAC;QACrE,CAAC;QAED,gEAAgE;QAChE,IAAI,WAAW,KAAK,KAAK,EAAE,CAAC;YAC1B,MAAM,MAAM,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;YAClD,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YAClD,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,aAAa,CAAC,CAAC;QAChF,CAAC;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,QAAQ,SAAS,EAAE,CAAC;YAClB,KAAK,SAAS;gBACZ,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;gBAEtC,OAAO,CACL,iCAAK,SAAS,EAAC,qBAAqB,aAClC,iCAAK,SAAS,EAAC,kBAAkB,aAC/B,iCAAK,SAAS,EAAC,YAAY,aACzB,iCAAK,SAAS,EAAC,cAAc,aAC3B,kCAAO,SAAS,EAAC,cAAc,wBAAgB,EAC/C,oCACE,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAiC,CAAC,aAEzE,mCAAQ,KAAK,EAAC,KAAK,oBAAa,EAChC,mCAAQ,KAAK,EAAC,QAAQ,gCAAyB,EAC/C,mCAAQ,KAAK,EAAC,KAAK,4BAAqB,IACjC,IACL,EAEN,iCAAK,SAAS,EAAC,cAAc,aAC3B,kCAAO,SAAS,EAAC,cAAc,uBAAe,EAC9C,oCACE,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAE/C,mCAAQ,KAAK,EAAC,KAAK,2BAAoB,EACvC,mCAAQ,KAAK,EAAC,OAAO,uBAAgB,EACrC,mCAAQ,KAAK,EAAC,MAAM,sBAAe,EACnC,mCAAQ,KAAK,EAAC,MAAM,sBAAe,EACnC,mCAAQ,KAAK,EAAC,OAAO,2BAAoB,IAClC,IACL,EAEN,iCAAK,SAAS,EAAC,cAAc,aAC3B,kCAAO,SAAS,EAAC,cAAc,0BAAkB,EACjD,oCACE,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,aAElD,mCAAQ,KAAK,EAAC,KAAK,+BAAwB,EAC3C,qCAAU,KAAK,EAAC,2CAAa,YAC1B,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACzB,mCAAkB,KAAK,EAAE,GAAG,YAAG,GAAG,IAArB,GAAG,CAA4B,CAC7C,CAAC,GACO,EACX,qCAAU,KAAK,EAAC,8CAAgB,YAC7B,iBAAiB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAC5B,mCAAkB,KAAK,EAAE,GAAG,YAAG,GAAG,IAArB,GAAG,CAA4B,CAC7C,CAAC,GACO,IACJ,IACL,IACF,EAEN,mCAAQ,SAAS,EAAC,gBAAgB,EAAC,OAAO,EAAE,WAAW,2BAE9C,IACL,EACN,gCAAK,SAAS,EAAC,eAAe,YAC3B,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACzB,YAAY,CAAC,GAAG,CAAC,CAAC,GAAa,EAAE,EAAE;gCACjC,8CAA8C;gCAC9C,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,kBAAkB,EAAE,CAAC;gCAC1D,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,EAAE,EAAE,IAAI,SAAS,CAAC;gCACxC,MAAM,gBAAgB,GAAG,GAAG,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC,QAAQ,IAAI,EAAE,EAAE,CAAC;gCAC/D,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;gCACtC,MAAM,YAAY,GAAG,IAAI,IAAI,KAAK,gBAAgB,CAAC,WAAW,EAAE,IAAI,KAAK,KAAK,GAAG,CAAC,OAAO,EAAE,CAAC;gCAE5F,OAAO,CACL,gCAAkB,SAAS,EAAE,gBAAgB,GAAG,CAAC,KAAK,eAAe,GAAG,CAAC,MAAM,iBAAiB,GAAG,CAAC,QAAQ,EAAE,YAC3G,YAAY,IADL,GAAG,CAAC,EAAE,CAEV,CACP,CAAC;4BACJ,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAC,SAAS,sCAA4B,CACrD,GACG,IACF,CACP,CAAC;YAEJ,KAAK,UAAU,CAAC;YAChB,KAAK,SAAS,CAAC;YACf,KAAK,IAAI,CAAC;YACV,KAAK,UAAU,CAAC;YAChB,KAAK,eAAe;gBAClB,OAAO,CACL,gCAAK,SAAS,EAAC,mBAAmB,YAChC,uBAAC,qBAAW,IACV,UAAU,EAAE,SAAS,EACrB,QAAQ,EAAE,IAAI,EACd,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,GAChC,GACE,CACP,CAAC;YAEJ;gBACE,OAAO,IAAI,CAAC;QAChB,CAAC;IACH,CAAC,CAAC;IAEF,sDAAsD;IACtD,MAAM,qBAAqB,GAAG,CAAC,CAAmB,EAAE,EAAE;QACpD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,YAAY,CAAC,OAAO,GAAG;YACrB,WAAW,EAAE,IAAI;YACjB,UAAU,EAAE,KAAK;YACjB,MAAM,EAAE,CAAC,CAAC,OAAO;YACjB,WAAW,EAAE,MAAM;SACpB,CAAC;QAEF,MAAM,eAAe,GAAG,CAAC,CAAa,EAAE,EAAE;YACxC,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC;YACrC,IAAI,CAAC,OAAO,CAAC,WAAW;gBAAE,OAAO;YAEjC,oDAAoD;YACpD,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;gBACxB,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;gBACpD,kDAAkD;gBAClD,IAAI,MAAM,GAAG,CAAC;oBAAE,OAAO;gBAEvB,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC;gBAC1B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;gBACzC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;YAC1C,CAAC;YAED,yCAAyC;YACzC,IAAI,OAAO,CAAC,UAAU,EAAE,CAAC;gBACvB,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,uCAAuC;gBAClF,MAAM,SAAS,GAAG,OAAO,CAAC,WAAW,GAAG,MAAM,CAAC;gBAC/C,MAAM,SAAS,GAAG,GAAG,CAAC;gBACtB,MAAM,SAAS,GAAG,MAAM,CAAC,WAAW,GAAG,GAAG,CAAC;gBAE3C,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;gBAC1E,SAAS,CAAC,aAAa,CAAC,CAAC;YAC3B,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,aAAa,GAAG,GAAG,EAAE;YACzB,YAAY,CAAC,OAAO,GAAG;gBACrB,WAAW,EAAE,KAAK;gBAClB,UAAU,EAAE,KAAK;gBACjB,MAAM,EAAE,CAAC;gBACT,WAAW,EAAE,MAAM,CAAE,kDAAkD;aACxE,CAAC;YACF,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;YAChC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAC;YAEpC,yBAAyB;YACzB,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAC3D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;QAEF,sBAAsB;QACtB,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACxD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACtD,CAAC,CAAC;IAEF,gEAAgE;IAChE,MAAM,cAAc,GAAG,CAAC,GAAe,EAAE,EAAE;QACzC,QAAQ,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;QACzB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,WAAW,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,iCACE,SAAS,EAAE,iBAAiB,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,EAAE,EACjE,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,aAGnD,QAAQ,IAAI,CACX,gCACE,SAAS,EAAC,uBAAuB,EACjC,WAAW,EAAE,qBAAqB,GAClC,CACH,EAGD,iCAAK,SAAS,EAAC,qBAAqB,aAClC,oCACE,SAAS,EAAE,eAAe,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACnE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,SAAS,CAAC,aAExC,iCAAM,SAAS,EAAC,UAAU,6BAAU,EACpC,iCAAM,SAAS,EAAC,WAAW,wBAAe,EAC1C,kCAAM,SAAS,EAAC,WAAW,kBAAG,IAAI,CAAC,MAAM,SAAS,IAC3C,EAET,oCACE,SAAS,EAAE,eAAe,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACpE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,aAEzC,iCAAM,SAAS,EAAC,UAAU,6BAAU,EACpC,iCAAM,SAAS,EAAC,WAAW,yBAAgB,IACpC,EAET,oCACE,SAAS,EAAE,eAAe,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACnE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,SAAS,CAAC,aAExC,iCAAM,SAAS,EAAC,UAAU,6BAAU,EACpC,iCAAM,SAAS,EAAC,WAAW,wBAAe,IACnC,EAET,oCACE,SAAS,EAAE,eAAe,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9D,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,aAEnC,iCAAM,SAAS,EAAC,UAAU,mCAAW,EACrC,iCAAM,SAAS,EAAC,WAAW,yBAAgB,IACpC,EAET,oCACE,SAAS,EAAE,eAAe,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACpE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,CAAC,aAEzC,iCAAM,SAAS,EAAC,UAAU,6BAAU,EACpC,iCAAM,SAAS,EAAC,WAAW,0BAAiB,IACrC,EAET,oCACE,SAAS,EAAE,eAAe,SAAS,KAAK,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EACzE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,eAAe,CAAC,aAE9C,iCAAM,SAAS,EAAC,UAAU,6BAAU,EACpC,iCAAM,SAAS,EAAC,WAAW,8BAAqB,EAC/C,iBAAiB,GAAG,CAAC,IAAI,CACxB,iCAAM,SAAS,EAAC,oBAAoB,YAAE,iBAAiB,GAAQ,CAChE,IACM,EAET,mCAAQ,SAAS,EAAC,gBAAgB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,YACrE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GACd,IACL,EAEL,QAAQ,IAAI,CACX,gCAAK,SAAS,EAAC,iBAAiB,YAE9B,gCAAK,SAAS,EAAC,kBAAkB,YAC9B,gBAAgB,EAAE,GACf,GACF,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/dist/src/ui/components/common/DataTree.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface DataTreeProps {
+    data: any;
+    title?: string;
+    isSecret?: boolean;
+    showEyeIcon?: boolean;
+    onValueChange?: (newValue: any) => void;
+    readonly?: boolean;
+    depth?: number;
+}
+/**
+ * Recursive tree component for displaying nested data structures
+ */
+declare const DataTree: React.FC<DataTreeProps>;
+export default DataTree;

package/dist/src/ui/components/common/DataTree.js

@@ -0,0 +1,95 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const EyeIcon_1 = __importDefault(require("./EyeIcon"));
+/**
+ * Recursive tree component for displaying nested data structures
+ */
+const DataTree = ({ data, title, isSecret = false, showEyeIcon = false, onValueChange, readonly = false, depth = 0 }) => {
+    const [isVisible, setIsVisible] = (0, react_1.useState)(!isSecret);
+    const [isEditing, setIsEditing] = (0, react_1.useState)(false);
+    const [editValue, setEditValue] = (0, react_1.useState)('');
+    const toggleVisibility = () => {
+        setIsVisible(!isVisible);
+    };
+    const startEditing = () => {
+        if (readonly)
+            return;
+        setEditValue(JSON.stringify(data, null, 2));
+        setIsEditing(true);
+    };
+    const saveEdit = () => {
+        try {
+            const newValue = JSON.parse(editValue);
+            onValueChange?.(newValue);
+            setIsEditing(false);
+        }
+        catch (error) {
+            alert('Invalid JSON format');
+        }
+    };
+    const cancelEdit = () => {
+        setIsEditing(false);
+        setEditValue('');
+    };
+    const renderValue = (value) => {
+        if (value === null)
+            return (0, jsx_runtime_1.jsx)("span", { className: "null-value", children: "null" });
+        if (value === undefined)
+            return (0, jsx_runtime_1.jsx)("span", { className: "undefined-value", children: "undefined" });
+        if (typeof value === 'boolean')
+            return (0, jsx_runtime_1.jsx)("span", { className: "boolean-value", children: String(value) });
+        if (typeof value === 'number')
+            return (0, jsx_runtime_1.jsx)("span", { className: "number-value", children: value });
+        if (typeof value === 'string') {
+            if (!isVisible && isSecret) {
+                return (0, jsx_runtime_1.jsx)("span", { className: "hidden-value", children: '•'.repeat(8) });
+            }
+            return (0, jsx_runtime_1.jsxs)("span", { className: "string-value", children: ["\"", value, "\""] });
+        }
+        return null;
+    };
+    const renderPrimitive = () => {
+        const displayValue = renderValue(data);
+        return ((0, jsx_runtime_1.jsx)("div", { className: `data-tree-item primitive depth-${depth}`, children: (0, jsx_runtime_1.jsxs)("div", { className: "item-header", children: [title && (0, jsx_runtime_1.jsxs)("span", { className: "item-title", children: [title, ":"] }), (0, jsx_runtime_1.jsxs)("div", { className: "item-value", children: [isEditing ? ((0, jsx_runtime_1.jsxs)("div", { className: "edit-mode", children: [(0, jsx_runtime_1.jsx)("textarea", { className: "edit-input", value: editValue, onChange: (e) => setEditValue(e.target.value), rows: 3 }), (0, jsx_runtime_1.jsxs)("div", { className: "edit-controls", children: [(0, jsx_runtime_1.jsx)("button", { className: "save-btn", onClick: saveEdit, children: "Save" }), (0, jsx_runtime_1.jsx)("button", { className: "cancel-btn", onClick: cancelEdit, children: "Cancel" })] })] })) : ((0, jsx_runtime_1.jsx)("span", { className: `value ${readonly ? 'readonly' : 'editable'}`, onClick: !readonly ? startEditing : undefined, children: displayValue })), showEyeIcon && isSecret && ((0, jsx_runtime_1.jsx)(EyeIcon_1.default, { isVisible: isVisible, onClick: toggleVisibility }))] })] }) }));
+    };
+    const renderObject = () => {
+        const [isExpanded, setIsExpanded] = (0, react_1.useState)(depth < 2);
+        const keys = Object.keys(data);
+        if (keys.length === 0) {
+            return ((0, jsx_runtime_1.jsxs)("div", { className: `data-tree-item empty-object depth-${depth}`, children: [title && (0, jsx_runtime_1.jsxs)("span", { className: "item-title", children: [title, ":"] }), (0, jsx_runtime_1.jsx)("span", { className: "empty-value", children: '{}' })] }));
+        }
+        return ((0, jsx_runtime_1.jsxs)("div", { className: `data-tree-item object depth-${depth}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "item-header", onClick: () => setIsExpanded(!isExpanded), children: [(0, jsx_runtime_1.jsx)("span", { className: "expand-icon", children: isExpanded ? '▼' : '▶' }), title && (0, jsx_runtime_1.jsxs)("span", { className: "item-title", children: [title, ":"] }), (0, jsx_runtime_1.jsx)("span", { className: "object-info", children: `{${keys.length} ${keys.length === 1 ? 'key' : 'keys'}}` })] }), isExpanded && ((0, jsx_runtime_1.jsx)("div", { className: "item-children", children: keys.map(key => ((0, jsx_runtime_1.jsx)(DataTree, { data: data[key], title: key, isSecret: isSecret, showEyeIcon: showEyeIcon && typeof data[key] !== 'object', onValueChange: onValueChange ? (newValue) => {
+                            const updated = { ...data, [key]: newValue };
+                            onValueChange(updated);
+                        } : undefined, readonly: readonly, depth: depth + 1 }, key))) }))] }));
+    };
+    const renderArray = () => {
+        const [isExpanded, setIsExpanded] = (0, react_1.useState)(depth < 2);
+        if (data.length === 0) {
+            return ((0, jsx_runtime_1.jsxs)("div", { className: `data-tree-item empty-array depth-${depth}`, children: [title && (0, jsx_runtime_1.jsxs)("span", { className: "item-title", children: [title, ":"] }), (0, jsx_runtime_1.jsx)("span", { className: "empty-value", children: "[]" })] }));
+        }
+        return ((0, jsx_runtime_1.jsxs)("div", { className: `data-tree-item array depth-${depth}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "item-header", onClick: () => setIsExpanded(!isExpanded), children: [(0, jsx_runtime_1.jsx)("span", { className: "expand-icon", children: isExpanded ? '▼' : '▶' }), title && (0, jsx_runtime_1.jsxs)("span", { className: "item-title", children: [title, ":"] }), (0, jsx_runtime_1.jsx)("span", { className: "array-info", children: `[${data.length} ${data.length === 1 ? 'item' : 'items'}]` })] }), isExpanded && ((0, jsx_runtime_1.jsx)("div", { className: "item-children", children: data.map((item, index) => ((0, jsx_runtime_1.jsx)(DataTree, { data: item, title: `[${index}]`, isSecret: isSecret, showEyeIcon: showEyeIcon && typeof item !== 'object', onValueChange: onValueChange ? (newValue) => {
+                            const updated = [...data];
+                            updated[index] = newValue;
+                            onValueChange(updated);
+                        } : undefined, readonly: readonly, depth: depth + 1 }, index))) }))] }));
+    };
+    // Determine what type of data we're rendering
+    if (data === null || data === undefined || typeof data === 'string' || typeof data === 'number' || typeof data === 'boolean') {
+        return renderPrimitive();
+    }
+    if (Array.isArray(data)) {
+        return renderArray();
+    }
+    if (typeof data === 'object') {
+        return renderObject();
+    }
+    return renderPrimitive();
+};
+exports.default = DataTree;
+//# sourceMappingURL=DataTree.js.map

package/dist/src/ui/components/common/DataTree.js.map

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

package/dist/src/ui/components/common/EyeIcon.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface EyeIconProps {
+    isVisible: boolean;
+    onClick: () => void;
+    className?: string;
+}
+/**
+ * Toggleable eye icon for showing/hiding sensitive values
+ */
+declare const EyeIcon: React.FC<EyeIconProps>;
+export default EyeIcon;

package/dist/src/ui/components/common/EyeIcon.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Toggleable eye icon for showing/hiding sensitive values
+ */
+const EyeIcon = ({ isVisible, onClick, className = '' }) => {
+    return ((0, jsx_runtime_1.jsx)("button", { className: `eye-icon ${isVisible ? 'visible' : 'hidden'} ${className}`, onClick: onClick, title: isVisible ? 'Hide value' : 'Show value', type: "button", children: isVisible ? '👁️' : '👁️‍🗨️' }));
+};
+exports.default = EyeIcon;
+//# sourceMappingURL=EyeIcon.js.map

package/dist/src/ui/components/common/EyeIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EyeIcon.js","sourceRoot":"","sources":["../../../../../src/ui/components/common/EyeIcon.tsx"],"names":[],"mappings":";;;AAQA;;GAEG;AACH,MAAM,OAAO,GAA2B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE;IACjF,OAAO,CACL,mCACE,SAAS,EAAE,YAAY,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,IAAI,SAAS,EAAE,EACtE,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,EAC9C,IAAI,EAAC,QAAQ,YAEZ,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,GACvB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/dist/src/ui/hooks/useEntityNavigation.d.ts

@@ -0,0 +1,72 @@
+/**
+ * Configuration for entity navigation hook
+ */
+interface EntityNavigationConfig<TTab extends string = never> {
+    /** Base path for the entity (e.g., '/functions', '/jobs') */
+    basePath: string;
+    /** Entity name for logging purposes (e.g., 'function', 'job') */
+    entityName: string;
+    /** List of available entities */
+    entities: Array<{
+        id: string;
+    }>;
+    /** Currently selected entity ID from URL */
+    selectedEntityId: string | null;
+    /** Default tab value (optional, for views with tabs) */
+    defaultTab?: TTab;
+    /** Valid tab values (optional, for views with tabs) */
+    validTabs?: readonly TTab[];
+    /** Additional query parameters to preserve during navigation (default: ['console']) */
+    preserveParams?: string[];
+    /** Additional query parameters to set when navigating to an entity */
+    additionalParams?: Record<string, string>;
+}
+/**
+ * Return value from entity navigation hook
+ */
+interface EntityNavigationReturn<TTab extends string = never> {
+    /** Navigate to a specific entity or clear selection */
+    navigateToEntity: (entityId: string | null, replace?: boolean) => void;
+    /** Whether the currently selected entity exists in the entities list */
+    isValidEntity: boolean;
+    /** Whether the first entity should be auto-selected */
+    shouldAutoSelect: boolean;
+    /** Active tab (if tabs are configured) */
+    activeTab?: TTab;
+    /** Set the active tab (if tabs are configured) */
+    setActiveTab?: (tab: TTab) => void;
+    /** Whether the current tab is valid (if tabs are configured) */
+    isValidTab?: boolean;
+}
+/**
+ * Custom hook for managing entity selection and navigation with URL synchronization.
+ *
+ * This hook handles:
+ * - Navigation to/from entities while preserving query parameters (e.g., console tab)
+ * - Auto-selection of first entity when none is selected
+ * - Validation of entity ID and redirect to first entity if invalid
+ * - Optional tab management with validation
+ *
+ * @example
+ * ```typescript
+ * // Simple entity navigation (no tabs)
+ * const { navigateToEntity } = useEntityNavigation({
+ *   basePath: '/destinations',
+ *   entityName: 'destination',
+ *   entities: destinations,
+ *   selectedEntityId: selectedDestination,
+ * });
+ *
+ * // With tabs
+ * const { navigateToEntity, activeTab, setActiveTab } = useEntityNavigation({
+ *   basePath: '/functions',
+ *   entityName: 'function',
+ *   entities: functions,
+ *   selectedEntityId: selectedFunction,
+ *   defaultTab: 'body' as const,
+ *   validTabs: ['params', 'headers', 'body'] as const,
+ * });
+ * ```
+ */
+export declare function useEntityNavigation<TTab extends string = never>(config: EntityNavigationConfig<TTab>): EntityNavigationReturn<TTab>;
+export {};

package/dist/src/ui/hooks/useEntityNavigation.js

@@ -0,0 +1,150 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEntityNavigation = useEntityNavigation;
+const react_1 = require("react");
+const react_router_dom_1 = require("react-router-dom");
+const useQueryParams_1 = require("./useQueryParams");
+/**
+ * Custom hook for managing entity selection and navigation with URL synchronization.
+ *
+ * This hook handles:
+ * - Navigation to/from entities while preserving query parameters (e.g., console tab)
+ * - Auto-selection of first entity when none is selected
+ * - Validation of entity ID and redirect to first entity if invalid
+ * - Optional tab management with validation
+ *
+ * @example
+ * ```typescript
+ * // Simple entity navigation (no tabs)
+ * const { navigateToEntity } = useEntityNavigation({
+ *   basePath: '/destinations',
+ *   entityName: 'destination',
+ *   entities: destinations,
+ *   selectedEntityId: selectedDestination,
+ * });
+ *
+ * // With tabs
+ * const { navigateToEntity, activeTab, setActiveTab } = useEntityNavigation({
+ *   basePath: '/functions',
+ *   entityName: 'function',
+ *   entities: functions,
+ *   selectedEntityId: selectedFunction,
+ *   defaultTab: 'body' as const,
+ *   validTabs: ['params', 'headers', 'body'] as const,
+ * });
+ * ```
+ */
+function useEntityNavigation(config) {
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const { getParam, setParams } = (0, useQueryParams_1.useQueryParams)();
+    const { basePath, entityName, entities, selectedEntityId, defaultTab, validTabs, preserveParams = ['console'], additionalParams = {}, } = config;
+    /**
+     * Build URLSearchParams with preserved parameters
+     */
+    const buildPreservedParams = (0, react_1.useCallback)(() => {
+        const params = new URLSearchParams();
+        // Preserve specified query params
+        preserveParams.forEach(param => {
+            const value = getParam(param);
+            if (value) {
+                params.set(param, value);
+            }
+        });
+        // Add any additional params
+        Object.entries(additionalParams).forEach(([key, value]) => {
+            if (value) {
+                params.set(key, value);
+            }
+        });
+        return params;
+    }, [getParam, preserveParams, additionalParams]);
+    /**
+     * Navigate to an entity (or clear selection if entityId is null)
+     */
+    const navigateToEntity = (0, react_1.useCallback)((entityId, replace = false) => {
+        const params = buildPreservedParams();
+        if (entityId) {
+            // Add default tab if configured
+            if (defaultTab) {
+                params.set('tab', defaultTab);
+            }
+            const query = params.toString();
+            navigate(`${basePath}/${entityId}${query ? `?${query}` : ''}`, { replace });
+        }
+        else {
+            // No entity selected, navigate to base path
+            const query = params.toString();
+            navigate(`${basePath}${query ? `?${query}` : ''}`, { replace });
+        }
+    }, [navigate, basePath, defaultTab, buildPreservedParams]);
+    /**
+     * Check if the selected entity exists in the entities list
+     */
+    const isValidEntity = (0, react_1.useMemo)(() => {
+        if (!selectedEntityId || entities.length === 0)
+            return true;
+        return entities.some(e => e.id === selectedEntityId);
+    }, [selectedEntityId, entities]);
+    /**
+     * Determine if we should auto-select the first entity
+     */
+    const shouldAutoSelect = (0, react_1.useMemo)(() => {
+        return entities.length > 0 && !selectedEntityId;
+    }, [entities.length, selectedEntityId]);
+    /**
+     * Validate entity ID and redirect if invalid
+     */
+    (0, react_1.useEffect)(() => {
+        if (selectedEntityId && entities.length > 0 && !isValidEntity) {
+            console.warn(`${entityName} '${selectedEntityId}' not found, redirecting to first ${entityName}`);
+            navigateToEntity(entities[0].id, true);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [selectedEntityId, entities, isValidEntity, entityName]);
+    /**
+     * Auto-select first entity if none selected
+     */
+    (0, react_1.useEffect)(() => {
+        if (shouldAutoSelect) {
+            navigateToEntity(entities[0].id, true);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [shouldAutoSelect, entities]);
+    // Tab handling (if configured)
+    const activeTab = (validTabs && getParam('tab')) || defaultTab;
+    const isValidTab = (0, react_1.useMemo)(() => {
+        if (!validTabs || !activeTab)
+            return true;
+        return validTabs.includes(activeTab);
+    }, [validTabs, activeTab]);
+    const setActiveTab = (0, react_1.useCallback)((tab) => {
+        setParams({ tab });
+    }, [setParams]);
+    /**
+     * Validate tab and set default if needed
+     */
+    (0, react_1.useEffect)(() => {
+        if (!validTabs || !selectedEntityId)
+            return;
+        const urlTab = getParam('tab');
+        if (urlTab && !validTabs.includes(urlTab)) {
+            console.warn(`Invalid tab '${urlTab}', resetting to '${defaultTab}'`);
+            setParams({ tab: defaultTab });
+        }
+        else if (!urlTab && defaultTab) {
+            setParams({ tab: defaultTab });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [selectedEntityId, validTabs, defaultTab, getParam('tab')]);
+    return {
+        navigateToEntity,
+        isValidEntity,
+        shouldAutoSelect,
+        ...(validTabs && {
+            activeTab,
+            setActiveTab,
+            isValidTab,
+        }),
+    };
+}
+//# sourceMappingURL=useEntityNavigation.js.map

package/dist/src/ui/hooks/useEntityNavigation.js.map

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

package/dist/src/ui/hooks/useQueryParams.d.ts

@@ -0,0 +1,6 @@
+export declare function useQueryParams(): {
+    getParam: (key: string) => string | null;
+    setParam: (key: string, value: string | null, replace?: boolean) => void;
+    setParams: (updates: Record<string, string | null>, replace?: boolean) => void;
+    searchParams: URLSearchParams;
+};

package/dist/src/ui/hooks/useQueryParams.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useQueryParams = useQueryParams;
+const react_router_dom_1 = require("react-router-dom");
+const react_1 = require("react");
+function useQueryParams() {
+    const [searchParams, setSearchParams] = (0, react_router_dom_1.useSearchParams)();
+    const getParam = (0, react_1.useCallback)((key) => {
+        return searchParams.get(key);
+    }, [searchParams]);
+    const setParam = (0, react_1.useCallback)((key, value, replace) => {
+        setSearchParams(prev => {
+            const next = new URLSearchParams(prev);
+            if (value === null || value === undefined) {
+                next.delete(key);
+            }
+            else {
+                next.set(key, value);
+            }
+            return next;
+        }, { replace });
+    }, [setSearchParams]);
+    const setParams = (0, react_1.useCallback)((updates, replace) => {
+        setSearchParams(prev => {
+            const next = new URLSearchParams(prev);
+            Object.entries(updates).forEach(([key, value]) => {
+                if (value === null || value === undefined) {
+                    next.delete(key);
+                }
+                else {
+                    next.set(key, value);
+                }
+            });
+            return next;
+        }, { replace });
+    }, [setSearchParams]);
+    return { getParam, setParam, setParams, searchParams };
+}
+//# sourceMappingURL=useQueryParams.js.map

package/dist/src/ui/hooks/useQueryParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQueryParams.js","sourceRoot":"","sources":["../../../../src/ui/hooks/useQueryParams.ts"],"names":[],"mappings":";;AAGA,wCAkCC;AArCD,uDAAmD;AACnD,iCAAoC;AAEpC,SAAgB,cAAc;IAC5B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,kCAAe,GAAE,CAAC;IAE1D,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAC,GAAW,EAAiB,EAAE;QAC1D,OAAO,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAC,GAAW,EAAE,KAAoB,EAAE,OAAiB,EAAE,EAAE;QACpF,eAAe,CAAC,IAAI,CAAC,EAAE;YACrB,MAAM,IAAI,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC;YACvC,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBAC1C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACnB,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YACvB,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,CAAC,OAAsC,EAAE,OAAiB,EAAE,EAAE;QAC1F,eAAe,CAAC,IAAI,CAAC,EAAE;YACrB,MAAM,IAAI,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC;YACvC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;gBAC/C,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;oBAC1C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBACnB,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;gBACvB,CAAC;YACH,CAAC,CAAC,CAAC;YACH,OAAO,IAAI,CAAC;QACd,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;AACzD,CAAC"}

package/dist/src/ui/index.d.ts

@@ -0,0 +1 @@
+import "./styles.css";