npm - @websublime/vite-plugin-open-api-devtools - Versions diffs - 0.6.0 → 0.7.0 - Mend

@websublime/vite-plugin-open-api-devtools 0.6.0 → 0.7.0

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.

Files changed (33) hide show

package/dist/spa/assets/ModelsPage-DQN_XP0u.css +1 -0
package/dist/spa/assets/ModelsPage-DqYHHuAQ.js +4 -0
package/dist/spa/assets/ModelsPage-DqYHHuAQ.js.map +1 -0
package/dist/spa/assets/RoutesPage-BVXzvJ2S.css +1 -0
package/dist/spa/assets/RoutesPage-Bhnu6w5-.js +2 -0
package/dist/spa/assets/RoutesPage-Bhnu6w5-.js.map +1 -0
package/dist/spa/assets/SimulatorPage-B1voZDRi.css +1 -0
package/dist/spa/assets/SimulatorPage-ROKoAmUT.js +2 -0
package/dist/spa/assets/SimulatorPage-ROKoAmUT.js.map +1 -0
package/dist/spa/assets/TimelinePage-BDyp8kvu.css +1 -0
package/dist/spa/assets/TimelinePage-CwR-Coxj.js +2 -0
package/dist/spa/assets/TimelinePage-CwR-Coxj.js.map +1 -0
package/dist/spa/assets/check-DxJBRQqh.js +2 -0
package/dist/spa/assets/check-DxJBRQqh.js.map +1 -0
package/dist/spa/assets/format-B1udViy3.js +2 -0
package/dist/spa/assets/format-B1udViy3.js.map +1 -0
package/dist/spa/assets/index-9_6u4UTF.css +1 -0
package/dist/spa/assets/index-GQ9qRqEi.js +3 -0
package/dist/spa/assets/index-GQ9qRqEi.js.map +1 -0
package/dist/spa/assets/registry-Z11QUkpV.js +2 -0
package/dist/spa/assets/registry-Z11QUkpV.js.map +1 -0
package/dist/spa/assets/trash-2-CDyKV6GB.js +2 -0
package/dist/spa/assets/trash-2-CDyKV6GB.js.map +1 -0
package/dist/spa/assets/triangle-alert-CAGaIjAo.js +2 -0
package/dist/spa/assets/triangle-alert-CAGaIjAo.js.map +1 -0
package/dist/spa/assets/useWebSocket-C2ttWF5T.js +2 -0
package/dist/spa/assets/useWebSocket-C2ttWF5T.js.map +1 -0
package/dist/spa/assets/vue-vendor-CtA47il-.js +2 -0
package/dist/spa/assets/vue-vendor-CtA47il-.js.map +1 -0
package/dist/spa/assets/x-zxrccEon.js +2 -0
package/dist/spa/assets/x-zxrccEon.js.map +1 -0
package/dist/spa/index.html +16 -0
package/package.json +12 -11

package/dist/spa/assets/ModelsPage-DQN_XP0u.css ADDED Viewed

@@ -0,0 +1 @@

+ .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-b06706f4]{display:grid;grid-template-columns:240px 1fr;height:100%;overflow:hidden}.models-sidebar[data-v-b06706f4]{display:flex;flex-direction:column;background-color:var(--devtools-surface);border-right:1px solid var(--devtools-border);overflow:hidden}.models-sidebar__header[data-v-b06706f4]{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-b06706f4]{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-b06706f4]{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-b06706f4]{flex:1;overflow-y:auto;padding:var(--devtools-space-xs)}.models-sidebar__item[data-v-b06706f4]{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-b06706f4]:hover{background-color:var(--devtools-surface-elevated)}.models-sidebar__item--active[data-v-b06706f4]{background-color:color-mix(in srgb,var(--devtools-primary) 15%,transparent);color:var(--devtools-primary)}.models-sidebar__name[data-v-b06706f4]{font-family:var(--devtools-font-mono)}.models-sidebar__count[data-v-b06706f4]{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-b06706f4]{padding:var(--devtools-space-md);border-top:1px solid var(--devtools-border)}.models-sidebar__stat[data-v-b06706f4]{display:flex;justify-content:space-between;font-size:var(--font-size-0)}.models-content[data-v-b06706f4]{position:relative;display:flex;flex-direction:column;padding:var(--devtools-space-md);overflow:hidden}.models-toolbar[data-v-b06706f4]{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-b06706f4]{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-b06706f4]{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-b06706f4]{background-color:color-mix(in srgb,#f59e0b 20%,transparent);color:#f59e0b}.models-toolbar__actions[data-v-b06706f4]{display:flex;align-items:center;gap:var(--devtools-space-sm)}.models-error[data-v-b06706f4]{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-editor[data-v-b06706f4]{flex:1;overflow:hidden;display:flex;flex-direction:column}.models-loading-overlay[data-v-b06706f4]{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-b06706f4]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:1000}.modal[data-v-b06706f4]{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-b06706f4]{padding:var(--devtools-space-md);border-bottom:1px solid var(--devtools-border)}.modal__header h3[data-v-b06706f4]{margin:0;font-size:var(--font-size-2);font-weight:var(--font-weight-6)}.modal__body[data-v-b06706f4]{padding:var(--devtools-space-md)}.modal__body p[data-v-b06706f4]{margin:0 0 var(--devtools-space-sm) 0}.modal__body p[data-v-b06706f4]:last-child{margin-bottom:0}.modal__footer[data-v-b06706f4]{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-b06706f4]{width:24px;height:24px;border:3px solid var(--devtools-border);border-top-color:var(--devtools-primary);border-radius:50%;animation:spin-b06706f4 .8s linear infinite}@keyframes spin-b06706f4{to{transform:rotate(360deg)}}

package/dist/spa/assets/ModelsPage-DqYHHuAQ.js ADDED Viewed

@@ -0,0 +1,4 @@
+import{D as Q,g as $,C,G as Z,d as H,B as K,b as y,e as t,F as z,r as q,t as S,H as ee,s as j,f as T,u as r,o as h,I as se,z as te,i as ae,n as ne,v as L,E as oe,J as le,K as re}from"./vue-vendor-CtA47il-.js";import{C as ie}from"./check-DxJBRQqh.js";import{c as B,_ as W,D as P}from"./index-GQ9qRqEi.js";import{u as ce}from"./useWebSocket-C2ttWF5T.js";import{X as de}from"./x-zxrccEon.js";import{T as ue}from"./trash-2-CDyKV6GB.js";const me=B("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 fe=B("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 ve=B("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 O(l){try{return structuredClone(Z(l))}catch{return JSON.parse(JSON.stringify(l))}}const he=Q("models",()=>{const l=C([]),e=C(null),d=C([]),u=C([]),m=C(!1),o=C(null),f=$(()=>e.value?l.value.find(a=>a.name===e.value)??null:null),_=C(!1),i=$(()=>_.value),v=$(()=>l.value.length),k=$(()=>l.value.reduce((a,p)=>a+p.count,0));async function E(){m.value=!0,o.value=null;try{const a=await fetch("/_api/store");if(!a.ok)throw new Error(`Failed to fetch schemas: ${a.statusText}`);const p=await a.json();l.value=p.schemas??[]}catch(a){o.value=a instanceof Error?a.message:"Failed to fetch schemas",console.error("[ModelsStore] Error fetching schemas:",a)}finally{m.value=!1}}async function D(a){e.value!==a&&(e.value=a,await x(a))}async function x(a){m.value=!0,o.value=null;try{const p=await fetch(`/_api/store/${encodeURIComponent(a)}`);if(!p.ok)throw new Error(`Failed to fetch schema data: ${p.statusText}`);const I=await p.json(),N=I.items??[];d.value=O(N),u.value=O(N),_.value=!1;const U=l.value.findIndex(Y=>Y.name===a);U!==-1&&(l.value[U].count=I.count)}catch(p){o.value=p instanceof Error?p.message:"Failed to fetch schema data",console.error("[ModelsStore] Error fetching schema data:",p)}finally{m.value=!1}}function V(a){if(!Array.isArray(a)){o.value="Invalid data: Expected an array of items",console.error("[ModelsStore] updateItems received non-array value:",typeof a);return}d.value=a,o.value=null,_.value=!0}async function c(){if(!e.value)return o.value="No schema selected",!1;m.value=!0,o.value=null;try{const a=await fetch(`/_api/store/${encodeURIComponent(e.value)}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(d.value)});if(!a.ok){const N=await a.json().catch(()=>({}));throw new Error(N.error||`Failed to save items: ${a.statusText}`)}const p=await a.json();u.value=O(d.value),_.value=!1;const I=l.value.findIndex(N=>N.name===e.value);return I!==-1&&(l.value[I].count=p.created??d.value.length),!0}catch(a){return o.value=a instanceof Error?a.message:"Failed to save items",console.error("[ModelsStore] Error saving items:",a),!1}finally{m.value=!1}}async function n(){if(!e.value)return o.value="No schema selected",!1;m.value=!0,o.value=null;try{const a=await fetch(`/_api/store/${encodeURIComponent(e.value)}`,{method:"DELETE"});if(!a.ok)throw new Error(`Failed to clear schema: ${a.statusText}`);d.value=[],u.value=[],_.value=!1;const p=l.value.findIndex(I=>I.name===e.value);return p!==-1&&(l.value[p].count=0),!0}catch(a){return o.value=a instanceof Error?a.message:"Failed to clear schema",console.error("[ModelsStore] Error clearing schema:",a),!1}finally{m.value=!1}}function s(){d.value=O(u.value),_.value=!1}async function g(){e.value?await x(e.value):await E()}function M(){l.value=[],e.value=null,d.value=[],u.value=[],m.value=!1,o.value=null,_.value=!1}function A(a){const p=l.value.findIndex(I=>I.name===a.schema);p!==-1&&(l.value[p].count=a.count),e.value===a.schema&&(i.value?console.warn(`[ModelsStore] Skipping auto-refresh for schema "${a.schema}" - unsaved changes exist`):x(a.schema))}function X(a){a.success&&(E(),e.value&&(i.value?console.warn(`[ModelsStore] Skipping auto-refresh after reseed for schema "${e.value}" - unsaved changes exist`):x(e.value)))}return{schemas:l,selectedSchema:e,currentItems:d,loading:m,error:o,currentSchema:f,isDirty:i,schemaCount:v,totalItems:k,fetchSchemas:E,selectSchemaByName:D,fetchSchemaData:x,updateItems:V,saveItems:c,clearSchema:n,discardChanges:s,refresh:g,reset:M,handleStoreUpdate:A,handleReseedComplete:X}}),pe={class:"json-editor"},ye={class:"json-editor__container"},_e={class:"json-editor__lines","aria-hidden":"true"},ge=["value","readonly","placeholder"],be={class:"json-editor__status"},Se={class:"json-editor__status-left"},Ce={key:0,class:"json-editor__valid"},we={key:1,class:"json-editor__error"},ke={class:"json-editor__status-right"},xe={class:"json-editor__info"},Ie=H({__name:"JsonEditor",props:{modelValue:{},readonly:{type:Boolean,default:!1},placeholder:{default:"Enter JSON data..."},minHeight:{default:200}},emits:["update:modelValue"],setup(l,{expose:e,emit:d}){const u=l,m=d,o=C(""),f=C(null),_=$(()=>f.value===null),i=$(()=>o.value.split(`
+`).length),v=$(()=>Array.from({length:i.value},(c,n)=>n+1));function k(){try{o.value=JSON.stringify(u.modelValue,null,2),f.value=null}catch{o.value="",f.value="Invalid initial value"}}k(),K(()=>u.modelValue,()=>{try{const c=JSON.parse(o.value);JSON.stringify(c)!==JSON.stringify(u.modelValue)&&k()}catch{k()}});function E(c){const n=c.target;o.value=n.value,D()}function D(){if(o.value.trim()===""){f.value=null,m("update:modelValue",[]);return}try{const c=JSON.parse(o.value);f.value=null,m("update:modelValue",c)}catch(c){if(c instanceof Error){const n=c.message.match(/position (\d+)/);if(n){const s=Number.parseInt(n[1],10),g=o.value.substring(0,s).split(`
+`),M=g.length,A=g[g.length-1].length+1;f.value=`Line ${M}, Column ${A}: ${c.message}`}else f.value=c.message}else f.value="Invalid JSON"}}function x(){try{const c=JSON.parse(o.value);o.value=JSON.stringify(c,null,2),f.value=null,m("update:modelValue",c)}catch{}}function V(c){if(c.key==="Tab"){c.preventDefault();const n=c.target,s=n.selectionStart,g=n.selectionEnd,M=`${o.value.substring(0,s)}  ${o.value.substring(g)}`;o.value=M,setTimeout(()=>{n.selectionStart=n.selectionEnd=s+2},0),D()}}return e({formatJson:x,isValid:_}),(c,n)=>(h(),y("div",pe,[t("div",ye,[t("div",_e,[(h(!0),y(z,null,q(v.value,s=>(h(),y("div",{key:s,class:"json-editor__line-number"},S(s),1))),128))]),t("textarea",{value:o.value,readonly:l.readonly,placeholder:l.placeholder,style:ee({minHeight:`${l.minHeight}px`}),class:"json-editor__textarea",spellcheck:"false",onInput:E,onKeydown:V},null,44,ge)]),t("div",be,[t("div",Se,[_.value?(h(),y("div",Ce,[T(r(ie),{size:14}),n[0]||(n[0]=t("span",null,"Valid JSON",-1))])):f.value?(h(),y("div",we,[T(r(me),{size:14}),t("span",null,S(f.value),1)])):j("",!0)]),t("div",ke,[t("span",xe,S(i.value)+" lines",1)])])]))}}),Te=W(Ie,[["__scopeId","data-v-dbd5ce20"]]),F=C([]),w=se({visible:!1,title:"",message:"",confirmText:"Confirm",cancelText:"Cancel",onConfirm:null,onCancel:null}),J=new Map;let b=null,Ee=0;function $e(){return`toast-${Date.now()}-${Ee++}`}function R(l,e,d=3e3){const u=$e(),m={id:u,type:l,message:e,duration:d,timestamp:Date.now()};if(F.value.push(m),d>0){const o=setTimeout(()=>{G(u),J.delete(u)},d);J.set(u,o)}return u}function G(l){const e=J.get(l);e!==void 0&&(clearTimeout(e),J.delete(l));const d=F.value.findIndex(u=>u.id===l);d!==-1&&F.value.splice(d,1)}function De(){function l(i,v){return R("success",i,v)}function e(i,v){return R("error",i,v)}function d(i,v){return R("info",i,v)}function u(i,v){return R("warning",i,v)}function m(i,v){return new Promise(k=>{b&&(b(!1),b=null),b=k,w.visible=!0,w.title=v?.title||"Confirm",w.message=i,w.confirmText=v?.confirmText||"Confirm",w.cancelText=v?.cancelText||"Cancel",w.onConfirm=()=>{w.visible=!1,b&&(b(!0),b=null)},w.onCancel=()=>{w.visible=!1,b&&(b(!1),b=null)}})}function o(){w.visible=!1,b&&(b(!1),b=null)}function f(i){G(i)}function _(){for(const i of J.values())clearTimeout(i);J.clear(),F.value=[]}return{toasts:F,confirmDialog:w,success:l,error:e,info:d,warning:u,dismiss:f,clearAll:_,confirm:m,closeConfirm:o}}const Me={class:"models-page"},Ne={class:"models-sidebar"},je={class:"models-sidebar__header"},Je={class:"models-sidebar__badge"},Ve={key:0,class:"models-sidebar__loading"},Fe={key:1,class:"models-sidebar__list"},Oe=["onClick"],Re={class:"models-sidebar__name"},ze={class:"models-sidebar__count"},Ae={class:"models-sidebar__footer"},Be={class:"models-sidebar__stat"},Ue={class:"font-mono"},Le={class:"models-content"},Pe={class:"models-toolbar"},He={class:"models-toolbar__title"},Ke={class:"font-mono"},qe={class:"text-muted"},We={key:0,class:"models-toolbar__badge models-toolbar__badge--warning"},Ge={class:"models-toolbar__actions"},Xe=["disabled"],Ye=["disabled"],Qe={key:0,class:"models-error"},Ze={class:"models-editor"},es={key:1,class:"models-loading-overlay"},ss={key:1,class:"empty-state"},ts={key:0,class:"models-error"},as={class:"modal__body"},ns={class:"modal__footer"},os=H({__name:"ModelsPage",setup(l){const e=he(),{send:d,on:u,connected:m}=ce(),{success:o,error:f,confirm:_}=De(),i=C(null),v=C(!1);te(async()=>{try{await e.fetchSchemas(),e.schemas.length>0&&!e.selectedSchema&&await e.selectSchemaByName(e.schemas[0].name)}catch(n){e.error||(e.error=n instanceof Error?n.message:"Failed to load schemas")}}),u("store:updated",n=>{const s=n;if(typeof n!="object"||n===null||typeof s.schema!="string"||typeof s.action!="string"||typeof s.count!="number"){console.warn("[ModelsPage] Invalid store:updated payload:",n);return}e.handleStoreUpdate(n)}),u("reseeded",n=>{const s=n;if(typeof n!="object"||n===null||typeof s.success!="boolean"||!Array.isArray(s.schemas)){console.warn("[ModelsPage] Invalid reseeded payload:",n);return}e.handleReseedComplete(n)}),K(()=>e.selectedSchema,async()=>{i.value&&e.currentItems.length>0&&(await re(),i.value?.formatJson())});async function k(n){e.isDirty&&!await _("You have unsaved changes. Are you sure you want to switch schemas?",{title:"Unsaved Changes",confirmText:"Switch Schema",cancelText:"Cancel"})||await e.selectSchemaByName(n)}async function E(){if(!i.value?.isValid){f("Cannot save invalid JSON. Please fix the errors first.");return}if(await e.saveItems())o("Items saved successfully");else{const s=e.error||"Failed to save items";f(s)}}async function D(){if(!e.isDirty)return;await _("Discard all changes and revert to saved data?",{title:"Discard Changes",confirmText:"Discard",cancelText:"Cancel"})&&(e.discardChanges(),o("Changes discarded"))}async function x(){v.value=!1;try{if(await e.clearSchema())o("Schema cleared successfully");else{const s=e.error||"Failed to clear schema";f(s)}}catch(n){const s=n instanceof Error?n.message:"Failed to clear schema";f(s)}}async function V(){if(!m.value){f("WebSocket not connected. Cannot trigger reseed.");return}await _("This will regenerate all seed data and replace existing items. Continue?",{title:"Reseed All Schemas",confirmText:"Reseed",cancelText:"Cancel"})&&(d({type:"reseed"}),o("Reseed command sent"))}function c(n){e.updateItems(n)}return(n,s)=>(h(),y("div",Me,[t("aside",Ne,[t("div",je,[T(r(P),{size:18}),s[4]||(s[4]=t("span",null,"Schemas",-1)),t("span",Je,S(r(e).schemaCount),1)]),r(e).loading&&r(e).schemas.length===0?(h(),y("div",Ve,[...s[5]||(s[5]=[t("div",{class:"spinner"},null,-1),t("span",null,"Loading...",-1)])])):(h(),y("div",Fe,[(h(!0),y(z,null,q(r(e).schemas,g=>(h(),y("button",{key:g.name,class:ne(["models-sidebar__item",{"models-sidebar__item--active":r(e).selectedSchema===g.name}]),onClick:M=>k(g.name)},[t("span",Re,S(g.name),1),t("span",ze,S(g.count),1)],10,Oe))),128))])),t("div",Ae,[t("div",Be,[s[6]||(s[6]=t("span",{class:"text-muted"},"Total Items:",-1)),t("span",Ue,S(r(e).totalItems),1)])])]),t("main",Le,[r(e).selectedSchema?(h(),y(z,{key:0},[t("div",Pe,[t("div",He,[t("span",Ke,S(r(e).selectedSchema),1),t("span",qe,"("+S(r(e).currentItems.length)+" items)",1),r(e).isDirty?(h(),y("span",We," Unsaved ")):j("",!0)]),t("div",Ge,[r(e).isDirty?(h(),y("button",{key:0,class:"btn btn--ghost",title:"Discard changes",onClick:D},[T(r(de),{size:16}),s[7]||(s[7]=t("span",null,"Discard",-1))])):j("",!0),t("button",{disabled:!r(e).isDirty||r(e).loading,class:"btn btn--primary",title:"Save changes",onClick:E},[T(r(ve),{size:16}),s[8]||(s[8]=t("span",null,"Save",-1))],8,Xe),t("button",{class:"btn btn--danger",title:"Clear all items",onClick:s[0]||(s[0]=g=>v.value=!0)},[T(r(ue),{size:16}),s[9]||(s[9]=t("span",null,"Clear",-1))]),t("button",{disabled:!r(m),class:"btn btn--secondary",title:"Reseed all schemas with generated data",onClick:V},[T(r(fe),{size:16}),s[10]||(s[10]=t("span",null,"Reseed All",-1))],8,Ye)])]),r(e).error?(h(),y("div",Qe,[t("span",null,"⚠️ "+S(r(e).error),1)])):j("",!0),t("div",Ze,[T(Te,{ref_key:"jsonEditorRef",ref:i,"model-value":r(e).currentItems,readonly:r(e).loading,"min-height":400,"onUpdate:modelValue":c},null,8,["model-value","readonly"])]),r(e).loading?(h(),y("div",es,[...s[11]||(s[11]=[t("div",{class:"spinner"},null,-1),t("span",null,"Loading...",-1)])])):j("",!0)],64)):(h(),y("div",ss,[r(e).error?(h(),y("div",ts,[t("span",null,"⚠️ "+S(r(e).error),1)])):(h(),y(z,{key:1},[T(r(P),{size:48,class:"empty-state__icon"}),s[12]||(s[12]=t("h3",{class:"empty-state__title"},"Select a schema",-1)),s[13]||(s[13]=t("p",{class:"empty-state__description"}," Choose a schema from the sidebar to view and edit its data. ",-1))],64))]))]),(h(),ae(le,{to:"body"},[v.value?(h(),y("div",{key:0,class:"modal-overlay",onClick:s[3]||(s[3]=g=>v.value=!1)},[t("div",{class:"modal",onClick:s[2]||(s[2]=oe(()=>{},["stop"]))},[s[17]||(s[17]=t("div",{class:"modal__header"},[t("h3",null,"Clear Schema Data")],-1)),t("div",as,[t("p",null,[s[14]||(s[14]=L(" Are you sure you want to clear all items for ",-1)),t("strong",null,S(r(e).selectedSchema),1),s[15]||(s[15]=L("? ",-1))]),s[16]||(s[16]=t("p",{class:"text-muted"},"This action cannot be undone.",-1))]),t("div",ns,[t("button",{class:"btn btn--ghost",onClick:s[1]||(s[1]=g=>v.value=!1)}," Cancel "),t("button",{class:"btn btn--danger",onClick:x}," Clear Schema ")])])])):j("",!0)]))]))}}),ms=W(os,[["__scopeId","data-v-b06706f4"]]);export{ms as default};
+//# sourceMappingURL=ModelsPage-DqYHHuAQ.js.map

package/dist/spa/assets/ModelsPage-DqYHHuAQ.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ModelsPage-DqYHHuAQ.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/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\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 \n <div class=\"json-editor__container\">\n \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 \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 \n <div class=\"json-editor__status\">\n <div class=\"json-editor__status-left\">\n \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 \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<script setup lang=\"ts\">\nimport { Database, RefreshCw, Save, Trash2, X } from 'lucide-vue-next';\nimport { nextTick, onMounted, ref, watch } from '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// ==========================================================================\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});\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});\n\n// ==========================================================================\n// Watchers\n// ==========================================================================\n\n// Format JSON when schema changes\nwatch(\n () => modelsStore.selectedSchema,\n async () => {\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// ==========================================================================\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</script>\n\n<template>\n <div class=\"models-page\">\n \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 \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 \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 \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 \n <main class=\"models-content\">\n <template v-if=\"modelsStore.selectedSchema\">\n \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 \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 \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 \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 \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 \n <div v-if=\"modelsStore.error\" class=\"models-error\">\n <span>⚠️ {{ modelsStore.error }}</span>\n </div>\n\n \n <div class=\"models-editor\">\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\n \n <div v-if=\"modelsStore.loading\" class=\"models-loading-overlay\">\n <div class=\"spinner\" />\n <span>Loading...</span>\n </div>\n </template>\n\n \n <div v-else class=\"empty-state\">\n \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 \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/* Editor */\n.models-editor {\n flex: 1;\n overflow: hidden;\n display: flex;\n flex-direction: column;\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","props","__props","emit","__emit","text","validationError","isValid","lineCount","lineNumbers","_","i","initializeText","watch","currentParsed","handleInput","event","target","validateAndEmit","parsed","match","position","lines","line","column","formatJson","handleKeyDown","start","end","newText","__expose","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_Fragment","_renderList","lineNum","_hoisted_5","_hoisted_6","_hoisted_7","_createVNode","_unref","Check","_cache","_hoisted_8","AlertCircle","_hoisted_9","_hoisted_10","_toDisplayString","toasts","confirmDialog","reactive","timeouts","pendingResolve","toastIdCounter","generateToastId","addToast","type","message","duration","id","toast","timeoutId","removeToast","index","t","useNotifications","success","info","warning","confirm","options","resolve","closeConfirm","dismiss","clearAll","modelsStore","send","on","connected","useWebSocket","notifyError","jsonEditorRef","showClearConfirm","onMounted","payload","nextTick","selectSchema","errorMessage","reseedAll","onJsonEditorUpdate","Database","_hoisted_4","_normalizeClass","$event","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","X","Trash2","_hoisted_22","_hoisted_23","JsonEditor","_hoisted_24","_hoisted_25","_hoisted_26","_createBlock","_Teleport","_hoisted_27","_hoisted_28"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/spa/assets/RoutesPage-BVXzvJ2S.css ADDED Viewed

@@ -0,0 +1 @@

+ .endpoint-detail[data-v-c66a0f52]{display:flex;flex-direction:column;height:100%;overflow:hidden}.endpoint-detail__empty[data-v-c66a0f52]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--devtools-space-xl);text-align:center}.endpoint-detail__empty-icon[data-v-c66a0f52]{color:var(--devtools-text-muted);opacity:.5;margin-bottom:var(--devtools-space-md)}.endpoint-detail__empty-title[data-v-c66a0f52]{font-size:var(--font-size-2);font-weight:var(--font-weight-5);color:var(--devtools-text);margin:0 0 var(--devtools-space-sm)}.endpoint-detail__empty-text[data-v-c66a0f52]{font-size:var(--font-size-1);margin:0}.endpoint-detail__content[data-v-c66a0f52]{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:var(--devtools-space-md)}.endpoint-detail__header[data-v-c66a0f52]{display:flex;align-items:center;gap:var(--devtools-space-md);margin-bottom:var(--devtools-space-md);padding-bottom:var(--devtools-space-md);border-bottom:1px solid var(--devtools-border)}.endpoint-detail__path[data-v-c66a0f52]{font-size:var(--font-size-2);font-weight:var(--font-weight-5);color:var(--devtools-text);margin:0;word-break:break-all}.method-badge--large[data-v-c66a0f52]{font-size:var(--font-size-0);padding:var(--devtools-space-sm) var(--devtools-space-md);min-width:70px}.endpoint-detail__status[data-v-c66a0f52]{display:flex;flex-wrap:wrap;gap:var(--devtools-space-sm);margin-bottom:var(--devtools-space-md)}.endpoint-detail__status-item[data-v-c66a0f52]{display:inline-flex;align-items:center;gap:var(--devtools-space-xs);padding:var(--devtools-space-xs) var(--devtools-space-sm);border-radius:var(--devtools-radius-sm);font-size:var(--font-size-0);font-weight:var(--font-weight-5)}.endpoint-detail__status-item--handler[data-v-c66a0f52]{background-color:color-mix(in srgb,var(--devtools-info) 15%,transparent);color:var(--devtools-info)}.endpoint-detail__status-item--seed[data-v-c66a0f52]{background-color:color-mix(in srgb,var(--devtools-success) 15%,transparent);color:var(--devtools-success)}.endpoint-detail__status-item--security[data-v-c66a0f52]{background-color:color-mix(in srgb,var(--devtools-warning) 15%,transparent);color:var(--devtools-warning)}.endpoint-detail__status-item--auto[data-v-c66a0f52]{background-color:color-mix(in srgb,var(--devtools-text-muted) 15%,transparent);color:var(--devtools-text-muted)}.endpoint-detail__sections[data-v-c66a0f52]{display:flex;flex-direction:column;gap:var(--devtools-space-md)}.endpoint-detail__section[data-v-c66a0f52]{display:flex;flex-direction:column;gap:var(--devtools-space-xs)}.endpoint-detail__section-title[data-v-c66a0f52]{display:flex;align-items:center;gap:var(--devtools-space-xs);font-size:var(--font-size-0);font-weight:var(--font-weight-6);color:var(--devtools-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.endpoint-detail__section-content[data-v-c66a0f52]{font-size:var(--font-size-1);color:var(--devtools-text);margin:0;line-height:var(--font-lineheight-3)}.endpoint-detail__description[data-v-c66a0f52]{white-space:pre-wrap}.endpoint-detail__tags[data-v-c66a0f52]{display:flex;flex-wrap:wrap;gap:var(--devtools-space-xs)}.endpoint-detail__tag[data-v-c66a0f52]{display:inline-flex;align-items:center;padding:var(--devtools-space-xs) var(--devtools-space-sm);background-color:var(--devtools-surface-elevated);border-radius:var(--devtools-radius-sm);font-size:var(--font-size-0);color:var(--devtools-text)}.endpoint-detail__security[data-v-c66a0f52]{display:flex;flex-direction:column;gap:var(--devtools-space-xs)}.endpoint-detail__security-item[data-v-c66a0f52]{display:flex;flex-direction:column;gap:2px;padding:var(--devtools-space-sm);background-color:var(--devtools-surface-elevated);border-radius:var(--devtools-radius-sm)}.endpoint-detail__security-name[data-v-c66a0f52]{font-size:var(--font-size-1);font-weight:var(--font-weight-5)}.endpoint-detail__security-scopes[data-v-c66a0f52]{font-size:var(--font-size-0)}.endpoint-list[data-v-554ffe63]{display:flex;flex-direction:column;height:100%;overflow:hidden}.endpoint-list__empty[data-v-554ffe63]{display:flex;align-items:center;justify-content:center;padding:var(--devtools-space-lg)}.endpoint-list__groups[data-v-554ffe63]{flex:1;overflow-y:auto;padding:var(--devtools-space-xs)}.endpoint-group[data-v-554ffe63]{margin-bottom:var(--devtools-space-xs)}.endpoint-group__header[data-v-554ffe63]{display:flex;align-items:center;gap:var(--devtools-space-xs);width:100%;padding:var(--devtools-space-sm) var(--devtools-space-sm);background:none;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);color:var(--devtools-text);text-align:left;cursor:pointer;transition:background-color var(--devtools-transition-fast)}.endpoint-group__header[data-v-554ffe63]:hover{background-color:var(--devtools-surface-elevated)}.endpoint-group__header[data-v-554ffe63]:focus{outline:none}.endpoint-group__header[data-v-554ffe63]:focus-visible{outline:2px solid var(--devtools-primary);outline-offset:-2px}.endpoint-group__chevron[data-v-554ffe63]{flex-shrink:0;color:var(--devtools-text-muted)}.endpoint-group__tag[data-v-554ffe63]{flex:1;text-transform:capitalize}.endpoint-group__count[data-v-554ffe63]{font-size:var(--font-size-0);font-weight:var(--font-weight-4)}.endpoint-group__items[data-v-554ffe63]{padding-left:var(--devtools-space-md)}.endpoint-item[data-v-554ffe63]{display:flex;align-items:center;gap:var(--devtools-space-sm);width:100%;padding:var(--devtools-space-xs) var(--devtools-space-sm);background:none;border:none;border-radius:var(--devtools-radius-sm);font-family:var(--devtools-font-sans);text-align:left;cursor:pointer;transition:background-color var(--devtools-transition-fast)}.endpoint-item[data-v-554ffe63]:hover{background-color:var(--devtools-surface-elevated)}.endpoint-item[data-v-554ffe63]:focus{outline:none}.endpoint-item[data-v-554ffe63]:focus-visible{outline:2px solid var(--devtools-primary);outline-offset:-2px}.endpoint-item--selected[data-v-554ffe63]{background-color:color-mix(in srgb,var(--devtools-primary) 15%,transparent)}.endpoint-item--selected[data-v-554ffe63]:hover{background-color:color-mix(in srgb,var(--devtools-primary) 20%,transparent)}.endpoint-item__path[data-v-554ffe63]{flex:1;font-size:var(--font-size-0);color:var(--devtools-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endpoint-item__indicators[data-v-554ffe63]{display:flex;align-items:center;gap:var(--devtools-space-xs)}.endpoint-item__indicator[data-v-554ffe63]{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--devtools-radius-sm)}.endpoint-item__indicator--handler[data-v-554ffe63]{background-color:color-mix(in srgb,var(--devtools-info) 15%,transparent);color:var(--devtools-info)}.endpoint-item__indicator--seed[data-v-554ffe63]{background-color:color-mix(in srgb,var(--devtools-success) 15%,transparent);color:var(--devtools-success)}.routes-page[data-v-bdd419e3]{display:flex;flex-direction:column;height:100%;overflow:hidden}.routes-toolbar[data-v-bdd419e3]{display:flex;align-items:center;gap:var(--devtools-space-md);padding:var(--devtools-space-md);background-color:var(--devtools-surface);border-bottom:1px solid var(--devtools-border)}.routes-search[data-v-bdd419e3]{position:relative;flex:1;max-width:400px}.routes-search__icon[data-v-bdd419e3]{position:absolute;left:var(--devtools-space-sm);top:50%;transform:translateY(-50%);color:var(--devtools-text-muted);pointer-events:none}.routes-search__input[data-v-bdd419e3]{padding-left:calc(var(--devtools-space-sm) + 24px);padding-right:calc(var(--devtools-space-sm) + 24px)}.routes-search__clear[data-v-bdd419e3]{position:absolute;right:var(--devtools-space-xs);top:50%;transform:translateY(-50%);padding:var(--devtools-space-xs)}.routes-filter-toggle[data-v-bdd419e3]{flex-shrink:0}.routes-filter-toggle--active[data-v-bdd419e3]{background-color:color-mix(in srgb,var(--devtools-primary) 15%,transparent);border-color:var(--devtools-primary);color:var(--devtools-primary)}.routes-filter-toggle__badge[data-v-bdd419e3]{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--devtools-space-xs);background-color:var(--devtools-primary);color:var(--devtools-text-inverted);border-radius:9px;font-size:var(--font-size-0);font-weight:var(--font-weight-6)}.routes-stats[data-v-bdd419e3]{display:flex;align-items:center;gap:var(--devtools-space-sm);margin-left:auto;font-size:var(--font-size-0);color:var(--devtools-text-muted)}.routes-stats__separator[data-v-bdd419e3]{opacity:.5}.routes-filters[data-v-bdd419e3]{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--devtools-space-lg);padding:var(--devtools-space-md);background-color:var(--devtools-surface-elevated);border-bottom:1px solid var(--devtools-border)}.routes-filters__section[data-v-bdd419e3]{display:flex;flex-direction:column;gap:var(--devtools-space-sm)}.routes-filters__title[data-v-bdd419e3]{font-size:var(--font-size-0);font-weight:var(--font-weight-6);color:var(--devtools-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.routes-filters__methods[data-v-bdd419e3]{display:flex;flex-wrap:wrap;gap:var(--devtools-space-xs)}.routes-filters__methods .method-badge[data-v-bdd419e3]{cursor:pointer;transition:all var(--devtools-transition-fast)}.routes-filters__methods .method-badge--inactive[data-v-bdd419e3]{opacity:.4}.routes-filters__status[data-v-bdd419e3]{display:flex;gap:var(--devtools-space-sm)}.routes-filters__status-btn[data-v-bdd419e3]{display:inline-flex;align-items:center;gap:var(--devtools-space-xs);padding:var(--devtools-space-xs) var(--devtools-space-sm);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-0);color:var(--devtools-text-muted);cursor:pointer;transition:all var(--devtools-transition-fast)}.routes-filters__status-btn[data-v-bdd419e3]:hover{background-color:var(--devtools-surface-elevated);color:var(--devtools-text)}.routes-filters__status-btn--active[data-v-bdd419e3]{background-color:color-mix(in srgb,var(--devtools-primary) 15%,transparent);border-color:var(--devtools-primary);color:var(--devtools-primary)}.routes-filters__actions[data-v-bdd419e3]{display:flex;align-items:flex-end;margin-left:auto}.routes-content[data-v-bdd419e3]{flex:1;display:flex;overflow:hidden}.routes-loading[data-v-bdd419e3]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:var(--devtools-space-md)}.routes-loading__spinner[data-v-bdd419e3]{width:32px;height:32px;border:3px solid var(--devtools-border);border-top-color:var(--devtools-primary);border-radius:50%;animation:spin-bdd419e3 1s linear infinite}@keyframes spin-bdd419e3{to{transform:rotate(360deg)}}.routes-error[data-v-bdd419e3]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:var(--devtools-space-md);padding:var(--devtools-space-xl)}.routes-error__message[data-v-bdd419e3]{color:var(--devtools-error);margin:0}.routes-empty[data-v-bdd419e3]{width:100%}.routes-list-panel[data-v-bdd419e3]{width:var(--devtools-sidebar-width);min-width:200px;max-width:400px;border-right:1px solid var(--devtools-border);background-color:var(--devtools-surface);overflow:hidden}.routes-detail-panel[data-v-bdd419e3]{flex:1;overflow:hidden;background-color:var(--devtools-bg)}

package/dist/spa/assets/RoutesPage-Bhnu6w5-.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{g as q,C as B,a as Z,S as T,F as Y,b as tt}from"./format-B1udViy3.js";import{c as $,_ as F,R as et}from"./index-GQ9qRqEi.js";import{d as E,b as o,f as l,e as t,u as e,n as f,t as c,s as u,g as H,v as x,F as b,r as C,o as n,x as st,i as G,j as P,y as nt,z as ot,A as it,B as at,C as V}from"./vue-vendor-CtA47il-.js";import{u as dt}from"./useWebSocket-C2ttWF5T.js";import{u as lt}from"./registry-Z11QUkpV.js";import{X as j}from"./x-zxrccEon.js";const R=$("code",[["path",{d:"m16 18 6-6-6-6",key:"eg8j8"}],["path",{d:"m8 6-6 6 6 6",key:"ppft3o"}]]);const M=$("file-json",[["path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",key:"1rqfz7"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}],["path",{d:"M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1",key:"1oajmo"}],["path",{d:"M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1",key:"mpwhp6"}]]);const rt=$("lock",[["rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2",key:"1w4ew1"}],["path",{d:"M7 11V7a5 5 0 0 1 10 0v4",key:"fwvmzm"}]]);const ct=$("shield",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}]]);const w=$("sprout",[["path",{d:"M7 20h10",key:"e6iznv"}],["path",{d:"M10 20c5.5-2.5.8-6.4 3-10",key:"161w41"}],["path",{d:"M9.5 9.4c1.1.8 1.8 2.2 2.3 3.7-2 .4-3.5.4-4.8-.3-1.2-.6-2.3-1.9-3-4.2 2.8-.5 4.4 0 5.5.8z",key:"9gtqwd"}],["path",{d:"M14.1 6a7 7 0 0 0-1.1 4c1.9-.1 3.3-.6 4.3-1.4 1-1 1.6-2.3 1.7-4.6-2.7.1-4 1-4.9 2z",key:"bkxnd2"}]]);const ut=$("tag",[["path",{d:"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",key:"vktsd0"}],["circle",{cx:"7.5",cy:"7.5",r:".5",fill:"currentColor",key:"kqv944"}]]),pt={class:"endpoint-detail"},_t={key:0,class:"endpoint-detail__empty"},ht={key:1,class:"endpoint-detail__content"},yt={class:"endpoint-detail__header"},mt={class:"endpoint-detail__path font-mono"},gt={class:"endpoint-detail__status"},vt={key:0,class:"endpoint-detail__status-item endpoint-detail__status-item--handler"},ft={key:1,class:"endpoint-detail__status-item endpoint-detail__status-item--seed"},kt={key:2,class:"endpoint-detail__status-item endpoint-detail__status-item--security"},bt={key:3,class:"endpoint-detail__status-item endpoint-detail__status-item--auto"},$t={class:"endpoint-detail__sections"},St={class:"endpoint-detail__section"},Ct={class:"endpoint-detail__section-content font-mono"},zt={key:0,class:"endpoint-detail__section"},xt={class:"endpoint-detail__section-title"},Mt={class:"endpoint-detail__tags"},Ht={key:1,class:"endpoint-detail__section"},Ft={class:"endpoint-detail__section-content"},Et={key:2,class:"endpoint-detail__section"},Rt={class:"endpoint-detail__section-content endpoint-detail__description"},wt={key:3,class:"endpoint-detail__section"},It={class:"endpoint-detail__section-title"},Dt={class:"endpoint-detail__section-content font-mono"},Lt={key:4,class:"endpoint-detail__section"},Nt={class:"endpoint-detail__section-title"},At={class:"endpoint-detail__security"},Tt={class:"endpoint-detail__security-name font-mono"},Vt={class:"endpoint-detail__security-scopes text-muted"},jt=E({__name:"EndpointDetail",props:{endpoint:{}},setup(d){const s=d,k=H(()=>s.endpoint?.security&&s.endpoint.security.length>0),m=H(()=>s.endpoint?.security?s.endpoint.security.map(y=>({name:y.name,scopes:y.scopes.length>0?y.scopes.join(", "):"No scopes"})):[]);return(y,i)=>(n(),o("div",pt,[d.endpoint?(n(),o("div",ht,[t("header",yt,[t("span",{class:f(["method-badge","method-badge--large",`method-badge--${d.endpoint.method}`])},c(e(q)(d.endpoint.method)),3),t("h2",mt,c(d.endpoint.path),1)]),t("div",gt,[d.endpoint.hasHandler?(n(),o("div",vt,[l(e(R),{size:14}),i[2]\|\|(i[2]=t("span",null,"Has custom handler",-1))])):u("",!0),d.endpoint.hasSeed?(n(),o("div",ft,[l(e(w),{size:14}),i[3]\|\|(i[3]=t("span",null,"Has seed data",-1))])):u("",!0),k.value?(n(),o("div",kt,[l(e(rt),{size:14}),i[4]\|\|(i[4]=t("span",null,"Requires authentication",-1))])):u("",!0),!d.endpoint.hasHandler&&!d.endpoint.hasSeed?(n(),o("div",bt,[l(e(M),{size:14}),i[5]\|\|(i[5]=t("span",null,"Auto-generated response",-1))])):u("",!0)]),t("div",$t,[t("section",St,[i[6]\|\|(i[6]=t("h3",{class:"endpoint-detail__section-title"},"Operation",-1)),t("p",Ct,c(d.endpoint.operationId),1)]),d.endpoint.tags.length>0?(n(),o("section",zt,[t("h3",xt,[l(e(ut),{size:14}),i[7]\|\|(i[7]=x(" Tags ",-1))]),t("div",Mt,[(n(!0),o(b,null,C(d.endpoint.tags,_=>(n(),o("span",{key:_,class:"endpoint-detail__tag"},c(_),1))),128))])])):u("",!0),d.endpoint.summary?(n(),o("section",Ht,[i[8]\|\|(i[8]=t("h3",{class:"endpoint-detail__section-title"},"Summary",-1)),t("p",Ft,c(d.endpoint.summary),1)])):u("",!0),d.endpoint.description?(n(),o("section",Et,[i[9]\|\|(i[9]=t("h3",{class:"endpoint-detail__section-title"},"Description",-1)),t("p",Rt,c(d.endpoint.description),1)])):u("",!0),d.endpoint.responseSchema?(n(),o("section",wt,[t("h3",It,[l(e(M),{size:14}),i[10]\|\|(i[10]=x(" Response Schema ",-1))]),t("p",Dt,c(d.endpoint.responseSchema),1)])):u("",!0),k.value?(n(),o("section",Lt,[t("h3",Nt,[l(e(ct),{size:14}),i[11]\|\|(i[11]=x(" Security ",-1))]),t("div",At,[(n(!0),o(b,null,C(m.value,_=>(n(),o("div",{key:_.name,class:"endpoint-detail__security-item"},[t("span",Tt,c(_.name),1),t("span",Vt,c(_.scopes),1)]))),128))])])):u("",!0)])])):(n(),o("div",_t,[l(e(M),{size:48,class:"endpoint-detail__empty-icon"}),i[0]\|\|(i[0]=t("h3",{class:"endpoint-detail__empty-title"},"No endpoint selected",-1)),i[1]\|\|(i[1]=t("p",{class:"endpoint-detail__empty-text text-muted"}," Select an endpoint from the list to view its details ",-1))]))]))}}),qt=F(jt,[["__scopeId","data-v-c66a0f52"]]),Bt={class:"endpoint-list"},Gt={key:0,class:"endpoint-list__empty"},Pt={key:1,class:"endpoint-list__groups"},Qt=["aria-expanded","aria-controls","onClick"],Kt={class:"endpoint-group__tag"},Ut={class:"endpoint-group__count text-muted"},Ot=["id","aria-label"],Jt=["aria-selected","onClick"],Wt={class:"endpoint-item__path font-mono"},Xt={class:"endpoint-item__indicators"},Zt={key:0,class:"endpoint-item__indicator endpoint-item__indicator--handler",title:"Has custom handler"},Yt={key:1,class:"endpoint-item__indicator endpoint-item__indicator--seed",title:"Has seed data"},te=E({__name:"EndpointList",props:{groups:{},selectedKey:{}},emits:["select","toggle-group"],setup(d,{emit:s}){const k=d,m=s;function y(g){m("select",g.key)}function i(g){m("toggle-group",g)}function _(g){return k.selectedKey===g.key}return(g,v)=>(n(),o("div",Bt,[d.groups.length===0?(n(),o("div",Gt,[...v[0]\|\|(v[0]=[t("p",{class:"text-muted"},"No endpoints found",-1)])])):(n(),o("div",Pt,[(n(!0),o(b,null,C(d.groups,p=>(n(),o("div",{key:p.tag,class:"endpoint-group"},[t("button",{type:"button",class:"endpoint-group__header","aria-expanded":p.isExpanded,"aria-controls":`group-${p.tag}`,onClick:h=>i(p.tag)},[(n(),G(P(p.isExpanded?e(B):e(Z)),{size:16,class:"endpoint-group__chevron"})),t("span",Kt,c(p.tag),1),t("span",Ut," ("+c(p.endpoints.length)+") ",1)],8,Qt),st(t("div",{id:`group-${p.tag}`,class:"endpoint-group__items",role:"group","aria-label":`${p.tag} endpoints`},[(n(!0),o(b,null,C(p.endpoints,h=>(n(),o("button",{key:h.key,type:"button",class:f(["endpoint-item",{"endpoint-item--selected":_(h)}]),"aria-selected":_(h),onClick:I=>y(h)},[t("span",{class:f(["method-badge",`method-badge--${h.method}`])},c(e(q)(h.method)),3),t("span",Wt,c(h.path),1),t("div",Xt,[h.hasHandler?(n(),o("span",Zt,[l(e(R),{size:12})])):u("",!0),h.hasSeed?(n(),o("span",Yt,[l(e(w),{size:12})])):u("",!0)])],10,Jt))),128))],8,Ot),[[nt,p.isExpanded]])]))),128))]))]))}}),ee=F(te,[["__scopeId","data-v-554ffe63"]]),se={class:"routes-page"},ne={class:"routes-toolbar"},oe={class:"routes-search"},ie=["value"],ae=["aria-expanded"],de={key:0,class:"routes-filter-toggle__badge"},le={class:"routes-stats"},re={class:"routes-stats__item"},ce={class:"routes-stats__item"},ue={key:0,class:"routes-filters"},pe={class:"routes-filters__section"},_e={class:"routes-filters__methods"},he=["onClick"],ye={class:"routes-filters__section"},me={class:"routes-filters__status"},ge={key:0,class:"routes-filters__actions"},ve={class:"routes-content"},fe={key:0,class:"routes-loading"},ke={key:1,class:"routes-error"},be={class:"routes-error__message"},$e={key:2,class:"routes-empty empty-state"},Se={key:3,class:"routes-empty empty-state"},Ce={class:"routes-list-panel"},ze={class:"routes-detail-panel"},xe=E({__name:"RoutesPage",setup(d){const s=lt(),{send:k,on:m,connected:y}=dt(),i=V(!1),_=V(null),g=["get","post","put","patch","delete","options","head","trace"];function v(){y.value&&(s.setLoading(!0),k({type:"get:registry"}))}function p(r){s.setRegistryData(r),s.setLoading(!1)}function h(r){s.selectEndpoint(r)}function I(r){s.toggleGroup(r)}function Q(r){const a=r.target;s.setSearchQuery(a.value)}function K(){s.setSearchQuery(""),_.value?.focus()}function U(r){s.toggleMethodFilter(r)}function O(r){return s.filter.methods.includes(r)}function J(){const r=s.filter.hasHandler;s.setHandlerFilter(r===!0?null:!0)}function W(){const r=s.filter.hasSeed;s.setSeedFilter(r===!0?null:!0)}function D(){s.clearFilters()}function X(){i.value=!i.value}const z=H(()=>s.hasActiveFilters());let L=null,N=null,A=null;return ot(()=>{L=m("registry",p),N=m("handlers:updated",()=>v()),A=m("seeds:updated",()=>v()),y.value&&v()}),it(()=>{L?.(),N?.(),A?.()}),at(y,r=>{r&&v()}),(r,a)=>(n(),o("div",se,[t("div",ne,[t("div",oe,[l(e(T),{size:16,class:"routes-search__icon"}),t("input",{ref_key:"searchInputRef",ref:_,type:"text",class:"routes-search__input input",placeholder:"Search endpoints...",value:e(s).searchQuery,onInput:Q},null,40,ie),e(s).searchQuery?(n(),o("button",{key:0,type:"button",class:"routes-search__clear btn btn--ghost btn--icon",title:"Clear search",onClick:K},[l(e(j),{size:14})])):u("",!0)]),t("button",{type:"button",class:f(["routes-filter-toggle btn btn--secondary",{"routes-filter-toggle--active":z.value}]),"aria-expanded":i.value,onClick:X},[l(e(Y),{size:16}),a[0]\|\|(a[0]=t("span",null,"Filters",-1)),z.value?(n(),o("span",de,c(e(s).filter.methods.length+(e(s).filter.hasHandler?1:0)+(e(s).filter.hasSeed?1:0)),1)):u("",!0),(n(),G(P(i.value?e(tt):e(B)),{size:14}))],10,ae),t("div",le,[t("span",re,c(e(s).filteredEndpoints.length)+" endpoints ",1),a[1]\|\|(a[1]=t("span",{class:"routes-stats__separator"},"\|",-1)),t("span",ce,c(e(s).allTags.length)+" tags ",1)])]),i.value?(n(),o("div",ue,[t("div",pe,[a[2]\|\|(a[2]=t("h4",{class:"routes-filters__title"},"Methods",-1)),t("div",_e,[(n(),o(b,null,C(g,S=>t("button",{key:S,type:"button",class:f(["method-badge",`method-badge--${S}`,{"method-badge--inactive":!O(S)&&e(s).filter.methods.length>0}]),onClick:Me=>U(S)},c(S.toUpperCase()),11,he)),64))])]),t("div",ye,[a[5]\|\|(a[5]=t("h4",{class:"routes-filters__title"},"Status",-1)),t("div",me,[t("button",{type:"button",class:f(["routes-filters__status-btn",{"routes-filters__status-btn--active":e(s).filter.hasHandler}]),onClick:J},[l(e(R),{size:14}),a[3]\|\|(a[3]=t("span",null,"Has Handler",-1))],2),t("button",{type:"button",class:f(["routes-filters__status-btn",{"routes-filters__status-btn--active":e(s).filter.hasSeed}]),onClick:W},[l(e(w),{size:14}),a[4]\|\|(a[4]=t("span",null,"Has Seed",-1))],2)])]),z.value?(n(),o("div",ge,[t("button",{type:"button",class:"btn btn--ghost",onClick:D},[l(e(j),{size:14}),a[6]\|\|(a[6]=x(" Clear all filters ",-1))])])):u("",!0)])):u("",!0),t("div",ve,[e(s).isLoading?(n(),o("div",fe,[...a[7]\|\|(a[7]=[t("div",{class:"routes-loading__spinner"},null,-1),t("span",{class:"text-muted"},"Loading endpoints...",-1)])])):e(s).error?(n(),o("div",ke,[t("p",be,c(e(s).error),1),t("button",{type:"button",class:"btn btn--primary",onClick:v}," Retry ")])):e(s).endpoints.length===0?(n(),o("div",$e,[l(e(et),{size:48,class:"empty-state__icon"}),a[8]\|\|(a[8]=t("h3",{class:"empty-state__title"},"No endpoints found",-1)),a[9]\|\|(a[9]=t("p",{class:"empty-state__description"}," No API endpoints are available. Make sure your OpenAPI spec is loaded. ",-1))])):e(s).filteredEndpoints.length===0?(n(),o("div",Se,[l(e(T),{size:48,class:"empty-state__icon"}),a[10]\|\|(a[10]=t("h3",{class:"empty-state__title"},"No matching endpoints",-1)),a[11]\|\|(a[11]=t("p",{class:"empty-state__description"}," Try adjusting your search or filters. ",-1)),z.value?(n(),o("button",{key:0,type:"button",class:"btn btn--secondary",onClick:D}," Clear filters ")):u("",!0)])):(n(),o(b,{key:4},[t("div",Ce,[l(ee,{groups:e(s).groupedEndpoints,"selected-key":e(s).selectedEndpointKey,onSelect:h,onToggleGroup:I},null,8,["groups","selected-key"])]),t("div",ze,[l(qt,{endpoint:e(s).selectedEndpoint},null,8,["endpoint"])])],64))])]))}}),De=F(xe,[["__scopeId","data-v-bdd419e3"]]);export{De as default};
2	+ //# sourceMappingURL=RoutesPage-Bhnu6w5-.js.map

package/dist/spa/assets/RoutesPage-Bhnu6w5-.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RoutesPage-Bhnu6w5-.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/code.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/file-json.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/lock.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/shield.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/sprout.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/tag.js","../../../src/components/EndpointDetail.vue","../../../src/components/EndpointList.vue","../../../src/pages/RoutesPage.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 Code = createLucideIcon(\"code\", [\n [\"path\", { d: \"m16 18 6-6-6-6\", key: \"eg8j8\" }],\n [\"path\", { d: \"m8 6-6 6 6 6\", key: \"ppft3o\" }]\n]);\n\nexport { Code as default };\n//# sourceMappingURL=code.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 FileJson = createLucideIcon(\"file-json\", [\n [\"path\", { d: \"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\", key: \"1rqfz7\" }],\n [\"path\", { d: \"M14 2v4a2 2 0 0 0 2 2h4\", key: \"tnqrlb\" }],\n [\n \"path\",\n { d: \"M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1\", key: \"1oajmo\" }\n ],\n [\n \"path\",\n { d: \"M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1\", key: \"mpwhp6\" }\n ]\n]);\n\nexport { FileJson as default };\n//# sourceMappingURL=file-json.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 Lock = createLucideIcon(\"lock\", [\n [\"rect\", { width: \"18\", height: \"11\", x: \"3\", y: \"11\", rx: \"2\", ry: \"2\", key: \"1w4ew1\" }],\n [\"path\", { d: \"M7 11V7a5 5 0 0 1 10 0v4\", key: \"fwvmzm\" }]\n]);\n\nexport { Lock as default };\n//# sourceMappingURL=lock.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 Shield = createLucideIcon(\"shield\", [\n [\n \"path\",\n {\n d: \"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\",\n key: \"oel41y\"\n }\n ]\n]);\n\nexport { Shield as default };\n//# sourceMappingURL=shield.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 Sprout = createLucideIcon(\"sprout\", [\n [\"path\", { d: \"M7 20h10\", key: \"e6iznv\" }],\n [\"path\", { d: \"M10 20c5.5-2.5.8-6.4 3-10\", key: \"161w41\" }],\n [\n \"path\",\n {\n d: \"M9.5 9.4c1.1.8 1.8 2.2 2.3 3.7-2 .4-3.5.4-4.8-.3-1.2-.6-2.3-1.9-3-4.2 2.8-.5 4.4 0 5.5.8z\",\n key: \"9gtqwd\"\n }\n ],\n [\n \"path\",\n {\n d: \"M14.1 6a7 7 0 0 0-1.1 4c1.9-.1 3.3-.6 4.3-1.4 1-1 1.6-2.3 1.7-4.6-2.7.1-4 1-4.9 2z\",\n key: \"bkxnd2\"\n }\n ]\n]);\n\nexport { Sprout as default };\n//# sourceMappingURL=sprout.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 Tag = createLucideIcon(\"tag\", [\n [\n \"path\",\n {\n d: \"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z\",\n key: \"vktsd0\"\n }\n ],\n [\"circle\", { cx: \"7.5\", cy: \"7.5\", r: \".5\", fill: \"currentColor\", key: \"kqv944\" }]\n]);\n\nexport { Tag as default };\n//# sourceMappingURL=tag.js.map\n","\n\n<script setup lang=\"ts\">\nimport { Code, FileJson, Lock, Shield, Sprout, Tag } from 'lucide-vue-next';\nimport { computed } from 'vue';\n\nimport type { EndpointEntry } from '@/stores/registry';\nimport { getMethodLabel } from '@/utils/format';\n\n/**\n * Component props\n */\ninterface Props {\n /** Endpoint to display details for */\n endpoint: EndpointEntry | null;\n}\n\nconst props = defineProps<Props>();\n\n/**\n * Check if endpoint has security requirements\n */\nconst hasSecurity = computed(() => {\n return props.endpoint?.security && props.endpoint.security.length > 0;\n});\n\n/**\n * Format security requirements for display\n */\nconst securityDisplay = computed(() => {\n if (!props.endpoint?.security) return [];\n return props.endpoint.security.map((sec) => ({\n name: sec.name,\n scopes: sec.scopes.length > 0 ? sec.scopes.join(', ') : 'No scopes',\n }));\n});\n</script>\n\n<template>\n <div class=\"endpoint-detail\">\n \n <div v-if=\"!endpoint\" class=\"endpoint-detail__empty\">\n <FileJson :size=\"48\" class=\"endpoint-detail__empty-icon\" />\n <h3 class=\"endpoint-detail__empty-title\">No endpoint selected</h3>\n <p class=\"endpoint-detail__empty-text text-muted\">\n Select an endpoint from the list to view its details\n </p>\n </div>\n\n \n <div v-else class=\"endpoint-detail__content\">\n \n <header class=\"endpoint-detail__header\">\n <span\n :class=\"[\n 'method-badge',\n 'method-badge--large',\n `method-badge--${endpoint.method}`\n ]\"\n >\n {{ getMethodLabel(endpoint.method) }}\n </span>\n <h2 class=\"endpoint-detail__path font-mono\">\n {{ endpoint.path }}\n </h2>\n </header>\n\n \n <div class=\"endpoint-detail__status\">\n <div\n v-if=\"endpoint.hasHandler\"\n class=\"endpoint-detail__status-item endpoint-detail__status-item--handler\"\n >\n <Code :size=\"14\" />\n <span>Has custom handler</span>\n </div>\n <div\n v-if=\"endpoint.hasSeed\"\n class=\"endpoint-detail__status-item endpoint-detail__status-item--seed\"\n >\n <Sprout :size=\"14\" />\n <span>Has seed data</span>\n </div>\n <div\n v-if=\"hasSecurity\"\n class=\"endpoint-detail__status-item endpoint-detail__status-item--security\"\n >\n <Lock :size=\"14\" />\n <span>Requires authentication</span>\n </div>\n <div\n v-if=\"!endpoint.hasHandler && !endpoint.hasSeed\"\n class=\"endpoint-detail__status-item endpoint-detail__status-item--auto\"\n >\n <FileJson :size=\"14\" />\n <span>Auto-generated response</span>\n </div>\n </div>\n\n \n <div class=\"endpoint-detail__sections\">\n \n <section class=\"endpoint-detail__section\">\n <h3 class=\"endpoint-detail__section-title\">Operation</h3>\n <p class=\"endpoint-detail__section-content font-mono\">\n {{ endpoint.operationId }}\n </p>\n </section>\n\n \n <section v-if=\"endpoint.tags.length > 0\" class=\"endpoint-detail__section\">\n <h3 class=\"endpoint-detail__section-title\">\n <Tag :size=\"14\" />\n Tags\n </h3>\n <div class=\"endpoint-detail__tags\">\n <span\n v-for=\"tag in endpoint.tags\"\n :key=\"tag\"\n class=\"endpoint-detail__tag\"\n >\n {{ tag }}\n </span>\n </div>\n </section>\n\n \n <section v-if=\"endpoint.summary\" class=\"endpoint-detail__section\">\n <h3 class=\"endpoint-detail__section-title\">Summary</h3>\n <p class=\"endpoint-detail__section-content\">\n {{ endpoint.summary }}\n </p>\n </section>\n\n \n <section v-if=\"endpoint.description\" class=\"endpoint-detail__section\">\n <h3 class=\"endpoint-detail__section-title\">Description</h3>\n <p class=\"endpoint-detail__section-content endpoint-detail__description\">\n {{ endpoint.description }}\n </p>\n </section>\n\n \n <section v-if=\"endpoint.responseSchema\" class=\"endpoint-detail__section\">\n <h3 class=\"endpoint-detail__section-title\">\n <FileJson :size=\"14\" />\n Response Schema\n </h3>\n <p class=\"endpoint-detail__section-content font-mono\">\n {{ endpoint.responseSchema }}\n </p>\n </section>\n\n \n <section v-if=\"hasSecurity\" class=\"endpoint-detail__section\">\n <h3 class=\"endpoint-detail__section-title\">\n <Shield :size=\"14\" />\n Security\n </h3>\n <div class=\"endpoint-detail__security\">\n <div\n v-for=\"sec in securityDisplay\"\n :key=\"sec.name\"\n class=\"endpoint-detail__security-item\"\n >\n <span class=\"endpoint-detail__security-name font-mono\">\n {{ sec.name }}\n </span>\n <span class=\"endpoint-detail__security-scopes text-muted\">\n {{ sec.scopes }}\n </span>\n </div>\n </div>\n </section>\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.endpoint-detail {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden;\n}\n\n/* Empty state */\n.endpoint-detail__empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: var(--devtools-space-xl);\n text-align: center;\n}\n\n.endpoint-detail__empty-icon {\n color: var(--devtools-text-muted);\n opacity: 0.5;\n margin-bottom: var(--devtools-space-md);\n}\n\n.endpoint-detail__empty-title {\n font-size: var(--font-size-2);\n font-weight: var(--font-weight-5);\n color: var(--devtools-text);\n margin: 0 0 var(--devtools-space-sm);\n}\n\n.endpoint-detail__empty-text {\n font-size: var(--font-size-1);\n margin: 0;\n}\n\n/* Content */\n.endpoint-detail__content {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow-y: auto;\n padding: var(--devtools-space-md);\n}\n\n/* Header */\n.endpoint-detail__header {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-md);\n margin-bottom: var(--devtools-space-md);\n padding-bottom: var(--devtools-space-md);\n border-bottom: 1px solid var(--devtools-border);\n}\n\n.endpoint-detail__path {\n font-size: var(--font-size-2);\n font-weight: var(--font-weight-5);\n color: var(--devtools-text);\n margin: 0;\n word-break: break-all;\n}\n\n/* Large method badge */\n.method-badge--large {\n font-size: var(--font-size-0);\n padding: var(--devtools-space-sm) var(--devtools-space-md);\n min-width: 70px;\n}\n\n/* Status indicators */\n.endpoint-detail__status {\n display: flex;\n flex-wrap: wrap;\n gap: var(--devtools-space-sm);\n margin-bottom: var(--devtools-space-md);\n}\n\n.endpoint-detail__status-item {\n display: inline-flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n padding: var(--devtools-space-xs) var(--devtools-space-sm);\n border-radius: var(--devtools-radius-sm);\n font-size: var(--font-size-0);\n font-weight: var(--font-weight-5);\n}\n\n.endpoint-detail__status-item--handler {\n background-color: color-mix(in srgb, var(--devtools-info) 15%, transparent);\n color: var(--devtools-info);\n}\n\n.endpoint-detail__status-item--seed {\n background-color: color-mix(in srgb, var(--devtools-success) 15%, transparent);\n color: var(--devtools-success);\n}\n\n.endpoint-detail__status-item--security {\n background-color: color-mix(in srgb, var(--devtools-warning) 15%, transparent);\n color: var(--devtools-warning);\n}\n\n.endpoint-detail__status-item--auto {\n background-color: color-mix(in srgb, var(--devtools-text-muted) 15%, transparent);\n color: var(--devtools-text-muted);\n}\n\n/* Sections */\n.endpoint-detail__sections {\n display: flex;\n flex-direction: column;\n gap: var(--devtools-space-md);\n}\n\n.endpoint-detail__section {\n display: flex;\n flex-direction: column;\n gap: var(--devtools-space-xs);\n}\n\n.endpoint-detail__section-title {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n font-size: var(--font-size-0);\n font-weight: var(--font-weight-6);\n color: var(--devtools-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin: 0;\n}\n\n.endpoint-detail__section-content {\n font-size: var(--font-size-1);\n color: var(--devtools-text);\n margin: 0;\n line-height: var(--font-lineheight-3);\n}\n\n.endpoint-detail__description {\n white-space: pre-wrap;\n}\n\n/* Tags */\n.endpoint-detail__tags {\n display: flex;\n flex-wrap: wrap;\n gap: var(--devtools-space-xs);\n}\n\n.endpoint-detail__tag {\n display: inline-flex;\n align-items: center;\n padding: var(--devtools-space-xs) var(--devtools-space-sm);\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);\n}\n\n/* Security */\n.endpoint-detail__security {\n display: flex;\n flex-direction: column;\n gap: var(--devtools-space-xs);\n}\n\n.endpoint-detail__security-item {\n display: flex;\n flex-direction: column;\n gap: 2px;\n padding: var(--devtools-space-sm);\n background-color: var(--devtools-surface-elevated);\n border-radius: var(--devtools-radius-sm);\n}\n\n.endpoint-detail__security-name {\n font-size: var(--font-size-1);\n font-weight: var(--font-weight-5);\n}\n\n.endpoint-detail__security-scopes {\n font-size: var(--font-size-0);\n}\n</style>\n","\n\n<script setup lang=\"ts\">\nimport { ChevronDown, ChevronRight, Code, Sprout } from 'lucide-vue-next';\n\nimport type { EndpointEntry, EndpointGroup } from '@/stores/registry';\nimport { getMethodLabel } from '@/utils/format';\n\n/**\n * Component props\n */\ninterface Props {\n /** Grouped endpoints to display */\n groups: EndpointGroup[];\n /** Currently selected endpoint key */\n selectedKey: string | null;\n}\n\nconst props = defineProps<Props>();\n\n/**\n * Component events\n */\nconst emit = defineEmits<{\n /** Emitted when an endpoint is selected */\n (e: 'select', key: string): void;\n /** Emitted when a group is toggled */\n (e: 'toggle-group', tag: string): void;\n}>();\n\n/**\n * Handle endpoint click\n */\nfunction handleEndpointClick(endpoint: EndpointEntry): void {\n emit('select', endpoint.key);\n}\n\n/**\n * Handle group toggle\n */\nfunction handleGroupToggle(tag: string): void {\n emit('toggle-group', tag);\n}\n\n/**\n * Check if endpoint is selected\n */\nfunction isSelected(endpoint: EndpointEntry): boolean {\n return props.selectedKey === endpoint.key;\n}\n</script>\n\n<template>\n <div class=\"endpoint-list\">\n \n <div v-if=\"groups.length === 0\" class=\"endpoint-list__empty\">\n <p class=\"text-muted\">No endpoints found</p>\n </div>\n\n \n <div v-else class=\"endpoint-list__groups\">\n <div\n v-for=\"group in groups\"\n :key=\"group.tag\"\n class=\"endpoint-group\"\n >\n \n <button\n type=\"button\"\n class=\"endpoint-group__header\"\n :aria-expanded=\"group.isExpanded\"\n :aria-controls=\"`group-${group.tag}`\"\n @click=\"handleGroupToggle(group.tag)\"\n >\n <component\n :is=\"group.isExpanded ? ChevronDown : ChevronRight\"\n :size=\"16\"\n class=\"endpoint-group__chevron\"\n />\n <span class=\"endpoint-group__tag\">{{ group.tag }}</span>\n <span class=\"endpoint-group__count text-muted\">\n ({{ group.endpoints.length }})\n </span>\n </button>\n\n \n <div\n v-show=\"group.isExpanded\"\n :id=\"`group-${group.tag}`\"\n class=\"endpoint-group__items\"\n role=\"group\"\n :aria-label=\"`${group.tag} endpoints`\"\n >\n <button\n v-for=\"endpoint in group.endpoints\"\n :key=\"endpoint.key\"\n type=\"button\"\n :class=\"[\n 'endpoint-item',\n { 'endpoint-item--selected': isSelected(endpoint) }\n ]\"\n :aria-selected=\"isSelected(endpoint)\"\n @click=\"handleEndpointClick(endpoint)\"\n >\n \n <span\n :class=\"[\n 'method-badge',\n `method-badge--${endpoint.method}`\n ]\"\n >\n {{ getMethodLabel(endpoint.method) }}\n </span>\n\n \n <span class=\"endpoint-item__path font-mono\">\n {{ endpoint.path }}\n </span>\n\n \n <div class=\"endpoint-item__indicators\">\n <span\n v-if=\"endpoint.hasHandler\"\n class=\"endpoint-item__indicator endpoint-item__indicator--handler\"\n title=\"Has custom handler\"\n >\n <Code :size=\"12\" />\n </span>\n <span\n v-if=\"endpoint.hasSeed\"\n class=\"endpoint-item__indicator endpoint-item__indicator--seed\"\n title=\"Has seed data\"\n >\n <Sprout :size=\"12\" />\n </span>\n </div>\n </button>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.endpoint-list {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden;\n}\n\n.endpoint-list__empty {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--devtools-space-lg);\n}\n\n.endpoint-list__groups {\n flex: 1;\n overflow-y: auto;\n padding: var(--devtools-space-xs);\n}\n\n/* Group styles */\n.endpoint-group {\n margin-bottom: var(--devtools-space-xs);\n}\n\n.endpoint-group__header {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n width: 100%;\n padding: var(--devtools-space-sm) var(--devtools-space-sm);\n background: none;\n border: none;\n border-radius: var(--devtools-radius-sm);\n font-family: var(--devtools-font-sans);\n font-size: var(--font-size-1);\n font-weight: var(--font-weight-5);\n color: var(--devtools-text);\n text-align: left;\n cursor: pointer;\n transition: background-color var(--devtools-transition-fast);\n}\n\n.endpoint-group__header:hover {\n background-color: var(--devtools-surface-elevated);\n}\n\n.endpoint-group__header:focus {\n outline: none;\n}\n\n.endpoint-group__header:focus-visible {\n outline: 2px solid var(--devtools-primary);\n outline-offset: -2px;\n}\n\n.endpoint-group__chevron {\n flex-shrink: 0;\n color: var(--devtools-text-muted);\n}\n\n.endpoint-group__tag {\n flex: 1;\n text-transform: capitalize;\n}\n\n.endpoint-group__count {\n font-size: var(--font-size-0);\n font-weight: var(--font-weight-4);\n}\n\n.endpoint-group__items {\n padding-left: var(--devtools-space-md);\n}\n\n/* Endpoint item styles */\n.endpoint-item {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-sm);\n width: 100%;\n padding: var(--devtools-space-xs) var(--devtools-space-sm);\n background: none;\n border: none;\n border-radius: var(--devtools-radius-sm);\n font-family: var(--devtools-font-sans);\n text-align: left;\n cursor: pointer;\n transition: background-color var(--devtools-transition-fast);\n}\n\n.endpoint-item:hover {\n background-color: var(--devtools-surface-elevated);\n}\n\n.endpoint-item:focus {\n outline: none;\n}\n\n.endpoint-item:focus-visible {\n outline: 2px solid var(--devtools-primary);\n outline-offset: -2px;\n}\n\n.endpoint-item--selected {\n background-color: color-mix(in srgb, var(--devtools-primary) 15%, transparent);\n}\n\n.endpoint-item--selected:hover {\n background-color: color-mix(in srgb, var(--devtools-primary) 20%, transparent);\n}\n\n.endpoint-item__path {\n flex: 1;\n font-size: var(--font-size-0);\n color: var(--devtools-text);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.endpoint-item__indicators {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n}\n\n.endpoint-item__indicator {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 18px;\n height: 18px;\n border-radius: var(--devtools-radius-sm);\n}\n\n.endpoint-item__indicator--handler {\n background-color: color-mix(in srgb, var(--devtools-info) 15%, transparent);\n color: var(--devtools-info);\n}\n\n.endpoint-item__indicator--seed {\n background-color: color-mix(in srgb, var(--devtools-success) 15%, transparent);\n color: var(--devtools-success);\n}\n</style>\n","\n\n<script setup lang=\"ts\">\nimport { ChevronDown, ChevronUp, Code, Filter, Route, Search, Sprout, X } from 'lucide-vue-next';\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue';\n\nimport EndpointDetail from '@/components/EndpointDetail.vue';\nimport EndpointList from '@/components/EndpointList.vue';\nimport { useWebSocket } from '@/composables/useWebSocket';\nimport { type HttpMethod, type RegistryData, useRegistryStore } from '@/stores/registry';\n\n// Store and WebSocket\nconst registryStore = useRegistryStore();\nconst { send, on, connected } = useWebSocket();\n\n// Local UI state\nconst showFilters = ref(false);\nconst searchInputRef = ref<HTMLInputElement | null>(null);\n\n// HTTP methods for filter (matches HttpMethod type from registry store)\nconst httpMethods: HttpMethod[] = [\n 'get',\n 'post',\n 'put',\n 'patch',\n 'delete',\n 'options',\n 'head',\n 'trace',\n];\n\n/**\n * Fetch registry data when connected\n */\nfunction fetchRegistry(): void {\n if (connected.value) {\n registryStore.setLoading(true);\n send({ type: 'get:registry' });\n }\n}\n\n/**\n * Handle registry data from server\n */\nfunction handleRegistryData(data: RegistryData): void {\n registryStore.setRegistryData(data);\n registryStore.setLoading(false);\n}\n\n/**\n * Handle endpoint selection\n */\nfunction handleSelectEndpoint(key: string): void {\n registryStore.selectEndpoint(key);\n}\n\n/**\n * Handle group toggle\n */\nfunction handleToggleGroup(tag: string): void {\n registryStore.toggleGroup(tag);\n}\n\n/**\n * Handle search input\n */\nfunction handleSearchInput(event: Event): void {\n const target = event.target as HTMLInputElement;\n registryStore.setSearchQuery(target.value);\n}\n\n/**\n * Clear search\n */\nfunction clearSearch(): void {\n registryStore.setSearchQuery('');\n searchInputRef.value?.focus();\n}\n\n/**\n * Toggle method filter\n */\nfunction toggleMethod(method: HttpMethod): void {\n registryStore.toggleMethodFilter(method);\n}\n\n/**\n * Check if method is active in filter\n */\nfunction isMethodActive(method: HttpMethod): boolean {\n return registryStore.filter.methods.includes(method);\n}\n\n/**\n * Toggle handler filter\n */\nfunction toggleHandlerFilter(): void {\n const current = registryStore.filter.hasHandler;\n registryStore.setHandlerFilter(current === true ? null : true);\n}\n\n/**\n * Toggle seed filter\n */\nfunction toggleSeedFilter(): void {\n const current = registryStore.filter.hasSeed;\n registryStore.setSeedFilter(current === true ? null : true);\n}\n\n/**\n * Clear all filters\n */\nfunction clearAllFilters(): void {\n registryStore.clearFilters();\n}\n\n/**\n * Toggle filter panel visibility\n */\nfunction toggleFilters(): void {\n showFilters.value = !showFilters.value;\n}\n\n/**\n * Computed: Has active filters\n */\nconst hasActiveFilters = computed(() => registryStore.hasActiveFilters());\n\n// Event cleanup functions for WebSocket subscriptions\nlet unsubRegistry: (() => void) | null = null;\nlet unsubHandlers: (() => void) | null = null;\nlet unsubSeeds: (() => void) | null = null;\n\n// Subscribe to registry events and setup cleanup\nonMounted(() => {\n // Subscribe to WebSocket events (on() returns unsubscribe function)\n unsubRegistry = on<RegistryData>('registry', handleRegistryData);\n unsubHandlers = on('handlers:updated', () => fetchRegistry());\n unsubSeeds = on('seeds:updated', () => fetchRegistry());\n\n // Fetch registry when already connected\n if (connected.value) {\n fetchRegistry();\n }\n});\n\n// Cleanup event subscriptions on unmount to prevent memory leaks\nonUnmounted(() => {\n unsubRegistry?.();\n unsubHandlers?.();\n unsubSeeds?.();\n});\n\n// Re-fetch when connection is established\nwatch(connected, (isConnected) => {\n if (isConnected) {\n fetchRegistry();\n }\n});\n</script>\n\n<template>\n <div class=\"routes-page\">\n \n <div class=\"routes-toolbar\">\n \n <div class=\"routes-search\">\n <Search :size=\"16\" class=\"routes-search__icon\" />\n <input\n ref=\"searchInputRef\"\n type=\"text\"\n class=\"routes-search__input input\"\n placeholder=\"Search endpoints...\"\n :value=\"registryStore.searchQuery\"\n @input=\"handleSearchInput\"\n />\n <button\n v-if=\"registryStore.searchQuery\"\n type=\"button\"\n class=\"routes-search__clear btn btn--ghost btn--icon\"\n title=\"Clear search\"\n @click=\"clearSearch\"\n >\n <X :size=\"14\" />\n </button>\n </div>\n\n \n <button\n type=\"button\"\n :class=\"[\n 'routes-filter-toggle btn btn--secondary',\n { 'routes-filter-toggle--active': hasActiveFilters }\n ]\"\n :aria-expanded=\"showFilters\"\n @click=\"toggleFilters\"\n >\n <Filter :size=\"16\" />\n <span>Filters</span>\n <span v-if=\"hasActiveFilters\" class=\"routes-filter-toggle__badge\">\n {{ registryStore.filter.methods.length +\n (registryStore.filter.hasHandler ? 1 : 0) +\n (registryStore.filter.hasSeed ? 1 : 0) }}\n </span>\n <component :is=\"showFilters ? ChevronUp : ChevronDown\" :size=\"14\" />\n </button>\n\n \n <div class=\"routes-stats\">\n <span class=\"routes-stats__item\">\n {{ registryStore.filteredEndpoints.length }} endpoints\n </span>\n <span class=\"routes-stats__separator\">|</span>\n <span class=\"routes-stats__item\">\n {{ registryStore.allTags.length }} tags\n </span>\n </div>\n </div>\n\n \n <div v-if=\"showFilters\" class=\"routes-filters\">\n \n <div class=\"routes-filters__section\">\n <h4 class=\"routes-filters__title\">Methods</h4>\n <div class=\"routes-filters__methods\">\n <button\n v-for=\"method in httpMethods\"\n :key=\"method\"\n type=\"button\"\n :class=\"[\n 'method-badge',\n `method-badge--${method}`,\n { 'method-badge--inactive': !isMethodActive(method) && registryStore.filter.methods.length > 0 }\n ]\"\n @click=\"toggleMethod(method)\"\n >\n {{ method.toUpperCase() }}\n </button>\n </div>\n </div>\n\n \n <div class=\"routes-filters__section\">\n <h4 class=\"routes-filters__title\">Status</h4>\n <div class=\"routes-filters__status\">\n <button\n type=\"button\"\n :class=\"[\n 'routes-filters__status-btn',\n { 'routes-filters__status-btn--active': registryStore.filter.hasHandler }\n ]\"\n @click=\"toggleHandlerFilter\"\n >\n <Code :size=\"14\" />\n <span>Has Handler</span>\n </button>\n <button\n type=\"button\"\n :class=\"[\n 'routes-filters__status-btn',\n { 'routes-filters__status-btn--active': registryStore.filter.hasSeed }\n ]\"\n @click=\"toggleSeedFilter\"\n >\n <Sprout :size=\"14\" />\n <span>Has Seed</span>\n </button>\n </div>\n </div>\n\n \n <div v-if=\"hasActiveFilters\" class=\"routes-filters__actions\">\n <button\n type=\"button\"\n class=\"btn btn--ghost\"\n @click=\"clearAllFilters\"\n >\n <X :size=\"14\" />\n Clear all filters\n </button>\n </div>\n </div>\n\n \n <div class=\"routes-content\">\n \n <div v-if=\"registryStore.isLoading\" class=\"routes-loading\">\n <div class=\"routes-loading__spinner\" />\n <span class=\"text-muted\">Loading endpoints...</span>\n </div>\n\n \n <div v-else-if=\"registryStore.error\" class=\"routes-error\">\n <p class=\"routes-error__message\">{{ registryStore.error }}</p>\n <button type=\"button\" class=\"btn btn--primary\" @click=\"fetchRegistry\">\n Retry\n </button>\n </div>\n\n \n <div v-else-if=\"registryStore.endpoints.length === 0\" class=\"routes-empty empty-state\">\n <Route :size=\"48\" class=\"empty-state__icon\" />\n <h3 class=\"empty-state__title\">No endpoints found</h3>\n <p class=\"empty-state__description\">\n No API endpoints are available. Make sure your OpenAPI spec is loaded.\n </p>\n </div>\n\n \n <div v-else-if=\"registryStore.filteredEndpoints.length === 0\" class=\"routes-empty empty-state\">\n <Search :size=\"48\" class=\"empty-state__icon\" />\n <h3 class=\"empty-state__title\">No matching endpoints</h3>\n <p class=\"empty-state__description\">\n Try adjusting your search or filters.\n </p>\n <button\n v-if=\"hasActiveFilters\"\n type=\"button\"\n class=\"btn btn--secondary\"\n @click=\"clearAllFilters\"\n >\n Clear filters\n </button>\n </div>\n\n \n <template v-else>\n \n <div class=\"routes-list-panel\">\n <EndpointList\n :groups=\"registryStore.groupedEndpoints\"\n :selected-key=\"registryStore.selectedEndpointKey\"\n @select=\"handleSelectEndpoint\"\n @toggle-group=\"handleToggleGroup\"\n />\n </div>\n\n \n <div class=\"routes-detail-panel\">\n <EndpointDetail :endpoint=\"registryStore.selectedEndpoint\" />\n </div>\n </template>\n </div>\n </div>\n</template>\n\n<style scoped>\n.routes-page {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden;\n}\n\n/* Toolbar */\n.routes-toolbar {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-md);\n padding: var(--devtools-space-md);\n background-color: var(--devtools-surface);\n border-bottom: 1px solid var(--devtools-border);\n}\n\n.routes-search {\n position: relative;\n flex: 1;\n max-width: 400px;\n}\n\n.routes-search__icon {\n position: absolute;\n left: var(--devtools-space-sm);\n top: 50%;\n transform: translateY(-50%);\n color: var(--devtools-text-muted);\n pointer-events: none;\n}\n\n.routes-search__input {\n padding-left: calc(var(--devtools-space-sm) + 24px);\n padding-right: calc(var(--devtools-space-sm) + 24px);\n}\n\n.routes-search__clear {\n position: absolute;\n right: var(--devtools-space-xs);\n top: 50%;\n transform: translateY(-50%);\n padding: var(--devtools-space-xs);\n}\n\n.routes-filter-toggle {\n flex-shrink: 0;\n}\n\n.routes-filter-toggle--active {\n background-color: color-mix(in srgb, var(--devtools-primary) 15%, transparent);\n border-color: var(--devtools-primary);\n color: var(--devtools-primary);\n}\n\n.routes-filter-toggle__badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 18px;\n height: 18px;\n padding: 0 var(--devtools-space-xs);\n background-color: var(--devtools-primary);\n color: var(--devtools-text-inverted);\n border-radius: 9px;\n font-size: var(--font-size-0);\n font-weight: var(--font-weight-6);\n}\n\n.routes-stats {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-sm);\n margin-left: auto;\n font-size: var(--font-size-0);\n color: var(--devtools-text-muted);\n}\n\n.routes-stats__separator {\n opacity: 0.5;\n}\n\n/* Filter panel */\n.routes-filters {\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n gap: var(--devtools-space-lg);\n padding: var(--devtools-space-md);\n background-color: var(--devtools-surface-elevated);\n border-bottom: 1px solid var(--devtools-border);\n}\n\n.routes-filters__section {\n display: flex;\n flex-direction: column;\n gap: var(--devtools-space-sm);\n}\n\n.routes-filters__title {\n font-size: var(--font-size-0);\n font-weight: var(--font-weight-6);\n color: var(--devtools-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin: 0;\n}\n\n.routes-filters__methods {\n display: flex;\n flex-wrap: wrap;\n gap: var(--devtools-space-xs);\n}\n\n.routes-filters__methods .method-badge {\n cursor: pointer;\n transition: all var(--devtools-transition-fast);\n}\n\n.routes-filters__methods .method-badge--inactive {\n opacity: 0.4;\n}\n\n.routes-filters__status {\n display: flex;\n gap: var(--devtools-space-sm);\n}\n\n.routes-filters__status-btn {\n display: inline-flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n padding: var(--devtools-space-xs) var(--devtools-space-sm);\n background-color: var(--devtools-surface);\n border: 1px solid var(--devtools-border);\n border-radius: var(--devtools-radius-sm);\n font-family: var(--devtools-font-sans);\n font-size: var(--font-size-0);\n color: var(--devtools-text-muted);\n cursor: pointer;\n transition: all var(--devtools-transition-fast);\n}\n\n.routes-filters__status-btn:hover {\n background-color: var(--devtools-surface-elevated);\n color: var(--devtools-text);\n}\n\n.routes-filters__status-btn--active {\n background-color: color-mix(in srgb, var(--devtools-primary) 15%, transparent);\n border-color: var(--devtools-primary);\n color: var(--devtools-primary);\n}\n\n.routes-filters__actions {\n display: flex;\n align-items: flex-end;\n margin-left: auto;\n}\n\n/* Main content */\n.routes-content {\n flex: 1;\n display: flex;\n overflow: hidden;\n}\n\n/* Loading state */\n.routes-loading {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n gap: var(--devtools-space-md);\n}\n\n.routes-loading__spinner {\n width: 32px;\n height: 32px;\n border: 3px solid var(--devtools-border);\n border-top-color: var(--devtools-primary);\n border-radius: 50%;\n animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n/* Error state */\n.routes-error {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n gap: var(--devtools-space-md);\n padding: var(--devtools-space-xl);\n}\n\n.routes-error__message {\n color: var(--devtools-error);\n margin: 0;\n}\n\n/* Empty state */\n.routes-empty {\n width: 100%;\n}\n\n/* Split panels */\n.routes-list-panel {\n width: var(--devtools-sidebar-width);\n min-width: 200px;\n max-width: 400px;\n border-right: 1px solid var(--devtools-border);\n background-color: var(--devtools-surface);\n overflow: hidden;\n}\n\n.routes-detail-panel {\n flex: 1;\n overflow: hidden;\n background-color: var(--devtools-bg);\n}\n</style>\n"],"names":["Code","createLucideIcon","FileJson","Lock","Shield","Sprout","Tag","props","__props","hasSecurity","computed","securityDisplay","sec","_openBlock","_createElementBlock","_hoisted_1","_hoisted_3","_createElementVNode","_hoisted_4","_normalizeClass","_unref","getMethodLabel","_hoisted_5","_toDisplayString","_hoisted_6","_hoisted_7","_createVNode","_cache","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_Fragment","_renderList","tag","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_2","emit","__emit","handleEndpointClick","endpoint","handleGroupToggle","isSelected","group","$event","_createBlock","_resolveDynamicComponent","ChevronDown","ChevronRight","_vShow","registryStore","useRegistryStore","send","on","connected","useWebSocket","showFilters","ref","searchInputRef","httpMethods","fetchRegistry","handleRegistryData","data","handleSelectEndpoint","key","handleToggleGroup","handleSearchInput","event","target","clearSearch","toggleMethod","method","isMethodActive","toggleHandlerFilter","current","toggleSeedFilter","clearAllFilters","toggleFilters","hasActiveFilters","unsubRegistry","unsubHandlers","unsubSeeds","onMounted","onUnmounted","watch","isConnected","Search","X","Filter","ChevronUp","Route","EndpointList","EndpointDetail"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}

package/dist/spa/assets/SimulatorPage-B1voZDRi.css ADDED Viewed

@@ -0,0 +1 @@

+ .simulator-page[data-v-e5fd28b0]{display:flex;flex-direction:column;gap:var(--devtools-space-lg);height:100%;padding:var(--devtools-space-md);overflow-y:auto}.simulator-form[data-v-e5fd28b0]{flex-shrink:0}.simulator-form__header[data-v-e5fd28b0]{display:flex;align-items:center;gap:var(--devtools-space-sm);padding-bottom:var(--devtools-space-md);margin-bottom:var(--devtools-space-md);border-bottom:1px solid var(--devtools-border);font-weight:var(--font-weight-6);font-size:var(--font-size-1)}.simulator-form__body[data-v-e5fd28b0]{display:flex;flex-direction:column;gap:var(--devtools-space-md)}.simulator-form__row[data-v-e5fd28b0]{display:flex;flex-direction:column;gap:var(--devtools-space-xs)}.simulator-form__row[data-v-e5fd28b0]:has(.simulator-form__method){flex-direction:row;gap:var(--devtools-space-sm)}.simulator-form__label[data-v-e5fd28b0]{font-size:var(--font-size-0);font-weight:var(--font-weight-5);color:var(--devtools-text)}.simulator-form__method[data-v-e5fd28b0]{width:100px;flex-shrink:0}.simulator-form__path[data-v-e5fd28b0]{flex:1}.simulator-presets[data-v-e5fd28b0]{display:flex;flex-wrap:wrap;gap:var(--devtools-space-xs)}.simulator-preset[data-v-e5fd28b0]{display:inline-flex;align-items:center;gap:var(--devtools-space-xs);padding:var(--devtools-space-xs) var(--devtools-space-sm);background-color:var(--devtools-surface-elevated);border:1px solid var(--devtools-border);border-radius:var(--devtools-radius-sm);font-family:var(--devtools-font-sans);font-size:var(--font-size-0);cursor:pointer;transition:all var(--devtools-transition-fast)}.simulator-preset[data-v-e5fd28b0]:hover{background-color:var(--devtools-border)}.simulator-preset--selected[data-v-e5fd28b0]{border-color:var(--devtools-primary);background-color:color-mix(in srgb,var(--devtools-primary) 15%,transparent)}.simulator-preset--delay[data-v-e5fd28b0]{color:var(--devtools-warning)}.simulator-preset--error[data-v-e5fd28b0]{color:var(--devtools-error)}.simulator-preset--empty[data-v-e5fd28b0]{color:var(--devtools-text-muted)}.simulator-preset__label[data-v-e5fd28b0]{color:var(--devtools-text)}.simulator-active[data-v-e5fd28b0]{flex:1;display:flex;flex-direction:column;min-height:0}.simulator-active__header[data-v-e5fd28b0]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--devtools-space-md)}.simulator-active__title[data-v-e5fd28b0]{font-weight:var(--font-weight-6);font-size:var(--font-size-1)}.simulator-active__list[data-v-e5fd28b0]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--devtools-space-xs)}.simulator-simulation[data-v-e5fd28b0]{display:flex;align-items:center;gap:var(--devtools-space-md);padding:var(--devtools-space-sm) var(--devtools-space-md)}.simulator-simulation__info[data-v-e5fd28b0]{display:flex;align-items:center;gap:var(--devtools-space-sm);flex:1}.simulator-simulation__path[data-v-e5fd28b0]{font-size:var(--font-size-1);color:var(--devtools-text)}.simulator-simulation__preset[data-v-e5fd28b0]{display:flex;align-items:center;gap:var(--devtools-space-xs);font-size:var(--font-size-0);color:var(--devtools-text-muted)}.text-warning[data-v-e5fd28b0]{color:var(--devtools-warning)}.text-error[data-v-e5fd28b0]{color:var(--devtools-error)}.text-muted[data-v-e5fd28b0]{color:var(--devtools-text-muted)}

package/dist/spa/assets/SimulatorPage-ROKoAmUT.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{D as X,g as f,C as y,d as Y,z as ee,A as te,b as d,e as l,f as R,u,s as x,x as D,L as B,F as $,r as U,t as b,M as se,n as q,i as O,j as G,o as r}from"./vue-vendor-CtA47il-.js";import{u as oe}from"./useWebSocket-C2ttWF5T.js";import{u as ae}from"./registry-Z11QUkpV.js";import{c as le,Z as W,C as Z,_ as ne}from"./index-GQ9qRqEi.js";import{T as j}from"./triangle-alert-CAGaIjAo.js";import{T as K}from"./trash-2-CDyKV6GB.js";const ie=le("plus",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]]),V=[{id:"slow-network",label:"Slow Network",description:"3000ms delay (3G simulation)",type:"delay",status:200,delay:3e3},{id:"server-error",label:"Server Error",description:"Returns HTTP 500",type:"error",status:500,body:{error:"Internal Server Error",message:"Simulated server error"}},{id:"rate-limit",label:"Rate Limited",description:"Returns HTTP 429",type:"error",status:429,body:{error:"Too Many Requests",message:"Rate limit exceeded"}},{id:"not-found",label:"Not Found",description:"Returns HTTP 404",type:"error",status:404,body:{error:"Not Found",message:"Resource not found"}},{id:"request-timeout",label:"Request Timeout",description:"30000ms delay (simulates timeout)",type:"delay",status:200,delay:3e4},{id:"empty-response",label:"Empty Response",description:"Returns HTTP 200 with empty body",type:"empty",status:200,body:null},{id:"unauthorized",label:"Unauthorized",description:"Returns HTTP 401",type:"error",status:401,body:{error:"Unauthorized",message:"Authentication required"}}],re=X("simulation",()=>{const i=y(new Map),o=y(new Map),g=y(!1),c=y(null),h=f(()=>Array.from(i.value.values())),_=f(()=>i.value.size),T=f(()=>V),p=f(()=>i.value.size>0),S=f(()=>{const e={delay:[],error:[],empty:[]};for(const n of i.value.values()){const v=N(n);e[v].push(n)}return e});function N(e){const n=e.presetId?V.find(v=>v.id===e.presetId):null;return n?n.type:e.delay&&e.delay>0?"delay":e.body===null?"empty":"error"}function I(e){i.value.clear();for(const n of e)i.value.set(n.path,n);c.value=null}function C(e,n=!1){if(n){const v=i.value.get(e.path)\|\|null;o.value.set(e.path,v)}i.value.set(e.path,e)}function P(e,n=!1){if(n){const v=i.value.get(e)\|\|null;o.value.set(e,v)}return i.value.delete(e)}function E(){i.value.clear()}function F(e){return i.value.get(e)}function k(e){return i.value.has(e)}function M(e){return V.find(n=>n.id===e)}function H(e,n,v){const A=M(n);return A?{path:e,operationId:v,status:A.status,delay:A.delay,body:A.body,presetId:A.id}:(c.value=`Preset not found: ${n}`,null)}function L(e){g.value=e}function w(e){c.value=e,g.value=!1}function z(){c.value=null}function t(e){if(!o.value.has(e))return;const n=o.value.get(e);n==null?i.value.delete(e):i.value.set(e,n),o.value.delete(e)}function a(e){console.log("[Simulation] Added:",e.path)}function s(e){P(e.path),console.log("[Simulation] Removed:",e.path)}function m(e){E(),console.log("[Simulation] Cleared all:",e.count)}function J(e){e.success?(o.value.delete(e.path),console.log("[Simulation] Set successfully:",e.path)):(t(e.path),w(`Failed to set simulation for ${e.path}`)),L(!1)}function Q(e){e.success?(o.value.delete(e.path),console.log("[Simulation] Cleared successfully:",e.path)):(t(e.path),w(`Failed to clear simulation for ${e.path}`)),L(!1)}return{simulations:i,isLoading:g,error:c,activeSimulations:h,count:_,presets:T,hasActiveSimulations:p,simulationsByType:S,setSimulations:I,addSimulationLocal:C,removeSimulationLocal:P,clearSimulationsLocal:E,getSimulation:F,hasSimulation:k,getPreset:M,createSimulationFromPreset:H,setLoading:L,setError:w,clearError:z,rollbackSimulation:t,handleSimulationAdded:a,handleSimulationRemoved:s,handleSimulationsCleared:m,handleSimulationSet:J,handleSimulationCleared:Q}}),ue={class:"simulator-page"},de={class:"simulator-form card"},ce={class:"simulator-form__header"},me={class:"simulator-form__body"},pe={key:0,class:"simulator-form__row"},ve=["value"],fe={class:"simulator-form__row"},ye=["value"],he={class:"simulator-presets"},_e=["title","onClick"],Se={class:"simulator-preset__label"},be=["disabled"],ge={class:"simulator-active"},Te={class:"simulator-active__header"},ke={class:"simulator-active__title"},Ce=["disabled"],Pe={class:"simulator-active__list"},Ee={class:"simulator-simulation__info"},Le={class:"simulator-simulation__path font-mono"},we={class:"simulator-simulation__preset"},Ae={key:0,class:"text-muted"},Re=["disabled","onClick"],Ie={key:0,class:"empty-state"},Me=Y({__name:"SimulatorPage",setup(i){const o=re(),g=ae(),{send:c,on:h}=oe(),_=y(""),T=y("GET"),p=y(null),S=y(null),N=["GET","POST","PUT","PATCH","DELETE","OPTIONS","HEAD"];let I=[];const C=y(new Set),P=f(()=>g.endpoints.map(t=>({key:t.key,label:`${t.method.toUpperCase()} ${t.path}`,method:t.method.toUpperCase(),path:t.path,operationId:t.operationId}))),E=f(()=>{const t=_.value.trim()!=="",a=p.value!==null;return t&&a}),F=f(()=>o.activeSimulations.map(t=>{const a=t.presetId?o.getPreset(t.presetId):null;return{...t,preset:a}})),k=f(()=>o.count);function M(){if(!E.value\|\|!p.value\|\|!o.getPreset(p.value))return;const a=_.value.trim();if(!a.startsWith("/")){o.setError("Path must start with /");return}if(a.length>500){o.setError("Path is too long (max 500 characters)");return}if(!/^\/[\w\-/{}:.]*$/.test(a)){o.setError("Path contains invalid characters");return}const s=`${T.value.toLowerCase()}:${a}`,m=o.createSimulationFromPreset(s,p.value,void 0);m&&(o.addSimulationLocal(m,!0),o.setLoading(!0),c({type:"set:simulation",data:{path:m.path,status:m.status,delay:m.delay,body:m.body}}),_.value="",p.value=null,S.value=null)}function H(t){o.removeSimulationLocal(t,!0),o.setLoading(!0),c({type:"clear:simulation",data:{path:t}})}function L(){if(k.value!==0){for(const t of o.activeSimulations)C.value.add(t.path),o.removeSimulationLocal(t.path,!0),c({type:"clear:simulation",data:{path:t.path}});o.setLoading(!0)}}function w(){if(!S.value)return;const t=g.endpoints.find(a=>a.key===S.value);t&&(T.value=t.method.toUpperCase(),_.value=t.path)}function z(){S.value=null}return ee(()=>{I=[h("simulation:active",t=>{o.setSimulations(t.simulations)}),h("simulation:added",t=>{o.handleSimulationAdded(t)}),h("simulation:removed",t=>{o.handleSimulationRemoved(t)}),h("simulations:cleared",t=>{o.handleSimulationsCleared(t)}),h("simulation:set",t=>{o.handleSimulationSet(t)}),h("simulation:cleared",t=>{C.value.has(t.path)&&C.value.delete(t.path),o.handleSimulationCleared(t)})],c({type:"get:registry"})}),te(()=>{for(const t of I)t()}),(t,a)=>(r(),d("div",ue,[l("div",de,[l("div",ce,[R(u(W),{size:18}),a[3]\|\|(a[3]=l("span",null,"Add Simulation",-1))]),l("div",me,[P.value.length>0?(r(),d("div",pe,[a[5]\|\|(a[5]=l("label",{class:"simulator-form__label"},"Select Endpoint (optional):",-1)),D(l("select",{"onUpdate:modelValue":a[0]\|\|(a[0]=s=>S.value=s),class:"input",onChange:w},[a[4]\|\|(a[4]=l("option",{value:null},"Manual entry...",-1)),(r(!0),d($,null,U(P.value,s=>(r(),d("option",{key:s.key,value:s.key},b(s.label),9,ve))),128))],544),[[B,S.value]])])):x("",!0),l("div",fe,[D(l("select",{"onUpdate:modelValue":a[1]\|\|(a[1]=s=>T.value=s),class:"simulator-form__method input",onChange:z},[(r(),d($,null,U(N,s=>l("option",{key:s,value:s},b(s),9,ye)),64))],544),[[B,T.value]]),D(l("input",{"onUpdate:modelValue":a[2]\|\|(a[2]=s=>_.value=s),type:"text",class:"simulator-form__path input",placeholder:"/api/path",onInput:z},null,544),[[se,_.value]])]),l("div",he,[(r(!0),d($,null,U(u(o).presets,s=>(r(),d("button",{key:s.id,class:q(["simulator-preset",{"simulator-preset--selected":p.value===s.id},`simulator-preset--${s.type}`]),title:s.description,onClick:m=>p.value=s.id},[(r(),O(G(s.type==="delay"?u(Z):u(j)),{size:14})),l("span",Se,b(s.label),1)],10,_e))),128))]),l("button",{class:"btn btn--primary",disabled:!E.value\|\|u(o).isLoading,onClick:M},[R(u(ie),{size:16}),a[6]\|\|(a[6]=l("span",null,"Add Simulation",-1))],8,be)])]),l("div",ge,[l("div",Te,[l("span",ke," Active Simulations ("+b(k.value)+") ",1),k.value>0?(r(),d("button",{key:0,class:"btn btn--ghost",disabled:u(o).isLoading,onClick:L},[R(u(K),{size:14}),a[7]\|\|(a[7]=l("span",null,"Clear All",-1))],8,Ce)):x("",!0)]),l("div",Pe,[(r(!0),d($,null,U(F.value,s=>(r(),d("div",{key:s.path,class:"simulator-simulation card"},[l("div",Ee,[l("span",Le,b(s.path),1)]),l("div",we,[(r(),O(G(s.preset?.type==="delay"?u(Z):u(j)),{size:14,class:q({"text-warning":s.preset?.type==="delay","text-error":s.preset?.type==="error","text-muted":s.preset?.type==="empty"})},null,8,["class"])),l("span",null,b(s.preset?.label\|\|`HTTP ${s.status}`),1),s.delay?(r(),d("span",Ae," ("+b(s.delay)+"ms) ",1)):x("",!0)]),l("button",{class:"btn btn--ghost btn--icon",title:"Remove simulation",disabled:u(o).isLoading,onClick:m=>H(s.path)},[R(u(K),{size:14})],8,Re)]))),128)),k.value===0?(r(),d("div",Ie,[R(u(W),{size:48,class:"empty-state__icon"}),a[8]\|\|(a[8]=l("h3",{class:"empty-state__title"},"No active simulations",-1)),a[9]\|\|(a[9]=l("p",{class:"empty-state__description"}," Add a simulation above to test error handling and slow responses. ",-1))])):x("",!0)])])]))}}),He=ne(Me,[["__scopeId","data-v-e5fd28b0"]]);export{He as default};
2	+ //# sourceMappingURL=SimulatorPage-ROKoAmUT.js.map