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

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

@@ -0,0 +1,179 @@
+"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("./common/EyeIcon"));
+const SecretsStoreViewer = ({ secrets, onUpdate }) => {
+    const [expandedSections, setExpandedSections] = (0, react_1.useState)(new Set());
+    const [visibleSecrets, setVisibleSecrets] = (0, react_1.useState)(new Set());
+    const [editingSecret, setEditingSecret] = (0, react_1.useState)(null);
+    const [editValue, setEditValue] = (0, react_1.useState)('');
+    const toggleSection = (sectionName) => {
+        const newExpanded = new Set(expandedSections);
+        if (newExpanded.has(sectionName)) {
+            newExpanded.delete(sectionName);
+        }
+        else {
+            newExpanded.add(sectionName);
+        }
+        setExpandedSections(newExpanded);
+    };
+    const toggleSecretVisibility = (secretId) => {
+        const newVisible = new Set(visibleSecrets);
+        if (newVisible.has(secretId)) {
+            newVisible.delete(secretId);
+        }
+        else {
+            newVisible.add(secretId);
+        }
+        setVisibleSecrets(newVisible);
+    };
+    const startEditing = (sectionName, fieldName, currentValue) => {
+        const secretId = `${sectionName}.${fieldName}`;
+        setEditingSecret(secretId);
+        setEditValue(typeof currentValue === 'string' ? currentValue : JSON.stringify(currentValue));
+    };
+    const saveEdit = async (sectionName, fieldName) => {
+        try {
+            // Try to parse as JSON first, fallback to string
+            let newValue;
+            try {
+                newValue = JSON.parse(editValue);
+            }
+            catch {
+                newValue = editValue;
+            }
+            // Update via API
+            const response = await fetch(`/devserver/api/stores/secrets/${sectionName}`, {
+                method: 'PUT',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ [fieldName]: newValue }),
+            });
+            if (!response.ok) {
+                throw new Error(`Failed to update secret: ${response.statusText}`);
+            }
+            const result = await response.json();
+            // Update local state
+            const updatedSecrets = { ...secrets };
+            if (!updatedSecrets[sectionName]) {
+                updatedSecrets[sectionName] = {};
+            }
+            updatedSecrets[sectionName] = result.secrets;
+            onUpdate(updatedSecrets);
+            setEditingSecret(null);
+            setEditValue('');
+        }
+        catch (error) {
+            console.error('Error updating secret:', error);
+            alert(`Failed to update secret: ${error instanceof Error ? error.message : String(error)}`);
+        }
+    };
+    const deleteSecret = async (sectionName, fieldName) => {
+        if (!confirm(`Are you sure you want to delete the secret "${fieldName}" from section "${sectionName}"?`)) {
+            return;
+        }
+        try {
+            // Create updated section without the field
+            const updatedSection = { ...secrets[sectionName] };
+            delete updatedSection[fieldName];
+            // Update via API
+            const response = await fetch(`/devserver/api/stores/secrets/${sectionName}`, {
+                method: 'PUT',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify(updatedSection),
+            });
+            if (!response.ok) {
+                throw new Error(`Failed to delete secret: ${response.statusText}`);
+            }
+            const result = await response.json();
+            // Update local state
+            const updatedSecrets = { ...secrets };
+            updatedSecrets[sectionName] = result.secrets;
+            onUpdate(updatedSecrets);
+        }
+        catch (error) {
+            console.error('Error deleting secret:', error);
+            alert(`Failed to delete secret: ${error instanceof Error ? error.message : String(error)}`);
+        }
+    };
+    const addNewSecret = async (sectionName) => {
+        const fieldName = prompt('Enter secret name:');
+        if (!fieldName)
+            return;
+        const value = prompt('Enter secret value:');
+        if (value === null)
+            return; // User cancelled
+        try {
+            // Update via API
+            const response = await fetch(`/devserver/api/stores/secrets/${sectionName}`, {
+                method: 'PUT',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ [fieldName]: value }),
+            });
+            if (!response.ok) {
+                throw new Error(`Failed to add secret: ${response.statusText}`);
+            }
+            const result = await response.json();
+            // Update local state
+            const updatedSecrets = { ...secrets };
+            if (!updatedSecrets[sectionName]) {
+                updatedSecrets[sectionName] = {};
+            }
+            updatedSecrets[sectionName] = result.secrets;
+            onUpdate(updatedSecrets);
+        }
+        catch (error) {
+            console.error('Error adding secret:', error);
+            alert(`Failed to add secret: ${error instanceof Error ? error.message : String(error)}`);
+        }
+    };
+    const cancelEdit = () => {
+        setEditingSecret(null);
+        setEditValue('');
+    };
+    const renderSecretValue = (value, secretId) => {
+        const isVisible = visibleSecrets.has(secretId);
+        const isEditing = editingSecret === secretId;
+        if (isEditing) {
+            return ((0, jsx_runtime_1.jsxs)("div", { className: "secret-edit-mode", children: [(0, jsx_runtime_1.jsx)("textarea", { className: "secret-edit-input", value: editValue, onChange: (e) => setEditValue(e.target.value), rows: 2, placeholder: "Enter secret value..." }), (0, jsx_runtime_1.jsxs)("div", { className: "secret-edit-controls", children: [(0, jsx_runtime_1.jsx)("button", { className: "save-btn", onClick: () => {
+                                    const [sectionName, fieldName] = secretId.split('.');
+                                    saveEdit(sectionName, fieldName);
+                                }, children: "Save" }), (0, jsx_runtime_1.jsx)("button", { className: "cancel-btn", onClick: cancelEdit, children: "Cancel" })] })] }));
+        }
+        if (!isVisible) {
+            return (0, jsx_runtime_1.jsx)("span", { className: "hidden-secret-value", children: '•'.repeat(12) });
+        }
+        if (value === null || value === undefined) {
+            return (0, jsx_runtime_1.jsx)("span", { className: "empty-secret-value", children: "(empty)" });
+        }
+        if (typeof value === 'string') {
+            return (0, jsx_runtime_1.jsxs)("span", { className: "string-secret-value", children: ["\"", value, "\""] });
+        }
+        return (0, jsx_runtime_1.jsx)("span", { className: "complex-secret-value", children: JSON.stringify(value) });
+    };
+    const sectionNames = Object.keys(secrets).sort();
+    if (sectionNames.length === 0) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "secrets-store-viewer empty", children: (0, jsx_runtime_1.jsxs)("div", { className: "empty-message", children: [(0, jsx_runtime_1.jsx)("span", { className: "empty-icon", children: "\uD83D\uDD10" }), (0, jsx_runtime_1.jsx)("p", { children: "No secrets stored" }), (0, jsx_runtime_1.jsx)("button", { className: "add-section-btn", onClick: () => addNewSecret('default'), children: "Add First Secret" })] }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: "secrets-store-viewer compact-store", children: (0, jsx_runtime_1.jsxs)("div", { className: "store-sections", children: [sectionNames.map((sectionName) => {
+                    const section = secrets[sectionName];
+                    const fieldNames = Object.keys(section).sort();
+                    const isExpanded = expandedSections.has(sectionName);
+                    return ((0, jsx_runtime_1.jsxs)("div", { className: "store-section", children: [(0, jsx_runtime_1.jsxs)("div", { className: "section-header", onClick: () => toggleSection(sectionName), children: [(0, jsx_runtime_1.jsx)("span", { className: "expand-icon", children: isExpanded ? '▼' : '▶' }), (0, jsx_runtime_1.jsx)("span", { className: "section-name", children: sectionName }), (0, jsx_runtime_1.jsxs)("span", { className: "field-count", children: ["(", fieldNames.length, ")"] })] }), isExpanded && ((0, jsx_runtime_1.jsx)("div", { className: "section-fields", children: fieldNames.map((fieldName) => {
+                                    const value = section[fieldName];
+                                    const secretId = `${sectionName}.${fieldName}`;
+                                    return ((0, jsx_runtime_1.jsxs)("div", { className: "field-row", children: [(0, jsx_runtime_1.jsx)("div", { className: "field-key", children: fieldName }), (0, jsx_runtime_1.jsx)("div", { className: "field-value", children: renderSecretValue(value, secretId) }), (0, jsx_runtime_1.jsxs)("div", { className: "field-metadata", children: [(0, jsx_runtime_1.jsx)(EyeIcon_1.default, { isVisible: visibleSecrets.has(secretId), onClick: () => toggleSecretVisibility(secretId), className: "metadata-icon" }), (0, jsx_runtime_1.jsx)("button", { className: "edit-icon", onClick: () => startEditing(sectionName, fieldName, value), title: "Edit", children: "\u270F\uFE0F" }), (0, jsx_runtime_1.jsx)("button", { className: "delete-icon", onClick: () => deleteSecret(sectionName, fieldName), title: "Delete", children: "\uD83D\uDDD1\uFE0F" })] })] }, fieldName));
+                                }) }))] }, sectionName));
+                }), sectionNames.length === 0 && ((0, jsx_runtime_1.jsx)("div", { className: "empty-store", children: "No secrets configured" }))] }) }));
+};
+exports.default = SecretsStoreViewer;
+//# sourceMappingURL=SecretsStoreViewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SecretsStoreViewer.js","sourceRoot":"","sources":["../../../../src/ui/components/SecretsStoreViewer.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAwC;AACxC,+DAAuC;AAWvC,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,OAAO,EACP,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAc,IAAI,GAAG,EAAE,CAAC,CAAC;IACjF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAc,IAAI,GAAG,EAAE,CAAC,CAAC;IAC7E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IACxE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAE/C,MAAM,aAAa,GAAG,CAAC,WAAmB,EAAE,EAAE;QAC5C,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,gBAAgB,CAAC,CAAC;QAC9C,IAAI,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;YAChC,WAAW,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;SACjC;aAAM;YACL,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;SAC9B;QACD,mBAAmB,CAAC,WAAW,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAClD,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,cAAc,CAAC,CAAC;QAC3C,IAAI,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;YAC5B,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;SAC7B;aAAM;YACL,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;SAC1B;QACD,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,WAAmB,EAAE,SAAiB,EAAE,YAAiB,EAAE,EAAE;QACjF,MAAM,QAAQ,GAAG,GAAG,WAAW,IAAI,SAAS,EAAE,CAAC;QAC/C,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAC3B,YAAY,CAAC,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC;IAC/F,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,EAAE,WAAmB,EAAE,SAAiB,EAAE,EAAE;QAChE,IAAI;YACF,iDAAiD;YACjD,IAAI,QAAa,CAAC;YAClB,IAAI;gBACF,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;aAClC;YAAC,MAAM;gBACN,QAAQ,GAAG,SAAS,CAAC;aACtB;YAED,iBAAiB;YACjB,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,iCAAiC,WAAW,EAAE,EAAE;gBAC3E,MAAM,EAAE,KAAK;gBACb,OAAO,EAAE;oBACP,cAAc,EAAE,kBAAkB;iBACnC;gBACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;aAChD,CAAC,CAAC;YAEH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;gBAChB,MAAM,IAAI,KAAK,CAAC,4BAA4B,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;aACpE;YAED,MAAM,MAAM,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAErC,qBAAqB;YACrB,MAAM,cAAc,GAAG,EAAE,GAAG,OAAO,EAAE,CAAC;YACtC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE;gBAChC,cAAc,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;aAClC;YACD,cAAc,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC;YAC7C,QAAQ,CAAC,cAAc,CAAC,CAAC;YAEzB,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,YAAY,CAAC,EAAE,CAAC,CAAC;SAClB;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,KAAK,CAAC,CAAC;YAC/C,KAAK,CAAC,4BAA4B,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;SAC7F;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,EAAE,WAAmB,EAAE,SAAiB,EAAE,EAAE;QACpE,IAAI,CAAC,OAAO,CAAC,+CAA+C,SAAS,mBAAmB,WAAW,IAAI,CAAC,EAAE;YACxG,OAAO;SACR;QAED,IAAI;YACF,2CAA2C;YAC3C,MAAM,cAAc,GAAG,EAAE,GAAG,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;YACnD,OAAO,cAAc,CAAC,SAAS,CAAC,CAAC;YAEjC,iBAAiB;YACjB,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,iCAAiC,WAAW,EAAE,EAAE;gBAC3E,MAAM,EAAE,KAAK;gBACb,OAAO,EAAE;oBACP,cAAc,EAAE,kBAAkB;iBACnC;gBACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC;aACrC,CAAC,CAAC;YAEH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;gBAChB,MAAM,IAAI,KAAK,CAAC,4BAA4B,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;aACpE;YAED,MAAM,MAAM,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAErC,qBAAqB;YACrB,MAAM,cAAc,GAAG,EAAE,GAAG,OAAO,EAAE,CAAC;YACtC,cAAc,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC;YAC7C,QAAQ,CAAC,cAAc,CAAC,CAAC;SAC1B;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,KAAK,CAAC,CAAC;YAC/C,KAAK,CAAC,4BAA4B,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;SAC7F;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,EAAE,WAAmB,EAAE,EAAE;QACjD,MAAM,SAAS,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;QAC/C,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,KAAK,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC;QAC5C,IAAI,KAAK,KAAK,IAAI;YAAE,OAAO,CAAC,iBAAiB;QAE7C,IAAI;YACF,iBAAiB;YACjB,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,iCAAiC,WAAW,EAAE,EAAE;gBAC3E,MAAM,EAAE,KAAK;gBACb,OAAO,EAAE;oBACP,cAAc,EAAE,kBAAkB;iBACnC;gBACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC;aAC7C,CAAC,CAAC;YAEH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;gBAChB,MAAM,IAAI,KAAK,CAAC,yBAAyB,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;aACjE;YAED,MAAM,MAAM,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAErC,qBAAqB;YACrB,MAAM,cAAc,GAAG,EAAE,GAAG,OAAO,EAAE,CAAC;YACtC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE;gBAChC,cAAc,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;aAClC;YACD,cAAc,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC;YAC7C,QAAQ,CAAC,cAAc,CAAC,CAAC;SAC1B;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC;YAC7C,KAAK,CAAC,yBAAyB,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;SAC1F;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,YAAY,CAAC,EAAE,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAAU,EAAE,QAAgB,EAAE,EAAE;QACzD,MAAM,SAAS,GAAG,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC/C,MAAM,SAAS,GAAG,aAAa,KAAK,QAAQ,CAAC;QAE7C,IAAI,SAAS,EAAE;YACb,OAAO,CACL,iCAAK,SAAS,EAAC,kBAAkB,aAC/B,qCACE,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,IAAI,EAAE,CAAC,EACP,WAAW,EAAC,uBAAuB,GACnC,EACF,iCAAK,SAAS,EAAC,sBAAsB,aACnC,mCACE,SAAS,EAAC,UAAU,EACpB,OAAO,EAAE,GAAG,EAAE;oCACZ,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;oCACrD,QAAQ,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;gCACnC,CAAC,qBAGM,EACT,mCAAQ,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,UAAU,uBAEzC,IACL,IACF,CACP,CAAC;SACH;QAED,IAAI,CAAC,SAAS,EAAE;YACd,OAAO,iCAAM,SAAS,EAAC,qBAAqB,YAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,GAAQ,CAAC;SACtE;QAED,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;YACzC,OAAO,iCAAM,SAAS,EAAC,oBAAoB,wBAAe,CAAC;SAC5D;QAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,OAAO,kCAAM,SAAS,EAAC,qBAAqB,mBAAG,KAAK,UAAS,CAAC;SAC/D;QAED,OAAO,iCAAM,SAAS,EAAC,sBAAsB,YAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAQ,CAAC;IAC/E,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC;IAEjD,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;QAC7B,OAAO,CACL,gCAAK,SAAS,EAAC,4BAA4B,YACzC,iCAAK,SAAS,EAAC,eAAe,aAC5B,iCAAM,SAAS,EAAC,YAAY,6BAAU,EACtC,8DAAwB,EACxB,mCACE,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,iCAG/B,IACL,GACF,CACP,CAAC;KACH;IAED,OAAO,CACL,gCAAK,SAAS,EAAC,oCAAoC,YACjD,iCAAK,SAAS,EAAC,gBAAgB,aAC5B,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE;oBAChC,MAAM,OAAO,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;oBACrC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC;oBAC/C,MAAM,UAAU,GAAG,gBAAgB,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;oBAErD,OAAO,CACL,iCAAuB,SAAS,EAAC,eAAe,aAC9C,iCACE,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,aAEzC,iCAAM,SAAS,EAAC,aAAa,YAC1B,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAClB,EACP,iCAAM,SAAS,EAAC,cAAc,YAAE,WAAW,GAAQ,EACnD,kCAAM,SAAS,EAAC,aAAa,kBAAG,UAAU,CAAC,MAAM,SAAS,IACtD,EAEL,UAAU,IAAI,CACb,gCAAK,SAAS,EAAC,gBAAgB,YAC5B,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;oCAC5B,MAAM,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;oCACjC,MAAM,QAAQ,GAAG,GAAG,WAAW,IAAI,SAAS,EAAE,CAAC;oCAE/C,OAAO,CACL,iCAAqB,SAAS,EAAC,WAAW,aACxC,gCAAK,SAAS,EAAC,WAAW,YAAE,SAAS,GAAO,EAC5C,gCAAK,SAAS,EAAC,aAAa,YACzB,iBAAiB,CAAC,KAAK,EAAE,QAAQ,CAAC,GAC/B,EACN,iCAAK,SAAS,EAAC,gBAAgB,aAC7B,uBAAC,iBAAO,IACN,SAAS,EAAE,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,QAAQ,CAAC,EAC/C,SAAS,EAAC,eAAe,GACzB,EAEF,mCACE,SAAS,EAAC,WAAW,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC,EAC1D,KAAK,EAAC,MAAM,6BAGL,EAET,mCACE,SAAS,EAAC,aAAa,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,EACnD,KAAK,EAAC,QAAQ,mCAGP,IACL,KA3BE,SAAS,CA4Bb,CACP,CAAC;gCACJ,CAAC,CAAC,GACE,CACP,KAnDO,WAAW,CAoDf,CACP,CAAC;gBACJ,CAAC,CAAC,EAED,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,CAC5B,gCAAK,SAAS,EAAC,aAAa,sCAA4B,CACzD,IACG,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/dist/src/ui/components/SettingsStoreViewer.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+interface SettingsField {
+    value: any;
+    isSecret: boolean;
+    isFromYml: boolean;
+    hasLocalValue: boolean;
+    fieldSchema?: {
+        type?: string;
+        secret?: boolean;
+        required?: boolean;
+        description?: string;
+        default?: any;
+    };
+}
+interface SettingsStoreViewerProps {
+    settings: {
+        [sectionName: string]: {
+            [fieldName: string]: SettingsField;
+        };
+    };
+    onUpdate: (updatedSettings: any) => void;
+}
+declare const SettingsStoreViewer: React.FC<SettingsStoreViewerProps>;
+export default SettingsStoreViewer;

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

@@ -0,0 +1,132 @@
+"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("./common/EyeIcon"));
+const SettingsStoreViewer = ({ settings, onUpdate }) => {
+    const [expandedSections, setExpandedSections] = (0, react_1.useState)(new Set());
+    const [hiddenFields, setHiddenFields] = (0, react_1.useState)(new Set());
+    const [editingField, setEditingField] = (0, react_1.useState)(null);
+    const [editValue, setEditValue] = (0, react_1.useState)('');
+    const toggleSection = (sectionName) => {
+        const newExpanded = new Set(expandedSections);
+        if (newExpanded.has(sectionName)) {
+            newExpanded.delete(sectionName);
+        }
+        else {
+            newExpanded.add(sectionName);
+        }
+        setExpandedSections(newExpanded);
+    };
+    const toggleFieldVisibility = (fieldId) => {
+        const newHidden = new Set(hiddenFields);
+        if (newHidden.has(fieldId)) {
+            newHidden.delete(fieldId);
+        }
+        else {
+            newHidden.add(fieldId);
+        }
+        setHiddenFields(newHidden);
+    };
+    const startEditing = (sectionName, fieldName, currentValue) => {
+        const fieldId = `${sectionName}.${fieldName}`;
+        setEditingField(fieldId);
+        setEditValue(typeof currentValue === 'string' ? currentValue : JSON.stringify(currentValue));
+    };
+    const saveEdit = async (sectionName, fieldName) => {
+        try {
+            // Try to parse as JSON first, fallback to string
+            let newValue;
+            try {
+                newValue = JSON.parse(editValue);
+            }
+            catch {
+                newValue = editValue;
+            }
+            // Update via API
+            const response = await fetch(`/devserver/api/stores/settings/${sectionName}`, {
+                method: 'PUT',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ [fieldName]: newValue }),
+            });
+            if (!response.ok) {
+                throw new Error(`Failed to update setting: ${response.statusText}`);
+            }
+            const result = await response.json();
+            // Update local state
+            const updatedSettings = { ...settings };
+            if (!updatedSettings[sectionName]) {
+                updatedSettings[sectionName] = {};
+            }
+            updatedSettings[sectionName] = result.fields;
+            onUpdate(updatedSettings);
+            setEditingField(null);
+            setEditValue('');
+        }
+        catch (error) {
+            console.error('Error updating setting:', error);
+            alert(`Failed to update setting: ${error instanceof Error ? error.message : String(error)}`);
+        }
+    };
+    const cancelEdit = () => {
+        setEditingField(null);
+        setEditValue('');
+    };
+    const renderFieldValue = (field, fieldId) => {
+        const isHidden = field.isSecret && !hiddenFields.has(fieldId);
+        const isEditing = editingField === fieldId;
+        if (isEditing) {
+            return ((0, jsx_runtime_1.jsxs)("div", { className: "field-edit-mode", children: [(0, jsx_runtime_1.jsx)("textarea", { className: "field-edit-input", value: editValue, onChange: (e) => setEditValue(e.target.value), rows: 2 }), (0, jsx_runtime_1.jsxs)("div", { className: "field-edit-controls", children: [(0, jsx_runtime_1.jsx)("button", { className: "save-btn", onClick: () => {
+                                    const [sectionName, fieldName] = fieldId.split('.');
+                                    saveEdit(sectionName, fieldName);
+                                }, children: "Save" }), (0, jsx_runtime_1.jsx)("button", { className: "cancel-btn", onClick: cancelEdit, children: "Cancel" })] })] }));
+        }
+        if (isHidden) {
+            return (0, jsx_runtime_1.jsx)("span", { className: "hidden-field-value", children: '•'.repeat(8) });
+        }
+        if (field.value === null || field.value === undefined) {
+            return (0, jsx_runtime_1.jsx)("span", { className: "empty-field-value", children: "(empty)" });
+        }
+        if (typeof field.value === 'string') {
+            return (0, jsx_runtime_1.jsxs)("span", { className: "string-field-value", children: ["\"", field.value, "\""] });
+        }
+        return (0, jsx_runtime_1.jsx)("span", { className: "complex-field-value", children: JSON.stringify(field.value) });
+    };
+    const getFieldTypeInfo = (field) => {
+        const info = [];
+        if (field.fieldSchema?.type) {
+            info.push(field.fieldSchema.type);
+        }
+        if (field.fieldSchema?.required) {
+            info.push('required');
+        }
+        if (field.isSecret) {
+            info.push('secret');
+        }
+        if (!field.isFromYml) {
+            info.push('local only');
+        }
+        return info.join(', ');
+    };
+    const sectionNames = Object.keys(settings).sort();
+    if (sectionNames.length === 0) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "settings-store-viewer empty", children: (0, jsx_runtime_1.jsxs)("div", { className: "empty-message", children: [(0, jsx_runtime_1.jsx)("span", { className: "empty-icon", children: "\u2699\uFE0F" }), (0, jsx_runtime_1.jsx)("p", { children: "No settings configured" })] }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: "settings-store-viewer compact-store", children: (0, jsx_runtime_1.jsx)("div", { className: "store-sections", children: sectionNames.map((sectionName) => {
+                const section = settings[sectionName];
+                const fieldNames = Object.keys(section).sort();
+                const isExpanded = expandedSections.has(sectionName);
+                return ((0, jsx_runtime_1.jsxs)("div", { className: "store-section", children: [(0, jsx_runtime_1.jsxs)("div", { className: "section-header", onClick: () => toggleSection(sectionName), children: [(0, jsx_runtime_1.jsx)("span", { className: "expand-icon", children: isExpanded ? '▼' : '▶' }), (0, jsx_runtime_1.jsx)("span", { className: "section-name", children: sectionName }), (0, jsx_runtime_1.jsxs)("span", { className: "field-count", children: ["(", fieldNames.length, ")"] })] }), isExpanded && ((0, jsx_runtime_1.jsx)("div", { className: "section-fields", children: fieldNames.map((fieldName) => {
+                                const field = section[fieldName];
+                                const fieldId = `${sectionName}.${fieldName}`;
+                                return ((0, jsx_runtime_1.jsxs)("div", { className: "field-row", children: [(0, jsx_runtime_1.jsx)("div", { className: "field-key", children: fieldName }), (0, jsx_runtime_1.jsx)("div", { className: "field-value", children: renderFieldValue(field, fieldId) }), (0, jsx_runtime_1.jsxs)("div", { className: "field-metadata", children: [field.isSecret && ((0, jsx_runtime_1.jsx)(EyeIcon_1.default, { isVisible: hiddenFields.has(fieldId), onClick: () => toggleFieldVisibility(fieldId), className: "metadata-icon" })), (0, jsx_runtime_1.jsx)("button", { className: "edit-icon", onClick: () => startEditing(sectionName, fieldName, field.value), title: "Edit", children: "\u270F\uFE0F" }), field.hasLocalValue && ((0, jsx_runtime_1.jsx)("span", { className: "metadata-badge local", title: "Has local value", children: "local" })), !field.isFromYml && ((0, jsx_runtime_1.jsx)("span", { className: "metadata-badge local-only", title: "Local only", children: "local only" }))] })] }, fieldName));
+                            }) }))] }, sectionName));
+            }) }) }));
+};
+exports.default = SettingsStoreViewer;
+//# sourceMappingURL=SettingsStoreViewer.js.map

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

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

package/dist/src/ui/components/StoreViewer.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+type StoreTab = 'settings' | 'secrets' | 'kv' | 'sharedKv' | 'notifications';
+interface StoreViewerProps {
+    initialTab?: StoreTab;
+    hideTabs?: boolean;
+    storeTimestamps?: {
+        settings?: string | null;
+        secrets?: string | null;
+        kv?: string | null;
+        sharedKv?: string | null;
+        notifications?: string | null;
+    } | null;
+    onRefreshStores?: () => void;
+}
+declare const StoreViewer: React.FC<StoreViewerProps>;
+export default StoreViewer;

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

@@ -0,0 +1,86 @@
+"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 SettingsStoreViewer_1 = __importDefault(require("./SettingsStoreViewer"));
+const SecretsStoreViewer_1 = __importDefault(require("./SecretsStoreViewer"));
+const KVStoreViewer_1 = __importDefault(require("./KVStoreViewer"));
+const NotificationViewer_1 = __importDefault(require("./NotificationViewer"));
+const StoreViewer = ({ initialTab = "settings", hideTabs = false, storeTimestamps, onRefreshStores, }) => {
+    const [activeTab, setActiveTab] = (0, react_1.useState)(initialTab);
+    const [storeData, setStoreData] = (0, react_1.useState)(null);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [lastKnownTimestamps, setLastKnownTimestamps] = (0, react_1.useState)(null);
+    // Fetch store data from the API
+    const fetchStoreData = async () => {
+        try {
+            setLoading(true);
+            setError(null);
+            const response = await fetch("/devserver/api/stores");
+            if (!response.ok) {
+                throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+            }
+            const data = await response.json();
+            setStoreData(data);
+        }
+        catch (error) {
+            console.error("Error fetching store data:", error);
+            setError(error instanceof Error ? error.message : String(error));
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    // Fetch data on component mount
+    (0, react_1.useEffect)(() => {
+        fetchStoreData();
+    }, []);
+    // Update active tab when initialTab changes
+    (0, react_1.useEffect)(() => {
+        setActiveTab(initialTab);
+    }, [initialTab]);
+    // Watch for timestamp changes and refresh store data
+    (0, react_1.useEffect)(() => {
+        if (!storeTimestamps || !lastKnownTimestamps) {
+            // First load or no previous timestamps
+            if (storeTimestamps) {
+                fetchStoreData();
+                setLastKnownTimestamps(storeTimestamps);
+            }
+            return;
+        }
+        // Check if any timestamps changed
+        const timestampsChanged = storeTimestamps.settings !== lastKnownTimestamps.settings ||
+            storeTimestamps.secrets !== lastKnownTimestamps.secrets ||
+            storeTimestamps.kv !== lastKnownTimestamps.kv ||
+            storeTimestamps.sharedKv !== lastKnownTimestamps.sharedKv ||
+            storeTimestamps.notifications !== lastKnownTimestamps.notifications;
+        if (timestampsChanged) {
+            console.log("Store files changed, refreshing data...");
+            fetchStoreData();
+            setLastKnownTimestamps(storeTimestamps);
+        }
+    }, [storeTimestamps]);
+    // Handle store data updates (when child components modify data)
+    const handleStoreUpdate = (updatedData) => {
+        if (storeData) {
+            setStoreData({ ...storeData, ...updatedData });
+        }
+    };
+    if (loading) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "store-viewer loading", children: (0, jsx_runtime_1.jsx)("div", { className: "loading-message", children: "Loading store data..." }) }));
+    }
+    if (error) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "store-viewer error", children: (0, jsx_runtime_1.jsxs)("div", { className: "error-message", children: [(0, jsx_runtime_1.jsx)("span", { className: "error-icon", children: "\u26A0\uFE0F" }), (0, jsx_runtime_1.jsxs)("span", { children: ["Failed to load store data: ", error] }), (0, jsx_runtime_1.jsx)("button", { className: "retry-btn", onClick: fetchStoreData, children: "Retry" })] }) }));
+    }
+    if (!storeData) {
+        return ((0, jsx_runtime_1.jsx)("div", { className: "store-viewer no-data", children: (0, jsx_runtime_1.jsx)("div", { className: "no-data-message", children: "No store data available" }) }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "store-viewer", children: [!hideTabs && ((0, jsx_runtime_1.jsxs)("div", { className: "store-tabs", children: [(0, jsx_runtime_1.jsxs)("div", { className: "store-tabs-container", children: [(0, jsx_runtime_1.jsxs)("button", { className: `store-tab ${activeTab === "settings" ? "active" : ""}`, onClick: () => setActiveTab("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)("span", { className: "tab-count", children: ["(", Object.keys(storeData.settings).length, ")"] })] }), (0, jsx_runtime_1.jsxs)("button", { className: `store-tab ${activeTab === "secrets" ? "active" : ""}`, onClick: () => setActiveTab("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)("span", { className: "tab-count", children: ["(", Object.keys(storeData.secrets).length, ")"] })] }), (0, jsx_runtime_1.jsxs)("button", { className: `store-tab ${activeTab === "kv" ? "active" : ""}`, onClick: () => setActiveTab("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)("span", { className: "tab-count", children: ["(", Object.keys(storeData.kv).length, ")"] })] }), (0, jsx_runtime_1.jsxs)("button", { className: `store-tab ${activeTab === "sharedKv" ? "active" : ""}`, onClick: () => setActiveTab("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)("span", { className: "tab-count", children: ["(", Object.keys(storeData.sharedKv).length, ")"] })] }), (0, jsx_runtime_1.jsxs)("button", { className: `store-tab ${activeTab === "notifications" ? "active" : ""}`, onClick: () => setActiveTab("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" }), (0, jsx_runtime_1.jsxs)("span", { className: "tab-count", children: ["(", storeData.notifications.length, ")"] })] })] }), onRefreshStores && ((0, jsx_runtime_1.jsx)("button", { className: "refresh-btn", onClick: onRefreshStores, title: "Refresh store data", children: "\uD83D\uDD04" }))] })), (0, jsx_runtime_1.jsxs)("div", { className: "store-content", children: [hideTabs && onRefreshStores && activeTab !== "notifications" && ((0, jsx_runtime_1.jsx)("div", { className: "store-header", children: (0, jsx_runtime_1.jsx)("button", { className: "refresh-btn", onClick: onRefreshStores, title: "Refresh store data", children: "\uD83D\uDD04" }) })), activeTab === "settings" && ((0, jsx_runtime_1.jsx)(SettingsStoreViewer_1.default, { settings: storeData.settings, onUpdate: (updatedSettings) => handleStoreUpdate({ settings: updatedSettings }) })), activeTab === "secrets" && ((0, jsx_runtime_1.jsx)(SecretsStoreViewer_1.default, { secrets: storeData.secrets, onUpdate: (updatedSecrets) => handleStoreUpdate({ secrets: updatedSecrets }) })), activeTab === "kv" && ((0, jsx_runtime_1.jsx)(KVStoreViewer_1.default, { data: storeData.kv, title: "KV Store", apiEndpoint: "/devserver/api/stores/kv", onUpdate: (updatedKv) => handleStoreUpdate({ kv: updatedKv }) })), activeTab === "sharedKv" && ((0, jsx_runtime_1.jsx)(KVStoreViewer_1.default, { data: storeData.sharedKv, title: "Shared KV Store", apiEndpoint: "/devserver/api/stores/shared-kv", onUpdate: (updatedSharedKv) => handleStoreUpdate({ sharedKv: updatedSharedKv }) })), activeTab === "notifications" && ((0, jsx_runtime_1.jsx)(NotificationViewer_1.default, { notifications: storeData.notifications, onRefresh: onRefreshStores }))] })] }));
+};
+exports.default = StoreViewer;
+//# sourceMappingURL=StoreViewer.js.map

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

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

package/dist/src/ui/components/TabbedConsole.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface TabbedConsoleProps {
+    logs: string[];
+    onClearLogs: () => void;
+    storeTimestamps?: {
+        settings?: string | null;
+        secrets?: string | null;
+        kv?: string | null;
+        sharedKv?: string | null;
+        notifications?: string | null;
+    } | null;
+    onRefreshStores?: () => void;
+}
+declare const TabbedConsole: React.FC<TabbedConsoleProps>;
+export default TabbedConsole;

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

@@ -0,0 +1,93 @@
+"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 TabbedConsole = ({ logs, onClearLogs, storeTimestamps, onRefreshStores }) => {
+    const [activeTab, setActiveTab] = (0, react_1.useState)('console');
+    const [expanded, setExpanded] = (0, react_1.useState)(false);
+    const [height, setHeight] = (0, react_1.useState)(200);
+    const dragStateRef = (0, react_1.useRef)({
+        isMouseDown: false,
+        isDragging: false,
+        startY: 0,
+        startHeight: 200
+    });
+    const renderTabContent = () => {
+        switch (activeTab) {
+            case 'console':
+                return ((0, jsx_runtime_1.jsxs)("div", { className: "console-tab-content", children: [(0, jsx_runtime_1.jsx)("div", { className: "console-controls", children: (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: logs.length > 0 ? (logs.map((log, index) => {
+                                // Determine log level for styling
+                                const logLevel = log.includes(' ERROR:') ? 'error' :
+                                    log.includes(' WARN:') ? 'warn' :
+                                        log.includes(' DEBUG:') ? 'debug' : 'info';
+                                return ((0, jsx_runtime_1.jsx)("div", { className: `log-line log-${logLevel}`, children: log }, index));
+                            })) : ((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);
+    };
+    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: () => setActiveTab('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: () => setActiveTab('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: () => setActiveTab('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: () => setActiveTab('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: () => setActiveTab('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: () => setActiveTab('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" })] }), (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":"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"}