@websublime/vite-plugin-open-api-server 0.22.2 → 0.22.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/devtools-spa/assets/ModelsPage-8zCKSqIw.css +1 -0
- package/dist/devtools-spa/assets/ModelsPage-Bd7YM0_p.js +4 -0
- package/dist/devtools-spa/assets/ModelsPage-Bd7YM0_p.js.map +1 -0
- package/dist/devtools-spa/assets/{RoutesPage-BP6-uw-k.js → RoutesPage-YQcTov5t.js} +2 -2
- package/dist/devtools-spa/assets/{RoutesPage-BP6-uw-k.js.map → RoutesPage-YQcTov5t.js.map} +1 -1
- package/dist/devtools-spa/assets/{SimulatorPage-BH2KmZ_S.js → SimulatorPage-DPxecZGS.js} +2 -2
- package/dist/devtools-spa/assets/{SimulatorPage-BH2KmZ_S.js.map → SimulatorPage-DPxecZGS.js.map} +1 -1
- package/dist/devtools-spa/assets/{TimelinePage-BAbAB_--.js → TimelinePage-CbWvtFc_.js} +2 -2
- package/dist/devtools-spa/assets/{TimelinePage-BAbAB_--.js.map → TimelinePage-CbWvtFc_.js.map} +1 -1
- package/dist/devtools-spa/assets/check-DaD3RpI4.js +2 -0
- package/dist/devtools-spa/assets/{check-C0owz4na.js.map → check-DaD3RpI4.js.map} +1 -1
- package/dist/devtools-spa/assets/{format-C4BPxS33.js → format-er1_KlP8.js} +2 -2
- package/dist/devtools-spa/assets/{format-C4BPxS33.js.map → format-er1_KlP8.js.map} +1 -1
- package/dist/devtools-spa/assets/index-BSvrS_tt.css +1 -0
- package/dist/devtools-spa/assets/{index-rRRRtsjM.js → index-x38XzU3c.js} +3 -3
- package/dist/devtools-spa/assets/{index-rRRRtsjM.js.map → index-x38XzU3c.js.map} +1 -1
- package/dist/devtools-spa/assets/{trash-2-CR2SZgyU.js → trash-2-BhRxw6RN.js} +2 -2
- package/dist/devtools-spa/assets/{trash-2-CR2SZgyU.js.map → trash-2-BhRxw6RN.js.map} +1 -1
- package/dist/devtools-spa/assets/{triangle-alert-BMgTQ4dT.js → triangle-alert-QXcMwGDR.js} +2 -2
- package/dist/devtools-spa/assets/{triangle-alert-BMgTQ4dT.js.map → triangle-alert-QXcMwGDR.js.map} +1 -1
- package/dist/devtools-spa/assets/x-DGt4DUCk.js +2 -0
- package/dist/devtools-spa/assets/{x-qSQxHLmz.js.map → x-DGt4DUCk.js.map} +1 -1
- package/dist/devtools-spa/index.html +2 -2
- package/package.json +10 -10
- package/dist/devtools-spa/assets/ModelsPage-BslYlawu.css +0 -1
- package/dist/devtools-spa/assets/ModelsPage-DQt9z3J2.js +0 -4
- package/dist/devtools-spa/assets/ModelsPage-DQt9z3J2.js.map +0 -1
- package/dist/devtools-spa/assets/check-C0owz4na.js +0 -2
- package/dist/devtools-spa/assets/index-CFIFFTBf.css +0 -1
- package/dist/devtools-spa/assets/x-qSQxHLmz.js +0 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@websublime/vite-plugin-open-api-server",
|
|
3
|
-
"version": "0.22.
|
|
3
|
+
"version": "0.22.4",
|
|
4
4
|
"description": "Vite plugin for OpenAPI mock server with DevTools integration",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"vite",
|
|
@@ -23,18 +23,18 @@
|
|
|
23
23
|
"directory": "packages/server"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"picocolors": "^1.1.1",
|
|
27
26
|
"fast-glob": "^3.3.3",
|
|
28
|
-
"chokidar": "^5.0.0",
|
|
29
27
|
"@vue/devtools-api": "^8.0.6",
|
|
30
|
-
"
|
|
28
|
+
"picocolors": "^1.1.1",
|
|
29
|
+
"chokidar": "^5.0.0",
|
|
30
|
+
"@websublime/vite-plugin-open-api-core": "0.12.2"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
|
-
"typescript": "^5.9.0",
|
|
34
|
-
"tsup": "^8.5.0",
|
|
35
33
|
"vue": "^3.5.27",
|
|
34
|
+
"typescript": "^5.9.0",
|
|
36
35
|
"vite": "^7.0.0",
|
|
37
|
-
"
|
|
36
|
+
"tsup": "^8.5.0",
|
|
37
|
+
"@websublime/vite-plugin-open-api-devtools": "0.8.5"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
|
40
40
|
"vite": "^5.0.0 || ^6.0.0 || ^7.0.0",
|
|
@@ -46,17 +46,17 @@
|
|
|
46
46
|
"private": false,
|
|
47
47
|
"type": "module",
|
|
48
48
|
"types": "./dist/index.d.ts",
|
|
49
|
-
"module": "./dist/index.js",
|
|
50
49
|
"exports": {
|
|
51
50
|
".": {
|
|
52
51
|
"import": "./dist/index.js",
|
|
53
52
|
"types": "./dist/index.d.ts"
|
|
54
53
|
}
|
|
55
54
|
},
|
|
55
|
+
"module": "./dist/index.js",
|
|
56
56
|
"scripts": {
|
|
57
57
|
"typecheck": "tsc --noEmit",
|
|
58
58
|
"copy:devtools-spa": "node scripts/copy-devtools-spa.mjs",
|
|
59
|
-
"
|
|
60
|
-
"
|
|
59
|
+
"dev": "tsup --watch",
|
|
60
|
+
"build": "tsup && pnpm run copy:devtools-spa"
|
|
61
61
|
}
|
|
62
62
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.data-table[data-v-dcdce8f7]{display:flex;flex-direction:column;background-color:var(--devtools-surface);border:1px solid var(--devtools-border);border-radius:var(--devtools-radius-md);overflow:hidden;height:100%}.data-table__empty[data-v-dcdce8f7]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--devtools-space-sm);flex:1;color:var(--devtools-text-muted);font-size:var(--font-size-1)}.data-table__empty-icon[data-v-dcdce8f7]{opacity:.4}.data-table__container[data-v-dcdce8f7]{flex:1;overflow:auto}.data-table__table[data-v-dcdce8f7]{width:100%;border-collapse:collapse;font-size:var(--font-size-0);font-family:var(--devtools-font-mono)}.data-table__table thead[data-v-dcdce8f7]{position:sticky;top:0;z-index:1}.data-table__header[data-v-dcdce8f7]{padding:var(--devtools-space-xs) var(--devtools-space-sm);text-align:left;font-weight:var(--font-weight-6);font-family:var(--devtools-font-sans);font-size:var(--font-size-0);background-color:var(--devtools-surface-elevated);border-bottom:1px solid var(--devtools-border);white-space:nowrap;color:var(--devtools-text)}.data-table__header--id[data-v-dcdce8f7]{color:var(--devtools-primary)}.data-table__row-num[data-v-dcdce8f7]{padding:var(--devtools-space-xs) var(--devtools-space-sm);text-align:right;color:var(--devtools-text-muted);font-size:var(--font-size-0);font-family:var(--devtools-font-mono);background-color:var(--devtools-surface-elevated);border-right:1px solid var(--devtools-border);border-bottom:1px solid var(--devtools-border);white-space:nowrap;min-width:2ch;-webkit-user-select:none;user-select:none}.data-table__row[data-v-dcdce8f7]{cursor:pointer;transition:background-color var(--devtools-transition-fast)}.data-table__row[data-v-dcdce8f7]:hover{background-color:var(--devtools-surface-elevated)}.data-table__row--selected[data-v-dcdce8f7]{background-color:color-mix(in srgb,var(--devtools-primary) 15%,transparent)}.data-table__cell[data-v-dcdce8f7]{padding:var(--devtools-space-xs) var(--devtools-space-sm);border-bottom:1px solid var(--devtools-border);white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis;color:var(--devtools-text)}.data-table__cell--id[data-v-dcdce8f7]{color:var(--devtools-primary);font-weight:var(--font-weight-5)}.data-table__footer[data-v-dcdce8f7]{display:flex;align-items:center;justify-content:space-between;padding:var(--devtools-space-xs) var(--devtools-space-sm);background-color:var(--devtools-surface-elevated);border-top:1px solid var(--devtools-border);font-size:var(--font-size-0)}.data-table__info[data-v-dcdce8f7]{color:var(--devtools-text-muted)}.json-editor[data-v-dbd5ce20]{display:flex;flex-direction:column;background-color:var(--devtools-surface);border:1px solid var(--devtools-border);border-radius:var(--devtools-radius-md);overflow:hidden}.json-editor__container[data-v-dbd5ce20]{display:flex;overflow:auto;flex:1}.json-editor__lines[data-v-dbd5ce20]{display:flex;flex-direction:column;padding:var(--devtools-space-sm) var(--devtools-space-xs);background-color:var(--devtools-surface-elevated);border-right:1px solid var(--devtools-border);-webkit-user-select:none;user-select:none;flex-shrink:0}.json-editor__line-number[data-v-dbd5ce20]{height:1.5em;line-height:1.5;text-align:right;font-family:var(--devtools-font-mono);font-size:var(--font-size-0);color:var(--devtools-text-muted);min-width:2ch;padding-right:var(--devtools-space-xs)}.json-editor__textarea[data-v-dbd5ce20]{flex:1;padding:var(--devtools-space-sm);background-color:var(--devtools-surface);color:var(--devtools-text);border:none;outline:none;resize:vertical;font-family:var(--devtools-font-mono);font-size:var(--font-size-0);line-height:1.5;tab-size:2;white-space:pre;overflow-wrap:normal;overflow-x:auto}.json-editor__textarea[data-v-dbd5ce20]::placeholder{color:var(--devtools-text-muted);opacity:.6}.json-editor__textarea[data-v-dbd5ce20]:focus{outline:2px solid var(--devtools-primary);outline-offset:-2px}.json-editor__textarea[readonly][data-v-dbd5ce20]{background-color:var(--devtools-surface-elevated);cursor:not-allowed;opacity:.7}.json-editor__status[data-v-dbd5ce20]{display:flex;align-items:center;justify-content:space-between;gap:var(--devtools-space-md);padding:var(--devtools-space-xs) var(--devtools-space-sm);background-color:var(--devtools-surface-elevated);border-top:1px solid var(--devtools-border);font-size:var(--font-size-0)}.json-editor__status-left[data-v-dbd5ce20],.json-editor__status-right[data-v-dbd5ce20]{display:flex;align-items:center;gap:var(--devtools-space-sm)}.json-editor__valid[data-v-dbd5ce20]{display:flex;align-items:center;gap:var(--devtools-space-xs);color:var(--devtools-success)}.json-editor__error[data-v-dbd5ce20]{display:flex;align-items:center;gap:var(--devtools-space-xs);color:var(--devtools-error)}.json-editor__info[data-v-dbd5ce20]{color:var(--devtools-text-muted)}@media(prefers-color-scheme:dark){.json-editor__textarea[data-v-dbd5ce20]{color:#e2e8f0}.json-editor__textarea[data-v-dbd5ce20]::placeholder{color:#64748b}}.models-page[data-v-353edfbc]{display:grid;grid-template-columns:240px 1fr;height:100%;overflow:hidden}.models-sidebar[data-v-353edfbc]{display:flex;flex-direction:column;background-color:var(--devtools-surface);border-right:1px solid var(--devtools-border);overflow:hidden}.models-sidebar__header[data-v-353edfbc]{display:flex;align-items:center;gap:var(--devtools-space-sm);padding:var(--devtools-space-md);font-weight:var(--font-weight-6);font-size:var(--font-size-1);border-bottom:1px solid var(--devtools-border)}.models-sidebar__badge[data-v-353edfbc]{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--devtools-space-xs);background-color:var(--devtools-primary);color:#fff;border-radius:var(--devtools-radius-sm);font-size:var(--font-size-0);font-weight:var(--font-weight-6)}.models-sidebar__loading[data-v-353edfbc]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--devtools-space-md);padding:var(--devtools-space-xl);color:var(--devtools-text-muted)}.models-sidebar__list[data-v-353edfbc]{flex:1;overflow-y:auto;padding:var(--devtools-space-xs)}.models-sidebar__item[data-v-353edfbc]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--devtools-space-sm) var(--devtools-space-md);background:none;border:none;border-radius:var(--devtools-radius-sm);color:var(--devtools-text);font-family:var(--devtools-font-sans);font-size:var(--font-size-1);cursor:pointer;transition:background-color var(--devtools-transition-fast)}.models-sidebar__item[data-v-353edfbc]:hover{background-color:var(--devtools-surface-elevated)}.models-sidebar__item--active[data-v-353edfbc]{background-color:color-mix(in srgb,var(--devtools-primary) 15%,transparent);color:var(--devtools-primary)}.models-sidebar__name[data-v-353edfbc]{font-family:var(--devtools-font-mono)}.models-sidebar__count[data-v-353edfbc]{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 var(--devtools-space-xs);background-color:var(--devtools-surface-elevated);border-radius:var(--devtools-radius-sm);font-size:var(--font-size-0);color:var(--devtools-text-muted)}.models-sidebar__footer[data-v-353edfbc]{padding:var(--devtools-space-md);border-top:1px solid var(--devtools-border)}.models-sidebar__stat[data-v-353edfbc]{display:flex;justify-content:space-between;font-size:var(--font-size-0)}.models-content[data-v-353edfbc]{position:relative;display:flex;flex-direction:column;padding:var(--devtools-space-md);overflow:hidden}.models-toolbar[data-v-353edfbc]{display:flex;align-items:center;justify-content:space-between;gap:var(--devtools-space-md);margin-bottom:var(--devtools-space-md)}.models-toolbar__title[data-v-353edfbc]{display:flex;align-items:center;gap:var(--devtools-space-sm);font-size:var(--font-size-2);font-weight:var(--font-weight-6)}.models-toolbar__badge[data-v-353edfbc]{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--devtools-radius-sm);font-size:var(--font-size-0);font-weight:var(--font-weight-5)}.models-toolbar__badge--warning[data-v-353edfbc]{background-color:color-mix(in srgb,#f59e0b 20%,transparent);color:#f59e0b}.models-toolbar__actions[data-v-353edfbc]{display:flex;align-items:center;gap:var(--devtools-space-sm)}.models-error[data-v-353edfbc]{padding:var(--devtools-space-sm) var(--devtools-space-md);margin-bottom:var(--devtools-space-md);background-color:color-mix(in srgb,var(--devtools-error) 10%,transparent);border:1px solid var(--devtools-error);border-radius:var(--devtools-radius-sm);color:var(--devtools-error);font-size:var(--font-size-0)}.models-panels[data-v-353edfbc]{display:flex;flex:1;gap:1px;overflow:hidden;background-color:var(--devtools-border)}.models-panel[data-v-353edfbc]{flex:1;min-width:300px;overflow:hidden;display:flex;flex-direction:column;background-color:var(--devtools-bg)}@media(max-width:840px){.models-panels[data-v-353edfbc]{flex-direction:column}.models-panel[data-v-353edfbc]{min-width:0;min-height:200px}}.models-loading-overlay[data-v-353edfbc]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--devtools-space-md);background-color:color-mix(in srgb,var(--devtools-bg) 80%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.modal-overlay[data-v-353edfbc]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:1000}.modal[data-v-353edfbc]{min-width:400px;background-color:var(--devtools-surface);border:1px solid var(--devtools-border);border-radius:var(--devtools-radius-md);box-shadow:0 10px 40px #0000004d}.modal__header[data-v-353edfbc]{padding:var(--devtools-space-md);border-bottom:1px solid var(--devtools-border)}.modal__header h3[data-v-353edfbc]{margin:0;font-size:var(--font-size-2);font-weight:var(--font-weight-6)}.modal__body[data-v-353edfbc]{padding:var(--devtools-space-md)}.modal__body p[data-v-353edfbc]{margin:0 0 var(--devtools-space-sm) 0}.modal__body p[data-v-353edfbc]:last-child{margin-bottom:0}.modal__footer[data-v-353edfbc]{display:flex;justify-content:flex-end;gap:var(--devtools-space-sm);padding:var(--devtools-space-md);border-top:1px solid var(--devtools-border)}.spinner[data-v-353edfbc]{width:24px;height:24px;border:3px solid var(--devtools-border);border-top-color:var(--devtools-primary);border-radius:50%;animation:spin-353edfbc .8s linear infinite}@keyframes spin-353edfbc{to{transform:rotate(360deg)}}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import{E as te,c as M,r as w,H as se,d as q,e as m,y as N,i as E,f as s,u as r,F as J,j as A,n as L,t as k,s as f,D as H,I as ae,J as ne,o as oe,k as le,z as Y,G as re,K as ie,L as ce}from"./vue-vendor-Bkktf9yg.js";import{c as W,D as K,_ as G,u as de}from"./index-rRRRtsjM.js";import{C as ue}from"./check-C0owz4na.js";import{X as fe}from"./x-qSQxHLmz.js";import{T as me}from"./trash-2-CR2SZgyU.js";const ve=W("circle-alert",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]]);const he=W("refresh-cw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]]);const _e=W("save",[["path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",key:"1c8476"}],["path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",key:"1ydtos"}],["path",{d:"M7 3v4a1 1 0 0 0 1 1h7",key:"t51u73"}]]);function U(t){try{return structuredClone(se(t))}catch{return JSON.parse(JSON.stringify(t))}}const ye=te("models",()=>{const t=w([]),e=w(null),i=w([]),c=w([]),u=w(!1),o=w(null),y=M(()=>e.value?t.value.find(n=>n.name===e.value)??null:null),g=w(!1),d=M(()=>g.value),v=M(()=>t.value.length),p=M(()=>t.value.reduce((n,_)=>n+_.count,0));async function x(){u.value=!0,o.value=null;try{const n=await fetch("/_api/store");if(!n.ok)throw new Error(`Failed to fetch schemas: ${n.statusText}`);const _=await n.json();t.value=_.schemas??[]}catch(n){o.value=n instanceof Error?n.message:"Failed to fetch schemas",console.error("[ModelsStore] Error fetching schemas:",n)}finally{u.value=!1}}async function F(n){e.value!==n&&(e.value=n,await j(n))}async function j(n){u.value=!0,o.value=null;try{const _=await fetch(`/_api/store/${encodeURIComponent(n)}`);if(!_.ok)throw new Error(`Failed to fetch schema data: ${_.statusText}`);const I=await _.json(),D=I.items??[];i.value=U(D),c.value=U(D),g.value=!1;const X=t.value.findIndex(ee=>ee.name===n);X!==-1&&(t.value[X].count=I.count)}catch(_){o.value=_ instanceof Error?_.message:"Failed to fetch schema data",console.error("[ModelsStore] Error fetching schema data:",_)}finally{u.value=!1}}function O(n){if(!Array.isArray(n)){o.value="Invalid data: Expected an array of items",console.error("[ModelsStore] updateItems received non-array value:",typeof n);return}i.value=n,o.value=null,g.value=!0}async function h(){if(!e.value)return o.value="No schema selected",!1;u.value=!0,o.value=null;try{const n=await fetch(`/_api/store/${encodeURIComponent(e.value)}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(i.value)});if(!n.ok){const D=await n.json().catch(()=>({}));throw new Error(D.error||`Failed to save items: ${n.statusText}`)}const _=await n.json();c.value=U(i.value),g.value=!1;const I=t.value.findIndex(D=>D.name===e.value);return I!==-1&&(t.value[I].count=_.created??i.value.length),!0}catch(n){return o.value=n instanceof Error?n.message:"Failed to save items",console.error("[ModelsStore] Error saving items:",n),!1}finally{u.value=!1}}async function b(){if(!e.value)return o.value="No schema selected",!1;u.value=!0,o.value=null;try{const n=await fetch(`/_api/store/${encodeURIComponent(e.value)}`,{method:"DELETE"});if(!n.ok)throw new Error(`Failed to clear schema: ${n.statusText}`);i.value=[],c.value=[],g.value=!1;const _=t.value.findIndex(I=>I.name===e.value);return _!==-1&&(t.value[_].count=0),!0}catch(n){return o.value=n instanceof Error?n.message:"Failed to clear schema",console.error("[ModelsStore] Error clearing schema:",n),!1}finally{u.value=!1}}function $(){i.value=U(c.value),g.value=!1}async function l(){e.value?await j(e.value):await x()}function a(){t.value=[],e.value=null,i.value=[],c.value=[],u.value=!1,o.value=null,g.value=!1}function S(n){const _=t.value.findIndex(I=>I.name===n.schema);_!==-1&&(t.value[_].count=n.count),e.value===n.schema&&(d.value?console.warn(`[ModelsStore] Skipping auto-refresh for schema "${n.schema}" - unsaved changes exist`):j(n.schema))}function R(n){n.success&&(x(),e.value&&(d.value?console.warn(`[ModelsStore] Skipping auto-refresh after reseed for schema "${e.value}" - unsaved changes exist`):j(e.value)))}return{schemas:t,selectedSchema:e,currentItems:i,loading:u,error:o,currentSchema:y,isDirty:d,schemaCount:v,totalItems:p,fetchSchemas:x,selectSchemaByName:F,fetchSchemaData:j,updateItems:O,saveItems:h,clearSchema:b,discardChanges:$,refresh:l,reset:a,handleStoreUpdate:S,handleReseedComplete:R}});function P(t,e){return t.length<=e?t:`${t.slice(0,e)}…`}function pe(t){return t==null?"--":typeof t=="string"?P(t,50):typeof t=="number"||typeof t=="boolean"?String(t):Array.isArray(t)||typeof t=="object"?P(JSON.stringify(t),50):String(t)}function Q(t,e){if(!(typeof t!="object"||t===null))return t[e]}function ge(t,e,i){const c=Q(t,e);return typeof c=="string"||typeof c=="number"?c:i}function be(t,e){if(t.length===0)return[];const i=new Set;for(const u of t)if(typeof u=="object"&&u!==null)for(const o of Object.keys(u))i.add(o);if(i.size===0)return[];const c=Array.from(i);return c.includes(e)?[e,...c.filter(u=>u!==e)]:c}const Se={class:"data-table"},ke={key:0,class:"data-table__empty"},Ce={key:1,class:"data-table__container"},we={class:"data-table__table"},xe=["onClick"],Ie={class:"data-table__row-num"},$e={key:2,class:"data-table__footer"},Te={class:"data-table__info"},Ee={class:"data-table__info"},je=q({__name:"DataTable",props:{items:{},idField:{},selectedIndex:{default:-1}},emits:["select"],setup(t,{emit:e}){const i=t,c=e,u=M(()=>be(i.items,i.idField));function o(g){c("select",g)}function y(g,d){return ge(g,i.idField,d)}return(g,d)=>(f(),m("div",Se,[t.items.length===0?(f(),m("div",ke,[E(r(K),{size:32,class:"data-table__empty-icon"}),d[0]||(d[0]=s("span",null,"No items",-1))])):(f(),m("div",Ce,[s("table",we,[s("thead",null,[s("tr",null,[d[1]||(d[1]=s("th",{class:"data-table__row-num"},"#",-1)),(f(!0),m(J,null,A(u.value,v=>(f(),m("th",{key:v,class:L(["data-table__header",{"data-table__header--id":v===t.idField}])},k(v),3))),128))])]),s("tbody",null,[(f(!0),m(J,null,A(t.items,(v,p)=>(f(),m("tr",{key:y(v,p),class:L(["data-table__row",{"data-table__row--selected":p===t.selectedIndex}]),onClick:x=>o(p)},[s("td",Ie,k(p+1),1),(f(!0),m(J,null,A(u.value,x=>(f(),m("td",{key:x,class:L(["data-table__cell",{"data-table__cell--id":x===t.idField}])},k(r(pe)(r(Q)(v,x))),3))),128))],10,xe))),128))])])])),t.items.length>0?(f(),m("div",$e,[s("span",Te,k(t.items.length)+" items",1),s("span",Ee,k(u.value.length)+" columns",1)])):N("",!0)]))}}),De=G(je,[["__scopeId","data-v-dcdce8f7"]]),Me={class:"json-editor"},Ne={class:"json-editor__container"},Je={class:"json-editor__lines","aria-hidden":"true"},Fe=["value","readonly","placeholder"],Ve={class:"json-editor__status"},Oe={class:"json-editor__status-left"},Re={key:0,class:"json-editor__valid"},Ae={key:1,class:"json-editor__error"},ze={class:"json-editor__status-right"},Ue={class:"json-editor__info"},Be=q({__name:"JsonEditor",props:{modelValue:{},readonly:{type:Boolean,default:!1},placeholder:{default:"Enter JSON data..."},minHeight:{default:200}},emits:["update:modelValue"],setup(t,{expose:e,emit:i}){const c=t,u=i,o=w(""),y=w(null),g=M(()=>y.value===null),d=M(()=>o.value.split(`
|
|
2
|
-
`).length),v=M(()=>Array.from({length:d.value},(h,b)=>b+1));function p(){try{o.value=JSON.stringify(c.modelValue,null,2),y.value=null}catch{o.value="",y.value="Invalid initial value"}}p(),H(()=>c.modelValue,()=>{try{const h=JSON.parse(o.value);JSON.stringify(h)!==JSON.stringify(c.modelValue)&&p()}catch{p()}});function x(h){const b=h.target;o.value=b.value,F()}function F(){if(o.value.trim()===""){y.value=null,u("update:modelValue",[]);return}try{const h=JSON.parse(o.value);y.value=null,u("update:modelValue",h)}catch(h){if(h instanceof Error){const b=h.message.match(/position (\d+)/);if(b){const $=Number.parseInt(b[1],10),l=o.value.substring(0,$).split(`
|
|
3
|
-
`),a=l.length,S=l[l.length-1].length+1;y.value=`Line ${a}, Column ${S}: ${h.message}`}else y.value=h.message}else y.value="Invalid JSON"}}function j(){try{const h=JSON.parse(o.value);o.value=JSON.stringify(h,null,2),y.value=null,u("update:modelValue",h)}catch{}}function O(h){if(h.key==="Tab"){h.preventDefault();const b=h.target,$=b.selectionStart,l=b.selectionEnd,a=`${o.value.substring(0,$)} ${o.value.substring(l)}`;o.value=a,setTimeout(()=>{b.selectionStart=b.selectionEnd=$+2},0),F()}}return e({formatJson:j,isValid:g}),(h,b)=>(f(),m("div",Me,[s("div",Ne,[s("div",Je,[(f(!0),m(J,null,A(v.value,$=>(f(),m("div",{key:$,class:"json-editor__line-number"},k($),1))),128))]),s("textarea",{value:o.value,readonly:t.readonly,placeholder:t.placeholder,style:ae({minHeight:`${t.minHeight}px`}),class:"json-editor__textarea",spellcheck:"false",onInput:x,onKeydown:O},null,44,Fe)]),s("div",Ve,[s("div",Oe,[g.value?(f(),m("div",Re,[E(r(ue),{size:14}),b[0]||(b[0]=s("span",null,"Valid JSON",-1))])):y.value?(f(),m("div",Ae,[E(r(ve),{size:14}),s("span",null,k(y.value),1)])):N("",!0)]),s("div",ze,[s("span",Ue,k(d.value)+" lines",1)])])]))}}),Le=G(Be,[["__scopeId","data-v-dbd5ce20"]]),z=w([]),T=ne({visible:!1,title:"",message:"",confirmText:"Confirm",cancelText:"Cancel",onConfirm:null,onCancel:null}),V=new Map;let C=null,Pe=0;function He(){return`toast-${Date.now()}-${Pe++}`}function B(t,e,i=3e3){const c=He(),u={id:c,type:t,message:e,duration:i,timestamp:Date.now()};if(z.value.push(u),i>0){const o=setTimeout(()=>{Z(c),V.delete(c)},i);V.set(c,o)}return c}function Z(t){const e=V.get(t);e!==void 0&&(clearTimeout(e),V.delete(t));const i=z.value.findIndex(c=>c.id===t);i!==-1&&z.value.splice(i,1)}function Ke(){function t(d,v){return B("success",d,v)}function e(d,v){return B("error",d,v)}function i(d,v){return B("info",d,v)}function c(d,v){return B("warning",d,v)}function u(d,v){return new Promise(p=>{C&&(C(!1),C=null),C=p,T.visible=!0,T.title=v?.title||"Confirm",T.message=d,T.confirmText=v?.confirmText||"Confirm",T.cancelText=v?.cancelText||"Cancel",T.onConfirm=()=>{T.visible=!1,C&&(C(!0),C=null)},T.onCancel=()=>{T.visible=!1,C&&(C(!1),C=null)}})}function o(){T.visible=!1,C&&(C(!1),C=null)}function y(d){Z(d)}function g(){for(const d of V.values())clearTimeout(d);V.clear(),z.value=[]}return{toasts:z,confirmDialog:T,success:t,error:e,info:i,warning:c,dismiss:y,clearAll:g,confirm:u,closeConfirm:o}}const qe={class:"models-page"},We={class:"models-sidebar"},Ge={class:"models-sidebar__header"},Xe={class:"models-sidebar__badge"},Ye={key:0,class:"models-sidebar__loading"},Qe={key:1,class:"models-sidebar__list"},Ze=["onClick"],et={class:"models-sidebar__name"},tt={class:"models-sidebar__count"},st={class:"models-sidebar__footer"},at={class:"models-sidebar__stat"},nt={class:"font-mono"},ot={class:"models-content"},lt={class:"models-toolbar"},rt={class:"models-toolbar__title"},it={class:"font-mono"},ct={class:"text-muted"},dt={key:0,class:"models-toolbar__badge models-toolbar__badge--warning"},ut={class:"models-toolbar__actions"},ft=["disabled"],mt=["disabled"],vt={key:0,class:"models-error"},ht={class:"models-panels"},_t={class:"models-panel"},yt={class:"models-panel"},pt={key:1,class:"models-loading-overlay"},gt={key:1,class:"empty-state"},bt={key:0,class:"models-error"},St={class:"modal__body"},kt={class:"modal__footer"},Ct=q({__name:"ModelsPage",setup(t){const e=ye(),{send:i,on:c,connected:u}=de(),{success:o,error:y,confirm:g}=Ke(),d=w(null),v=w(!1),p=w(-1);oe(async()=>{try{await e.fetchSchemas(),e.schemas.length>0&&!e.selectedSchema&&await e.selectSchemaByName(e.schemas[0].name)}catch(l){e.error||(e.error=l instanceof Error?l.message:"Failed to load schemas")}}),c("store:updated",l=>{const a=l;if(typeof l!="object"||l===null||typeof a.schema!="string"||typeof a.action!="string"||typeof a.count!="number"){console.warn("[ModelsPage] Invalid store:updated payload:",l);return}e.handleStoreUpdate(l),p.value=-1}),c("reseeded",l=>{const a=l;if(typeof l!="object"||l===null||typeof a.success!="boolean"||!Array.isArray(a.schemas)){console.warn("[ModelsPage] Invalid reseeded payload:",l);return}e.handleReseedComplete(l),p.value=-1}),H(()=>e.selectedSchema,async()=>{p.value=-1,d.value&&e.currentItems.length>0&&(await ce(),d.value?.formatJson())}),H(()=>e.currentItems,(l,a)=>{const S=p.value;if(S<0)return;if(S>=l.length){p.value=-1;return}const R=e.currentSchema?.idField??"id",n=a?.[S],_=l[S];if(n!==_){if(typeof n=="object"&&n!==null&&typeof _=="object"&&_!==null){const I=n[R],D=_[R];if(I!==void 0&&I===D)return}p.value=-1}});async function x(l){e.isDirty&&!await g("You have unsaved changes. Are you sure you want to switch schemas?",{title:"Unsaved Changes",confirmText:"Switch Schema",cancelText:"Cancel"})||await e.selectSchemaByName(l)}async function F(){if(!d.value?.isValid){y("Cannot save invalid JSON. Please fix the errors first.");return}if(await e.saveItems())o("Items saved successfully");else{const a=e.error||"Failed to save items";y(a)}}async function j(){if(!e.isDirty)return;await g("Discard all changes and revert to saved data?",{title:"Discard Changes",confirmText:"Discard",cancelText:"Cancel"})&&(e.discardChanges(),o("Changes discarded"))}async function O(){v.value=!1;try{if(await e.clearSchema())o("Schema cleared successfully");else{const a=e.error||"Failed to clear schema";y(a)}}catch(l){const a=l instanceof Error?l.message:"Failed to clear schema";y(a)}}async function h(){if(!u.value){y("WebSocket not connected. Cannot trigger reseed.");return}await g("This will regenerate all seed data and replace existing items. Continue?",{title:"Reseed All Schemas",confirmText:"Reseed",cancelText:"Cancel"})&&(i({type:"reseed"}),o("Reseed command sent"))}function b(l){e.updateItems(l)}function $(l){p.value=p.value===l?-1:l}return(l,a)=>(f(),m("div",qe,[s("aside",We,[s("div",Ge,[E(r(K),{size:18}),a[4]||(a[4]=s("span",null,"Schemas",-1)),s("span",Xe,k(r(e).schemaCount),1)]),r(e).loading&&r(e).schemas.length===0?(f(),m("div",Ye,[...a[5]||(a[5]=[s("div",{class:"spinner"},null,-1),s("span",null,"Loading...",-1)])])):(f(),m("div",Qe,[(f(!0),m(J,null,A(r(e).schemas,S=>(f(),m("button",{key:S.name,class:L(["models-sidebar__item",{"models-sidebar__item--active":r(e).selectedSchema===S.name}]),onClick:R=>x(S.name)},[s("span",et,k(S.name),1),s("span",tt,k(S.count),1)],10,Ze))),128))])),s("div",st,[s("div",at,[a[6]||(a[6]=s("span",{class:"text-muted"},"Total Items:",-1)),s("span",nt,k(r(e).totalItems),1)])])]),s("main",ot,[r(e).selectedSchema?(f(),m(J,{key:0},[s("div",lt,[s("div",rt,[s("span",it,k(r(e).selectedSchema),1),s("span",ct,"("+k(r(e).currentItems.length)+" items)",1),r(e).isDirty?(f(),m("span",dt," Unsaved ")):N("",!0)]),s("div",ut,[r(e).isDirty?(f(),m("button",{key:0,class:"btn btn--ghost",title:"Discard changes",onClick:j},[E(r(fe),{size:16}),a[7]||(a[7]=s("span",null,"Discard",-1))])):N("",!0),s("button",{disabled:!r(e).isDirty||r(e).loading,class:"btn btn--primary",title:"Save changes",onClick:F},[E(r(_e),{size:16}),a[8]||(a[8]=s("span",null,"Save",-1))],8,ft),s("button",{class:"btn btn--danger",title:"Clear all items",onClick:a[0]||(a[0]=S=>v.value=!0)},[E(r(me),{size:16}),a[9]||(a[9]=s("span",null,"Clear",-1))]),s("button",{disabled:!r(u),class:"btn btn--secondary",title:"Reseed all schemas with generated data",onClick:h},[E(r(he),{size:16}),a[10]||(a[10]=s("span",null,"Reseed All",-1))],8,mt)])]),r(e).error?(f(),m("div",vt,[s("span",null,"⚠️ "+k(r(e).error),1)])):N("",!0),s("div",ht,[s("div",_t,[E(Le,{ref_key:"jsonEditorRef",ref:d,"model-value":r(e).currentItems,readonly:r(e).loading,"min-height":400,"onUpdate:modelValue":b},null,8,["model-value","readonly"])]),s("div",yt,[E(De,{items:r(e).currentItems,"id-field":r(e).currentSchema?.idField??"id","selected-index":p.value,onSelect:$},null,8,["items","id-field","selected-index"])])]),r(e).loading?(f(),m("div",pt,[...a[11]||(a[11]=[s("div",{class:"spinner"},null,-1),s("span",null,"Loading...",-1)])])):N("",!0)],64)):(f(),m("div",gt,[r(e).error?(f(),m("div",bt,[s("span",null,"⚠️ "+k(r(e).error),1)])):(f(),m(J,{key:1},[E(r(K),{size:48,class:"empty-state__icon"}),a[12]||(a[12]=s("h3",{class:"empty-state__title"},"Select a schema",-1)),a[13]||(a[13]=s("p",{class:"empty-state__description"}," Choose a schema from the sidebar to view and edit its data. ",-1))],64))]))]),(f(),le(ie,{to:"body"},[v.value?(f(),m("div",{key:0,class:"modal-overlay",onClick:a[3]||(a[3]=S=>v.value=!1)},[s("div",{class:"modal",onClick:a[2]||(a[2]=re(()=>{},["stop"]))},[a[17]||(a[17]=s("div",{class:"modal__header"},[s("h3",null,"Clear Schema Data")],-1)),s("div",St,[s("p",null,[a[14]||(a[14]=Y(" Are you sure you want to clear all items for ",-1)),s("strong",null,k(r(e).selectedSchema),1),a[15]||(a[15]=Y("? ",-1))]),a[16]||(a[16]=s("p",{class:"text-muted"},"This action cannot be undone.",-1))]),s("div",kt,[s("button",{class:"btn btn--ghost",onClick:a[1]||(a[1]=S=>v.value=!1)}," Cancel "),s("button",{class:"btn btn--danger",onClick:O}," Clear Schema ")])])])):N("",!0)]))]))}}),Et=G(Ct,[["__scopeId","data-v-353edfbc"]]);export{Et as default};
|
|
4
|
-
//# sourceMappingURL=ModelsPage-DQt9z3J2.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModelsPage-DQt9z3J2.js","sources":["../../../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/circle-alert.js","../../../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/refresh-cw.js","../../../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/save.js","../../../src/stores/models.ts","../../../src/utils/data-table.ts","../../../src/components/DataTable.vue","../../../src/components/JsonEditor.vue","../../../src/composables/useNotifications.ts","../../../src/pages/ModelsPage.vue"],"sourcesContent":["/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst CircleAlert = createLucideIcon(\"circle-alert\", [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"line\", { x1: \"12\", x2: \"12\", y1: \"8\", y2: \"12\", key: \"1pkeuh\" }],\n [\"line\", { x1: \"12\", x2: \"12.01\", y1: \"16\", y2: \"16\", key: \"4dfq90\" }]\n]);\n\nexport { CircleAlert as default };\n//# sourceMappingURL=circle-alert.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst RefreshCw = createLucideIcon(\"refresh-cw\", [\n [\"path\", { d: \"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\", key: \"v9h5vc\" }],\n [\"path\", { d: \"M21 3v5h-5\", key: \"1q7to0\" }],\n [\"path\", { d: \"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\", key: \"3uifl3\" }],\n [\"path\", { d: \"M8 16H3v5\", key: \"1cv678\" }]\n]);\n\nexport { RefreshCw as default };\n//# sourceMappingURL=refresh-cw.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Save = createLucideIcon(\"save\", [\n [\n \"path\",\n {\n d: \"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z\",\n key: \"1c8476\"\n }\n ],\n [\"path\", { d: \"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7\", key: \"1ydtos\" }],\n [\"path\", { d: \"M7 3v4a1 1 0 0 0 1 1h7\", key: \"t51u73\" }]\n]);\n\nexport { Save as default };\n//# sourceMappingURL=save.js.map\n","/**\n * Models Store - Store Data Management\n *\n * What: Manages in-memory store data for viewing and editing mock data\n * How: Fetches data from /_api/store endpoints and sends WebSocket commands\n * Why: Provides centralized state management for the Models page\n *\n * API Endpoints Used:\n * - GET /_api/store - List all schemas\n * - GET /_api/store/:schema - Get items for a schema\n * - POST /_api/store/:schema - Bulk replace items\n * - DELETE /_api/store/:schema - Clear schema data\n *\n * WebSocket Commands:\n * - reseed - Trigger reseed of all schemas\n */\n\nimport { defineStore } from 'pinia';\nimport type { ComputedRef, Ref } from 'vue';\nimport { computed, ref, toRaw } from 'vue';\n\n/**\n * Safe clone helper that handles Vue reactive/proxy values\n * Attempts structuredClone with toRaw, falls back to JSON serialization\n */\nfunction safeClone<T>(value: T): T {\n try {\n return structuredClone(toRaw(value));\n } catch {\n return JSON.parse(JSON.stringify(value)) as T;\n }\n}\n\n/**\n * Schema metadata from the server\n */\nexport interface SchemaInfo {\n /** Schema name from OpenAPI components */\n name: string;\n /** Number of items in the store for this schema */\n count: number;\n /** ID field name for this schema */\n idField: string;\n}\n\n/**\n * Schema data response from the server\n */\nexport interface SchemaData {\n /** Schema name */\n schema: string;\n /** Number of items */\n count: number;\n /** ID field name */\n idField: string;\n /** Array of data items */\n items: unknown[];\n}\n\n/**\n * Store state data\n */\nexport interface ModelsData {\n /** List of available schemas */\n schemas: SchemaInfo[];\n /** Currently selected schema name */\n selectedSchema: string | null;\n /** Items for the currently selected schema */\n currentItems: unknown[];\n /** Loading state */\n loading: boolean;\n /** Error message if any */\n error: string | null;\n /** Editing state - whether data has been modified */\n isDirty: boolean;\n}\n\n/**\n * Models store for managing store data\n */\nexport const useModelsStore = defineStore('models', () => {\n // ==========================================================================\n // State\n // ==========================================================================\n\n /** List of available schemas with metadata */\n const schemas: Ref<SchemaInfo[]> = ref([]);\n\n /** Currently selected schema name */\n const selectedSchema: Ref<string | null> = ref(null);\n\n /** Items for the currently selected schema */\n const currentItems: Ref<unknown[]> = ref([]);\n\n /** Original items (before editing) for dirty detection */\n const originalItems: Ref<unknown[]> = ref([]);\n\n /** Loading state */\n const loading: Ref<boolean> = ref(false);\n\n /** Error message */\n const error: Ref<string | null> = ref(null);\n\n // ==========================================================================\n // Computed\n // ==========================================================================\n\n /**\n * Currently selected schema metadata\n */\n const currentSchema: ComputedRef<SchemaInfo | null> = computed(() => {\n if (!selectedSchema.value) return null;\n return schemas.value.find((s) => s.name === selectedSchema.value) ?? null;\n });\n\n /**\n * Dirty state flag - updated by functions that mutate state\n */\n const isDirtyFlag: Ref<boolean> = ref(false);\n\n /**\n * Whether the current data has been modified\n */\n const isDirty: ComputedRef<boolean> = computed(() => isDirtyFlag.value);\n\n /**\n * Total number of schemas\n */\n const schemaCount: ComputedRef<number> = computed(() => schemas.value.length);\n\n /**\n * Total number of items across all schemas\n */\n const totalItems: ComputedRef<number> = computed(() => {\n return schemas.value.reduce((sum, schema) => sum + schema.count, 0);\n });\n\n // ==========================================================================\n // Actions\n // ==========================================================================\n\n /**\n * Fetch the list of schemas from the server\n */\n async function fetchSchemas(): Promise<void> {\n loading.value = true;\n error.value = null;\n\n try {\n const response = await fetch('/_api/store');\n if (!response.ok) {\n throw new Error(`Failed to fetch schemas: ${response.statusText}`);\n }\n\n const data = await response.json();\n schemas.value = data.schemas ?? [];\n } catch (err) {\n error.value = err instanceof Error ? err.message : 'Failed to fetch schemas';\n console.error('[ModelsStore] Error fetching schemas:', err);\n } finally {\n loading.value = false;\n }\n }\n\n /**\n * Select a schema and fetch its data\n */\n async function selectSchemaByName(schemaName: string): Promise<void> {\n if (selectedSchema.value === schemaName) return;\n\n selectedSchema.value = schemaName;\n await fetchSchemaData(schemaName);\n }\n\n /**\n * Fetch data for a specific schema\n */\n async function fetchSchemaData(schemaName: string): Promise<void> {\n loading.value = true;\n error.value = null;\n\n try {\n const response = await fetch(`/_api/store/${encodeURIComponent(schemaName)}`);\n if (!response.ok) {\n throw new Error(`Failed to fetch schema data: ${response.statusText}`);\n }\n\n const data: SchemaData = await response.json();\n const items = data.items ?? [];\n // Clone items to avoid shared references between current and original\n currentItems.value = safeClone(items);\n originalItems.value = safeClone(items);\n isDirtyFlag.value = false;\n\n // Update schema count in the list\n const schemaIndex = schemas.value.findIndex((s) => s.name === schemaName);\n if (schemaIndex !== -1) {\n schemas.value[schemaIndex].count = data.count;\n }\n } catch (err) {\n error.value = err instanceof Error ? err.message : 'Failed to fetch schema data';\n console.error('[ModelsStore] Error fetching schema data:', err);\n } finally {\n loading.value = false;\n }\n }\n\n /**\n * Update the current items (for editing)\n */\n function updateItems(items: unknown): void {\n // Validate that items is an array\n if (!Array.isArray(items)) {\n error.value = 'Invalid data: Expected an array of items';\n console.error('[ModelsStore] updateItems received non-array value:', typeof items);\n return;\n }\n\n currentItems.value = items;\n // Clear any previous validation errors\n error.value = null;\n // Mark as dirty since items were updated\n isDirtyFlag.value = true;\n }\n\n /**\n * Save the current items to the server\n */\n async function saveItems(): Promise<boolean> {\n if (!selectedSchema.value) {\n error.value = 'No schema selected';\n return false;\n }\n\n loading.value = true;\n error.value = null;\n\n try {\n const response = await fetch(`/_api/store/${encodeURIComponent(selectedSchema.value)}`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(currentItems.value),\n });\n\n if (!response.ok) {\n const errorData = await response.json().catch(() => ({}));\n throw new Error(errorData.error || `Failed to save items: ${response.statusText}`);\n }\n\n const result = await response.json();\n\n // Update original items to match saved items\n originalItems.value = safeClone(currentItems.value);\n isDirtyFlag.value = false;\n\n // Update schema count\n const schemaIndex = schemas.value.findIndex((s) => s.name === selectedSchema.value);\n if (schemaIndex !== -1) {\n schemas.value[schemaIndex].count = result.created ?? currentItems.value.length;\n }\n\n return true;\n } catch (err) {\n error.value = err instanceof Error ? err.message : 'Failed to save items';\n console.error('[ModelsStore] Error saving items:', err);\n return false;\n } finally {\n loading.value = false;\n }\n }\n\n /**\n * Clear all items for the current schema\n */\n async function clearSchema(): Promise<boolean> {\n if (!selectedSchema.value) {\n error.value = 'No schema selected';\n return false;\n }\n\n loading.value = true;\n error.value = null;\n\n try {\n const response = await fetch(`/_api/store/${encodeURIComponent(selectedSchema.value)}`, {\n method: 'DELETE',\n });\n\n if (!response.ok) {\n throw new Error(`Failed to clear schema: ${response.statusText}`);\n }\n\n // Update local state\n currentItems.value = [];\n originalItems.value = [];\n isDirtyFlag.value = false;\n\n // Update schema count\n const schemaIndex = schemas.value.findIndex((s) => s.name === selectedSchema.value);\n if (schemaIndex !== -1) {\n schemas.value[schemaIndex].count = 0;\n }\n\n return true;\n } catch (err) {\n error.value = err instanceof Error ? err.message : 'Failed to clear schema';\n console.error('[ModelsStore] Error clearing schema:', err);\n return false;\n } finally {\n loading.value = false;\n }\n }\n\n /**\n * Discard changes and revert to original items\n */\n function discardChanges(): void {\n currentItems.value = safeClone(originalItems.value);\n isDirtyFlag.value = false;\n }\n\n /**\n * Refresh the current schema data from the server\n */\n async function refresh(): Promise<void> {\n if (selectedSchema.value) {\n await fetchSchemaData(selectedSchema.value);\n } else {\n await fetchSchemas();\n }\n }\n\n /**\n * Reset the store state\n */\n function reset(): void {\n schemas.value = [];\n selectedSchema.value = null;\n currentItems.value = [];\n originalItems.value = [];\n loading.value = false;\n error.value = null;\n isDirtyFlag.value = false;\n }\n\n /**\n * Handle store update from WebSocket event\n */\n function handleStoreUpdate(data: { schema: string; action: string; count: number }): void {\n const schemaIndex = schemas.value.findIndex((s) => s.name === data.schema);\n if (schemaIndex !== -1) {\n schemas.value[schemaIndex].count = data.count;\n }\n\n // If the updated schema is currently selected, refresh it only if no unsaved changes\n if (selectedSchema.value === data.schema) {\n if (!isDirty.value) {\n fetchSchemaData(data.schema);\n } else {\n // Don't auto-refresh when there are unsaved changes\n console.warn(\n `[ModelsStore] Skipping auto-refresh for schema \"${data.schema}\" - unsaved changes exist`,\n );\n }\n }\n }\n\n /**\n * Handle reseed completion from WebSocket event\n */\n function handleReseedComplete(data: { success: boolean; schemas: string[] }): void {\n if (data.success) {\n // Refresh schema list\n fetchSchemas();\n\n // Refresh current schema data only if no unsaved changes\n if (selectedSchema.value) {\n if (!isDirty.value) {\n fetchSchemaData(selectedSchema.value);\n } else {\n console.warn(\n `[ModelsStore] Skipping auto-refresh after reseed for schema \"${selectedSchema.value}\" - unsaved changes exist`,\n );\n }\n }\n }\n }\n\n // ==========================================================================\n // Return store interface\n // ==========================================================================\n\n return {\n // State\n schemas,\n selectedSchema,\n currentItems,\n loading,\n error,\n\n // Computed\n currentSchema,\n isDirty,\n schemaCount,\n totalItems,\n\n // Actions\n fetchSchemas,\n selectSchemaByName,\n fetchSchemaData,\n updateItems,\n saveItems,\n clearSchema,\n discardChanges,\n refresh,\n reset,\n handleStoreUpdate,\n handleReseedComplete,\n };\n});\n\nexport type ModelsStore = ReturnType<typeof useModelsStore>;\n","/**\n * Data Table Utilities\n *\n * What: Pure helper functions for the DataTable component\n * How: Provides column discovery, cell formatting, and row key logic\n * Why: Extracted from DataTable.vue for testability and reuse\n *\n * @module utils/data-table\n */\n\n/**\n * Truncate a string to maxLen characters, appending an ellipsis if truncated.\n */\nexport function truncate(str: string, maxLen: number): string {\n if (str.length <= maxLen) return str;\n return `${str.slice(0, maxLen)}…`;\n}\n\n/**\n * Format a cell value for display.\n * Returns a human-readable string representation suitable for table cells.\n */\nexport function formatCell(value: unknown): string {\n if (value === null || value === undefined) return '--';\n if (typeof value === 'string') return truncate(value, 50);\n if (typeof value === 'number' || typeof value === 'boolean') return String(value);\n if (Array.isArray(value)) return truncate(JSON.stringify(value), 50);\n if (typeof value === 'object') return truncate(JSON.stringify(value), 50);\n return String(value);\n}\n\n/**\n * Get a cell value from an item by column name.\n * Returns undefined for non-object items.\n */\nexport function getCellValue(item: unknown, column: string): unknown {\n if (typeof item !== 'object' || item === null) return undefined;\n return (item as Record<string, unknown>)[column];\n}\n\n/**\n * Get a stable key for a row, using the item's ID field value if it is\n * a string or number. Falls back to the row index otherwise.\n */\nexport function getRowKey(item: unknown, idField: string, index: number): string | number {\n const id = getCellValue(item, idField);\n if (typeof id === 'string' || typeof id === 'number') return id;\n return index;\n}\n\n/**\n * Discover columns from all items' keys.\n * Iterates over every item to accumulate all unique keys,\n * then places idField first if present.\n */\nexport function discoverColumns(items: unknown[], idField: string): string[] {\n if (items.length === 0) return [];\n\n const keySet = new Set<string>();\n for (const item of items) {\n if (typeof item === 'object' && item !== null) {\n for (const key of Object.keys(item as Record<string, unknown>)) {\n keySet.add(key);\n }\n }\n }\n\n if (keySet.size === 0) return [];\n\n const keys = Array.from(keySet);\n\n // Put idField first if it exists\n if (keys.includes(idField)) {\n return [idField, ...keys.filter((k) => k !== idField)];\n }\n\n return keys;\n}\n","<!--\n DataTable.vue - Dynamic Data Table Component\n\n What: Displays an array of objects as a scrollable table with dynamic columns\n How: Discovers columns from all items' keys, places idField first, formats cells\n Why: Shows store data in tabular form alongside the JSON editor on the Models page\n-->\n\n<script setup lang=\"ts\">\nimport { Database } from 'lucide-vue-next';\nimport { computed } from 'vue';\nimport { discoverColumns, formatCell, getCellValue, getRowKey } from '@/utils/data-table';\n\n/**\n * Component props\n */\ninterface Props {\n /** Array of items to display */\n items: unknown[];\n /** Name of the ID field (placed first in columns) */\n idField: string;\n /** Index of the currently selected row (-1 for none) */\n selectedIndex?: number;\n}\n\n/**\n * Component emits\n */\ninterface Emits {\n (e: 'select', index: number): void;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n selectedIndex: -1,\n});\n\nconst emit = defineEmits<Emits>();\n\n// ==========================================================================\n// Computed\n// ==========================================================================\n\n/**\n * Columns discovered from all items' keys, with idField placed first.\n */\nconst columns = computed<string[]>(() => discoverColumns(props.items, props.idField));\n\n// ==========================================================================\n// Methods\n// ==========================================================================\n\n/**\n * Handle row click\n */\nfunction onRowClick(index: number): void {\n emit('select', index);\n}\n\n/**\n * Get a stable key for a row, delegating to the utility function\n */\nfunction rowKey(item: unknown, index: number): string | number {\n return getRowKey(item, props.idField, index);\n}\n</script>\n\n<template>\n <div class=\"data-table\">\n <!-- Empty State -->\n <div v-if=\"items.length === 0\" class=\"data-table__empty\">\n <Database :size=\"32\" class=\"data-table__empty-icon\" />\n <span>No items</span>\n </div>\n\n <!-- Table -->\n <div v-else class=\"data-table__container\">\n <table class=\"data-table__table\">\n <thead>\n <tr>\n <th class=\"data-table__row-num\">#</th>\n <th\n v-for=\"col in columns\"\n :key=\"col\"\n :class=\"['data-table__header', { 'data-table__header--id': col === idField }]\"\n >\n {{ col }}\n </th>\n </tr>\n </thead>\n <tbody>\n <tr\n v-for=\"(item, index) in items\"\n :key=\"rowKey(item, index)\"\n :class=\"['data-table__row', { 'data-table__row--selected': index === selectedIndex }]\"\n @click=\"onRowClick(index)\"\n >\n <td class=\"data-table__row-num\">{{ index + 1 }}</td>\n <td\n v-for=\"col in columns\"\n :key=\"col\"\n :class=\"['data-table__cell', { 'data-table__cell--id': col === idField }]\"\n >\n {{ formatCell(getCellValue(item, col)) }}\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n\n <!-- Footer -->\n <div v-if=\"items.length > 0\" class=\"data-table__footer\">\n <span class=\"data-table__info\">{{ items.length }} items</span>\n <span class=\"data-table__info\">{{ columns.length }} columns</span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.data-table {\n display: flex;\n flex-direction: column;\n background-color: var(--devtools-surface);\n border: 1px solid var(--devtools-border);\n border-radius: var(--devtools-radius-md);\n overflow: hidden;\n height: 100%;\n}\n\n/* Empty State */\n.data-table__empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--devtools-space-sm);\n flex: 1;\n color: var(--devtools-text-muted);\n font-size: var(--font-size-1);\n}\n\n.data-table__empty-icon {\n opacity: 0.4;\n}\n\n/* Table Container */\n.data-table__container {\n flex: 1;\n overflow: auto;\n}\n\n.data-table__table {\n width: 100%;\n border-collapse: collapse;\n font-size: var(--font-size-0);\n font-family: var(--devtools-font-mono);\n}\n\n/* Header */\n.data-table__table thead {\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.data-table__header {\n padding: var(--devtools-space-xs) var(--devtools-space-sm);\n text-align: left;\n font-weight: var(--font-weight-6);\n font-family: var(--devtools-font-sans);\n font-size: var(--font-size-0);\n background-color: var(--devtools-surface-elevated);\n border-bottom: 1px solid var(--devtools-border);\n white-space: nowrap;\n color: var(--devtools-text);\n}\n\n.data-table__header--id {\n color: var(--devtools-primary);\n}\n\n/* Row Numbers */\n.data-table__row-num {\n padding: var(--devtools-space-xs) var(--devtools-space-sm);\n text-align: right;\n color: var(--devtools-text-muted);\n font-size: var(--font-size-0);\n font-family: var(--devtools-font-mono);\n background-color: var(--devtools-surface-elevated);\n border-right: 1px solid var(--devtools-border);\n border-bottom: 1px solid var(--devtools-border);\n white-space: nowrap;\n min-width: 2ch;\n user-select: none;\n}\n\n/* Rows */\n.data-table__row {\n cursor: pointer;\n transition: background-color var(--devtools-transition-fast);\n}\n\n.data-table__row:hover {\n background-color: var(--devtools-surface-elevated);\n}\n\n.data-table__row--selected {\n background-color: color-mix(in srgb, var(--devtools-primary) 15%, transparent);\n}\n\n/* Cells */\n.data-table__cell {\n padding: var(--devtools-space-xs) var(--devtools-space-sm);\n border-bottom: 1px solid var(--devtools-border);\n white-space: nowrap;\n max-width: 300px;\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--devtools-text);\n}\n\n.data-table__cell--id {\n color: var(--devtools-primary);\n font-weight: var(--font-weight-5);\n}\n\n/* Footer */\n.data-table__footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: var(--devtools-space-xs) var(--devtools-space-sm);\n background-color: var(--devtools-surface-elevated);\n border-top: 1px solid var(--devtools-border);\n font-size: var(--font-size-0);\n}\n\n.data-table__info {\n color: var(--devtools-text-muted);\n}\n</style>\n","<!--\n JsonEditor.vue - JSON Editor Component\n\n What: Editable JSON textarea with syntax highlighting and validation\n How: Uses a textarea with syntax validation and formatting utilities\n Why: Allows developers to edit mock data in a user-friendly interface\n\n Features:\n - Real-time JSON validation\n - Syntax error display\n - Format/prettify button\n - Line numbers\n - Monospace font\n-->\n\n<script setup lang=\"ts\">\nimport { AlertCircle, Check } from 'lucide-vue-next';\nimport { computed, ref, watch } from 'vue';\n\n/**\n * Component props\n */\ninterface Props {\n /** JSON data to edit (will be stringified) */\n modelValue: unknown;\n /** Whether the editor is read-only */\n readonly?: boolean;\n /** Placeholder text when empty */\n placeholder?: string;\n /** Minimum height in pixels */\n minHeight?: number;\n}\n\n/**\n * Component emits\n */\ninterface Emits {\n (e: 'update:modelValue', value: unknown): void;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n readonly: false,\n placeholder: 'Enter JSON data...',\n minHeight: 200,\n});\n\nconst emit = defineEmits<Emits>();\n\n// ==========================================================================\n// State\n// ==========================================================================\n\n/** Current text content */\nconst text = ref<string>('');\n\n/** JSON validation error */\nconst validationError = ref<string | null>(null);\n\n/** Whether JSON is valid */\nconst isValid = computed(() => validationError.value === null);\n\n/** Line count for line numbers */\nconst lineCount = computed(() => {\n return text.value.split('\\n').length;\n});\n\n/** Line numbers array */\nconst lineNumbers = computed(() => {\n return Array.from({ length: lineCount.value }, (_, i) => i + 1);\n});\n\n// ==========================================================================\n// Initialization\n// ==========================================================================\n\n/**\n * Initialize text from modelValue\n */\nfunction initializeText(): void {\n try {\n text.value = JSON.stringify(props.modelValue, null, 2);\n validationError.value = null;\n } catch (err) {\n text.value = '';\n validationError.value = 'Invalid initial value';\n }\n}\n\n// Initialize on mount\ninitializeText();\n\n// Watch for external changes to modelValue\nwatch(\n () => props.modelValue,\n () => {\n // Only update if the parsed value differs (avoid cursor jumps during typing)\n try {\n const currentParsed = JSON.parse(text.value);\n if (JSON.stringify(currentParsed) !== JSON.stringify(props.modelValue)) {\n initializeText();\n }\n } catch {\n // If current text is invalid, always update\n initializeText();\n }\n },\n);\n\n// ==========================================================================\n// Actions\n// ==========================================================================\n\n/**\n * Handle text input\n */\nfunction handleInput(event: Event): void {\n const target = event.target as HTMLTextAreaElement;\n text.value = target.value;\n validateAndEmit();\n}\n\n/**\n * Validate JSON and emit update\n */\nfunction validateAndEmit(): void {\n if (text.value.trim() === '') {\n validationError.value = null;\n emit('update:modelValue', []);\n return;\n }\n\n try {\n const parsed = JSON.parse(text.value);\n validationError.value = null;\n emit('update:modelValue', parsed);\n } catch (err) {\n if (err instanceof Error) {\n // Extract line/column info from error message\n const match = err.message.match(/position (\\d+)/);\n if (match) {\n const position = Number.parseInt(match[1], 10);\n const lines = text.value.substring(0, position).split('\\n');\n const line = lines.length;\n const column = lines[lines.length - 1].length + 1;\n validationError.value = `Line ${line}, Column ${column}: ${err.message}`;\n } else {\n validationError.value = err.message;\n }\n } else {\n validationError.value = 'Invalid JSON';\n }\n }\n}\n\n/**\n * Format/prettify the JSON\n */\nfunction formatJson(): void {\n try {\n const parsed = JSON.parse(text.value);\n text.value = JSON.stringify(parsed, null, 2);\n validationError.value = null;\n emit('update:modelValue', parsed);\n } catch {\n // If invalid, do nothing\n }\n}\n\n/**\n * Handle Tab key for indentation\n */\nfunction handleKeyDown(event: KeyboardEvent): void {\n if (event.key === 'Tab') {\n event.preventDefault();\n const target = event.target as HTMLTextAreaElement;\n const start = target.selectionStart;\n const end = target.selectionEnd;\n\n // Insert 2 spaces\n const newText = `${text.value.substring(0, start)} ${text.value.substring(end)}`;\n text.value = newText;\n\n // Move cursor\n setTimeout(() => {\n target.selectionStart = target.selectionEnd = start + 2;\n }, 0);\n\n validateAndEmit();\n }\n}\n\n// ==========================================================================\n// Expose methods\n// ==========================================================================\n\ndefineExpose({\n formatJson,\n isValid,\n});\n</script>\n\n<template>\n <div class=\"json-editor\">\n <!-- Editor Container -->\n <div class=\"json-editor__container\">\n <!-- Line Numbers -->\n <div class=\"json-editor__lines\" aria-hidden=\"true\">\n <div\n v-for=\"lineNum in lineNumbers\"\n :key=\"lineNum\"\n class=\"json-editor__line-number\"\n >\n {{ lineNum }}\n </div>\n </div>\n\n <!-- Textarea -->\n <textarea\n :value=\"text\"\n :readonly=\"readonly\"\n :placeholder=\"placeholder\"\n :style=\"{ minHeight: `${minHeight}px` }\"\n class=\"json-editor__textarea\"\n spellcheck=\"false\"\n @input=\"handleInput\"\n @keydown=\"handleKeyDown\"\n />\n </div>\n\n <!-- Status Bar -->\n <div class=\"json-editor__status\">\n <div class=\"json-editor__status-left\">\n <!-- Validation Status -->\n <div v-if=\"isValid\" class=\"json-editor__valid\">\n <Check :size=\"14\" />\n <span>Valid JSON</span>\n </div>\n <div v-else-if=\"validationError\" class=\"json-editor__error\">\n <AlertCircle :size=\"14\" />\n <span>{{ validationError }}</span>\n </div>\n </div>\n\n <div class=\"json-editor__status-right\">\n <!-- Line Count -->\n <span class=\"json-editor__info\">{{ lineCount }} lines</span>\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.json-editor {\n display: flex;\n flex-direction: column;\n background-color: var(--devtools-surface);\n border: 1px solid var(--devtools-border);\n border-radius: var(--devtools-radius-md);\n overflow: hidden;\n}\n\n/* Editor Container */\n.json-editor__container {\n display: flex;\n overflow: auto;\n flex: 1;\n}\n\n/* Line Numbers */\n.json-editor__lines {\n display: flex;\n flex-direction: column;\n padding: var(--devtools-space-sm) var(--devtools-space-xs);\n background-color: var(--devtools-surface-elevated);\n border-right: 1px solid var(--devtools-border);\n user-select: none;\n flex-shrink: 0;\n}\n\n.json-editor__line-number {\n height: 1.5em;\n line-height: 1.5;\n text-align: right;\n font-family: var(--devtools-font-mono);\n font-size: var(--font-size-0);\n color: var(--devtools-text-muted);\n min-width: 2ch;\n padding-right: var(--devtools-space-xs);\n}\n\n/* Textarea */\n.json-editor__textarea {\n flex: 1;\n padding: var(--devtools-space-sm);\n background-color: var(--devtools-surface);\n color: var(--devtools-text);\n border: none;\n outline: none;\n resize: vertical;\n font-family: var(--devtools-font-mono);\n font-size: var(--font-size-0);\n line-height: 1.5;\n tab-size: 2;\n white-space: pre;\n overflow-wrap: normal;\n overflow-x: auto;\n}\n\n.json-editor__textarea::placeholder {\n color: var(--devtools-text-muted);\n opacity: 0.6;\n}\n\n.json-editor__textarea:focus {\n outline: 2px solid var(--devtools-primary);\n outline-offset: -2px;\n}\n\n.json-editor__textarea[readonly] {\n background-color: var(--devtools-surface-elevated);\n cursor: not-allowed;\n opacity: 0.7;\n}\n\n/* Status Bar */\n.json-editor__status {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--devtools-space-md);\n padding: var(--devtools-space-xs) var(--devtools-space-sm);\n background-color: var(--devtools-surface-elevated);\n border-top: 1px solid var(--devtools-border);\n font-size: var(--font-size-0);\n}\n\n.json-editor__status-left,\n.json-editor__status-right {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-sm);\n}\n\n/* Validation Indicators */\n.json-editor__valid {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n color: var(--devtools-success);\n}\n\n.json-editor__error {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n color: var(--devtools-error);\n}\n\n.json-editor__info {\n color: var(--devtools-text-muted);\n}\n\n/* Dark mode adjustments */\n@media (prefers-color-scheme: dark) {\n .json-editor__textarea {\n color: #e2e8f0;\n }\n\n .json-editor__textarea::placeholder {\n color: #64748b;\n }\n}\n</style>\n","/**\n * Notifications Composable\n *\n * What: Provides consistent user feedback mechanism for the DevTools\n * How: Manages toast notifications and confirmation modals\n * Why: Replaces inconsistent alert()/confirm()/console.log() usage\n *\n * Features:\n * - Toast notifications for success/error/info messages\n * - Confirmation modals with custom messages\n * - Auto-dismiss for toast notifications\n * - Centralized state management\n */\n\nimport { reactive, ref } from 'vue';\n\n/**\n * Toast notification types\n */\nexport type ToastType = 'success' | 'error' | 'info' | 'warning';\n\n/**\n * Toast notification\n */\nexport interface Toast {\n id: string;\n type: ToastType;\n message: string;\n duration: number;\n timestamp: number;\n}\n\n/**\n * Confirmation dialog state\n */\nexport interface ConfirmDialog {\n visible: boolean;\n title: string;\n message: string;\n confirmText: string;\n cancelText: string;\n onConfirm: (() => void) | null;\n onCancel: (() => void) | null;\n}\n\n// ==========================================================================\n// Global State\n// ==========================================================================\n\nconst toasts = ref<Toast[]>([]);\nconst confirmDialog = reactive<ConfirmDialog>({\n visible: false,\n title: '',\n message: '',\n confirmText: 'Confirm',\n cancelText: 'Cancel',\n onConfirm: null,\n onCancel: null,\n});\n\n// Track active timeout IDs to prevent orphaned timers\nconst timeouts = new Map<string, ReturnType<typeof setTimeout>>();\n\n// Track pending confirm dialog promise resolver\nlet pendingResolve: ((value: boolean) => void) | null = null;\n\n// ==========================================================================\n// Helper Functions\n// ==========================================================================\n\nlet toastIdCounter = 0;\n\nfunction generateToastId(): string {\n return `toast-${Date.now()}-${toastIdCounter++}`;\n}\n\nfunction addToast(type: ToastType, message: string, duration = 3000): string {\n const id = generateToastId();\n const toast: Toast = {\n id,\n type,\n message,\n duration,\n timestamp: Date.now(),\n };\n\n toasts.value.push(toast);\n\n // Auto-dismiss\n if (duration > 0) {\n const timeoutId = setTimeout(() => {\n removeToast(id);\n timeouts.delete(id);\n }, duration);\n timeouts.set(id, timeoutId);\n }\n\n return id;\n}\n\nfunction removeToast(id: string): void {\n // Clear the timeout if it exists\n const timeoutId = timeouts.get(id);\n if (timeoutId !== undefined) {\n clearTimeout(timeoutId);\n timeouts.delete(id);\n }\n\n // Remove the toast from the array\n const index = toasts.value.findIndex((t) => t.id === id);\n if (index !== -1) {\n toasts.value.splice(index, 1);\n }\n}\n\n// ==========================================================================\n// Composable\n// ==========================================================================\n\n/**\n * Notifications composable\n *\n * Provides methods for showing toast notifications and confirmation dialogs\n */\nexport function useNotifications() {\n /**\n * Show a success toast notification\n */\n function success(message: string, duration?: number): string {\n return addToast('success', message, duration);\n }\n\n /**\n * Show an error toast notification\n */\n function error(message: string, duration?: number): string {\n return addToast('error', message, duration);\n }\n\n /**\n * Show an info toast notification\n */\n function info(message: string, duration?: number): string {\n return addToast('info', message, duration);\n }\n\n /**\n * Show a warning toast notification\n */\n function warning(message: string, duration?: number): string {\n return addToast('warning', message, duration);\n }\n\n /**\n * Show a confirmation dialog\n *\n * @returns Promise that resolves to true if confirmed, false if cancelled\n */\n function confirm(\n message: string,\n options?: {\n title?: string;\n confirmText?: string;\n cancelText?: string;\n },\n ): Promise<boolean> {\n return new Promise((resolve) => {\n // Resolve any pending dialog with false (cancelled) before opening new one\n if (pendingResolve) {\n pendingResolve(false);\n pendingResolve = null;\n }\n\n // Store the new resolve reference\n pendingResolve = resolve;\n\n confirmDialog.visible = true;\n confirmDialog.title = options?.title || 'Confirm';\n confirmDialog.message = message;\n confirmDialog.confirmText = options?.confirmText || 'Confirm';\n confirmDialog.cancelText = options?.cancelText || 'Cancel';\n\n confirmDialog.onConfirm = () => {\n confirmDialog.visible = false;\n if (pendingResolve) {\n pendingResolve(true);\n pendingResolve = null;\n }\n };\n\n confirmDialog.onCancel = () => {\n confirmDialog.visible = false;\n if (pendingResolve) {\n pendingResolve(false);\n pendingResolve = null;\n }\n };\n });\n }\n\n /**\n * Close the confirmation dialog\n */\n function closeConfirm(): void {\n confirmDialog.visible = false;\n if (pendingResolve) {\n pendingResolve(false);\n pendingResolve = null;\n }\n }\n\n /**\n * Manually dismiss a toast by ID\n */\n function dismiss(id: string): void {\n removeToast(id);\n }\n\n /**\n * Clear all toasts\n */\n function clearAll(): void {\n // Clear all active timeouts\n for (const timeoutId of timeouts.values()) {\n clearTimeout(timeoutId);\n }\n timeouts.clear();\n toasts.value = [];\n }\n\n return {\n // State\n toasts,\n confirmDialog,\n\n // Toast methods\n success,\n error,\n info,\n warning,\n dismiss,\n clearAll,\n\n // Confirm methods\n confirm,\n closeConfirm,\n };\n}\n","<!--\n ModelsPage.vue - Store Data Editor Page\n\n What: Displays and allows editing of in-memory store data organized by schema\n How: Fetches store data from models store and displays in an editable JSON view\n Why: Allows developers to inspect and modify mock data during development\n\n Features:\n - Schema listing sidebar with item counts\n - JSON editor with syntax validation\n - Save, discard, clear, and reseed actions\n - Real-time updates via WebSocket\n - Dirty state tracking\n-->\n<script setup lang=\"ts\">\nimport { Database, RefreshCw, Save, Trash2, X } from 'lucide-vue-next';\nimport { nextTick, onMounted, ref, watch } from 'vue';\nimport DataTable from '@/components/DataTable.vue';\n// biome-ignore lint/style/useImportType: Component needs to be available at runtime\nimport JsonEditor from '@/components/JsonEditor.vue';\nimport { useNotifications } from '@/composables/useNotifications';\nimport { useWebSocket } from '@/composables/useWebSocket';\nimport { useModelsStore } from '@/stores';\n\n// ==========================================================================\n// Store & Composables\n// ==========================================================================\n\nconst modelsStore = useModelsStore();\nconst { send, on, connected } = useWebSocket();\nconst { success, error: notifyError, confirm } = useNotifications();\n\n// ==========================================================================\n// State\n// ==========================================================================\n\n/** Reference to the JSON editor component */\nconst jsonEditorRef = ref<InstanceType<typeof JsonEditor> | null>(null);\n\n/** Confirmation dialog state */\nconst showClearConfirm = ref(false);\n\n/** Currently selected row index in the data table */\nconst selectedItemIndex = ref(-1);\n\n// ==========================================================================\n// Lifecycle\n// ==========================================================================\n\nonMounted(async () => {\n // Load schemas on mount\n try {\n await modelsStore.fetchSchemas();\n\n // Select first schema if available\n if (modelsStore.schemas.length > 0 && !modelsStore.selectedSchema) {\n await modelsStore.selectSchemaByName(modelsStore.schemas[0].name);\n }\n } catch (err) {\n // Error is already set in the store, but ensure it's visible\n if (!modelsStore.error) {\n modelsStore.error = err instanceof Error ? err.message : 'Failed to load schemas';\n }\n }\n});\n\n// ==========================================================================\n// WebSocket Event Handlers\n// ==========================================================================\n\n// Handle store updates from WebSocket\non('store:updated', (data) => {\n // Validate payload structure\n const payload = data as any;\n if (\n typeof data !== 'object' ||\n data === null ||\n typeof payload.schema !== 'string' ||\n typeof payload.action !== 'string' ||\n typeof payload.count !== 'number'\n ) {\n console.warn('[ModelsPage] Invalid store:updated payload:', data);\n return;\n }\n\n modelsStore.handleStoreUpdate(data as { schema: string; action: string; count: number });\n selectedItemIndex.value = -1;\n});\n\n// Handle reseed completion\non('reseeded', (data) => {\n // Validate payload structure\n const payload = data as any;\n if (\n typeof data !== 'object' ||\n data === null ||\n typeof payload.success !== 'boolean' ||\n !Array.isArray(payload.schemas)\n ) {\n console.warn('[ModelsPage] Invalid reseeded payload:', data);\n return;\n }\n\n modelsStore.handleReseedComplete(data as { success: boolean; schemas: string[] });\n selectedItemIndex.value = -1;\n});\n\n// ==========================================================================\n// Watchers\n// ==========================================================================\n\n// Format JSON when schema changes\nwatch(\n () => modelsStore.selectedSchema,\n async () => {\n selectedItemIndex.value = -1;\n if (jsonEditorRef.value && modelsStore.currentItems.length > 0) {\n // Wait for next tick to ensure editor is updated\n await nextTick();\n jsonEditorRef.value?.formatJson();\n }\n },\n);\n\n// Reset selection when items array changes and the selected item no longer matches\nwatch(\n () => modelsStore.currentItems,\n (newItems, oldItems) => {\n const idx = selectedItemIndex.value;\n if (idx < 0) return;\n\n // Out of range\n if (idx >= newItems.length) {\n selectedItemIndex.value = -1;\n return;\n }\n\n // Compare by ID field identity\n const idField = modelsStore.currentSchema?.idField ?? 'id';\n const oldItem = oldItems?.[idx];\n const newItem = newItems[idx];\n\n // Same object reference — keep selection\n if (oldItem === newItem) return;\n\n // Compare by ID value if both are objects\n if (\n typeof oldItem === 'object' &&\n oldItem !== null &&\n typeof newItem === 'object' &&\n newItem !== null\n ) {\n const oldId = (oldItem as Record<string, unknown>)[idField];\n const newId = (newItem as Record<string, unknown>)[idField];\n if (oldId !== undefined && oldId === newId) return;\n }\n\n selectedItemIndex.value = -1;\n },\n);\n\n// ==========================================================================\n// Actions\n// ==========================================================================\n\n/**\n * Select a schema and fetch its data\n */\nasync function selectSchema(schemaName: string): Promise<void> {\n if (modelsStore.isDirty) {\n const confirmed = await confirm(\n 'You have unsaved changes. Are you sure you want to switch schemas?',\n {\n title: 'Unsaved Changes',\n confirmText: 'Switch Schema',\n cancelText: 'Cancel',\n },\n );\n if (!confirmed) return;\n }\n\n await modelsStore.selectSchemaByName(schemaName);\n}\n\n/**\n * Save the current items to the server\n */\nasync function saveItems(): Promise<void> {\n if (!jsonEditorRef.value?.isValid) {\n notifyError('Cannot save invalid JSON. Please fix the errors first.');\n return;\n }\n\n const saved = await modelsStore.saveItems();\n if (saved) {\n success('Items saved successfully');\n } else {\n // Show error to user if save failed\n const errorMessage = modelsStore.error || 'Failed to save items';\n notifyError(errorMessage);\n }\n}\n\n/**\n * Discard changes and revert to original\n */\nasync function discardChanges(): Promise<void> {\n if (!modelsStore.isDirty) return;\n\n const confirmed = await confirm('Discard all changes and revert to saved data?', {\n title: 'Discard Changes',\n confirmText: 'Discard',\n cancelText: 'Cancel',\n });\n if (confirmed) {\n modelsStore.discardChanges();\n success('Changes discarded');\n }\n}\n\n/**\n * Clear all items for the current schema\n */\nasync function clearSchema(): Promise<void> {\n showClearConfirm.value = false;\n\n try {\n const cleared = await modelsStore.clearSchema();\n if (cleared) {\n success('Schema cleared successfully');\n } else {\n // Show error to user if clear failed\n const errorMessage = modelsStore.error || 'Failed to clear schema';\n notifyError(errorMessage);\n }\n } catch (err) {\n const errorMessage = err instanceof Error ? err.message : 'Failed to clear schema';\n notifyError(errorMessage);\n }\n}\n\n/**\n * Trigger reseed via WebSocket\n */\nasync function reseedAll(): Promise<void> {\n if (!connected.value) {\n notifyError('WebSocket not connected. Cannot trigger reseed.');\n return;\n }\n\n const confirmed = await confirm(\n 'This will regenerate all seed data and replace existing items. Continue?',\n {\n title: 'Reseed All Schemas',\n confirmText: 'Reseed',\n cancelText: 'Cancel',\n },\n );\n if (!confirmed) return;\n\n send({ type: 'reseed' });\n success('Reseed command sent');\n}\n\n/**\n * Handle JSON editor value updates\n */\nfunction onJsonEditorUpdate(value: unknown): void {\n modelsStore.updateItems(value);\n}\n\n/**\n * Handle data table row selection (toggle)\n */\nfunction onTableRowSelect(index: number): void {\n selectedItemIndex.value = selectedItemIndex.value === index ? -1 : index;\n}\n</script>\n\n<template>\n <div class=\"models-page\">\n <!-- Schema Sidebar -->\n <aside class=\"models-sidebar\">\n <div class=\"models-sidebar__header\">\n <Database :size=\"18\" />\n <span>Schemas</span>\n <span class=\"models-sidebar__badge\">{{ modelsStore.schemaCount }}</span>\n </div>\n\n <!-- Loading State -->\n <div v-if=\"modelsStore.loading && modelsStore.schemas.length === 0\" class=\"models-sidebar__loading\">\n <div class=\"spinner\" />\n <span>Loading...</span>\n </div>\n\n <!-- Schema List -->\n <div v-else class=\"models-sidebar__list\">\n <button\n v-for=\"schema in modelsStore.schemas\"\n :key=\"schema.name\"\n :class=\"[\n 'models-sidebar__item',\n { 'models-sidebar__item--active': modelsStore.selectedSchema === schema.name },\n ]\"\n @click=\"selectSchema(schema.name)\"\n >\n <span class=\"models-sidebar__name\">{{ schema.name }}</span>\n <span class=\"models-sidebar__count\">{{ schema.count }}</span>\n </button>\n </div>\n\n <!-- Footer Stats -->\n <div class=\"models-sidebar__footer\">\n <div class=\"models-sidebar__stat\">\n <span class=\"text-muted\">Total Items:</span>\n <span class=\"font-mono\">{{ modelsStore.totalItems }}</span>\n </div>\n </div>\n </aside>\n\n <!-- Data Panel -->\n <main class=\"models-content\">\n <template v-if=\"modelsStore.selectedSchema\">\n <!-- Toolbar -->\n <div class=\"models-toolbar\">\n <div class=\"models-toolbar__title\">\n <span class=\"font-mono\">{{ modelsStore.selectedSchema }}</span>\n <span class=\"text-muted\">({{ modelsStore.currentItems.length }} items)</span>\n <span\n v-if=\"modelsStore.isDirty\"\n class=\"models-toolbar__badge models-toolbar__badge--warning\"\n >\n Unsaved\n </span>\n </div>\n\n <div class=\"models-toolbar__actions\">\n <!-- Discard Button -->\n <button\n v-if=\"modelsStore.isDirty\"\n class=\"btn btn--ghost\"\n title=\"Discard changes\"\n @click=\"discardChanges\"\n >\n <X :size=\"16\" />\n <span>Discard</span>\n </button>\n\n <!-- Save Button -->\n <button\n :disabled=\"!modelsStore.isDirty || modelsStore.loading\"\n class=\"btn btn--primary\"\n title=\"Save changes\"\n @click=\"saveItems\"\n >\n <Save :size=\"16\" />\n <span>Save</span>\n </button>\n\n <!-- Clear Button -->\n <button\n class=\"btn btn--danger\"\n title=\"Clear all items\"\n @click=\"showClearConfirm = true\"\n >\n <Trash2 :size=\"16\" />\n <span>Clear</span>\n </button>\n\n <!-- Reseed Button -->\n <button\n :disabled=\"!connected\"\n class=\"btn btn--secondary\"\n title=\"Reseed all schemas with generated data\"\n @click=\"reseedAll\"\n >\n <RefreshCw :size=\"16\" />\n <span>Reseed All</span>\n </button>\n </div>\n </div>\n\n <!-- Error Display -->\n <div v-if=\"modelsStore.error\" class=\"models-error\">\n <span>⚠️ {{ modelsStore.error }}</span>\n </div>\n\n <!-- Split Panels: Editor + Data Table -->\n <div class=\"models-panels\">\n <div class=\"models-panel\">\n <JsonEditor\n ref=\"jsonEditorRef\"\n :model-value=\"modelsStore.currentItems\"\n :readonly=\"modelsStore.loading\"\n :min-height=\"400\"\n @update:model-value=\"onJsonEditorUpdate\"\n />\n </div>\n <div class=\"models-panel\">\n <DataTable\n :items=\"modelsStore.currentItems\"\n :id-field=\"modelsStore.currentSchema?.idField ?? 'id'\"\n :selected-index=\"selectedItemIndex\"\n @select=\"onTableRowSelect\"\n />\n </div>\n </div>\n\n <!-- Loading Overlay -->\n <div v-if=\"modelsStore.loading\" class=\"models-loading-overlay\">\n <div class=\"spinner\" />\n <span>Loading...</span>\n </div>\n </template>\n\n <!-- Empty State or Error -->\n <div v-else class=\"empty-state\">\n <!-- Show error if present and no schema selected -->\n <div v-if=\"modelsStore.error\" class=\"models-error\">\n <span>⚠️ {{ modelsStore.error }}</span>\n </div>\n <template v-else>\n <Database :size=\"48\" class=\"empty-state__icon\" />\n <h3 class=\"empty-state__title\">Select a schema</h3>\n <p class=\"empty-state__description\">\n Choose a schema from the sidebar to view and edit its data.\n </p>\n </template>\n </div>\n </main>\n\n <!-- Clear Confirmation Modal -->\n <Teleport to=\"body\">\n <div v-if=\"showClearConfirm\" class=\"modal-overlay\" @click=\"showClearConfirm = false\">\n <div class=\"modal\" @click.stop>\n <div class=\"modal__header\">\n <h3>Clear Schema Data</h3>\n </div>\n <div class=\"modal__body\">\n <p>\n Are you sure you want to clear all items for\n <strong>{{ modelsStore.selectedSchema }}</strong>?\n </p>\n <p class=\"text-muted\">This action cannot be undone.</p>\n </div>\n <div class=\"modal__footer\">\n <button class=\"btn btn--ghost\" @click=\"showClearConfirm = false\">\n Cancel\n </button>\n <button class=\"btn btn--danger\" @click=\"clearSchema\">\n Clear Schema\n </button>\n </div>\n </div>\n </div>\n </Teleport>\n </div>\n</template>\n\n<style scoped>\n.models-page {\n display: grid;\n grid-template-columns: 240px 1fr;\n height: 100%;\n overflow: hidden;\n}\n\n/* Sidebar */\n.models-sidebar {\n display: flex;\n flex-direction: column;\n background-color: var(--devtools-surface);\n border-right: 1px solid var(--devtools-border);\n overflow: hidden;\n}\n\n.models-sidebar__header {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-sm);\n padding: var(--devtools-space-md);\n font-weight: var(--font-weight-6);\n font-size: var(--font-size-1);\n border-bottom: 1px solid var(--devtools-border);\n}\n\n.models-sidebar__badge {\n margin-left: auto;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 20px;\n height: 20px;\n padding: 0 var(--devtools-space-xs);\n background-color: var(--devtools-primary);\n color: white;\n border-radius: var(--devtools-radius-sm);\n font-size: var(--font-size-0);\n font-weight: var(--font-weight-6);\n}\n\n.models-sidebar__loading {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--devtools-space-md);\n padding: var(--devtools-space-xl);\n color: var(--devtools-text-muted);\n}\n\n.models-sidebar__list {\n flex: 1;\n overflow-y: auto;\n padding: var(--devtools-space-xs);\n}\n\n.models-sidebar__item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: var(--devtools-space-sm) var(--devtools-space-md);\n background: none;\n border: none;\n border-radius: var(--devtools-radius-sm);\n color: var(--devtools-text);\n font-family: var(--devtools-font-sans);\n font-size: var(--font-size-1);\n cursor: pointer;\n transition: background-color var(--devtools-transition-fast);\n}\n\n.models-sidebar__item:hover {\n background-color: var(--devtools-surface-elevated);\n}\n\n.models-sidebar__item--active {\n background-color: color-mix(in srgb, var(--devtools-primary) 15%, transparent);\n color: var(--devtools-primary);\n}\n\n.models-sidebar__name {\n font-family: var(--devtools-font-mono);\n}\n\n.models-sidebar__count {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 24px;\n height: 20px;\n padding: 0 var(--devtools-space-xs);\n background-color: var(--devtools-surface-elevated);\n border-radius: var(--devtools-radius-sm);\n font-size: var(--font-size-0);\n color: var(--devtools-text-muted);\n}\n\n.models-sidebar__footer {\n padding: var(--devtools-space-md);\n border-top: 1px solid var(--devtools-border);\n}\n\n.models-sidebar__stat {\n display: flex;\n justify-content: space-between;\n font-size: var(--font-size-0);\n}\n\n/* Content Area */\n.models-content {\n position: relative;\n display: flex;\n flex-direction: column;\n padding: var(--devtools-space-md);\n overflow: hidden;\n}\n\n/* Toolbar */\n.models-toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--devtools-space-md);\n margin-bottom: var(--devtools-space-md);\n}\n\n.models-toolbar__title {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-sm);\n font-size: var(--font-size-2);\n font-weight: var(--font-weight-6);\n}\n\n.models-toolbar__badge {\n display: inline-flex;\n align-items: center;\n padding: 2px 8px;\n border-radius: var(--devtools-radius-sm);\n font-size: var(--font-size-0);\n font-weight: var(--font-weight-5);\n}\n\n.models-toolbar__badge--warning {\n background-color: color-mix(in srgb, #f59e0b 20%, transparent);\n color: #f59e0b;\n}\n\n.models-toolbar__actions {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-sm);\n}\n\n/* Error Display */\n.models-error {\n padding: var(--devtools-space-sm) var(--devtools-space-md);\n margin-bottom: var(--devtools-space-md);\n background-color: color-mix(in srgb, var(--devtools-error) 10%, transparent);\n border: 1px solid var(--devtools-error);\n border-radius: var(--devtools-radius-sm);\n color: var(--devtools-error);\n font-size: var(--font-size-0);\n}\n\n/* Split Panels */\n.models-panels {\n display: flex;\n flex: 1;\n gap: 1px;\n overflow: hidden;\n background-color: var(--devtools-border);\n}\n\n.models-panel {\n flex: 1;\n min-width: 300px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n background-color: var(--devtools-bg);\n}\n\n/* Responsive: stack panels vertically on narrow viewports */\n@media (max-width: 840px) {\n .models-panels {\n flex-direction: column;\n }\n\n .models-panel {\n min-width: 0;\n min-height: 200px;\n }\n}\n\n/* Loading Overlay */\n.models-loading-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--devtools-space-md);\n background-color: color-mix(in srgb, var(--devtools-bg) 80%, transparent);\n backdrop-filter: blur(2px);\n z-index: 10;\n}\n\n/* Modal */\n.modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 1000;\n}\n\n.modal {\n min-width: 400px;\n background-color: var(--devtools-surface);\n border: 1px solid var(--devtools-border);\n border-radius: var(--devtools-radius-md);\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\n}\n\n.modal__header {\n padding: var(--devtools-space-md);\n border-bottom: 1px solid var(--devtools-border);\n}\n\n.modal__header h3 {\n margin: 0;\n font-size: var(--font-size-2);\n font-weight: var(--font-weight-6);\n}\n\n.modal__body {\n padding: var(--devtools-space-md);\n}\n\n.modal__body p {\n margin: 0 0 var(--devtools-space-sm) 0;\n}\n\n.modal__body p:last-child {\n margin-bottom: 0;\n}\n\n.modal__footer {\n display: flex;\n justify-content: flex-end;\n gap: var(--devtools-space-sm);\n padding: var(--devtools-space-md);\n border-top: 1px solid var(--devtools-border);\n}\n\n/* Spinner */\n.spinner {\n width: 24px;\n height: 24px;\n border: 3px solid var(--devtools-border);\n border-top-color: var(--devtools-primary);\n border-radius: 50%;\n animation: spin 0.8s linear infinite;\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n</style>\n"],"names":["CircleAlert","createLucideIcon","RefreshCw","Save","safeClone","value","toRaw","useModelsStore","defineStore","schemas","ref","selectedSchema","currentItems","originalItems","loading","error","currentSchema","computed","s","isDirtyFlag","isDirty","schemaCount","totalItems","sum","schema","fetchSchemas","response","data","err","selectSchemaByName","schemaName","fetchSchemaData","items","schemaIndex","updateItems","saveItems","errorData","result","clearSchema","discardChanges","refresh","reset","handleStoreUpdate","handleReseedComplete","truncate","str","maxLen","formatCell","getCellValue","item","column","getRowKey","idField","index","id","discoverColumns","keySet","key","keys","k","props","__props","emit","__emit","columns","onRowClick","rowKey","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_createVNode","_unref","Database","_cache","_createElementVNode","_hoisted_3","_hoisted_4","_Fragment","_renderList","col","_normalizeClass","$event","_hoisted_6","_toDisplayString","_hoisted_7","_hoisted_8","_hoisted_9","text","validationError","isValid","lineCount","lineNumbers","_","i","initializeText","watch","currentParsed","handleInput","event","target","validateAndEmit","parsed","match","position","lines","line","formatJson","handleKeyDown","start","end","newText","__expose","lineNum","_hoisted_5","Check","AlertCircle","_hoisted_10","toasts","confirmDialog","reactive","timeouts","pendingResolve","toastIdCounter","generateToastId","addToast","type","message","duration","toast","timeoutId","removeToast","t","useNotifications","success","info","warning","confirm","options","resolve","closeConfirm","dismiss","clearAll","modelsStore","send","on","connected","useWebSocket","notifyError","jsonEditorRef","showClearConfirm","selectedItemIndex","onMounted","payload","nextTick","newItems","oldItems","idx","oldItem","newItem","oldId","newId","selectSchema","errorMessage","reseedAll","onJsonEditorUpdate","onTableRowSelect","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","X","Trash2","_hoisted_22","_hoisted_23","_hoisted_24","JsonEditor","_hoisted_25","DataTable","_hoisted_26","_hoisted_27","_hoisted_28","_createBlock","_Teleport","_hoisted_29","_hoisted_30"],"mappings":"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","x_google_ignoreList":[0,1,2]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.app[data-v-3e2d3900]{display:flex;flex-direction:column;min-height:100vh;background-color:var(--devtools-bg)}.app-header[data-v-3e2d3900]{display:flex;align-items:center;justify-content:space-between;height:var(--devtools-header-height);padding:0 var(--devtools-space-md);background-color:var(--devtools-surface);border-bottom:1px solid var(--devtools-border);position:sticky;top:0;z-index:100}.app-header__brand[data-v-3e2d3900]{display:flex;align-items:center;gap:var(--devtools-space-sm)}.app-header__logo[data-v-3e2d3900]{color:var(--devtools-primary)}.app-header__title[data-v-3e2d3900]{font-weight:var(--font-weight-6);font-size:var(--font-size-1);color:var(--devtools-text)}.app-header__status[data-v-3e2d3900]{display:flex;align-items:center}.app-nav[data-v-3e2d3900]{display:flex;align-items:center;gap:var(--devtools-space-xs);height:100%}.app-nav__tab[data-v-3e2d3900]{display:flex;align-items:center;gap:var(--devtools-space-xs);height:100%;padding:0 var(--devtools-space-md);background:none;border:none;border-bottom:2px solid transparent;color:var(--devtools-text-muted);font-family:var(--devtools-font-sans);font-size:var(--font-size-0);font-weight:var(--font-weight-5);cursor:pointer;transition:all var(--devtools-transition-fast)}.app-nav__tab[data-v-3e2d3900]:hover{color:var(--devtools-text);background-color:var(--devtools-surface-elevated)}.app-nav__tab[data-v-3e2d3900]:focus{outline:none}.app-nav__tab[data-v-3e2d3900]:focus-visible{outline:2px solid var(--devtools-primary);outline-offset:-2px;background-color:var(--devtools-surface-elevated)}@media(forced-colors:active){.app-nav__tab[data-v-3e2d3900]:focus-visible{outline:3px solid CanvasText;outline-offset:2px}}.app-nav__tab--active[data-v-3e2d3900]{color:var(--devtools-primary);border-bottom-color:var(--devtools-primary)}.app-nav__tab--active[data-v-3e2d3900]:focus-visible{outline-color:var(--devtools-primary-hover)}.app-nav__icon[data-v-3e2d3900]{flex-shrink:0}.app-nav__label[data-v-3e2d3900]{white-space:nowrap}.connection-status[data-v-3e2d3900]{display:flex;align-items:center;gap:var(--devtools-space-xs);font-size:var(--font-size-0);color:var(--devtools-text-muted)}.connection-status__icon[data-v-3e2d3900]{opacity:.7}.app-main[data-v-3e2d3900]{flex:1;display:flex;flex-direction:column;overflow:hidden}.fade-enter-active,.fade-leave-active{transition:opacity var(--devtools-transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}:where(html){--font-sans:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-serif:ui-serif,serif;--font-mono:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace;--font-weight-1:100;--font-weight-2:200;--font-weight-3:300;--font-weight-4:400;--font-weight-5:500;--font-weight-6:600;--font-weight-7:700;--font-weight-8:800;--font-weight-9:900;--font-lineheight-00:.95;--font-lineheight-0:1.1;--font-lineheight-1:1.25;--font-lineheight-2:1.375;--font-lineheight-3:1.5;--font-lineheight-4:1.75;--font-lineheight-5:2;--font-letterspacing-0:-.05em;--font-letterspacing-1:.025em;--font-letterspacing-2:.05em;--font-letterspacing-3:.075em;--font-letterspacing-4:.15em;--font-letterspacing-5:.5em;--font-letterspacing-6:.75em;--font-letterspacing-7:1em;--font-size-00:.5rem;--font-size-0:.75rem;--font-size-1:1rem;--font-size-2:1.1rem;--font-size-3:1.25rem;--font-size-4:1.5rem;--font-size-5:2rem;--font-size-6:2.5rem;--font-size-7:3rem;--font-size-8:3.5rem;--font-size-fluid-0:clamp(.75rem,2vw,1rem);--font-size-fluid-1:clamp(1rem,4vw,1.5rem);--font-size-fluid-2:clamp(1.5rem,6vw,2.5rem);--font-size-fluid-3:clamp(2rem,9vw,3.5rem);--size-000:-.5rem;--size-00:-.25rem;--size-1:.25rem;--size-2:.5rem;--size-3:1rem;--size-4:1.25rem;--size-5:1.5rem;--size-6:1.75rem;--size-7:2rem;--size-8:3rem;--size-9:4rem;--size-10:5rem;--size-11:7.5rem;--size-12:10rem;--size-13:15rem;--size-14:20rem;--size-15:30rem;--size-fluid-1:clamp(.5rem,1vw,1rem);--size-fluid-2:clamp(1rem,2vw,1.5rem);--size-fluid-3:clamp(1.5rem,3vw,2rem);--size-fluid-4:clamp(2rem,4vw,3rem);--size-fluid-5:clamp(4rem,5vw,5rem);--size-fluid-6:clamp(5rem,7vw,7.5rem);--size-fluid-7:clamp(7.5rem,10vw,10rem);--size-fluid-8:clamp(10rem,20vw,15rem);--size-fluid-9:clamp(15rem,30vw,20rem);--size-fluid-10:clamp(20rem,40vw,30rem);--size-content-1:20ch;--size-content-2:45ch;--size-content-3:60ch;--size-header-1:20ch;--size-header-2:25ch;--size-header-3:35ch;--size-xxs:240px;--size-xs:360px;--size-sm:480px;--size-md:768px;--size-lg:1024px;--size-xl:1440px;--size-xxl:1920px;--size-relative-000:-.5ch;--size-relative-00:-.25ch;--size-relative-1:.25ch;--size-relative-2:.5ch;--size-relative-3:1ch;--size-relative-4:1.25ch;--size-relative-5:1.5ch;--size-relative-6:1.75ch;--size-relative-7:2ch;--size-relative-8:3ch;--size-relative-9:4ch;--size-relative-10:5ch;--size-relative-11:7.5ch;--size-relative-12:10ch;--size-relative-13:15ch;--size-relative-14:20ch;--size-relative-15:30ch;--ease-1:cubic-bezier(.25,0,.5,1);--ease-2:cubic-bezier(.25,0,.4,1);--ease-3:cubic-bezier(.25,0,.3,1);--ease-4:cubic-bezier(.25,0,.2,1);--ease-5:cubic-bezier(.25,0,.1,1);--ease-in-1:cubic-bezier(.25,0,1,1);--ease-in-2:cubic-bezier(.5,0,1,1);--ease-in-3:cubic-bezier(.7,0,1,1);--ease-in-4:cubic-bezier(.9,0,1,1);--ease-in-5:cubic-bezier(1,0,1,1);--ease-out-1:cubic-bezier(0,0,.75,1);--ease-out-2:cubic-bezier(0,0,.5,1);--ease-out-3:cubic-bezier(0,0,.3,1);--ease-out-4:cubic-bezier(0,0,.1,1);--ease-out-5:cubic-bezier(0,0,0,1);--ease-in-out-1:cubic-bezier(.1,0,.9,1);--ease-in-out-2:cubic-bezier(.3,0,.7,1);--ease-in-out-3:cubic-bezier(.5,0,.5,1);--ease-in-out-4:cubic-bezier(.7,0,.3,1);--ease-in-out-5:cubic-bezier(.9,0,.1,1);--ease-elastic-out-1:cubic-bezier(.5,.75,.75,1.25);--ease-elastic-out-2:cubic-bezier(.5,1,.75,1.25);--ease-elastic-out-3:cubic-bezier(.5,1.25,.75,1.25);--ease-elastic-out-4:cubic-bezier(.5,1.5,.75,1.25);--ease-elastic-out-5:cubic-bezier(.5,1.75,.75,1.25);--ease-elastic-in-1:cubic-bezier(.5,-.25,.75,1);--ease-elastic-in-2:cubic-bezier(.5,-.5,.75,1);--ease-elastic-in-3:cubic-bezier(.5,-.75,.75,1);--ease-elastic-in-4:cubic-bezier(.5,-1,.75,1);--ease-elastic-in-5:cubic-bezier(.5,-1.25,.75,1);--ease-elastic-in-out-1:cubic-bezier(.5,-.1,.1,1.5);--ease-elastic-in-out-2:cubic-bezier(.5,-.3,.1,1.5);--ease-elastic-in-out-3:cubic-bezier(.5,-.5,.1,1.5);--ease-elastic-in-out-4:cubic-bezier(.5,-.7,.1,1.5);--ease-elastic-in-out-5:cubic-bezier(.5,-.9,.1,1.5);--ease-step-1:steps(2);--ease-step-2:steps(3);--ease-step-3:steps(4);--ease-step-4:steps(7);--ease-step-5:steps(10);--ease-elastic-1:var(--ease-elastic-out-1);--ease-elastic-2:var(--ease-elastic-out-2);--ease-elastic-3:var(--ease-elastic-out-3);--ease-elastic-4:var(--ease-elastic-out-4);--ease-elastic-5:var(--ease-elastic-out-5);--ease-squish-1:var(--ease-elastic-in-out-1);--ease-squish-2:var(--ease-elastic-in-out-2);--ease-squish-3:var(--ease-elastic-in-out-3);--ease-squish-4:var(--ease-elastic-in-out-4);--ease-squish-5:var(--ease-elastic-in-out-5);--ease-spring-1:linear(0,.006,.025 2.8%,.101 6.1%,.539 18.9%,.721 25.3%,.849 31.5%,.937 38.1%,.968 41.8%,.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001);--ease-spring-2:linear(0,.007,.029 2.2%,.118 4.7%,.625 14.4%,.826 19%,.902,.962,1.008 26.1%,1.041 28.7%,1.064 32.1%,1.07 36%,1.061 40.5%,1.015 53.4%,.999 61.6%,.995 71.2%,1);--ease-spring-3:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,.991,.977 51%,.974 53.8%,.975 57.1%,.997 69.8%,1.003 76.9%,1);--ease-spring-4:linear(0,.009,.037 1.7%,.153 3.6%,.776 10.3%,1.001,1.142 16%,1.185,1.209 19%,1.215 19.9% 20.8%,1.199,1.165 25%,1.056 30.3%,1.008 33%,.973,.955 39.2%,.953 41.1%,.957 43.3%,.998 53.3%,1.009 59.1% 63.7%,.998 78.9%,1);--ease-spring-5:linear(0,.01,.04 1.6%,.161 3.3%,.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,.999 29.4%,.955 32.1%,.942,.935 34.9%,.933,.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,.996 70.2%,1.001 87.2%,1);--ease-bounce-1:linear(0,.004,.016,.035,.063,.098,.141,.191,.25,.316,.391 36.8%,.563,.766,1 58.8%,.946,.908 69.1%,.895,.885,.879,.878,.879,.885,.895,.908 89.7%,.946,1);--ease-bounce-2:linear(0,.004,.016,.035,.063,.098,.141 15.1%,.25,.391,.562,.765,1,.892 45.2%,.849,.815,.788,.769,.757,.753,.757,.769,.788,.815,.85,.892 75.2%,1 80.2%,.973,.954,.943,.939,.943,.954,.973,1);--ease-bounce-3:linear(0,.004,.016,.035,.062,.098,.141 11.4%,.25,.39,.562,.764,1 30.3%,.847 34.8%,.787,.737,.699,.672,.655,.65,.656,.672,.699,.738,.787,.847 61.7%,1 66.2%,.946,.908,.885 74.2%,.879,.878,.879,.885 79.5%,.908,.946,1 87.4%,.981,.968,.96,.957,.96,.968,.981,1);--ease-bounce-4:linear(0,.004,.016 3%,.062,.141,.25,.391,.562 18.2%,1 24.3%,.81,.676 32.3%,.629,.595,.575,.568,.575,.595,.629,.676 48.2%,.811,1 56.2%,.918,.86,.825,.814,.825,.86,.918,1 77.2%,.94 80.6%,.925,.92,.925,.94 87.5%,1 90.9%,.974,.965,.974,1);--ease-bounce-5:linear(0,.004,.016 2.5%,.063,.141,.25 10.1%,.562,1 20.2%,.783,.627,.534 30.9%,.511,.503,.511,.534 38%,.627,.782,1 48.7%,.892,.815,.769 56.3%,.757,.753,.757,.769 61.3%,.815,.892,1 68.8%,.908 72.4%,.885,.878,.885,.908 79.4%,1 83%,.954 85.5%,.943,.939,.943,.954 90.5%,1 93%,.977,.97,.977,1);--layer-1:1;--layer-2:2;--layer-3:3;--layer-4:4;--layer-5:5;--layer-important:2147483647;--shadow-color:220 3% 15%;--shadow-strength:1%;--inner-shadow-highlight:inset 0 -.5px 0 0 #fff,inset 0 .5px 0 0 rgba(0,0,0,.067);--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--shadow-2:0 3px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 14px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%));--shadow-3:0 -1px 3px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 5px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 4px 12px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 12px 15px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-4:0 -2px 5px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 2px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 9px 9px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 16px 16px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%));--shadow-5:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 20px 20px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 40px 40px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 3px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 12px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 22px 18px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 41px 33px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%)),0 100px 80px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--inner-shadow-0:inset 0 0 0 1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-1:inset 0 1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--ratio-square:1;--ratio-landscape:4/3;--ratio-portrait:3/4;--ratio-widescreen:16/9;--ratio-ultrawide:18/5;--ratio-golden:1.618/1;--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--gray-10:#16191d;--gray-11:#0d0f12;--gray-12:#030507;--stone-0:#f8fafb;--stone-1:#f2f4f6;--stone-2:#ebedef;--stone-3:#e0e4e5;--stone-4:#d1d6d8;--stone-5:#b1b6b9;--stone-6:#979b9d;--stone-7:#7e8282;--stone-8:#666968;--stone-9:#50514f;--stone-10:#3a3a37;--stone-11:#252521;--stone-12:#121210;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--red-10:#b02525;--red-11:#962020;--red-12:#7d1a1a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--pink-10:#8c1941;--pink-11:#731536;--pink-12:#59102a;--purple-0:#f8f0fc;--purple-1:#f3d9fa;--purple-2:#eebefa;--purple-3:#e599f7;--purple-4:#da77f2;--purple-5:#cc5de8;--purple-6:#be4bdb;--purple-7:#ae3ec9;--purple-8:#9c36b5;--purple-9:#862e9c;--purple-10:#702682;--purple-11:#5a1e69;--purple-12:#44174f;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--violet-10:#5235ab;--violet-11:#462d91;--violet-12:#3a2578;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--indigo-10:#2f44ad;--indigo-11:#283a94;--indigo-12:#21307a;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--blue-10:#145591;--blue-11:#114678;--blue-12:#0d375e;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--cyan-10:#095c6b;--cyan-11:#074652;--cyan-12:#053038;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--teal-10:#066649;--teal-11:#054d37;--teal-12:#033325;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--green-10:#237032;--green-11:#1b5727;--green-12:#133d1b;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--lime-10:#4c7a0b;--lime-11:#3c6109;--lime-12:#2c4706;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--yellow-10:#b35c00;--yellow-11:#804200;--yellow-12:#663500;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f;--orange-10:#bf400d;--orange-11:#99330b;--orange-12:#802b09;--choco-0:#fff8dc;--choco-1:#fce1bc;--choco-2:#f7ca9e;--choco-3:#f1b280;--choco-4:#e99b62;--choco-5:#df8545;--choco-6:#d46e25;--choco-7:#bd5f1b;--choco-8:#a45117;--choco-9:#8a4513;--choco-10:#703a13;--choco-11:#572f12;--choco-12:#3d210d;--brown-0:#faf4eb;--brown-1:#ede0d1;--brown-2:#e0cab7;--brown-3:#d3b79e;--brown-4:#c5a285;--brown-5:#b78f6d;--brown-6:#a87c56;--brown-7:#956b47;--brown-8:#825b3a;--brown-9:#6f4b2d;--brown-10:#5e3a21;--brown-11:#4e2b15;--brown-12:#422412;--sand-0:#f8fafb;--sand-1:#e6e4dc;--sand-2:#d5cfbd;--sand-3:#c2b9a0;--sand-4:#aea58c;--sand-5:#9a9178;--sand-6:#867c65;--sand-7:#736a53;--sand-8:#5f5746;--sand-9:#4b4639;--sand-10:#38352d;--sand-11:#252521;--sand-12:#121210;--camo-0:#f9fbe7;--camo-1:#e8ed9c;--camo-2:#d2df4e;--camo-3:#c2ce34;--camo-4:#b5bb2e;--camo-5:#a7a827;--camo-6:#999621;--camo-7:#8c851c;--camo-8:#7e7416;--camo-9:#6d6414;--camo-10:#5d5411;--camo-11:#4d460e;--camo-12:#36300a;--jungle-0:#ecfeb0;--jungle-1:#def39a;--jungle-2:#d0e884;--jungle-3:#c2dd6e;--jungle-4:#b5d15b;--jungle-5:#a8c648;--jungle-6:#9bbb36;--jungle-7:#8fb024;--jungle-8:#84a513;--jungle-9:#7a9908;--jungle-10:#658006;--jungle-11:#516605;--jungle-12:#3d4d04;--gradient-1:linear-gradient(to bottom right,#1f005c,#5b0060,#870160,#ac255e,#ca485c,#e16b5c,#f39060,#ffb56b);--gradient-2:linear-gradient(to bottom right,#48005c,#8300e2,#a269ff);--gradient-3:radial-gradient(circle at top right,#0ff,rgba(0,255,255,0)),radial-gradient(circle at bottom left,#ff1492,rgba(255,20,146,0));--gradient-4:linear-gradient(to bottom right,#00f5a0,#00d9f5);--gradient-5:conic-gradient(from -270deg at 75% 110%,#f0f,#fffaf0);--gradient-6:conic-gradient(from -90deg at top left,#000,#fff);--gradient-7:linear-gradient(to bottom right,#72c6ef,#004e8f);--gradient-8:conic-gradient(from 90deg at 50% 0%,#111,50%,#222,#111);--gradient-9:conic-gradient(from .5turn at bottom center,#add8e6,#fff);--gradient-10:conic-gradient(from 90deg at 40% -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--gradient-11:conic-gradient(at bottom left,#ff1493,cyan);--gradient-12:conic-gradient(from 90deg at 25% -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--gradient-13:radial-gradient(circle at 50% 200%,#000142,#3b0083,#b300c3,#ff059f,#ff4661,#ffad86,#fff3c7);--gradient-14:conic-gradient(at top right,lime,cyan);--gradient-15:linear-gradient(to bottom right,#c7d2fe,#fecaca,#fef3c7);--gradient-16:radial-gradient(circle at 50% -250%,#374151,#111827,#000);--gradient-17:conic-gradient(from -90deg at 50% -25%,blue,#8a2be2);--gradient-18:linear-gradient(0deg,rgba(255,0,0,.8),rgba(255,0,0,0) 75%),linear-gradient(60deg,rgba(255,255,0,.8),rgba(255,255,0,0) 75%),linear-gradient(120deg,rgba(0,255,0,.8),rgba(0,255,0,0) 75%),linear-gradient(180deg,rgba(0,255,255,.8),rgba(0,255,255,0) 75%),linear-gradient(240deg,rgba(0,0,255,.8),rgba(0,0,255,0) 75%),linear-gradient(300deg,rgba(255,0,255,.8),rgba(255,0,255,0) 75%);--gradient-19:linear-gradient(to bottom right,#ffe259,#ffa751);--gradient-20:conic-gradient(from -135deg at -10% center,orange,#ff7715,#ff522a,#ff3f47,#ff5482,#ff69b4);--gradient-21:conic-gradient(from -90deg at 25% 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--gradient-22:linear-gradient(to bottom right,#acb6e5,#86fde8);--gradient-23:linear-gradient(to bottom right,#536976,#292e49);--gradient-24:conic-gradient(from .5turn at 0% 0%,#00c476,10%,#82b0ff,90%,#00c476);--gradient-25:conic-gradient(at 125% 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--gradient-26:linear-gradient(to bottom right,#9796f0,#fbc7d4);--gradient-27:conic-gradient(from .5turn at bottom left,#ff1493,#639);--gradient-28:conic-gradient(from -90deg at 50% 105%,#fff,orchid);--gradient-29:radial-gradient(circle at top right,#bfb3ff,rgba(191,179,255,0)),radial-gradient(circle at bottom left,#86acf9,rgba(134,172,249,0));--gradient-30:radial-gradient(circle at top right,#00ff80,rgba(0,255,128,0)),radial-gradient(circle at bottom left,#adffd6,rgba(173,255,214,0));--noise-1:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-2:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.05' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-3:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.25' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-4:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-5:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-filter-1:contrast(300%) brightness(100%);--noise-filter-2:contrast(200%) brightness(150%);--noise-filter-3:contrast(200%) brightness(250%);--noise-filter-4:contrast(200%) brightness(500%);--noise-filter-5:contrast(200%) brightness(1000%);--animation-fade-in:fade-in .5s var(--ease-3);--animation-fade-in-bloom:fade-in-bloom 2s var(--ease-3);--animation-fade-out:fade-out .5s var(--ease-3);--animation-fade-out-bloom:fade-out-bloom 2s var(--ease-3);--animation-scale-up:scale-up .5s var(--ease-3);--animation-scale-down:scale-down .5s var(--ease-3);--animation-slide-out-up:slide-out-up .5s var(--ease-3);--animation-slide-out-down:slide-out-down .5s var(--ease-3);--animation-slide-out-right:slide-out-right .5s var(--ease-3);--animation-slide-out-left:slide-out-left .5s var(--ease-3);--animation-slide-in-up:slide-in-up .5s var(--ease-3);--animation-slide-in-down:slide-in-down .5s var(--ease-3);--animation-slide-in-right:slide-in-right .5s var(--ease-3);--animation-slide-in-left:slide-in-left .5s var(--ease-3);--animation-shake-x:shake-x .75s var(--ease-out-5);--animation-shake-y:shake-y .75s var(--ease-out-5);--animation-spin:spin 2s linear infinite;--animation-ping:ping 5s var(--ease-out-3) infinite;--animation-blink:blink 1s var(--ease-out-3) infinite;--animation-float:float 3s var(--ease-in-out-3) infinite;--animation-bounce:bounce 2s var(--ease-squish-2) infinite;--animation-pulse:pulse 2s var(--ease-out-3) infinite;--border-size-1:1px;--border-size-2:2px;--border-size-3:5px;--border-size-4:10px;--border-size-5:25px;--radius-1:2px;--radius-2:5px;--radius-3:1rem;--radius-4:2rem;--radius-5:4rem;--radius-6:8rem;--radius-round:1e5px;--radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%;--radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%;--radius-blob-3:37% 63% 56% 44%/49% 56% 44% 51%;--radius-blob-4:63% 37% 37% 63%/43% 37% 63% 57%;--radius-blob-5:49% 51% 48% 52%/57% 44% 56% 43%;--radius-conditional-1:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-1));--radius-conditional-2:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-2));--radius-conditional-3:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-3));--radius-conditional-4:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-4));--radius-conditional-5:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-5));--radius-conditional-6:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-6))}@media(prefers-color-scheme:dark){:where(html){--shadow-color:220 40% 2%;--shadow-strength:25%;--inner-shadow-highlight:inset 0 -.5px 0 0 hsla(0,0%,100%,.067),inset 0 .5px 0 0 rgba(0,0,0,.467)}}@keyframes fade-in{to{opacity:1}}@keyframes fade-in-bloom{0%{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(2) blur(10px);opacity:1}to{filter:brightness(1) blur(0);opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes fade-out-bloom{to{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(2) blur(10px);opacity:1}0%{filter:brightness(1) blur(0);opacity:1}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-out-up{to{transform:translateY(-100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}@keyframes slide-out-right{to{transform:translate(100%)}}@keyframes slide-out-left{to{transform:translate(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}}@keyframes slide-in-right{0%{transform:translate(-100%)}}@keyframes slide-in-left{0%{transform:translate(100%)}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-5%)}40%{transform:translate(5%)}60%{transform:translate(-5%)}80%{transform:translate(5%)}}@keyframes shake-y{0%,to{transform:translateY(0)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{opacity:0;transform:scale(2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{50%{transform:translateY(-25%)}}@keyframes bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes pulse{50%{transform:scale(.9)}}@media(prefers-color-scheme:dark){@keyframes fade-in-bloom{0%{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(.5) blur(10px);opacity:1}to{filter:brightness(1) blur(0);opacity:1}}}@media(prefers-color-scheme:dark){@keyframes fade-out-bloom{to{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(.5) blur(10px);opacity:1}0%{filter:brightness(1) blur(0);opacity:1}}}:where(:root){color-scheme:light;--palette-hue:270;--palette-hue-rotate-by:-5;--palette-chroma:.1;--link:oklch(50% 100% var(--palette-hue));--link-visited:oklch(50% 100% calc(var(--palette-hue)*1.2));--surface-1:white;--surface-2:var(--color-1);--surface-3:var(--color-3);--surface-document:var(--color-4);--well-1:var(--color-5);--well-2:var(--color-6);--text-1:var(--color-16);--text-2:var(--color-12);--scrollthumb-color:var(--text-2)}:where(:root) :where(dialog){background-color:var(--surface-1)}:where(:root) :where(button,.btn){--_highlight:var(--_highlight-light);--_bg:var(--_bg-light);--_ink-shadow:var(--_ink-shadow-light)}:where(:root) :where(button,.btn) :where([type=reset]){--_text:var(--red-6,#fa5252);--_border:var(--red-3,#ffa8a8)}:where(:root) :where(button,.btn,input:is([type=button],[type=submit],[type=reset]))[disabled]{box-shadow:none}:where(:root) :where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2)}@media(prefers-color-scheme:dark){:where(:root){color-scheme:dark;--link:oklch(90% 80% var(--palette-hue));--link-visited:oklch(90% 80% calc(var(--palette-hue)*1.2));--surface-1:var(--color-11);--surface-2:var(--color-12);--surface-3:var(--color-13);--surface-document:var(--color-14);--well-1:var(--color-15);--well-2:var(--color-16);--text-1:var(--color-1);--text-2:var(--color-5);--scrollthumb-color:var(--text-2)}}:where(:root){scrollbar-color:var(--scrollthumb-color)transparent;accent-color:var(--brand,var(--link));caret-color:var(--brand,var(--link));color:var(--text-1);background-color:var(--surface-document)}:where(a[href]){color:var(--brand,var(--link))}:where(a[href]):where(:visited){color:var(--link-visited)}:focus-visible{outline-color:var(--brand,var(--link))}*,:before,:after{box-sizing:border-box}:where(:root){--transition-focus:outline-offset .145s var(--ease-2)}@supports (transition-timing-function:linear(0,1)){:where(:root){--transition-focus:outline-offset .145s var(--ease-spring-3)}}:where(:not(dialog)){margin:0}:where(:not(fieldset,progress,meter)){background-repeat:no-repeat;background-origin:border-box;border-style:solid;border-width:0}:where(html){font-family:var(--font-sans);-webkit-text-size-adjust:none;block-size:100%;line-height:1.5}@media(prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}}@media(prefers-reduced-motion:no-preference){:where(:focus-visible){transition:var(--transition-focus)}:where(:not(:active):focus-visible){transition-duration:.25s}}:where(:not(:active):focus-visible){outline-offset:5px}:where(body){min-block-size:100%}:where(h1,h2,h3,h4,h5,h6){line-height:1.25;font-weight:var(--font-weight-9);text-wrap:balance}:where(h1){font-size:var(--font-size-8);max-inline-size:var(--size-header-1)}:where(h2){font-size:var(--font-size-6);max-inline-size:var(--size-header-2)}:where(h3){font-size:var(--font-size-5)}:where(h4){font-size:var(--font-size-4)}:where(h5){font-size:var(--font-size-3)}:where(h3,h4,h5,h6,dt){max-inline-size:var(--size-header-3)}:where(p,ul,ol,dl,h6){font-size:var(--font-size-2)}:where(a,u,ins,abbr){text-underline-offset:1px}@supports ((-moz-appearance:none)){:where(a,u,ins,abbr){text-underline-offset:2px}}:where(a[href],area,button,input:not([type=text],[type=email],[type=number],[type=password],[type=""],[type=tel],[type=url]),label[for],select,summary,[tabindex]:not([tabindex*="-"])){cursor:pointer}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){touch-action:manipulation;-webkit-tap-highlight-color:transparent}:where(a):where([href]){-webkit-text-decoration-color:var(--link);text-decoration-color:var(--link)}:where(a):where([href]):where(:visited){-webkit-text-decoration-color:var(--link-visited);text-decoration-color:var(--link-visited)}:where(a):where(:not(:hover)){-webkit-text-decoration:inherit;text-decoration:inherit}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(input,button,textarea,select){font:inherit;font-size:inherit;color:inherit;letter-spacing:inherit}:where(input[type=file])::-webkit-file-upload-button{font:inherit;font-size:inherit;color:inherit;letter-spacing:inherit}::placeholder{color:var(--color-8);opacity:.75}:where(input:not([type=range]),textarea){padding-inline:var(--size-2);padding-block:var(--size-1)}:where(select){padding-inline:var(--size-4)0;padding-block:var(--size-2);field-sizing:content}:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--well-1);border-radius:var(--radius-2)}:where(textarea){resize:block;field-sizing:content;min-block-size:3rlh;min-inline-size:var(--size-content-1);max-inline-size:var(--size-content-2);min-block-size:3lh;max-block-size:80svh}:where(input[type=checkbox],input[type=radio]){background-color:var(--well-1);block-size:var(--size-3);inline-size:var(--size-3)}:where(svg:not([width])){inline-size:var(--size-10)}:where(code,kbd,samp,pre){font-family:var(--font-mono)}:where(:not(pre)>code,kbd){white-space:nowrap}:where(pre){white-space:pre;writing-mode:lr;direction:ltr;min-inline-size:0;max-inline-size:max-content}:where(:not(pre)>code){padding:var(--size-1)var(--size-2);background:var(--surface-2);border-radius:var(--radius-2);writing-mode:lr}:where(kbd,var){padding:var(--size-1)var(--size-2);border-width:var(--border-size-1);border-color:var(--surface-4);border-radius:var(--radius-2)}:where(mark){border-radius:var(--radius-2);padding-inline:var(--size-1)}:where(ol,ul){padding-inline-start:var(--size-8)}:where(li){padding-inline-start:var(--size-2)}:where(li,dd,figcaption){max-inline-size:var(--size-content-2)}:where(p){max-inline-size:var(--size-content-3);text-wrap:pretty}:where(dt,summary){font-weight:var(--font-weight-7)}:where(dt:not(:first-of-type)){margin-block-start:var(--size-5)}:where(small){font-size:max(.5em,var(--font-size-0));max-inline-size:var(--size-content-1)}:where(hr){margin-block:var(--size-fluid-5);height:var(--border-size-2);background-color:var(--surface-3)}:where(figure){gap:var(--size-2);place-items:center;display:grid}:where(figure)>:where(figcaption){font-size:var(--font-size-1);text-wrap:balance}:where(blockquote,:not(blockquote)>cite){border-inline-start-width:var(--border-size-3)}:where(blockquote){gap:var(--size-3);padding-block:var(--size-3);padding-inline:var(--size-4);max-inline-size:var(--size-content-2);display:grid}:where(:not(blockquote)>cite){padding-inline-start:var(--size-2)}:where(summary){background:var(--surface-3);padding:var(--size-2)var(--size-3);margin:calc(var(--size-2)*-1)calc(var(--size-3)*-1);border-radius:var(--radius-2)}:where(details){padding-inline:var(--size-3);padding-block:var(--size-2);background:var(--surface-2);border-radius:var(--radius-2)}:where(details[open]>summary){margin-bottom:var(--size-2);border-end-end-radius:0;border-end-start-radius:0}:where(fieldset){border-radius:var(--radius-2);border:var(--border-size-1)solid var(--surface-4)}:where(del){background:var(--red-9,#c92a2a);color:var(--red-2,#ffc9c9)}:where(ins){background:var(--green-9,#2b8a3e);color:var(--green-1,#d3f9d8)}:where(abbr){-webkit-text-decoration-color:var(--blue-5,#339af0);text-decoration-color:var(--blue-5,#339af0)}:where(dialog){background-color:var(--surface-1);color:inherit;border-radius:var(--radius-3);box-shadow:var(--shadow-6)}:where(dialog)::backdrop{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}:where(html:has(dialog[open])){overflow:hidden}:where(menu){gap:var(--size-3);padding-inline-start:0;display:flex}:where(sup){font-size:.5em}:where(table){border:1px solid var(--surface-2);background:var(--surface-2);border-radius:var(--radius-3);--nice-inner-radius:calc(var(--radius-3) - 2px);width:-moz-fit-content;width:fit-content}:where(table:not(:has(tfoot)) tr:last-child td:first-child){border-bottom-left-radius:var(--nice-inner-radius)}:where(table:not(:has(tfoot)) tr:last-child td:last-child){border-bottom-right-radius:var(--nice-inner-radius)}:where(table thead th:first-child){border-top-left-radius:var(--nice-inner-radius)}:where(table thead th:last-child){border-top-right-radius:var(--nice-inner-radius)}:where(tfoot th:first-of-type){border-end-start-radius:var(--nice-inner-radius)}:where(tfoot th:last-of-type){border-end-end-radius:var(--nice-inner-radius)}:where(th){color:var(--text-1);background-color:var(--surface-2)}:where(table :is(a,button,[contenteditable]):focus-visible){outline-offset:-2px}:where(td){background:var(--surface-1);max-inline-size:var(--size-content-2);text-wrap:pretty}:where(td,th){text-align:left;padding:var(--size-2)}:where(:is(td,th):not([align])){text-align:center}:where(thead){border-collapse:collapse}:where(table tr:hover td),:where(tbody tr:nth-child(2n):hover td){background-color:var(--color-10)}@media(prefers-color-scheme:light){:is(:where(table tr:hover td),:where(tbody tr:nth-child(2n):hover td)){background-color:#fff}}:where(table>caption){margin:var(--size-3)}:where(tfoot button){padding-block:var(--size-1);padding-inline:var(--size-3)}@media(prefers-color-scheme:dark){:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:#171a1c}:where(dialog){background-color:var(--surface-2)}:where(html){--shadow-strength:10%;--shadow-color:220 40% 2%}::placeholder{color:var(--color-6)}}:root{--devtools-primary: var(--blue-6);--devtools-primary-hover: var(--blue-7);--devtools-primary-active: var(--blue-8);--devtools-success: var(--green-6);--devtools-warning: var(--yellow-6);--devtools-error: var(--red-6);--devtools-info: var(--cyan-6);--devtools-bg: var(--gray-0);--devtools-surface: var(--gray-1);--devtools-surface-elevated: var(--gray-2);--devtools-border: var(--gray-4);--devtools-text: var(--gray-9);--devtools-text-muted: var(--gray-6);--devtools-text-inverted: var(--gray-0);--method-get: var(--green-6);--method-post: var(--blue-6);--method-put: var(--orange-6);--method-patch: var(--yellow-6);--method-delete: var(--red-6);--method-options: var(--gray-6);--method-head: var(--cyan-6);--status-1xx: var(--gray-6);--status-2xx: var(--green-6);--status-3xx: var(--blue-6);--status-4xx: var(--orange-6);--status-5xx: var(--red-6);--devtools-space-xs: var(--size-1);--devtools-space-sm: var(--size-2);--devtools-space-md: var(--size-3);--devtools-space-lg: var(--size-4);--devtools-space-xl: var(--size-5);--devtools-font-mono: var(--font-mono);--devtools-font-sans: var(--font-sans);--devtools-radius-sm: var(--radius-2);--devtools-radius-md: var(--radius-3);--devtools-radius-lg: var(--radius-4);--devtools-shadow-sm: var(--shadow-2);--devtools-shadow-md: var(--shadow-3);--devtools-shadow-lg: var(--shadow-4);--devtools-transition-fast: .15s var(--ease-3);--devtools-transition-normal: .2s var(--ease-3);--devtools-transition-slow: .3s var(--ease-3);--devtools-header-height: 48px;--devtools-sidebar-width: 280px}@media(prefers-color-scheme:dark){:root:not(.light):not(.dark){--devtools-bg: var(--gray-9);--devtools-surface: var(--gray-8);--devtools-surface-elevated: var(--gray-7);--devtools-border: var(--gray-6);--devtools-text: var(--gray-1);--devtools-text-muted: var(--gray-4);--devtools-text-inverted: var(--gray-9)}}.light{--devtools-bg: var(--gray-0);--devtools-surface: var(--gray-1);--devtools-surface-elevated: var(--gray-2);--devtools-border: var(--gray-4);--devtools-text: var(--gray-9);--devtools-text-muted: var(--gray-6);--devtools-text-inverted: var(--gray-0)}.dark{--devtools-bg: var(--gray-9);--devtools-surface: var(--gray-8);--devtools-surface-elevated: var(--gray-7);--devtools-border: var(--gray-6);--devtools-text: var(--gray-1);--devtools-text-muted: var(--gray-4);--devtools-text-inverted: var(--gray-9)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;font-family:var(--devtools-font-sans);background-color:var(--devtools-bg);color:var(--devtools-text)}#app{min-height:100vh;display:flex;flex-direction:column}.font-mono{font-family:var(--devtools-font-mono)}.text-muted{color:var(--devtools-text-muted)}.method-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--devtools-space-xs) var(--devtools-space-sm);border-radius:var(--devtools-radius-sm);font-family:var(--devtools-font-mono);font-size:var(--font-size-0);font-weight:var(--font-weight-6);text-transform:uppercase;min-width:60px}.method-badge--get{background-color:color-mix(in srgb,var(--method-get) 15%,transparent);color:var(--method-get)}.method-badge--post{background-color:color-mix(in srgb,var(--method-post) 15%,transparent);color:var(--method-post)}.method-badge--put{background-color:color-mix(in srgb,var(--method-put) 15%,transparent);color:var(--method-put)}.method-badge--patch{background-color:color-mix(in srgb,var(--method-patch) 15%,transparent);color:var(--method-patch)}.method-badge--delete{background-color:color-mix(in srgb,var(--method-delete) 15%,transparent);color:var(--method-delete)}.method-badge--options{background-color:color-mix(in srgb,var(--method-options) 15%,transparent);color:var(--method-options)}.method-badge--head{background-color:color-mix(in srgb,var(--method-head) 15%,transparent);color:var(--method-head)}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--devtools-space-xs) var(--devtools-space-sm);border-radius:var(--devtools-radius-sm);font-family:var(--devtools-font-mono);font-size:var(--font-size-0);font-weight:var(--font-weight-5);min-width:40px}.status-badge--1xx{background-color:color-mix(in srgb,var(--status-1xx) 15%,transparent);color:var(--status-1xx)}.status-badge--2xx{background-color:color-mix(in srgb,var(--status-2xx) 15%,transparent);color:var(--status-2xx)}.status-badge--3xx{background-color:color-mix(in srgb,var(--status-3xx) 15%,transparent);color:var(--status-3xx)}.status-badge--4xx{background-color:color-mix(in srgb,var(--status-4xx) 15%,transparent);color:var(--status-4xx)}.status-badge--5xx{background-color:color-mix(in srgb,var(--status-5xx) 15%,transparent);color:var(--status-5xx)}.connection-status{display:inline-flex;align-items:center;gap:var(--devtools-space-xs);font-size:var(--font-size-0)}.connection-status__dot{width:8px;height:8px;border-radius:50%}.connection-status__dot--connected{background-color:var(--devtools-success);box-shadow:0 0 6px var(--devtools-success)}.connection-status__dot--disconnected{background-color:var(--devtools-error)}.connection-status__dot--connecting{background-color:var(--devtools-warning);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.card{background-color:var(--devtools-surface);border:1px solid var(--devtools-border);border-radius:var(--devtools-radius-md);padding:var(--devtools-space-md)}.card--elevated{background-color:var(--devtools-surface-elevated);box-shadow:var(--devtools-shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--devtools-space-xs);padding:var(--devtools-space-sm) var(--devtools-space-md);border:none;border-radius:var(--devtools-radius-sm);font-family:var(--devtools-font-sans);font-size:var(--font-size-1);font-weight:var(--font-weight-5);cursor:pointer;transition:all var(--devtools-transition-fast)}.btn--primary{background-color:var(--devtools-primary);color:var(--devtools-text-inverted)}.btn--primary:hover{background-color:var(--devtools-primary-hover)}.btn--primary:active{background-color:var(--devtools-primary-active)}.btn--secondary{background-color:var(--devtools-surface-elevated);color:var(--devtools-text);border:1px solid var(--devtools-border)}.btn--secondary:hover{background-color:var(--devtools-border)}.btn--ghost{background-color:transparent;color:var(--devtools-text)}.btn--ghost:hover{background-color:var(--devtools-surface)}.btn--icon{padding:var(--devtools-space-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.input{display:block;width:100%;padding:var(--devtools-space-sm) var(--devtools-space-md);background-color:var(--devtools-surface);border:1px solid var(--devtools-border);border-radius:var(--devtools-radius-sm);font-family:var(--devtools-font-sans);font-size:var(--font-size-1);color:var(--devtools-text);transition:border-color var(--devtools-transition-fast)}.input:focus{outline:2px solid transparent;outline-color:var(--devtools-primary);border-color:var(--devtools-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--devtools-primary) 25%,transparent)}.input::placeholder{color:var(--devtools-text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--devtools-surface)}::-webkit-scrollbar-thumb{background:var(--devtools-border);border-radius:var(--devtools-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--devtools-text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--devtools-space-xs)}.gap-sm{gap:var(--devtools-space-sm)}.gap-md{gap:var(--devtools-space-md)}.gap-lg{gap:var(--devtools-space-lg)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--devtools-space-xl);color:var(--devtools-text-muted);text-align:center}.empty-state__icon{width:48px;height:48px;margin-bottom:var(--devtools-space-md);opacity:.5}.empty-state__title{font-size:var(--font-size-3);font-weight:var(--font-weight-5);margin:0 0 var(--devtools-space-sm)}.empty-state__description{font-size:var(--font-size-1);margin:0}
|