@useago/sdk 0.3.2 → 0.3.3

package/dist/angular.js

@@ -1,141 +1,73 @@
-import { t as AgoClient } from "./AgoClient-DPZdN5n2.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

@@ -1,87 +1,17 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-//#region src/devtools/initDevPanel.ts
-var stateEl;
-var logEl;
-var getStateFn = () => ({});
-function renderState() {
-	if (!stateEl) return;
-	stateEl.textContent = JSON.stringify(getStateFn(), null, 2);
-}
-function logLine(text, kind) {
-	if (!logEl) return;
-	const line = document.createElement("div");
-	line.className = `dev-log-line dev-log-${kind}`;
-	line.textContent = `${(/* @__PURE__ */ new Date()).toLocaleTimeString()}  ${text}`;
-	logEl.appendChild(line);
-	logEl.scrollTop = logEl.scrollHeight;
-}
-var COLLAPSE_KEY = "devPanelCollapsed";
-function setCollapsed(panel, collapsed) {
-	panel.classList.toggle("collapsed", collapsed);
-	const toggle = panel.querySelector(".dev-toggle");
-	if (toggle) {
-		toggle.textContent = collapsed ? "▢" : "—";
-		toggle.title = collapsed ? "Expand dev tools" : "Collapse dev tools";
-		toggle.setAttribute("aria-expanded", String(!collapsed));
-	}
-	try {
-		localStorage.setItem(COLLAPSE_KEY, collapsed ? "1" : "0");
-	} catch {}
-}
-function initDevPanel(options) {
-	const { store, client, target } = options;
-	getStateFn = store.get;
-	injectStyles();
-	const host = typeof target === "string" ? document.querySelector(target) : target instanceof Element ? target : document.body;
-	const panel = document.createElement("aside");
-	panel.id = "dev-panel";
-	(host ?? document.body).appendChild(panel);
-	panel.innerHTML = `
+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>${(client.getRegisteredFunctions?.() ?? []).map((f) => f.name).join(", ") || "—"}</code></div>
+      <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>
-  `;
-	stateEl = panel.querySelector("#dev-state");
-	logEl = panel.querySelector("#dev-log");
-	panel.querySelector(".dev-toggle")?.addEventListener("click", (e) => {
-		e.stopPropagation();
-		setCollapsed(panel, !panel.classList.contains("collapsed"));
-	});
-	panel.addEventListener("click", () => {
-		if (panel.classList.contains("collapsed")) setCollapsed(panel, false);
-	});
-	let startCollapsed = false;
-	try {
-		startCollapsed = localStorage.getItem(COLLAPSE_KEY) === "1";
-	} catch {}
-	setCollapsed(panel, startCollapsed);
-	client.on("function:invoke", ({ functionName, arguments: args }) => {
-		logLine(`→ ${functionName}(${JSON.stringify(args ?? {})})`, "invoke");
-	});
-	client.on("function:result", ({ result, error }) => {
-		logLine(error ? `✗ error: ${error}` : `← ${JSON.stringify(result)}`, error ? "error" : "result");
-	});
-	store.subscribe(renderState);
-	renderState();
-}
-var STYLE_ID = "dev-panel-styles";
-function injectStyles() {
-	if (document.getElementById(STYLE_ID)) return;
-	const style = document.createElement("style");
-	style.id = STYLE_ID;
-	style.textContent = PANEL_CSS;
-	document.head.appendChild(style);
-}
-var PANEL_CSS = `
+  `,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;
@@ -175,8 +105,4 @@ var PANEL_CSS = `
 #dev-panel .dev-log-invoke { color: #9ecbff; }
 #dev-panel .dev-log-result { color: #86efac; }
 #dev-panel .dev-log-error { color: #fca5a5; }
-`;
-//#endregion
-exports.initDevPanel = initDevPanel;
-
-//# sourceMappingURL=devtools.cjs.map
+`;exports.initDevPanel=b;