@useago/sdk 0.3.1 → 0.3.3

package/dist/angular.js

@@ -1,141 +1,73 @@
-import { t as AgoClient } from "./AgoClient-CNT-8sh_.js";
-//#region src/angular/ago.service.ts
-/**
-* Angular-style service wrapping AgoClient.
-* Provides RxJS-like Observables for streaming events and standard Promise-based methods.
-*
-* Usage with Angular DI:
-* ```ts
-* import { provideAgo, AgoService } from "@useago/sdk/angular";
-*
-* // In providers array:
-* provideAgo({ baseUrl: "https://YOUR-DOMAIN.useago.com" })
-*
-* // In component:
-* @Component({...})
-* export class ChatComponent {
-*   private ago = inject(AgoService);
-*   messages$ = this.ago.messages$;
-* }
-* ```
-*
-* Works without Angular DI too — just instantiate directly:
-* ```ts
-* const ago = new AgoService({ baseUrl: "https://YOUR-DOMAIN.useago.com" });
-* ```
-*/
-var AgoService = class {
-	constructor(config) {
-		this.client = new AgoClient(config);
-		this.messages$ = this.fromEvent("message:complete");
-		this.chunks$ = this.fromEvent("message:chunk");
-		this.errors$ = this.fromEvent("message:error");
-		this.messageStart$ = this.fromEvent("message:start");
-	}
-	/** Create a minimal Observable from an AgoClient event */
-	fromEvent(event) {
-		const client = this.client;
-		return { subscribe(observer) {
-			const handler = (data) => {
-				observer.next?.(data);
-			};
-			client.on(event, handler);
-			return { unsubscribe: () => client.off(event, handler) };
-		} };
-	}
-	/** Send a message and get a streaming response */
-	sendMessage(content, options) {
-		return this.client.sendMessage(content, options);
-	}
-	/** Get all conversations */
-	getConversations() {
-		return this.client.getConversations();
-	}
-	/** Get a specific conversation with messages */
-	getConversation(id) {
-		return this.client.getConversation(id);
-	}
-	/** Get messages for a conversation */
-	getMessages(conversationId) {
-		return this.client.getMessages(conversationId);
-	}
-	/** Submit form data for a tool call */
-	submitToolCallForm(toolCallId, formData) {
-		return this.client.submitToolCallForm(toolCallId, formData);
-	}
-	/** Confirm a tool call */
-	confirmToolCall(toolCallId) {
-		return this.client.confirmToolCall(toolCallId);
-	}
-	/** Reject a tool call */
-	rejectToolCall(toolCallId) {
-		return this.client.rejectToolCall(toolCallId);
-	}
-	/** Submit feedback for a message */
-	submitFeedback(messageId, rating) {
-		return this.client.submitFeedback(messageId, rating);
-	}
-	registerFunction(nameOrDef, handler, schema) {
-		if (typeof nameOrDef === "object") this.client.registerFunction(nameOrDef);
-		else this.client.registerFunction(nameOrDef, handler, schema);
-	}
-	/** Unregister a client-side function */
-	unregisterFunction(name) {
-		return this.client.unregisterFunction(name);
-	}
-	/** Register navigation routes */
-	registerNavigationFunction(navigate, routes) {
-		this.client.registerNavigationFunction(navigate, routes);
-	}
-	/** Subscribe to a client event */
-	on(event, handler) {
-		this.client.on(event, handler);
-	}
-	/** Unsubscribe from a client event */
-	off(event, handler) {
-		this.client.off(event, handler);
-	}
-	/** Update client config */
-	updateConfig(config) {
-		this.client.updateConfig(config);
-	}
-	/** Get the underlying AgoClient instance */
-	getClient() {
-		return this.client;
-	}
-	/** Destroy the service and clean up resources */
-	destroy() {
-		this.client.destroy();
-	}
+import { t as o } from "./AgoClient-DF7M2WAz.js";
+var n = class {
+  constructor(t) {
+    this.client = new o(t), this.messages$ = this.fromEvent("message:complete"), this.chunks$ = this.fromEvent("message:chunk"), this.errors$ = this.fromEvent("message:error"), this.messageStart$ = this.fromEvent("message:start");
+  }
+  fromEvent(t) {
+    const e = this.client;
+    return { subscribe(i) {
+      const s = (r) => {
+        i.next?.(r);
+      };
+      return e.on(t, s), { unsubscribe: () => e.off(t, s) };
+    } };
+  }
+  sendMessage(t, e) {
+    return this.client.sendMessage(t, e);
+  }
+  getConversations() {
+    return this.client.getConversations();
+  }
+  getConversation(t) {
+    return this.client.getConversation(t);
+  }
+  getMessages(t) {
+    return this.client.getMessages(t);
+  }
+  submitToolCallForm(t, e) {
+    return this.client.submitToolCallForm(t, e);
+  }
+  confirmToolCall(t) {
+    return this.client.confirmToolCall(t);
+  }
+  rejectToolCall(t) {
+    return this.client.rejectToolCall(t);
+  }
+  submitFeedback(t, e) {
+    return this.client.submitFeedback(t, e);
+  }
+  registerFunction(t, e, i) {
+    typeof t == "object" ? this.client.registerFunction(t) : this.client.registerFunction(t, e, i);
+  }
+  unregisterFunction(t) {
+    return this.client.unregisterFunction(t);
+  }
+  registerNavigationFunction(t, e) {
+    this.client.registerNavigationFunction(t, e);
+  }
+  on(t, e) {
+    this.client.on(t, e);
+  }
+  off(t, e) {
+    this.client.off(t, e);
+  }
+  updateConfig(t) {
+    this.client.updateConfig(t);
+  }
+  getClient() {
+    return this.client;
+  }
+  destroy() {
+    this.client.destroy();
+  }
 };
-//#endregion
-//#region src/angular/provide.ts
-/**
-* Factory function that returns an Angular-compatible provider.
-* Use in your app's `providers` array or `bootstrapApplication`:
-*
-* ```ts
-* import { provideAgo, AgoService } from "@useago/sdk/angular";
-*
-* bootstrapApplication(AppComponent, {
-*   providers: [provideAgo({ baseUrl: "https://YOUR-DOMAIN.useago.com" })],
-* });
-*
-* // Then inject in any component:
-* const ago = inject(AgoService);
-* ```
-*
-* Returns a provider tuple compatible with Angular's DI.
-* Since this package avoids a hard Angular dependency, the provider
-* is returned as a plain object — Angular's injector accepts this format.
-*/
-function provideAgo(options) {
-	return {
-		provide: AgoService,
-		useValue: new AgoService(options)
-	};
+function l(t) {
+  return {
+    provide: n,
+    useValue: new n(t)
+  };
 }
-//#endregion
-export { AgoService, provideAgo };
-
-//# sourceMappingURL=angular.js.map
+export {
+  n as AgoService,
+  l as provideAgo
+};

package/dist/createMockClient-D6uVh-B9.js

@@ -0,0 +1,254 @@
+import { s as _ } from "./AgoClient-DF7M2WAz.js";
+function N(d, n) {
+  const f = n ? n.storage ?? (typeof localStorage < "u" ? localStorage : void 0) : void 0;
+  let m = d;
+  if (n && f) try {
+    const a = f.getItem(n.key);
+    a != null && (m = JSON.parse(a));
+  } catch {
+  }
+  const t = /* @__PURE__ */ new Set(), h = () => t.forEach((a) => a(m));
+  function v() {
+    if (n && f) try {
+      f.setItem(n.key, JSON.stringify(m));
+    } catch {
+    }
+  }
+  return {
+    get: () => m,
+    set: (a) => {
+      m = a, v(), h();
+    },
+    subscribe: (a) => (t.add(a), () => {
+      t.delete(a);
+    })
+  };
+}
+var S = /^[a-zA-Z0-9_-]{1,40}$/;
+function E(d) {
+  const { name: n, description: f, schema: m } = d;
+  if (!S.test(n)) throw new Error(`Invalid form collector name "${n}": must match ${S} (it becomes the update_/submit_ function names).`);
+  const t = typeof d.submit == "string" ? d.submit ? {
+    via: "client",
+    url: d.submit
+  } : !1 : d.submit ?? !1, h = m.properties ?? {}, v = m.required ?? [], a = (e) => e == null || e === "", s = (e) => v.filter((o) => a(e[o])), i = (e) => {
+    const o = {};
+    for (const [l, r] of Object.entries(e)) {
+      const b = h[l];
+      if (b)
+        if (r == null) o[l] = r;
+        else if (b.type === "number" || b.type === "integer") {
+          const F = typeof r == "number" ? r : Number(r);
+          o[l] = Number.isNaN(F) ? r : F;
+        } else b.type === "boolean" ? o[l] = typeof r == "boolean" ? r : r === "true" ? !0 : r === "false" ? !1 : !!r : o[l] = r;
+    }
+    return o;
+  }, c = d.initialValues ?? {}, g = s(c), u = N({
+    values: c,
+    missing: g,
+    complete: g.length === 0,
+    submitted: !1
+  }), y = (e) => {
+    const o = u.get(), l = {
+      ...o.values,
+      ...e
+    }, r = s(l), b = {
+      ...o,
+      values: l,
+      missing: r,
+      complete: r.length === 0
+    };
+    return u.set(b), b;
+  };
+  let p = null;
+  const C = async () => {
+    const e = u.get();
+    if (!e.complete) return {
+      ok: !1,
+      missing: e.missing
+    };
+    if (!t) return {
+      ok: !1,
+      error: "No submit target configured for this form collector."
+    };
+    const o = e.values;
+    try {
+      let l;
+      if (t.via === "client") if ("handler" in t) l = await t.handler(o);
+      else {
+        const r = await fetch(t.url, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          credentials: "include",
+          body: JSON.stringify(o)
+        });
+        if (!r.ok) return {
+          ok: !1,
+          error: `Submit failed: HTTP ${r.status}`
+        };
+        l = await r.json().catch(() => {
+        });
+      }
+      else {
+        if (!p) return {
+          ok: !1,
+          error: "Backend submit requires install(client) (or useFormCollector) first."
+        };
+        l = await p.submitFormCollector(t.destination, o);
+      }
+      return u.set({
+        ...u.get(),
+        submitted: !0
+      }), {
+        ok: !0,
+        result: l
+      };
+    } catch (l) {
+      const r = l instanceof Error ? l.message : "Submit failed";
+      return _.error(`FormCollector "${n}" submit failed:`, l), {
+        ok: !1,
+        error: r
+      };
+    }
+  }, k = [{
+    name: `update_${n}`,
+    description: `Fill or update fields of the "${n}" form. ${f} Pass any subset of fields; call it repeatedly to fill the form as the user provides information. Returns the current values and which required fields are still missing.`,
+    parameters: {
+      ...m,
+      required: []
+    },
+    handler: (e) => {
+      const o = y(i(e));
+      return {
+        ok: !0,
+        values: o.values,
+        missing: o.missing,
+        complete: o.complete
+      };
+    }
+  }];
+  t && k.push({
+    name: `submit_${n}`,
+    description: `Submit the completed "${n}" form. Only call this once every required field is collected and the user has confirmed. If fields are missing it returns them instead of submitting.`,
+    parameters: {
+      type: "object",
+      properties: {}
+    },
+    handler: () => C()
+  });
+  const w = `form:${n}`, $ = () => {
+    const e = u.get(), o = t ? ` When all required fields are present and the user confirms, call submit_${n}.` : "";
+    return {
+      name: `Form: ${n}`,
+      description: `Conversational form the assistant is helping fill. ${f} Use update_${n} to record fields; ask the user only for what is still missing.${o}`,
+      data: {
+        values: e.values,
+        missing: e.missing,
+        complete: e.complete,
+        submitted: e.submitted
+      }
+    };
+  };
+  return {
+    name: n,
+    store: u,
+    functions: k,
+    contextKey: w,
+    contextProvider: $,
+    install: (e) => {
+      p = e;
+      for (const o of k) e.register(o);
+      return e.addDynamicContext(w, $), () => {
+        for (const o of k) e.unregisterFunction(o.name);
+        e.removeDynamicContext(w), p === e && (p = null);
+      };
+    },
+    submit: C,
+    getValues: () => u.get().values,
+    setValues: (e) => {
+      y(i(e));
+    },
+    reset: () => {
+      const e = s(c);
+      u.set({
+        values: c,
+        missing: e,
+        complete: e.length === 0,
+        submitted: !1
+      });
+    }
+  };
+}
+function O(d = {}) {
+  const { overrides: n = {} } = d, f = {
+    id: "mock-msg-1",
+    conversationId: "mock-conv-1",
+    content: "Mock response",
+    role: "assistant",
+    status: "DONE",
+    createdAt: /* @__PURE__ */ new Date()
+  }, m = {
+    id: "mock-conv-1",
+    title: "Mock Conversation",
+    lastMessageDate: /* @__PURE__ */ new Date()
+  }, t = /* @__PURE__ */ new Map(), h = [], v = {
+    sendMessage: async () => f,
+    getConversations: async () => [m],
+    getConversation: async () => m,
+    getMessages: async () => [f],
+    submitToolCallForm: async () => {
+    },
+    confirmToolCall: async () => {
+    },
+    rejectToolCall: async () => {
+    },
+    submitFeedback: async () => {
+    },
+    registerFunction: () => {
+    },
+    unregisterFunction: () => !0,
+    getRegisteredFunctions: () => [],
+    registerNavigationFunction: () => {
+    },
+    on: (s, i) => {
+      t.has(s) || t.set(s, /* @__PURE__ */ new Set()), t.get(s).add(i);
+    },
+    off: (s, i) => {
+      t.get(s)?.delete(i);
+    },
+    once: (s, i) => {
+      const c = (...g) => {
+        t.get(s)?.delete(c), i(...g);
+      };
+      t.has(s) || t.set(s, /* @__PURE__ */ new Set()), t.get(s).add(c);
+    },
+    waitFor: (s, i) => new Promise((c, g) => {
+      let u;
+      const y = (p) => {
+        u && clearTimeout(u), t.get(s)?.delete(y), c(p);
+      };
+      t.has(s) || t.set(s, /* @__PURE__ */ new Set()), t.get(s).add(y), i?.timeout && (u = setTimeout(() => {
+        t.get(s)?.delete(y), g(/* @__PURE__ */ new Error(`waitFor("${s}") timed out after ${i.timeout}ms`));
+      }, i.timeout));
+    }),
+    updateConfig: () => {
+    },
+    destroy: () => {
+      t.clear();
+    },
+    ...n
+  }, a = {};
+  for (const [s, i] of Object.entries(v)) a[s] = (...c) => (h.push({
+    method: s,
+    args: c
+  }), i(...c));
+  return a.__calls = h, a.__callsFor = (s) => h.filter((i) => i.method === s), a.__emitEvent = (s, i) => {
+    const c = t.get(s);
+    c && [...c].forEach((g) => g(i));
+  }, a;
+}
+export {
+  E as n,
+  N as r,
+  O as t
+};

package/dist/createMockClient-DecMEUcK.cjs

@@ -0,0 +1 @@
+const M=require("./AgoClient-bjN-z2ZQ.cjs");function _(f,n){const d=n?n.storage??(typeof localStorage<"u"?localStorage:void 0):void 0;let m=f;if(n&&d)try{const a=d.getItem(n.key);a!=null&&(m=JSON.parse(a))}catch{}const t=new Set,b=()=>t.forEach(a=>a(m));function v(){if(n&&d)try{d.setItem(n.key,JSON.stringify(m))}catch{}}return{get:()=>m,set:a=>{m=a,v(),b()},subscribe:a=>(t.add(a),()=>{t.delete(a)})}}var S=/^[a-zA-Z0-9_-]{1,40}$/;function N(f){const{name:n,description:d,schema:m}=f;if(!S.test(n))throw new Error(`Invalid form collector name "${n}": must match ${S} (it becomes the update_/submit_ function names).`);const t=typeof f.submit=="string"?f.submit?{via:"client",url:f.submit}:!1:f.submit??!1,b=m.properties??{},v=m.required??[],a=e=>e==null||e==="",s=e=>v.filter(r=>a(e[r])),i=e=>{const r={};for(const[c,o]of Object.entries(e)){const p=b[c];if(p)if(o==null)r[c]=o;else if(p.type==="number"||p.type==="integer"){const F=typeof o=="number"?o:Number(o);r[c]=Number.isNaN(F)?o:F}else p.type==="boolean"?r[c]=typeof o=="boolean"?o:o==="true"?!0:o==="false"?!1:!!o:r[c]=o}return r},l=f.initialValues??{},g=s(l),u=_({values:l,missing:g,complete:g.length===0,submitted:!1}),y=e=>{const r=u.get(),c={...r.values,...e},o=s(c),p={...r,values:c,missing:o,complete:o.length===0};return u.set(p),p};let h=null;const C=async()=>{const e=u.get();if(!e.complete)return{ok:!1,missing:e.missing};if(!t)return{ok:!1,error:"No submit target configured for this form collector."};const r=e.values;try{let c;if(t.via==="client")if("handler"in t)c=await t.handler(r);else{const o=await fetch(t.url,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify(r)});if(!o.ok)return{ok:!1,error:`Submit failed: HTTP ${o.status}`};c=await o.json().catch(()=>{})}else{if(!h)return{ok:!1,error:"Backend submit requires install(client) (or useFormCollector) first."};c=await h.submitFormCollector(t.destination,r)}return u.set({...u.get(),submitted:!0}),{ok:!0,result:c}}catch(c){const o=c instanceof Error?c.message:"Submit failed";return M.logger.error(`FormCollector "${n}" submit failed:`,c),{ok:!1,error:o}}},k=[{name:`update_${n}`,description:`Fill or update fields of the "${n}" form. ${d} Pass any subset of fields; call it repeatedly to fill the form as the user provides information. Returns the current values and which required fields are still missing.`,parameters:{...m,required:[]},handler:e=>{const r=y(i(e));return{ok:!0,values:r.values,missing:r.missing,complete:r.complete}}}];t&&k.push({name:`submit_${n}`,description:`Submit the completed "${n}" form. Only call this once every required field is collected and the user has confirmed. If fields are missing it returns them instead of submitting.`,parameters:{type:"object",properties:{}},handler:()=>C()});const w=`form:${n}`,$=()=>{const e=u.get(),r=t?` When all required fields are present and the user confirms, call submit_${n}.`:"";return{name:`Form: ${n}`,description:`Conversational form the assistant is helping fill. ${d} Use update_${n} to record fields; ask the user only for what is still missing.${r}`,data:{values:e.values,missing:e.missing,complete:e.complete,submitted:e.submitted}}};return{name:n,store:u,functions:k,contextKey:w,contextProvider:$,install:e=>{h=e;for(const r of k)e.register(r);return e.addDynamicContext(w,$),()=>{for(const r of k)e.unregisterFunction(r.name);e.removeDynamicContext(w),h===e&&(h=null)}},submit:C,getValues:()=>u.get().values,setValues:e=>{y(i(e))},reset:()=>{const e=s(l);u.set({values:l,missing:e,complete:e.length===0,submitted:!1})}}}function O(f={}){const{overrides:n={}}=f,d={id:"mock-msg-1",conversationId:"mock-conv-1",content:"Mock response",role:"assistant",status:"DONE",createdAt:new Date},m={id:"mock-conv-1",title:"Mock Conversation",lastMessageDate:new Date},t=new Map,b=[],v={sendMessage:async()=>d,getConversations:async()=>[m],getConversation:async()=>m,getMessages:async()=>[d],submitToolCallForm:async()=>{},confirmToolCall:async()=>{},rejectToolCall:async()=>{},submitFeedback:async()=>{},registerFunction:()=>{},unregisterFunction:()=>!0,getRegisteredFunctions:()=>[],registerNavigationFunction:()=>{},on:(s,i)=>{t.has(s)||t.set(s,new Set),t.get(s).add(i)},off:(s,i)=>{t.get(s)?.delete(i)},once:(s,i)=>{const l=(...g)=>{t.get(s)?.delete(l),i(...g)};t.has(s)||t.set(s,new Set),t.get(s).add(l)},waitFor:(s,i)=>new Promise((l,g)=>{let u;const y=h=>{u&&clearTimeout(u),t.get(s)?.delete(y),l(h)};t.has(s)||t.set(s,new Set),t.get(s).add(y),i?.timeout&&(u=setTimeout(()=>{t.get(s)?.delete(y),g(new Error(`waitFor("${s}") timed out after ${i.timeout}ms`))},i.timeout))}),updateConfig:()=>{},destroy:()=>{t.clear()},...n},a={};for(const[s,i]of Object.entries(v))a[s]=(...l)=>(b.push({method:s,args:l}),i(...l));return a.__calls=b,a.__callsFor=s=>b.filter(i=>i.method===s),a.__emitEvent=(s,i)=>{const l=t.get(s);l&&[...l].forEach(g=>g(i))},a}Object.defineProperty(exports,"createFormCollector",{enumerable:!0,get:function(){return N}});Object.defineProperty(exports,"createMockClient",{enumerable:!0,get:function(){return O}});Object.defineProperty(exports,"createStore",{enumerable:!0,get:function(){return _}});

package/dist/devtools.cjs

@@ -0,0 +1,108 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var s,d,u=()=>({});function p(){s&&(s.textContent=JSON.stringify(u(),null,2))}function v(o,n){if(!d)return;const e=document.createElement("div");e.className=`dev-log-line dev-log-${n}`,e.textContent=`${new Date().toLocaleTimeString()}  ${o}`,d.appendChild(e),d.scrollTop=d.scrollHeight}var x="devPanelCollapsed";function r(o,n){o.classList.toggle("collapsed",n);const e=o.querySelector(".dev-toggle");e&&(e.textContent=n?"▢":"—",e.title=n?"Expand dev tools":"Collapse dev tools",e.setAttribute("aria-expanded",String(!n)));try{localStorage.setItem(x,n?"1":"0")}catch{}}function b(o){const{store:n,client:e,target:i}=o;u=n.get,m();const f=typeof i=="string"?document.querySelector(i):i instanceof Element?i:document.body,t=document.createElement("aside");t.id="dev-panel",(f??document.body).appendChild(t),t.innerHTML=`
+    <div class="dev-head">
+      <span class="dev-badge">DEV</span>
+      <span class="dev-title">DEV TOOLS · client-side function state — not for production</span>
+      <button type="button" class="dev-toggle" aria-label="Toggle dev tools">—</button>
+    </div>
+    <div class="dev-body">
+      <div class="dev-fns">Registered functions: <code>${(e.getRegisteredFunctions?.()??[]).map(l=>l.name).join(", ")||"—"}</code></div>
+      <div class="dev-section-label">JSON object (built by the agent)</div>
+      <pre class="dev-state" id="dev-state"></pre>
+      <div class="dev-section-label">Function calls</div>
+      <div class="dev-log" id="dev-log"></div>
+    </div>
+  `,s=t.querySelector("#dev-state"),d=t.querySelector("#dev-log"),t.querySelector(".dev-toggle")?.addEventListener("click",l=>{l.stopPropagation(),r(t,!t.classList.contains("collapsed"))}),t.addEventListener("click",()=>{t.classList.contains("collapsed")&&r(t,!1)});let c=!1;try{c=localStorage.getItem(x)==="1"}catch{}r(t,c),e.on("function:invoke",({functionName:l,arguments:a})=>{v(`→ ${l}(${JSON.stringify(a??{})})`,"invoke")}),e.on("function:result",({result:l,error:a})=>{v(a?`✗ error: ${a}`:`← ${JSON.stringify(l)}`,a?"error":"result")}),n.subscribe(p),p()}var g="dev-panel-styles";function m(){if(document.getElementById(g))return;const o=document.createElement("style");o.id=g,o.textContent=h,document.head.appendChild(o)}var h=`
+#dev-panel {
+  position: fixed;
+  top: 16px;
+  right: 16px;
+  width: min(360px, calc(100vw - 32px));
+  max-width: calc(100vw - 32px);
+  box-sizing: border-box;
+  max-height: calc(100vh - 32px);
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 12px 14px;
+  background: #0f1419;
+  color: #d7e0e8;
+  border: 1px solid #2a3441;
+  border-radius: 12px;
+  box-shadow: 0 20px 50px -20px rgba(0,0,0,.6);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 12px;
+  z-index: 1000;
+}
+#dev-panel .dev-head { display: flex; align-items: center; gap: 8px; }
+#dev-panel .dev-toggle {
+  margin-left: auto;
+  flex: none;
+  width: 22px;
+  height: 22px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: transparent;
+  color: #7c8a99;
+  border: 1px solid #2a3441;
+  border-radius: 6px;
+  font-size: 12px;
+  line-height: 1;
+  cursor: pointer;
+}
+#dev-panel .dev-toggle:hover { color: #d7e0e8; border-color: #3a4655; }
+#dev-panel .dev-body { display: flex; flex-direction: column; gap: 8px; }
+
+/* Collapsed: shrink to a small clickable widget showing only the DEV badge. */
+#dev-panel.collapsed {
+  width: auto;
+  cursor: pointer;
+  padding: 8px 10px;
+}
+#dev-panel.collapsed .dev-title,
+#dev-panel.collapsed .dev-body { display: none; }
+#dev-panel.collapsed .dev-toggle { margin-left: 6px; }
+#dev-panel .dev-badge {
+  background: #f59e0b;
+  color: #1c1206;
+  font-weight: 700;
+  font-size: 10px;
+  letter-spacing: .08em;
+  padding: 2px 6px;
+  border-radius: 5px;
+}
+#dev-panel .dev-title { color: #f59e0b; font-size: 11px; line-height: 1.3; }
+#dev-panel .dev-fns { color: #7c8a99; font-size: 11px; }
+#dev-panel .dev-fns code { color: #9ecbff; }
+#dev-panel .dev-section-label {
+  color: #7c8a99;
+  text-transform: uppercase;
+  letter-spacing: .08em;
+  font-size: 10px;
+  margin-top: 4px;
+}
+#dev-panel .dev-state {
+  margin: 0;
+  padding: 8px;
+  background: #060a0e;
+  border-radius: 8px;
+  overflow: auto;
+  max-height: 40vh;
+  white-space: pre;
+  color: #c8e6c9;
+}
+#dev-panel .dev-log {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  overflow-y: auto;
+  max-height: 24vh;
+  background: #060a0e;
+  border-radius: 8px;
+  padding: 6px 8px;
+}
+#dev-panel .dev-log-line { white-space: pre-wrap; word-break: break-word; line-height: 1.4; }
+#dev-panel .dev-log-invoke { color: #9ecbff; }
+#dev-panel .dev-log-result { color: #86efac; }
+#dev-panel .dev-log-error { color: #fca5a5; }
+`;exports.initDevPanel=b;