@useago/sdk 0.3.2 → 0.3.4

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/createFormCollector-ClzHfaBd.js

@@ -0,0 +1,185 @@
+import { s as _ } from "./AgoClient-DF7M2WAz.js";
+function q(c, r) {
+  const u = r ? r.storage ?? (typeof localStorage < "u" ? localStorage : void 0) : void 0;
+  let a = c;
+  if (r && u) try {
+    const o = u.getItem(r.key);
+    o != null && (a = JSON.parse(o));
+  } catch {
+  }
+  const n = /* @__PURE__ */ new Set(), p = () => n.forEach((o) => o(a));
+  function b() {
+    if (r && u) try {
+      u.setItem(r.key, JSON.stringify(a));
+    } catch {
+    }
+  }
+  return {
+    get: () => a,
+    set: (o) => {
+      a = o, b(), p();
+    },
+    subscribe: (o) => (n.add(o), () => {
+      n.delete(o);
+    })
+  };
+}
+var N = /^[a-zA-Z0-9_-]{1,40}$/;
+function E(c) {
+  const { name: r, description: u, schema: a } = c;
+  if (!N.test(r)) throw new Error(`Invalid form collector name "${r}": must match ${N} (it becomes the update_/submit_ function names).`);
+  const n = typeof c.submit == "string" ? c.submit ? {
+    via: "client",
+    url: c.submit
+  } : !1 : c.submit ?? !1, p = a.properties ?? {}, b = a.required ?? [], o = (e) => e == null || e === "", h = (e) => b.filter((t) => o(e[t])), v = (e) => {
+    const t = {};
+    for (const [i, s] of Object.entries(e)) {
+      const m = p[i];
+      if (m)
+        if (s == null) t[i] = s;
+        else if (m.type === "number" || m.type === "integer") {
+          const C = typeof s == "number" ? s : Number(s);
+          t[i] = Number.isNaN(C) ? s : C;
+        } else m.type === "boolean" ? t[i] = typeof s == "boolean" ? s : s === "true" ? !0 : s === "false" ? !1 : !!s : t[i] = s;
+    }
+    return t;
+  }, d = c.initialValues ?? {}, $ = h(d), l = q({
+    values: d,
+    missing: $,
+    complete: $.length === 0,
+    submitted: !1
+  }), k = (e) => {
+    const t = l.get(), i = {
+      ...t.values,
+      ...e
+    }, s = h(i), m = {
+      ...t,
+      values: i,
+      missing: s,
+      complete: s.length === 0
+    };
+    return l.set(m), m;
+  };
+  let f = null;
+  const S = async () => {
+    const e = l.get();
+    if (!e.complete) return {
+      ok: !1,
+      missing: e.missing
+    };
+    if (!n) return {
+      ok: !1,
+      error: "No submit target configured for this form collector."
+    };
+    const t = e.values;
+    try {
+      let i;
+      if (n.via === "client") if ("handler" in n) i = await n.handler(t);
+      else {
+        const s = await fetch(n.url, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          credentials: "include",
+          body: JSON.stringify(t)
+        });
+        if (!s.ok) return {
+          ok: !1,
+          error: `Submit failed: HTTP ${s.status}`
+        };
+        i = await s.json().catch(() => {
+        });
+      }
+      else {
+        if (!f) return {
+          ok: !1,
+          error: "Backend submit requires install(client) (or useFormCollector) first."
+        };
+        i = await f.submitFormCollector(n.destination, t);
+      }
+      return l.set({
+        ...l.get(),
+        submitted: !0
+      }), {
+        ok: !0,
+        result: i
+      };
+    } catch (i) {
+      const s = i instanceof Error ? i.message : "Submit failed";
+      return _.error(`FormCollector "${r}" submit failed:`, i), {
+        ok: !1,
+        error: s
+      };
+    }
+  }, g = [{
+    name: `update_${r}`,
+    description: `Fill or update fields of the "${r}" form. ${u} 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: {
+      ...a,
+      required: []
+    },
+    handler: (e) => {
+      const t = k(v(e));
+      return {
+        ok: !0,
+        values: t.values,
+        missing: t.missing,
+        complete: t.complete
+      };
+    }
+  }];
+  n && g.push({
+    name: `submit_${r}`,
+    description: `Submit the completed "${r}" 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: () => S()
+  });
+  const y = `form:${r}`, w = () => {
+    const e = l.get(), t = n ? ` When all required fields are present and the user confirms, call submit_${r}.` : "";
+    return {
+      name: `Form: ${r}`,
+      description: `Conversational form the assistant is helping fill. ${u} Use update_${r} to record fields; ask the user only for what is still missing.${t}`,
+      data: {
+        values: e.values,
+        missing: e.missing,
+        complete: e.complete,
+        submitted: e.submitted
+      }
+    };
+  };
+  return {
+    name: r,
+    store: l,
+    functions: g,
+    contextKey: y,
+    contextProvider: w,
+    install: (e) => {
+      f = e;
+      for (const t of g) e.register(t);
+      return e.addDynamicContext(y, w), () => {
+        for (const t of g) e.unregisterFunction(t.name);
+        e.removeDynamicContext(y), f === e && (f = null);
+      };
+    },
+    submit: S,
+    getValues: () => l.get().values,
+    setValues: (e) => {
+      k(v(e));
+    },
+    reset: () => {
+      const e = h(d);
+      l.set({
+        values: d,
+        missing: e,
+        complete: e.length === 0,
+        submitted: !1
+      });
+    }
+  };
+}
+export {
+  q as n,
+  E as t
+};

package/dist/createFormCollector-H4Me_2uj.cjs

@@ -0,0 +1 @@
+const _=require("./AgoClient-bjN-z2ZQ.cjs");function q(u,s){const c=s?s.storage??(typeof localStorage<"u"?localStorage:void 0):void 0;let a=u;if(s&&c)try{const o=c.getItem(s.key);o!=null&&(a=JSON.parse(o))}catch{}const i=new Set,b=()=>i.forEach(o=>o(a));function p(){if(s&&c)try{c.setItem(s.key,JSON.stringify(a))}catch{}}return{get:()=>a,set:o=>{a=o,p(),b()},subscribe:o=>(i.add(o),()=>{i.delete(o)})}}var N=/^[a-zA-Z0-9_-]{1,40}$/;function F(u){const{name:s,description:c,schema:a}=u;if(!N.test(s))throw new Error(`Invalid form collector name "${s}": must match ${N} (it becomes the update_/submit_ function names).`);const i=typeof u.submit=="string"?u.submit?{via:"client",url:u.submit}:!1:u.submit??!1,b=a.properties??{},p=a.required??[],o=e=>e==null||e==="",h=e=>p.filter(t=>o(e[t])),v=e=>{const t={};for(const[n,r]of Object.entries(e)){const m=b[n];if(m)if(r==null)t[n]=r;else if(m.type==="number"||m.type==="integer"){const w=typeof r=="number"?r:Number(r);t[n]=Number.isNaN(w)?r:w}else m.type==="boolean"?t[n]=typeof r=="boolean"?r:r==="true"?!0:r==="false"?!1:!!r:t[n]=r}return t},d=u.initialValues??{},$=h(d),l=q({values:d,missing:$,complete:$.length===0,submitted:!1}),S=e=>{const t=l.get(),n={...t.values,...e},r=h(n),m={...t,values:n,missing:r,complete:r.length===0};return l.set(m),m};let f=null;const k=async()=>{const e=l.get();if(!e.complete)return{ok:!1,missing:e.missing};if(!i)return{ok:!1,error:"No submit target configured for this form collector."};const t=e.values;try{let n;if(i.via==="client")if("handler"in i)n=await i.handler(t);else{const r=await fetch(i.url,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify(t)});if(!r.ok)return{ok:!1,error:`Submit failed: HTTP ${r.status}`};n=await r.json().catch(()=>{})}else{if(!f)return{ok:!1,error:"Backend submit requires install(client) (or useFormCollector) first."};n=await f.submitFormCollector(i.destination,t)}return l.set({...l.get(),submitted:!0}),{ok:!0,result:n}}catch(n){const r=n instanceof Error?n.message:"Submit failed";return _.logger.error(`FormCollector "${s}" submit failed:`,n),{ok:!1,error:r}}},g=[{name:`update_${s}`,description:`Fill or update fields of the "${s}" form. ${c} 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:{...a,required:[]},handler:e=>{const t=S(v(e));return{ok:!0,values:t.values,missing:t.missing,complete:t.complete}}}];i&&g.push({name:`submit_${s}`,description:`Submit the completed "${s}" 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:()=>k()});const y=`form:${s}`,C=()=>{const e=l.get(),t=i?` When all required fields are present and the user confirms, call submit_${s}.`:"";return{name:`Form: ${s}`,description:`Conversational form the assistant is helping fill. ${c} Use update_${s} to record fields; ask the user only for what is still missing.${t}`,data:{values:e.values,missing:e.missing,complete:e.complete,submitted:e.submitted}}};return{name:s,store:l,functions:g,contextKey:y,contextProvider:C,install:e=>{f=e;for(const t of g)e.register(t);return e.addDynamicContext(y,C),()=>{for(const t of g)e.unregisterFunction(t.name);e.removeDynamicContext(y),f===e&&(f=null)}},submit:k,getValues:()=>l.get().values,setValues:e=>{S(v(e))},reset:()=>{const e=h(d);l.set({values:d,missing:e,complete:e.length===0,submitted:!1})}}}Object.defineProperty(exports,"createFormCollector",{enumerable:!0,get:function(){return F}});Object.defineProperty(exports,"createStore",{enumerable:!0,get:function(){return q}});

package/dist/createMockClient-C50gjV0b.js

@@ -0,0 +1,71 @@
+function w(g = {}) {
+  const { overrides: m = {} } = g, d = {
+    id: "mock-msg-1",
+    conversationId: "mock-conv-1",
+    content: "Mock response",
+    role: "assistant",
+    status: "DONE",
+    createdAt: /* @__PURE__ */ new Date()
+  }, l = {
+    id: "mock-conv-1",
+    title: "Mock Conversation",
+    lastMessageDate: /* @__PURE__ */ new Date()
+  }, t = /* @__PURE__ */ new Map(), i = [], u = {
+    sendMessage: async () => d,
+    getConversations: async () => [l],
+    getConversation: async () => l,
+    getMessages: async () => [d],
+    submitToolCallForm: async () => {
+    },
+    confirmToolCall: async () => {
+    },
+    rejectToolCall: async () => {
+    },
+    submitFeedback: async () => {
+    },
+    registerFunction: () => {
+    },
+    unregisterFunction: () => !0,
+    getRegisteredFunctions: () => [],
+    registerNavigationFunction: () => {
+    },
+    on: (e, o) => {
+      t.has(e) || t.set(e, /* @__PURE__ */ new Set()), t.get(e).add(o);
+    },
+    off: (e, o) => {
+      t.get(e)?.delete(o);
+    },
+    once: (e, o) => {
+      const s = (...a) => {
+        t.get(e)?.delete(s), o(...a);
+      };
+      t.has(e) || t.set(e, /* @__PURE__ */ new Set()), t.get(e).add(s);
+    },
+    waitFor: (e, o) => new Promise((s, a) => {
+      let r;
+      const c = (f) => {
+        r && clearTimeout(r), t.get(e)?.delete(c), s(f);
+      };
+      t.has(e) || t.set(e, /* @__PURE__ */ new Set()), t.get(e).add(c), o?.timeout && (r = setTimeout(() => {
+        t.get(e)?.delete(c), a(/* @__PURE__ */ new Error(`waitFor("${e}") timed out after ${o.timeout}ms`));
+      }, o.timeout));
+    }),
+    updateConfig: () => {
+    },
+    destroy: () => {
+      t.clear();
+    },
+    ...m
+  }, n = {};
+  for (const [e, o] of Object.entries(u)) n[e] = (...s) => (i.push({
+    method: e,
+    args: s
+  }), o(...s));
+  return n.__calls = i, n.__callsFor = (e) => i.filter((o) => o.method === e), n.__emitEvent = (e, o) => {
+    const s = t.get(e);
+    s && [...s].forEach((a) => a(o));
+  }, n;
+}
+export {
+  w as t
+};

package/dist/createMockClient-DQvFFWnc.cjs

@@ -0,0 +1 @@
+function w(u={}){const{overrides:g={}}=u,d={id:"mock-msg-1",conversationId:"mock-conv-1",content:"Mock response",role:"assistant",status:"DONE",createdAt:new Date},l={id:"mock-conv-1",title:"Mock Conversation",lastMessageDate:new Date},t=new Map,i=[],m={sendMessage:async()=>d,getConversations:async()=>[l],getConversation:async()=>l,getMessages:async()=>[d],submitToolCallForm:async()=>{},confirmToolCall:async()=>{},rejectToolCall:async()=>{},submitFeedback:async()=>{},registerFunction:()=>{},unregisterFunction:()=>!0,getRegisteredFunctions:()=>[],registerNavigationFunction:()=>{},on:(e,o)=>{t.has(e)||t.set(e,new Set),t.get(e).add(o)},off:(e,o)=>{t.get(e)?.delete(o)},once:(e,o)=>{const s=(...r)=>{t.get(e)?.delete(s),o(...r)};t.has(e)||t.set(e,new Set),t.get(e).add(s)},waitFor:(e,o)=>new Promise((s,r)=>{let a;const c=f=>{a&&clearTimeout(a),t.get(e)?.delete(c),s(f)};t.has(e)||t.set(e,new Set),t.get(e).add(c),o?.timeout&&(a=setTimeout(()=>{t.get(e)?.delete(c),r(new Error(`waitFor("${e}") timed out after ${o.timeout}ms`))},o.timeout))}),updateConfig:()=>{},destroy:()=>{t.clear()},...g},n={};for(const[e,o]of Object.entries(m))n[e]=(...s)=>(i.push({method:e,args:s}),o(...s));return n.__calls=i,n.__callsFor=e=>i.filter(o=>o.method===e),n.__emitEvent=(e,o)=>{const s=t.get(e);s&&[...s].forEach(r=>r(o))},n}Object.defineProperty(exports,"createMockClient",{enumerable:!0,get:function(){return w}});

package/dist/devtools.cjs

@@ -1,88 +1,18 @@
-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 g(t,a){if(!d)return;const e=document.createElement("div");e.className=`dev-log-line dev-log-${a}`,e.textContent=`${new Date().toLocaleTimeString()}  ${t}`,d.appendChild(e),d.scrollTop=d.scrollHeight}var x="ago_dev_panel_collapsed";function r(t,a){t.classList.toggle("collapsed",a);const e=t.querySelector(".dev-toggle");e&&(e.textContent=a?"▢":"—",e.title=a?"Expand dev tools":"Collapse dev tools",e.setAttribute("aria-expanded",String(!a)));try{localStorage.setItem(x,a?"1":"0")}catch{}}function b(t){const{store:a,client:e,target:i}=t;u=a.get,m();const f=typeof i=="string"?document.querySelector(i):i instanceof Element?i:document.body,o=document.createElement("aside");o.id="ago-dev-panel",(f??document.body).appendChild(o),o.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(n=>n.name).join(", ")||"—"}</code></div>
       <div class="dev-section-label">JSON object (built by the agent)</div>
-      <pre class="dev-state" id="dev-state"></pre>
+      <pre class="dev-state" id="ago-dev-state"></pre>
       <div class="dev-section-label">Function calls</div>
-      <div class="dev-log" id="dev-log"></div>
+      <div class="dev-log" id="ago-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 = `
-#dev-panel {
+  `,s=o.querySelector("#ago-dev-state"),d=o.querySelector("#ago-dev-log"),o.querySelector(".dev-toggle")?.addEventListener("click",n=>{n.stopPropagation(),r(o,!o.classList.contains("collapsed"))}),o.addEventListener("click",()=>{o.classList.contains("collapsed")&&r(o,!1)});let c=!1;try{c=localStorage.getItem(x)==="1"}catch{}r(o,c),e.on("function:invoke",({functionName:n,arguments:l})=>{g(`→ ${n}(${JSON.stringify(l??{})})`,"invoke")}),e.on("function:result",({result:n,error:l})=>{g(l?`✗ error: ${l}`:`← ${JSON.stringify(n)}`,l?"error":"result")}),a.subscribe(p),p()}var v="ago-dev-panel-styles";function m(){if(document.getElementById(v))return;const t=document.createElement("style");t.id=v,t.textContent=h,document.head.appendChild(t)}var h=`
+#ago-dev-panel {
   position: fixed;
   top: 16px;
   right: 16px;
@@ -103,8 +33,8 @@ var PANEL_CSS = `
   font-size: 12px;
   z-index: 1000;
 }
-#dev-panel .dev-head { display: flex; align-items: center; gap: 8px; }
-#dev-panel .dev-toggle {
+#ago-dev-panel .dev-head { display: flex; align-items: center; gap: 8px; }
+#ago-dev-panel .dev-toggle {
   margin-left: auto;
   flex: none;
   width: 22px;
@@ -120,19 +50,19 @@ var PANEL_CSS = `
   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; }
+#ago-dev-panel .dev-toggle:hover { color: #d7e0e8; border-color: #3a4655; }
+#ago-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 {
+#ago-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 {
+#ago-dev-panel.collapsed .dev-title,
+#ago-dev-panel.collapsed .dev-body { display: none; }
+#ago-dev-panel.collapsed .dev-toggle { margin-left: 6px; }
+#ago-dev-panel .dev-badge {
   background: #f59e0b;
   color: #1c1206;
   font-weight: 700;
@@ -141,17 +71,17 @@ var PANEL_CSS = `
   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 {
+#ago-dev-panel .dev-title { color: #f59e0b; font-size: 11px; line-height: 1.3; }
+#ago-dev-panel .dev-fns { color: #7c8a99; font-size: 11px; }
+#ago-dev-panel .dev-fns code { color: #9ecbff; }
+#ago-dev-panel .dev-section-label {
   color: #7c8a99;
   text-transform: uppercase;
   letter-spacing: .08em;
   font-size: 10px;
   margin-top: 4px;
 }
-#dev-panel .dev-state {
+#ago-dev-panel .dev-state {
   margin: 0;
   padding: 8px;
   background: #060a0e;
@@ -161,7 +91,7 @@ var PANEL_CSS = `
   white-space: pre;
   color: #c8e6c9;
 }
-#dev-panel .dev-log {
+#ago-dev-panel .dev-log {
   display: flex;
   flex-direction: column;
   gap: 2px;
@@ -171,12 +101,8 @@ var PANEL_CSS = `
   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; }
-`;
-//#endregion
-exports.initDevPanel = initDevPanel;
-
-//# sourceMappingURL=devtools.cjs.map
+#ago-dev-panel .dev-log-line { white-space: pre-wrap; word-break: break-word; line-height: 1.4; }
+#ago-dev-panel .dev-log-invoke { color: #9ecbff; }
+#ago-dev-panel .dev-log-result { color: #86efac; }
+#ago-dev-panel .dev-log-error { color: #fca5a5; }
+`;exports.initDevPanel=b;