imposters 0.1.0

package/dist/esm/ui/admin/AdminUiRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminUiRouter.js","names":["adminDashboardPage","adminErrorPartial","imposterListPartial","imposterRowPartial","htmlResponse","body","status","Response","headers","toAdminData","imp","id","name","port","protocol","stubCount","stubs","length","endpointCount","fetchImposters","apiHandler","resp","Request","method","ok","data","json","items","Array","isArray","imposters","map","fetchImposter","makeAdminUiRouter","deps","request","url","URL","pathname","startsWith","path","slice","toUpperCase","value","formData","get","portStr","autoStart","payload","trim","Number","createResp","JSON","stringify","errBody","text","created","err","String","startMatch","match","Promise","r","setTimeout","stopMatch","deleteMatch"],"sources":["../../../../src/ui/admin/AdminUiRouter.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,wBAAwB;AAE3D,SAASC,iBAAiB,EAAEC,mBAAmB,EAAEC,kBAAkB,QAAQ,YAAY;AAOvF,MAAMC,YAAY,GAAGA,CAACC,IAAY,EAAEC,MAAM,GAAG,GAAG,KAC9C,IAAIC,QAAQ,CAACF,IAAI,EAAE;EACjBC,MAAM;EACNE,OAAO,EAAE;IAAE,cAAc,EAAE;EAA0B;CACtD,CAAC;AAEJ,MAAMC,WAAW,GAAIC,GAAQ,KAAyB;EACpDC,EAAE,EAAED,GAAG,CAACC,EAAE;EACVC,IAAI,EAAEF,GAAG,CAACE,IAAI,IAAI,YAAYF,GAAG,CAACC,EAAE,EAAE;EACtCE,IAAI,EAAEH,GAAG,CAACG,IAAI;EACdP,MAAM,EAAEI,GAAG,CAACJ,MAAM;EAClBQ,QAAQ,EAAEJ,GAAG,CAACI,QAAQ,IAAI,MAAM;EAChCC,SAAS,EAAEL,GAAG,CAACM,KAAK,EAAEC,MAAM,IAAIP,GAAG,CAACQ,aAAa,IAAIR,GAAG,CAACK,SAAS,IAAI;CACvE,CAAC;AAEF,MAAMI,cAAc,GAAG,MAAOC,UAA6C,IAAuC;EAChH,MAAMC,IAAI,GAAG,MAAMD,UAAU,CAAC,IAAIE,OAAO,CAAC,qCAAqC,EAAE;IAAEC,MAAM,EAAE;EAAK,CAAE,CAAC,CAAC;EACpG,IAAI,CAACF,IAAI,CAACG,EAAE,EAAE,OAAO,EAAE;EACvB,MAAMC,IAAI,GAAG,MAAMJ,IAAI,CAACK,IAAI,EAAE;EAC9B,MAAMC,KAAK,GAAGC,KAAK,CAACC,OAAO,CAACJ,IAAI,CAAC,GAAGA,IAAI,GAAIA,IAAI,CAACK,SAAS,IAAIL,IAAI,CAACE,KAAK,IAAI,EAAG;EAC/E,OAAOA,KAAK,CAACI,GAAG,CAACtB,WAAW,CAAC;AAC/B,CAAC;AAED,MAAMuB,aAAa,GAAG,MAAAA,CACpBZ,UAA6C,EAC7CT,EAAU,KAC2B;EACrC,MAAMU,IAAI,GAAG,MAAMD,UAAU,CAAC,IAAIE,OAAO,CAAC,8BAA8BX,EAAE,EAAE,EAAE;IAAEY,MAAM,EAAE;EAAK,CAAE,CAAC,CAAC;EACjG,IAAI,CAACF,IAAI,CAACG,EAAE,EAAE,OAAO,IAAI;EACzB,MAAMd,GAAG,GAAG,MAAMW,IAAI,CAACK,IAAI,EAAE;EAC7B,OAAOjB,WAAW,CAACC,GAAG,CAAC;AACzB,CAAC;AAED,OAAO,MAAMuB,iBAAiB,GAAIC,IAAiB,IAAK,MAAOC,OAAgB,IAA8B;EAC3G,MAAMC,GAAG,GAAG,IAAIC,GAAG,CAACF,OAAO,CAACC,GAAG,CAAC;EAChC,IAAI,CAACA,GAAG,CAACE,QAAQ,CAACC,UAAU,CAAC,MAAM,CAAC,EAAE,OAAO,IAAI;EAEjD,MAAMC,IAAI,GAAGJ,GAAG,CAACE,QAAQ,CAACG,KAAK,CAAC,MAAM,CAACxB,MAAM,CAAC,IAAI,GAAG;EACrD,MAAMM,MAAM,GAAGY,OAAO,CAACZ,MAAM,CAACmB,WAAW,EAAE;EAE3C;EACA,IAAInB,MAAM,KAAK,KAAK,KAAKiB,IAAI,KAAK,GAAG,IAAIA,IAAI,KAAK,EAAE,CAAC,EAAE;IACrD,MAAMV,SAAS,GAAG,MAAMX,cAAc,CAACe,IAAI,CAACd,UAAU,CAAC;IACvD,OAAOhB,YAAY,CAACJ,kBAAkB,CAAC;MAAE8B;IAAS,CAAE,CAAC,CAACa,KAAK,CAAC;EAC9D;EAEA;EACA,IAAIpB,MAAM,KAAK,KAAK,IAAIiB,IAAI,KAAK,YAAY,EAAE;IAC7C,MAAMV,SAAS,GAAG,MAAMX,cAAc,CAACe,IAAI,CAACd,UAAU,CAAC;IACvD,OAAOhB,YAAY,CAACF,mBAAmB,CAAC4B,SAAS,CAAC,CAACa,KAAK,CAAC;EAC3D;EAEA;EACA,IAAIpB,MAAM,KAAK,MAAM,IAAIiB,IAAI,KAAK,YAAY,EAAE;IAC9C,IAAI;MACF,MAAMI,QAAQ,GAAG,MAAMT,OAAO,CAACS,QAAQ,EAAE;MACzC,MAAMhC,IAAI,GAAGgC,QAAQ,CAACC,GAAG,CAAC,MAAM,CAAkB;MAClD,MAAMC,OAAO,GAAGF,QAAQ,CAACC,GAAG,CAAC,MAAM,CAAkB;MACrD,MAAME,SAAS,GAAGH,QAAQ,CAACC,GAAG,CAAC,WAAW,CAAC,KAAK,IAAI;MAEpD,MAAMG,OAAO,GAA4B;QACvClC,QAAQ,EAAE;OACX;MACD,IAAIF,IAAI,IAAIA,IAAI,CAACqC,IAAI,EAAE,EAAED,OAAO,CAACpC,IAAI,GAAGA,IAAI,CAACqC,IAAI,EAAE;MACnD,IAAIH,OAAO,IAAIA,OAAO,CAACG,IAAI,EAAE,EAAED,OAAO,CAACnC,IAAI,GAAGqC,MAAM,CAACJ,OAAO,CAACG,IAAI,EAAE,CAAC;MAEpE,MAAME,UAAU,GAAG,MAAMjB,IAAI,CAACd,UAAU,CACtC,IAAIE,OAAO,CAAC,4BAA4B,EAAE;QACxCC,MAAM,EAAE,MAAM;QACdf,OAAO,EAAE;UAAE,cAAc,EAAE;QAAkB,CAAE;QAC/CH,IAAI,EAAE+C,IAAI,CAACC,SAAS,CAACL,OAAO;OAC7B,CAAC,CACH;MAED,IAAI,CAACG,UAAU,CAAC3B,EAAE,EAAE;QAClB,MAAM8B,OAAO,GAAG,MAAMH,UAAU,CAACI,IAAI,EAAE;QACvC,MAAMzB,SAAS,GAAG,MAAMX,cAAc,CAACe,IAAI,CAACd,UAAU,CAAC;QACvD,OAAOhB,YAAY,CACjBH,iBAAiB,CAAC,8BAA8BqD,OAAO,EAAE,CAAC,CAACX,KAAK,GAC9DzC,mBAAmB,CAAC4B,SAAS,CAAC,CAACa,KAAK,CACvC;MACH;MAEA,MAAMa,OAAO,GAAG,MAAML,UAAU,CAACzB,IAAI,EAAE;MAEvC;MACA,IAAIqB,SAAS,EAAE;QACb,MAAMb,IAAI,CAACd,UAAU,CACnB,IAAIE,OAAO,CAAC,8BAA8BkC,OAAO,CAAC7C,EAAE,EAAE,EAAE;UACtDY,MAAM,EAAE,OAAO;UACff,OAAO,EAAE;YAAE,cAAc,EAAE;UAAkB,CAAE;UAC/CH,IAAI,EAAE+C,IAAI,CAACC,SAAS,CAAC;YAAE/C,MAAM,EAAE;UAAS,CAAE;SAC3C,CAAC,CACH;MACH;MAEA,MAAMwB,SAAS,GAAG,MAAMX,cAAc,CAACe,IAAI,CAACd,UAAU,CAAC;MACvD,OAAOhB,YAAY,CAACF,mBAAmB,CAAC4B,SAAS,CAAC,CAACa,KAAK,CAAC;IAC3D,CAAC,CAAC,OAAOc,GAAG,EAAE;MACZ,MAAM3B,SAAS,GAAG,MAAMX,cAAc,CAACe,IAAI,CAACd,UAAU,CAAC;MACvD,OAAOhB,YAAY,CACjBH,iBAAiB,CAAC,UAAUyD,MAAM,CAACD,GAAG,CAAC,EAAE,CAAC,CAACd,KAAK,GAC9CzC,mBAAmB,CAAC4B,SAAS,CAAC,CAACa,KAAK,CACvC;IACH;EACF;EAEA;EACA,MAAMgB,UAAU,GAAGnB,IAAI,CAACoB,KAAK,CAAC,+BAA+B,CAAC;EAC9D,IAAIrC,MAAM,KAAK,MAAM,IAAIoC,UAAU,EAAE;IACnC,MAAMhD,EAAE,GAAGgD,UAAU,CAAC,CAAC,CAAE;IACzB,MAAMzB,IAAI,CAACd,UAAU,CACnB,IAAIE,OAAO,CAAC,8BAA8BX,EAAE,EAAE,EAAE;MAC9CY,MAAM,EAAE,OAAO;MACff,OAAO,EAAE;QAAE,cAAc,EAAE;MAAkB,CAAE;MAC/CH,IAAI,EAAE+C,IAAI,CAACC,SAAS,CAAC;QAAE/C,MAAM,EAAE;MAAS,CAAE;KAC3C,CAAC,CACH;IACD;IACA,MAAM,IAAIuD,OAAO,CAAEC,CAAC,IAAKC,UAAU,CAACD,CAAC,EAAE,GAAG,CAAC,CAAC;IAC5C,MAAMpD,GAAG,GAAG,MAAMsB,aAAa,CAACE,IAAI,CAACd,UAAU,EAAET,EAAE,CAAC;IACpD,IAAI,CAACD,GAAG,EAAE;MACR,OAAON,YAAY,CAACH,iBAAiB,CAAC,oBAAoB,CAAC,CAAC0C,KAAK,EAAE,GAAG,CAAC;IACzE;IACA,OAAOvC,YAAY,CAACD,kBAAkB,CAACO,GAAG,CAAC,CAACiC,KAAK,CAAC;EACpD;EAEA;EACA,MAAMqB,SAAS,GAAGxB,IAAI,CAACoB,KAAK,CAAC,8BAA8B,CAAC;EAC5D,IAAIrC,MAAM,KAAK,MAAM,IAAIyC,SAAS,EAAE;IAClC,MAAMrD,EAAE,GAAGqD,SAAS,CAAC,CAAC,CAAE;IACxB,MAAM9B,IAAI,CAACd,UAAU,CACnB,IAAIE,OAAO,CAAC,8BAA8BX,EAAE,EAAE,EAAE;MAC9CY,MAAM,EAAE,OAAO;MACff,OAAO,EAAE;QAAE,cAAc,EAAE;MAAkB,CAAE;MAC/CH,IAAI,EAAE+C,IAAI,CAACC,SAAS,CAAC;QAAE/C,MAAM,EAAE;MAAS,CAAE;KAC3C,CAAC,CACH;IACD,MAAM,IAAIuD,OAAO,CAAEC,CAAC,IAAKC,UAAU,CAACD,CAAC,EAAE,GAAG,CAAC,CAAC;IAC5C,MAAMpD,GAAG,GAAG,MAAMsB,aAAa,CAACE,IAAI,CAACd,UAAU,EAAET,EAAE,CAAC;IACpD,IAAI,CAACD,GAAG,EAAE;MACR,OAAON,YAAY,CAACH,iBAAiB,CAAC,oBAAoB,CAAC,CAAC0C,KAAK,EAAE,GAAG,CAAC;IACzE;IACA,OAAOvC,YAAY,CAACD,kBAAkB,CAACO,GAAG,CAAC,CAACiC,KAAK,CAAC;EACpD;EAEA;EACA,MAAMsB,WAAW,GAAGzB,IAAI,CAACoB,KAAK,CAAC,wBAAwB,CAAC;EACxD,IAAIrC,MAAM,KAAK,QAAQ,IAAI0C,WAAW,EAAE;IACtC,MAAMtD,EAAE,GAAGsD,WAAW,CAAC,CAAC,CAAE;IAC1B,MAAM/B,IAAI,CAACd,UAAU,CACnB,IAAIE,OAAO,CAAC,8BAA8BX,EAAE,aAAa,EAAE;MACzDY,MAAM,EAAE;KACT,CAAC,CACH;IACD,MAAMO,SAAS,GAAG,MAAMX,cAAc,CAACe,IAAI,CAACd,UAAU,CAAC;IACvD,OAAOhB,YAAY,CAACF,mBAAmB,CAAC4B,SAAS,CAAC,CAACa,KAAK,CAAC;EAC3D;EAEA,OAAO,IAAI;AACb,CAAC","ignoreList":[]}

package/dist/esm/ui/admin/pages/AdminDashboard.js

@@ -0,0 +1,48 @@
+import { html, raw } from "../../html";
+import { adminLayout } from "../AdminLayout";
+import { createFormPartial, imposterListPartial } from "../partials";
+const summaryBar = data => {
+  const total = data.imposters.length;
+  const running = data.imposters.filter(i => i.status === "running").length;
+  const stopped = total - running;
+  return html`<div class="grid grid-cols-3 gap-4 mb-6">
+    <div class="bg-white rounded-lg shadow p-4">
+      <div class="text-sm text-gray-500">Total Imposters</div>
+      <div class="text-2xl font-bold text-gray-800">${String(total)}</div>
+    </div>
+    <div class="bg-white rounded-lg shadow p-4">
+      <div class="text-sm text-gray-500">Running</div>
+      <div class="text-2xl font-bold text-green-600">${String(running)}</div>
+    </div>
+    <div class="bg-white rounded-lg shadow p-4">
+      <div class="text-sm text-gray-500">Stopped</div>
+      <div class="text-2xl font-bold text-gray-500">${String(stopped)}</div>
+    </div>
+  </div>`;
+};
+export const adminDashboardPage = data => {
+  const content = html`
+    ${summaryBar(data)}
+    ${createFormPartial()}
+    <div class="bg-white rounded-lg shadow overflow-x-auto">
+      <table class="w-full text-left">
+        <thead>
+          <tr class="text-xs text-gray-500 uppercase border-b">
+            <th class="py-3 px-4">Name</th>
+            <th class="py-3 px-4">Port</th>
+            <th class="py-3 px-4">Status</th>
+            <th class="py-3 px-4">Protocol</th>
+            <th class="py-3 px-4">Stubs</th>
+            <th class="py-3 px-4">Actions</th>
+          </tr>
+        </thead>
+        <tbody id="imposter-list">
+          ${raw(imposterListPartial(data.imposters).value)}
+        </tbody>
+      </table>
+    </div>`;
+  return adminLayout({
+    title: "Imposters — Admin Dashboard"
+  }, content);
+};
+//# sourceMappingURL=AdminDashboard.js.map

package/dist/esm/ui/admin/pages/AdminDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminDashboard.js","names":["html","raw","adminLayout","createFormPartial","imposterListPartial","summaryBar","data","total","imposters","length","running","filter","i","status","stopped","String","adminDashboardPage","content","value","title"],"sources":["../../../../../src/ui/admin/pages/AdminDashboard.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAI,EAAEC,GAAG,QAAQ,YAAY;AAEtC,SAASC,WAAW,QAAQ,gBAAgB;AAE5C,SAASC,iBAAiB,EAAEC,mBAAmB,QAAQ,aAAa;AAMpE,MAAMC,UAAU,GAAIC,IAAwB,IAAc;EACxD,MAAMC,KAAK,GAAGD,IAAI,CAACE,SAAS,CAACC,MAAM;EACnC,MAAMC,OAAO,GAAGJ,IAAI,CAACE,SAAS,CAACG,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAACC,MAAM,KAAK,SAAS,CAAC,CAACJ,MAAM;EAC3E,MAAMK,OAAO,GAAGP,KAAK,GAAGG,OAAO;EAC/B,OAAOV,IAAI;;;sDAGyCe,MAAM,CAACR,KAAK,CAAC;;;;uDAIZQ,MAAM,CAACL,OAAO,CAAC;;;;sDAIhBK,MAAM,CAACD,OAAO,CAAC;;SAE5D;AACT,CAAC;AAED,OAAO,MAAME,kBAAkB,GAAIV,IAAwB,IAAc;EACvE,MAAMW,OAAO,GAAGjB,IAAI;MAChBK,UAAU,CAACC,IAAI,CAAC;MAChBH,iBAAiB,EAAE;;;;;;;;;;;;;;YAcbF,GAAG,CAACG,mBAAmB,CAACE,IAAI,CAACE,SAAS,CAAC,CAACU,KAAK,CAAC;;;WAG/C;EAET,OAAOhB,WAAW,CAAC;IAAEiB,KAAK,EAAE;EAA6B,CAAE,EAAEF,OAAO,CAAC;AACvE,CAAC","ignoreList":[]}

package/dist/esm/ui/admin/partials.js

@@ -0,0 +1,54 @@
+import { html } from "../html";
+const statusBadge = status => {
+  if (status === "running") {
+    return html`<span class="px-2 py-0.5 rounded text-xs font-semibold bg-green-100 text-green-700">running</span>`;
+  }
+  if (status === "stopped") {
+    return html`<span class="px-2 py-0.5 rounded text-xs font-semibold bg-gray-100 text-gray-600">stopped</span>`;
+  }
+  return html`<span class="px-2 py-0.5 rounded text-xs font-semibold bg-yellow-100 text-yellow-700">${status}</span>`;
+};
+export const imposterRowPartial = imp => {
+  const isRunning = imp.status === "running";
+  return html`<tr id="row-${imp.id}" class="border-t hover:bg-gray-50">
+    <td class="py-3 px-4 font-medium">${imp.name}</td>
+    <td class="py-3 px-4 font-mono text-sm">${String(imp.port)}</td>
+    <td class="py-3 px-4">${statusBadge(imp.status)}</td>
+    <td class="py-3 px-4 text-sm text-gray-600">${imp.protocol}</td>
+    <td class="py-3 px-4 text-sm">${String(imp.stubCount)}</td>
+    <td class="py-3 px-4">
+      <div class="flex gap-2 items-center">
+        ${isRunning ? html`<button hx-post="/_ui/imposters/${imp.id}/stop" hx-target="#row-${imp.id}" hx-swap="outerHTML" class="text-orange-600 hover:text-orange-800 text-sm font-medium">Stop</button>` : html`<button hx-post="/_ui/imposters/${imp.id}/start" hx-target="#row-${imp.id}" hx-swap="outerHTML" class="text-green-600 hover:text-green-800 text-sm font-medium">Start</button>`}
+        <button hx-delete="/_ui/imposters/${imp.id}" hx-target="#imposter-list" hx-swap="innerHTML" hx-confirm="Delete this imposter?" class="text-red-500 hover:text-red-700 text-sm">Delete</button>
+        ${isRunning ? html`<a href="http://localhost:${String(imp.port)}/_admin" target="_blank" class="text-indigo-600 hover:text-indigo-800 text-sm">Open UI</a>` : html``}
+      </div>
+    </td>
+  </tr>`;
+};
+export const imposterListPartial = imposters => {
+  if (imposters.length === 0) {
+    return html`<tr><td colspan="6" class="text-center py-8 text-gray-400">No imposters. Create one above.</td></tr>`;
+  }
+  return imposters.reduce((acc, imp) => html`${acc}${imposterRowPartial(imp)}`, html``);
+};
+export const createFormPartial = error => html`<div class="bg-white rounded-lg shadow p-4 mb-6">
+    <h2 class="text-lg font-semibold mb-3">Create Imposter</h2>
+    ${error ? html`<div class="bg-red-50 border border-red-200 text-red-700 rounded p-3 mb-3">${error}</div>` : html``}
+    <form hx-post="/_ui/imposters" hx-target="#imposter-list" hx-swap="innerHTML" class="flex flex-wrap gap-3 items-end">
+      <div>
+        <label class="block text-xs text-gray-500 mb-1">Name (optional)</label>
+        <input name="name" type="text" class="border rounded p-2 text-sm w-40" placeholder="My Service" />
+      </div>
+      <div>
+        <label class="block text-xs text-gray-500 mb-1">Port (optional)</label>
+        <input name="port" type="number" class="border rounded p-2 text-sm w-24" placeholder="auto" />
+      </div>
+      <div class="flex items-center gap-2">
+        <input name="autoStart" type="checkbox" checked class="rounded" id="auto-start" />
+        <label for="auto-start" class="text-sm text-gray-700">Auto-start</label>
+      </div>
+      <button type="submit" class="bg-gray-800 text-white px-4 py-2 rounded hover:bg-gray-700 text-sm">Create</button>
+    </form>
+  </div>`;
+export const adminErrorPartial = message => html`<div class="bg-red-50 border border-red-200 text-red-700 rounded p-3 mb-3">${message}</div>`;
+//# sourceMappingURL=partials.js.map

package/dist/esm/ui/admin/partials.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"partials.js","names":["html","statusBadge","status","imposterRowPartial","imp","isRunning","id","name","String","port","protocol","stubCount","imposterListPartial","imposters","length","reduce","acc","createFormPartial","error","adminErrorPartial","message"],"sources":["../../../../src/ui/admin/partials.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAI,QAAQ,SAAS;AAY9B,MAAMC,WAAW,GAAIC,MAAc,IAAc;EAC/C,IAAIA,MAAM,KAAK,SAAS,EAAE;IACxB,OAAOF,IAAI,oGAAoG;EACjH;EACA,IAAIE,MAAM,KAAK,SAAS,EAAE;IACxB,OAAOF,IAAI,kGAAkG;EAC/G;EACA,OAAOA,IAAI,yFAAyFE,MAAM,SAAS;AACrH,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAIC,GAAsB,IAAc;EACrE,MAAMC,SAAS,GAAGD,GAAG,CAACF,MAAM,KAAK,SAAS;EAC1C,OAAOF,IAAI,eAAeI,GAAG,CAACE,EAAE;wCACMF,GAAG,CAACG,IAAI;8CACFC,MAAM,CAACJ,GAAG,CAACK,IAAI,CAAC;4BAClCR,WAAW,CAACG,GAAG,CAACF,MAAM,CAAC;kDACDE,GAAG,CAACM,QAAQ;oCAC1BF,MAAM,CAACJ,GAAG,CAACO,SAAS,CAAC;;;UAIrDN,SAAS,GACLL,IAAI,mCAAmCI,GAAG,CAACE,EAAE,0BAA0BF,GAAG,CAACE,EAAE,uGAAuG,GACpLN,IAAI,mCAAmCI,GAAG,CAACE,EAAE,2BAA2BF,GAAG,CAACE,EAAE,sGACpF;4CAC0CF,GAAG,CAACE,EAAE;UAE9CD,SAAS,GACLL,IAAI,6BACJQ,MAAM,CAACJ,GAAG,CAACK,IAAI,CACjB,4FAA4F,GAC1FT,IAAI,EACV;;;QAGM;AACR,CAAC;AAED,OAAO,MAAMY,mBAAmB,GAAIC,SAA2C,IAAc;EAC3F,IAAIA,SAAS,CAACC,MAAM,KAAK,CAAC,EAAE;IAC1B,OAAOd,IAAI,sGAAsG;EACnH;EACA,OAAOa,SAAS,CAACE,MAAM,CACrB,CAACC,GAAG,EAAEZ,GAAG,KAAKJ,IAAI,GAAGgB,GAAG,GAAGb,kBAAkB,CAACC,GAAG,CAAC,EAAE,EACpDJ,IAAI,EAAE,CACP;AACH,CAAC;AAED,OAAO,MAAMiB,iBAAiB,GAAIC,KAAc,IAC9ClB,IAAI;;MAEAkB,KAAK,GAAGlB,IAAI,8EAA8EkB,KAAK,QAAQ,GAAGlB,IAAI,EAAE;;;;;;;;;;;;;;;;SAgB7G;AAET,OAAO,MAAMmB,iBAAiB,GAAIC,OAAe,IAC/CpB,IAAI,8EAA8EoB,OAAO,QAAQ","ignoreList":[]}

package/dist/esm/ui/html.js

@@ -0,0 +1,32 @@
+/** Escapes &, <, >, ", ' → HTML entities */
+export const escapeHtml = s => s.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;").replaceAll("'", "&#39;");
+/** Marker class for pre-escaped HTML */
+export class SafeHtml {
+  value;
+  constructor(value) {
+    this.value = value;
+  }
+}
+/** Wrap a raw HTML string to skip auto-escaping */
+export const raw = s => new SafeHtml(s);
+/** Tagged template: auto-escapes interpolations, passes SafeHtml through */
+export const html = (strings, ...values) => {
+  let result = "";
+  for (let i = 0; i < strings.length; i++) {
+    result += strings[i];
+    if (i < values.length) {
+      const v = values[i];
+      if (v instanceof SafeHtml) {
+        result += v.value;
+      } else if (v == null) {
+        result += "";
+      } else if (typeof v === "string") {
+        result += escapeHtml(v);
+      } else {
+        result += escapeHtml(String(v));
+      }
+    }
+  }
+  return new SafeHtml(result);
+};
+//# sourceMappingURL=html.js.map

package/dist/esm/ui/html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html.js","names":["escapeHtml","s","replaceAll","SafeHtml","value","constructor","raw","html","strings","values","result","i","length","v","String"],"sources":["../../../src/ui/html.ts"],"sourcesContent":[null],"mappings":"AAAA;AACA,OAAO,MAAMA,UAAU,GAAIC,CAAS,IAClCA,CAAC,CACEC,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CACxBA,UAAU,CAAC,GAAG,EAAE,MAAM,CAAC,CACvBA,UAAU,CAAC,GAAG,EAAE,MAAM,CAAC,CACvBA,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAC,CAC1BA,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC;AAE7B;AACA,OAAM,MAAOC,QAAQ;EACEC,KAAA;EAArBC,YAAqBD,KAAa;IAAb,KAAAA,KAAK,GAALA,KAAK;EAAW;;AAGvC;AACA,OAAO,MAAME,GAAG,GAAIL,CAAS,IAAe,IAAIE,QAAQ,CAACF,CAAC,CAAC;AAE3D;AACA,OAAO,MAAMM,IAAI,GAAGA,CAACC,OAA6B,EAAE,GAAGC,MAAsB,KAAc;EACzF,IAAIC,MAAM,GAAG,EAAE;EACf,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGH,OAAO,CAACI,MAAM,EAAED,CAAC,EAAE,EAAE;IACvCD,MAAM,IAAIF,OAAO,CAACG,CAAC,CAAC;IACpB,IAAIA,CAAC,GAAGF,MAAM,CAACG,MAAM,EAAE;MACrB,MAAMC,CAAC,GAAGJ,MAAM,CAACE,CAAC,CAAC;MACnB,IAAIE,CAAC,YAAYV,QAAQ,EAAE;QACzBO,MAAM,IAAIG,CAAC,CAACT,KAAK;MACnB,CAAC,MAAM,IAAIS,CAAC,IAAI,IAAI,EAAE;QACpBH,MAAM,IAAI,EAAE;MACd,CAAC,MAAM,IAAI,OAAOG,CAAC,KAAK,QAAQ,EAAE;QAChCH,MAAM,IAAIV,UAAU,CAACa,CAAC,CAAC;MACzB,CAAC,MAAM;QACLH,MAAM,IAAIV,UAAU,CAACc,MAAM,CAACD,CAAC,CAAC,CAAC;MACjC;IACF;EACF;EACA,OAAO,IAAIV,QAAQ,CAACO,MAAM,CAAC;AAC7B,CAAC","ignoreList":[]}

package/dist/esm/ui/layout.js

@@ -0,0 +1,32 @@
+import { html, raw } from "./html";
+const navTab = (label, href, active) => active ? html`<a href="${href}" class="px-4 py-2 bg-white text-indigo-700 rounded-t font-semibold border-b-2 border-indigo-600">${label}</a>` : html`<a href="${href}" class="px-4 py-2 text-gray-300 hover:text-white hover:bg-indigo-500 rounded-t">${label}</a>`;
+export const layout = (opts, content) => html`<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>${opts.title}</title>
+  <script src="https://cdn.tailwindcss.com"></script>
+  <script src="https://unpkg.com/htmx.org@2.0.4"></script>
+</head>
+<body class="bg-gray-50 min-h-screen">
+  <nav class="bg-indigo-700 text-white shadow-md">
+    <div class="max-w-5xl mx-auto px-4 py-3 flex items-center justify-between">
+      <div>
+        <span class="text-indigo-200 text-sm font-medium mr-2">Imposters</span>
+        <span class="text-lg font-bold">${opts.imposterName}</span>
+        <span class="ml-2 text-indigo-200 text-sm">port ${String(opts.port)}</span>
+      </div>
+      <div class="flex gap-1">
+        ${navTab("Dashboard", "/_admin", opts.activeTab === "dashboard")}
+        ${navTab("Stubs", "/_admin/stubs", opts.activeTab === "stubs")}
+        ${navTab("Requests", "/_admin/requests", opts.activeTab === "requests")}
+      </div>
+    </div>
+  </nav>
+  <main class="max-w-5xl mx-auto px-4 py-6">
+    ${raw(content.value)}
+  </main>
+</body>
+</html>`;
+//# sourceMappingURL=layout.js.map

package/dist/esm/ui/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","names":["html","raw","navTab","label","href","active","layout","opts","content","title","imposterName","String","port","activeTab","value"],"sources":["../../../src/ui/layout.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAI,EAAEC,GAAG,QAAuB,QAAQ;AASjD,MAAMC,MAAM,GAAGA,CAACC,KAAa,EAAEC,IAAY,EAAEC,MAAe,KAC1DA,MAAM,GACFL,IAAI,YAAYI,IAAI,qGAAqGD,KAAK,MAAM,GACpIH,IAAI,YAAYI,IAAI,oFAAoFD,KAAK,MAAM;AAEzH,OAAO,MAAMG,MAAM,GAAGA,CAACC,IAAgB,EAAEC,OAAiB,KACxDR,IAAI;;;;;WAKKO,IAAI,CAACE,KAAK;;;;;;;;;0CASqBF,IAAI,CAACG,YAAY;0DACDC,MAAM,CAACJ,IAAI,CAACK,IAAI,CAAC;;;UAGjEV,MAAM,CAAC,WAAW,EAAE,SAAS,EAAEK,IAAI,CAACM,SAAS,KAAK,WAAW,CAAC;UAC9DX,MAAM,CAAC,OAAO,EAAE,eAAe,EAAEK,IAAI,CAACM,SAAS,KAAK,OAAO,CAAC;UAC5DX,MAAM,CAAC,UAAU,EAAE,kBAAkB,EAAEK,IAAI,CAACM,SAAS,KAAK,UAAU,CAAC;;;;;MAKzEZ,GAAG,CAACO,OAAO,CAACM,KAAK,CAAC;;;QAGhB","ignoreList":[]}

package/dist/esm/ui/pages/dashboard.js

@@ -0,0 +1,44 @@
+import { html, raw } from "../html";
+import { layout } from "../layout";
+import { requestTablePartial } from "../partials";
+const statCard = (label, value, color) => html`<div class="bg-white rounded-lg shadow p-4">
+    <div class="text-sm text-gray-500">${label}</div>
+    <div class="text-2xl font-bold ${color}">${value}</div>
+  </div>`;
+export const dashboardPage = data => {
+  const statusColor = data.config.status === "running" ? "text-green-600" : "text-gray-500";
+  const content = html`
+    <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
+      ${statCard("Status", data.config.status, statusColor)}
+      ${statCard("Port", String(data.config.port), "text-gray-800")}
+      ${statCard("Stubs", String(data.stubCount), "text-indigo-600")}
+      ${statCard("Requests", String(data.requestCount), "text-indigo-600")}
+    </div>
+
+    <div class="bg-white rounded-lg shadow">
+      <h2 class="text-lg font-semibold px-4 pt-4 pb-2">
+        <a href="/_admin/requests" class="hover:text-indigo-600">Recent Requests &rarr;</a>
+      </h2>
+      ${data.recentRequests.length === 0 ? html`<p class="px-4 pb-4 text-gray-400">No requests yet.</p>` : html`<table class="w-full text-left">
+            <thead>
+              <tr class="text-xs text-gray-500 uppercase border-b">
+                <th class="py-2 px-3">Time</th>
+                <th class="py-2 px-3">Method</th>
+                <th class="py-2 px-3">Path</th>
+                <th class="py-2 px-3">Status</th>
+                <th class="py-2 px-3">Stub</th>
+                <th class="py-2 px-3">Duration</th>
+                <th class="py-2 px-3"></th>
+              </tr>
+            </thead>
+            <tbody>${raw(requestTablePartial(data.recentRequests).value)}</tbody>
+          </table>`}
+    </div>`;
+  return layout({
+    title: `${data.config.name} — Dashboard`,
+    imposterName: data.config.name,
+    port: data.config.port,
+    activeTab: "dashboard"
+  }, content);
+};
+//# sourceMappingURL=dashboard.js.map

package/dist/esm/ui/pages/dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.js","names":["html","raw","layout","requestTablePartial","statCard","label","value","color","dashboardPage","data","statusColor","config","status","content","String","port","stubCount","requestCount","recentRequests","length","title","name","imposterName","activeTab"],"sources":["../../../../src/ui/pages/dashboard.ts"],"sourcesContent":[null],"mappings":"AAEA,SAASA,IAAI,EAAEC,GAAG,QAAQ,SAAS;AACnC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,mBAAmB,QAAQ,aAAa;AASjD,MAAMC,QAAQ,GAAGA,CAACC,KAAa,EAAEC,KAAa,EAAEC,KAAa,KAC3DP,IAAI;yCACmCK,KAAK;qCACTE,KAAK,KAAKD,KAAK;SAC3C;AAET,OAAO,MAAME,aAAa,GAAIC,IAAmB,IAAI;EACnD,MAAMC,WAAW,GAAGD,IAAI,CAACE,MAAM,CAACC,MAAM,KAAK,SAAS,GAAG,gBAAgB,GAAG,eAAe;EAEzF,MAAMC,OAAO,GAAGb,IAAI;;QAEdI,QAAQ,CAAC,QAAQ,EAAEK,IAAI,CAACE,MAAM,CAACC,MAAM,EAAEF,WAAW,CAAC;QACnDN,QAAQ,CAAC,MAAM,EAAEU,MAAM,CAACL,IAAI,CAACE,MAAM,CAACI,IAAI,CAAC,EAAE,eAAe,CAAC;QAC3DX,QAAQ,CAAC,OAAO,EAAEU,MAAM,CAACL,IAAI,CAACO,SAAS,CAAC,EAAE,iBAAiB,CAAC;QAC5DZ,QAAQ,CAAC,UAAU,EAAEU,MAAM,CAACL,IAAI,CAACQ,YAAY,CAAC,EAAE,iBAAiB,CAAC;;;;;;;QAQtER,IAAI,CAACS,cAAc,CAACC,MAAM,KAAK,CAAC,GAC5BnB,IAAI,yDAAyD,GAC7DA,IAAI;;;;;;;;;;;;qBAYSC,GAAG,CAACE,mBAAmB,CAACM,IAAI,CAACS,cAAc,CAAC,CAACZ,KAAK,CAAC;mBAEtE;WACS;EAET,OAAOJ,MAAM,CACX;IACEkB,KAAK,EAAE,GAAGX,IAAI,CAACE,MAAM,CAACU,IAAI,cAAc;IACxCC,YAAY,EAAEb,IAAI,CAACE,MAAM,CAACU,IAAI;IAC9BN,IAAI,EAAEN,IAAI,CAACE,MAAM,CAACI,IAAI;IACtBQ,SAAS,EAAE;GACZ,EACDV,OAAO,CACR;AACH,CAAC","ignoreList":[]}

package/dist/esm/ui/pages/request-detail.js

@@ -0,0 +1,112 @@
+import { html, raw } from "../html";
+import { layout } from "../layout";
+import { methodBadge, statusBadge, stubCardPartial } from "../partials";
+const formatTimestamp = ts => {
+  try {
+    const d = typeof ts.epochMillis === "bigint" ? new Date(Number(ts.epochMillis)) : new Date(String(ts));
+    return d.toISOString();
+  } catch {
+    return String(ts);
+  }
+};
+const formatBody = body => {
+  if (body === undefined || body === null) return "(empty)";
+  if (typeof body === "string") {
+    try {
+      return JSON.stringify(JSON.parse(body), null, 2);
+    } catch {
+      return body;
+    }
+  }
+  return JSON.stringify(body, null, 2);
+};
+const headersTable = headers => {
+  const entries = Object.entries(headers);
+  if (entries.length === 0) return html`<p class="text-gray-400 text-sm italic">No headers</p>`;
+  const rows = entries.map(([k, v]) => html`<tr class="border-t"><td class="py-1 px-2 text-xs font-mono font-semibold text-gray-600">${k}</td><td class="py-1 px-2 text-xs font-mono">${v}</td></tr>`);
+  return html`<table class="w-full"><tbody>${rows.reduce((a, r) => html`${a}${r}`, html``)}</tbody></table>`;
+};
+const queryTable = query => {
+  const entries = Object.entries(query);
+  if (entries.length === 0) return html`<p class="text-gray-400 text-sm italic">No query parameters</p>`;
+  const rows = entries.map(([k, v]) => html`<tr class="border-t"><td class="py-1 px-2 text-xs font-mono font-semibold text-gray-600">${k}</td><td class="py-1 px-2 text-xs font-mono">${v}</td></tr>`);
+  return html`<table class="w-full"><tbody>${rows.reduce((a, r) => html`${a}${r}`, html``)}</tbody></table>`;
+};
+export const requestDetailPage = data => {
+  const {
+    entry,
+    matchedStub
+  } = data;
+  const timestamp = formatTimestamp(entry.timestamp);
+  const reqBody = formatBody(entry.request.body);
+  const respBody = formatBody(entry.response.body);
+  const respHeaders = entry.response.headers ?? {};
+  const content = html`
+    <div class="mb-4">
+      <a href="/_admin/requests" class="text-indigo-600 hover:underline text-sm">&larr; Back to Requests</a>
+      <span class="text-gray-400 mx-2">/</span>
+      <span class="text-sm text-gray-500">Request ${entry.id}</span>
+    </div>
+
+    <div class="bg-white rounded-lg shadow p-4 mb-6">
+      <div class="flex items-center gap-3 mb-3">
+        ${methodBadge(entry.request.method)}
+        <span class="font-mono text-lg">${entry.request.path}</span>
+        ${statusBadge(entry.response.status)}
+        <span class="text-sm text-gray-500">${String(entry.duration)}ms</span>
+      </div>
+      <div class="text-sm text-gray-500">
+        <span>Timestamp: ${timestamp}</span>
+        ${entry.response.matchedStubId ? html`<span class="ml-4">Matched Stub: <span class="font-mono text-indigo-600">${entry.response.matchedStubId}</span></span>` : html`<span class="ml-4 text-orange-500">No matching stub</span>`}
+      </div>
+    </div>
+
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
+      <div>
+        <h3 class="text-lg font-semibold mb-3">Request</h3>
+        <div class="bg-white rounded-lg shadow p-4 space-y-3">
+          <div>
+            <h4 class="text-sm font-medium text-gray-700 mb-1">Headers</h4>
+            ${headersTable(entry.request.headers)}
+          </div>
+          <div>
+            <h4 class="text-sm font-medium text-gray-700 mb-1">Query Parameters</h4>
+            ${queryTable(entry.request.query)}
+          </div>
+          <div>
+            <h4 class="text-sm font-medium text-gray-700 mb-1">Body</h4>
+            <pre class="bg-gray-50 border rounded p-2 text-xs font-mono overflow-x-auto whitespace-pre-wrap max-h-64 overflow-y-auto">${reqBody}</pre>
+          </div>
+        </div>
+      </div>
+
+      <div>
+        <h3 class="text-lg font-semibold mb-3">Response</h3>
+        <div class="bg-white rounded-lg shadow p-4 space-y-3">
+          <div class="flex items-center gap-2">
+            ${statusBadge(entry.response.status)}
+          </div>
+          <div>
+            <h4 class="text-sm font-medium text-gray-700 mb-1">Headers</h4>
+            ${headersTable(respHeaders)}
+          </div>
+          <div>
+            <h4 class="text-sm font-medium text-gray-700 mb-1">Body</h4>
+            <pre class="bg-gray-50 border rounded p-2 text-xs font-mono overflow-x-auto whitespace-pre-wrap max-h-64 overflow-y-auto">${respBody}</pre>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    ${matchedStub !== null ? html`<div>
+          <h3 class="text-lg font-semibold mb-3">Matched Stub</h3>
+          ${raw(stubCardPartial(matchedStub).value)}
+        </div>` : html``}`;
+  return layout({
+    title: `${data.config.name} — Request ${entry.id}`,
+    imposterName: data.config.name,
+    port: data.config.port,
+    activeTab: "requests"
+  }, content);
+};
+//# sourceMappingURL=request-detail.js.map

package/dist/esm/ui/pages/request-detail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"request-detail.js","names":["html","raw","layout","methodBadge","statusBadge","stubCardPartial","formatTimestamp","ts","d","epochMillis","Date","Number","String","toISOString","formatBody","body","undefined","JSON","stringify","parse","headersTable","headers","entries","Object","length","rows","map","k","v","reduce","a","r","queryTable","query","requestDetailPage","data","entry","matchedStub","timestamp","reqBody","request","respBody","response","respHeaders","content","id","method","path","status","duration","matchedStubId","value","title","config","name","imposterName","port","activeTab"],"sources":["../../../../src/ui/pages/request-detail.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/ui/pages/requests.js

@@ -0,0 +1,112 @@
+import { html, raw } from "../html";
+import { layout } from "../layout";
+import { requestTablePartial, statusBadge } from "../partials";
+const testRequestForm = _port => html`<details class="bg-white rounded-lg shadow p-4 mb-6">
+    <summary class="text-lg font-semibold cursor-pointer">Send Test Request</summary>
+    <form hx-post="/_admin/requests/test" hx-target="#test-result" hx-swap="innerHTML" class="mt-3 space-y-3">
+      <div class="grid grid-cols-2 gap-3">
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-1">Method</label>
+          <select name="method" class="w-full border rounded p-2 text-sm">
+            <option value="GET">GET</option>
+            <option value="POST">POST</option>
+            <option value="PUT">PUT</option>
+            <option value="PATCH">PATCH</option>
+            <option value="DELETE">DELETE</option>
+            <option value="HEAD">HEAD</option>
+            <option value="OPTIONS">OPTIONS</option>
+          </select>
+        </div>
+        <div>
+          <label class="block text-sm font-medium text-gray-700 mb-1">Path</label>
+          <input name="path" type="text" value="/" class="w-full border rounded p-2 text-sm font-mono" placeholder="/api/test" />
+        </div>
+      </div>
+      <div>
+        <label class="block text-sm font-medium text-gray-700 mb-1">Content-Type</label>
+        <select name="contentType" class="w-full border rounded p-2 text-sm">
+          <option value="application/json">application/json</option>
+          <option value="text/plain">text/plain</option>
+          <option value="application/x-www-form-urlencoded">application/x-www-form-urlencoded</option>
+          <option value="application/xml">application/xml</option>
+        </select>
+      </div>
+      <div>
+        <label class="block text-sm font-medium text-gray-700 mb-1">Headers (one per line: Key: Value)</label>
+        <textarea name="headers" rows="2" class="w-full border rounded p-2 text-sm font-mono" placeholder="Authorization: Bearer token123"></textarea>
+      </div>
+      <div>
+        <label class="block text-sm font-medium text-gray-700 mb-1">Body</label>
+        <textarea name="body" rows="3" class="w-full border rounded p-2 text-sm font-mono" placeholder='{"key": "value"}'></textarea>
+      </div>
+      <button type="submit" class="bg-indigo-600 text-white px-4 py-2 rounded hover:bg-indigo-700 text-sm">Send Request</button>
+    </form>
+    <div id="test-result" class="mt-3"></div>
+  </details>`;
+const filterBar = () => html`<div class="bg-white rounded-lg shadow p-4 mb-6">
+    <form hx-get="/_admin/requests/list" hx-target="#request-table-body" hx-swap="innerHTML" class="flex flex-wrap gap-3 items-end">
+      <div>
+        <label class="block text-xs text-gray-500 mb-1">Method</label>
+        <select name="method" class="border rounded p-1.5 text-sm">
+          <option value="">All</option>
+          <option value="GET">GET</option>
+          <option value="POST">POST</option>
+          <option value="PUT">PUT</option>
+          <option value="PATCH">PATCH</option>
+          <option value="DELETE">DELETE</option>
+        </select>
+      </div>
+      <div>
+        <label class="block text-xs text-gray-500 mb-1">Path</label>
+        <input name="path" type="text" class="border rounded p-1.5 text-sm font-mono w-40" placeholder="/api/..." />
+      </div>
+      <div>
+        <label class="block text-xs text-gray-500 mb-1">Status</label>
+        <input name="status" type="text" class="border rounded p-1.5 text-sm font-mono w-20" placeholder="200" />
+      </div>
+      <button type="submit" class="bg-indigo-600 text-white px-3 py-1.5 rounded hover:bg-indigo-700 text-sm">Filter</button>
+      <button type="button" hx-delete="/_admin/requests" hx-target="#request-table-body" hx-swap="innerHTML" hx-confirm="Clear all request logs?" class="bg-red-50 text-red-600 border border-red-200 px-3 py-1.5 rounded hover:bg-red-100 text-sm ml-auto">Clear Log</button>
+    </form>
+  </div>`;
+export const requestsPage = data => {
+  const content = html`
+    ${testRequestForm(data.config.port)}
+    ${filterBar()}
+    <div class="bg-white rounded-lg shadow overflow-x-auto">
+      <table class="w-full text-left">
+        <thead>
+          <tr class="text-xs text-gray-500 uppercase border-b">
+            <th class="py-2 px-3">Time</th>
+            <th class="py-2 px-3">Method</th>
+            <th class="py-2 px-3">Path</th>
+            <th class="py-2 px-3">Status</th>
+            <th class="py-2 px-3">Stub</th>
+            <th class="py-2 px-3">Duration</th>
+            <th class="py-2 px-3"></th>
+          </tr>
+        </thead>
+        <tbody id="request-table-body">
+          ${raw(requestTablePartial(data.entries.slice().reverse()).value)}
+        </tbody>
+      </table>
+    </div>`;
+  return layout({
+    title: `${data.config.name} — Requests`,
+    imposterName: data.config.name,
+    port: data.config.port,
+    activeTab: "requests"
+  }, content);
+};
+export const testResultPartial = result => {
+  const headerRows = Object.entries(result.headers).map(([k, v]) => html`<tr class="border-t"><td class="py-1 px-2 text-xs font-mono text-gray-600">${k}</td><td class="py-1 px-2 text-xs font-mono">${v}</td></tr>`);
+  return html`<div class="bg-gray-50 rounded p-3 border">
+    <div class="flex items-center gap-3 mb-2">
+      <span class="font-semibold text-sm">Response</span>
+      ${statusBadge(result.status)}
+      <span class="text-xs text-gray-500">${String(result.duration)}ms</span>
+    </div>
+    ${headerRows.length > 0 ? html`<table class="w-full mb-2"><thead><tr class="text-xs text-gray-500"><th class="text-left px-2">Header</th><th class="text-left px-2">Value</th></tr></thead><tbody>${headerRows.reduce((a, r) => html`${a}${r}`, html``)}</tbody></table>` : html``}
+    <pre class="bg-white border rounded p-2 text-xs font-mono overflow-x-auto whitespace-pre-wrap max-h-64 overflow-y-auto">${result.body || "(empty body)"}</pre>
+  </div>`;
+};
+//# sourceMappingURL=requests.js.map

package/dist/esm/ui/pages/requests.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"requests.js","names":["html","raw","layout","requestTablePartial","statusBadge","testRequestForm","_port","filterBar","requestsPage","data","content","config","port","entries","slice","reverse","value","title","name","imposterName","activeTab","testResultPartial","result","headerRows","Object","headers","map","k","v","status","String","duration","length","reduce","a","r","body"],"sources":["../../../../src/ui/pages/requests.ts"],"sourcesContent":[null],"mappings":"AAEA,SAASA,IAAI,EAAEC,GAAG,QAAQ,SAAS;AAEnC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,mBAAmB,EAAEC,WAAW,QAAQ,aAAa;AAO9D,MAAMC,eAAe,GAAIC,KAAa,IACpCN,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAyCO;AAEb,MAAMO,SAAS,GAAGA,CAAA,KAChBP,IAAI;;;;;;;;;;;;;;;;;;;;;;;;SAwBG;AAET,OAAO,MAAMQ,YAAY,GAAIC,IAAsB,IAAc;EAC/D,MAAMC,OAAO,GAAGV,IAAI;MAChBK,eAAe,CAACI,IAAI,CAACE,MAAM,CAACC,IAAI,CAAC;MACjCL,SAAS,EAAE;;;;;;;;;;;;;;;YAeLN,GAAG,CAACE,mBAAmB,CAACM,IAAI,CAACI,OAAO,CAACC,KAAK,EAAE,CAACC,OAAO,EAAE,CAAC,CAACC,KAAK,CAAC;;;WAG/D;EAET,OAAOd,MAAM,CACX;IACEe,KAAK,EAAE,GAAGR,IAAI,CAACE,MAAM,CAACO,IAAI,aAAa;IACvCC,YAAY,EAAEV,IAAI,CAACE,MAAM,CAACO,IAAI;IAC9BN,IAAI,EAAEH,IAAI,CAACE,MAAM,CAACC,IAAI;IACtBQ,SAAS,EAAE;GACZ,EACDV,OAAO,CACR;AACH,CAAC;AAED,OAAO,MAAMW,iBAAiB,GAC5BC,MAA2F,IAC/E;EACZ,MAAMC,UAAU,GAAGC,MAAM,CAACX,OAAO,CAACS,MAAM,CAACG,OAAO,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,CAAC,EAAEC,CAAC,CAAC,KAC3D5B,IAAI,8EAA8E2B,CAAC,gDAAgDC,CAAC,YAAY,CACjJ;EACD,OAAO5B,IAAI;;;QAGLI,WAAW,CAACkB,MAAM,CAACO,MAAM,CAAC;4CACUC,MAAM,CAACR,MAAM,CAACS,QAAQ,CAAC;;MAG/DR,UAAU,CAACS,MAAM,GAAG,CAAC,GACjBhC,IAAI,sKACJuB,UAAU,CAACU,MAAM,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKnC,IAAI,GAAGkC,CAAC,GAAGC,CAAC,EAAE,EAAEnC,IAAI,EAAE,CACpD,kBAAkB,GAChBA,IAAI,EACV;8HAEEsB,MAAM,CAACc,IAAI,IAAI,cACjB;SACO;AACT,CAAC","ignoreList":[]}

package/dist/esm/ui/pages/stubs.js

@@ -0,0 +1,39 @@
+import { html, raw } from "../html";
+import { layout } from "../layout";
+import { stubListPartial } from "../partials";
+const addStubForm = () => html`<div class="bg-white rounded-lg shadow p-4 mb-6">
+    <h2 class="text-lg font-semibold mb-3">Add Stub</h2>
+    <form hx-post="/_admin/stubs" hx-target="#stub-list" hx-swap="innerHTML" hx-on::after-request="if(event.detail.successful) this.reset()">
+      <div class="mb-3">
+        <label class="block text-sm font-medium text-gray-700 mb-1">Predicates (JSON array)</label>
+        <textarea name="predicates" rows="3" class="w-full border rounded p-2 font-mono text-sm" placeholder="[]">[]</textarea>
+      </div>
+      <div class="mb-3">
+        <label class="block text-sm font-medium text-gray-700 mb-1">Responses (JSON array, at least 1)</label>
+        <textarea name="responses" rows="4" class="w-full border rounded p-2 font-mono text-sm" placeholder='[{"status": 200, "body": {}}]'></textarea>
+      </div>
+      <div class="mb-3">
+        <label class="block text-sm font-medium text-gray-700 mb-1">Response Mode</label>
+        <select name="responseMode" class="border rounded p-2 text-sm">
+          <option value="sequential">sequential</option>
+          <option value="random">random</option>
+          <option value="repeat">repeat</option>
+        </select>
+      </div>
+      <button type="submit" class="bg-indigo-600 text-white px-4 py-2 rounded hover:bg-indigo-700 text-sm">Add Stub</button>
+    </form>
+  </div>`;
+export const stubsPage = data => {
+  const content = html`
+    ${addStubForm()}
+    <div id="stub-list">
+      ${raw(stubListPartial(data.stubs).value)}
+    </div>`;
+  return layout({
+    title: `${data.config.name} — Stubs`,
+    imposterName: data.config.name,
+    port: data.config.port,
+    activeTab: "stubs"
+  }, content);
+};
+//# sourceMappingURL=stubs.js.map

package/dist/esm/ui/pages/stubs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stubs.js","names":["html","raw","layout","stubListPartial","addStubForm","stubsPage","data","content","stubs","value","title","config","name","imposterName","port","activeTab"],"sources":["../../../../src/ui/pages/stubs.ts"],"sourcesContent":[null],"mappings":"AAEA,SAASA,IAAI,EAAEC,GAAG,QAAQ,SAAS;AACnC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,eAAe,QAAQ,aAAa;AAO7C,MAAMC,WAAW,GAAGA,CAAA,KAClBJ,IAAI;;;;;;;;;;;;;;;;;;;;;SAqBG;AAET,OAAO,MAAMK,SAAS,GAAIC,IAAmB,IAAI;EAC/C,MAAMC,OAAO,GAAGP,IAAI;MAChBI,WAAW,EAAE;;QAEXH,GAAG,CAACE,eAAe,CAACG,IAAI,CAACE,KAAK,CAAC,CAACC,KAAK,CAAC;WACnC;EAET,OAAOP,MAAM,CACX;IACEQ,KAAK,EAAE,GAAGJ,IAAI,CAACK,MAAM,CAACC,IAAI,UAAU;IACpCC,YAAY,EAAEP,IAAI,CAACK,MAAM,CAACC,IAAI;IAC9BE,IAAI,EAAER,IAAI,CAACK,MAAM,CAACG,IAAI;IACtBC,SAAS,EAAE;GACZ,EACDR,OAAO,CACR;AACH,CAAC","ignoreList":[]}