@agentorg/cli 0.0.3 → 0.0.4

package/{node_modules → dist/node_modules}/@agentorg/sdk/dist/frame/runtime.js

@@ -1,9 +1,9 @@
 // src/errors.ts
 var BRAND = /* @__PURE__ */ Symbol.for("@agentorg/sdk/error");
 var isBranded = (value, name) => typeof value === "object" && value !== null && value[BRAND] === name;
-var instanceOf = (asked, base, name, value) => (
+var instanceOf = (asked, base2, name, value) => (
   // The name is given, not read from the class: a bundler may rename a class.
-  asked === base ? isBranded(value, name) : Function.prototype[Symbol.hasInstance].call(asked, value)
+  asked === base2 ? isBranded(value, name) : Function.prototype[Symbol.hasInstance].call(asked, value)
 );
 var NotConnected = class _NotConnected extends Error {
   static [Symbol.hasInstance](value) {
@@ -97,7 +97,7 @@ function createRuntime(definition, options) {
       if (!state.binding) throw new NotConnected(name);
       return state.binding.provider;
     };
-    const base = {
+    const base2 = {
       get bound() {
         return state.binding !== void 0;
       },
@@ -112,7 +112,7 @@ function createRuntime(definition, options) {
     };
     switch (iface.kind) {
       case "rpc":
-        return Object.assign(base, {
+        return Object.assign(base2, {
           call: Object.fromEntries(
             Object.entries(iface.methods).map(([method, spec]) => [
               method,
@@ -140,7 +140,7 @@ function createRuntime(definition, options) {
           }
         });
       case "stream":
-        return Object.assign(base, {
+        return Object.assign(base2, {
           async open(params) {
             const target2 = provider();
             const parsed = check(iface.open, params, `${name} open`);
@@ -150,7 +150,7 @@ function createRuntime(definition, options) {
           }
         });
       case "http":
-        return Object.assign(base, {
+        return Object.assign(base2, {
           async fetch(request) {
             const target2 = provider();
             if (!target2.fetch)
@@ -214,6 +214,102 @@ function createRuntime(definition, options) {
       throw new Refused("unimplemented", `${name} hasn't been implemented yet.`);
     return state.impl;
   };
+  const exposed = /* @__PURE__ */ new Map();
+  const exposedWatchers = /* @__PURE__ */ new Set();
+  const exposedChanged = () => {
+    const failed = (error) => options.log.error("An onExposed handler threw.", { error: String(error) });
+    for (const fn of [...exposedWatchers])
+      try {
+        const done = fn();
+        if (done instanceof Promise) done.catch(failed);
+      } catch (error) {
+        failed(error);
+      }
+  };
+  const listenExposed = (slot, state, event) => {
+    const entry = state.events.get(event);
+    if (state.gone || !entry || entry.stop || !entry.fns.size) return;
+    let ended = false;
+    let stop;
+    stop = state.source.subscribe(
+      event,
+      (payload) => {
+        for (const fn of [...entry.fns])
+          try {
+            fn(payload);
+          } catch (error) {
+            options.log.error("An event handler threw.", { slot, event, error: String(error) });
+          }
+      },
+      // Ended by the provider going: the interest stays for when it is usable again.
+      () => {
+        ended = true;
+        if (entry.stop === stop) entry.stop = void 0;
+      }
+    );
+    if (!ended) entry.stop = stop;
+  };
+  const exposedHandle = (slot, state) => {
+    const { described, provider } = state.source;
+    return Object.freeze({
+      slot,
+      described,
+      provider: Object.freeze({ actor: provider.actor, export: provider.export }),
+      call: Object.freeze(
+        Object.fromEntries(
+          (described.kind === "rpc" ? Object.keys(described.methods) : []).map((method) => [
+            method,
+            async (input) => {
+              if (state.gone) throw new NotConnected(slot);
+              return state.source.call(method, input);
+            }
+          ])
+        )
+      ),
+      on(event, fn) {
+        if (described.kind !== "rpc" || !own(described.events, event))
+          throw new TypeError(`${slot} has no event ${event}.`);
+        const entry = state.events.get(event) ?? { fns: /* @__PURE__ */ new Set() };
+        state.events.set(event, entry);
+        entry.fns.add(fn);
+        listenExposed(slot, state, event);
+        return () => {
+          entry.fns.delete(fn);
+          if (entry.fns.size) return;
+          entry.stop?.();
+          entry.stop = void 0;
+        };
+      }
+    });
+  };
+  const unexpose = (slot) => {
+    const state = exposed.get(slot);
+    if (!state) return;
+    exposed.delete(slot);
+    state.gone = true;
+    for (const entry of state.events.values()) {
+      entry.stop?.();
+      entry.stop = void 0;
+    }
+    exposedChanged();
+  };
+  const expose = (slot, source) => {
+    const here = exposed.get(slot);
+    if (here && here.source.described.hash === source.described.hash && here.source.provider.actor === source.provider.actor && here.source.provider.export === source.provider.export) {
+      here.source = source;
+      for (const [event, entry] of here.events) {
+        entry.stop?.();
+        entry.stop = void 0;
+        listenExposed(slot, here, event);
+      }
+      return;
+    }
+    if (here) unexpose(slot);
+    const state = { source, gone: false, events: /* @__PURE__ */ new Map() };
+    state.handle = exposedHandle(slot, state);
+    exposed.set(slot, state);
+    exposedChanged();
+  };
   const ctx = {
     slots: Object.fromEntries(
       Object.entries(definition.slots).map(([name, iface]) => [name, slotHandle(name, iface)])
@@ -239,7 +335,12 @@ function createRuntime(definition, options) {
       }
     ),
     self: options.self,
-    log: options.log
+    log: options.log,
+    exposed: () => Object.freeze([...exposed.values()].map((state) => state.handle)),
+    onExposed(fn) {
+      exposedWatchers.add(fn);
+      return () => void exposedWatchers.delete(fn);
+    }
   };
   const serving = (exportName) => {
     const state = target(exportName, "http");
@@ -306,6 +407,8 @@ function createRuntime(definition, options) {
       if (!state) throw new TypeError(`No slot ${slot}.`);
       if (state.binding) notify(slot, state.binds);
     },
+    expose,
+    unexpose,
     async call(exportName, method, input, caller) {
       const state = target(exportName, "rpc");
       const spec = own(state.iface.methods, method);
@@ -552,13 +655,7 @@ function runFrame(options) {
       log.error("The frame couldn't handle a message from the shell.", { error: String(error) });
     }
   };
-  let told;
   return {
-    size(height) {
-      if (!mounted || height === told) return;
-      told = height;
-      send({ op: "size", height });
-    },
     failed(error) {
       log.error(error instanceof Error ? error.message : String(error), {
         ...error instanceof Error && error.stack ? { stack: error.stack } : {}
@@ -573,9 +670,71 @@ function runFrame(options) {
   };
 }
 
+// src/frame-base.ts
+var FRAME_BASE = `
+:where(*, *::before, *::after) { box-sizing: border-box; }
+:where(html, body) { height: 100%; margin: 0; background: transparent; }
+:where(body) {
+  overflow: auto; scrollbar-width: none;
+  color: var(--fg); font: 14px/1.45 var(--font, ui-sans-serif, system-ui, sans-serif);
+  -webkit-font-smoothing: antialiased;
+}
+:where(body)::-webkit-scrollbar { display: none; }
+:where(body > :only-child) { min-height: 100%; }
+:where(h1, h2, h3, h4) { margin: 0 0 8px; font-weight: 600; letter-spacing: -0.01em; }
+:where(h1) { font-size: 20px; }
+:where(h2) { font-size: 16px; }
+:where(h3, h4) { font-size: 14px; }
+:where(p) { margin: 0 0 8px; }
+:where(small) { color: var(--muted); font-size: 12.5px; }
+:where(a) { color: inherit; text-underline-offset: 2px; }
+:where(hr) { border: 0; border-top: 1px solid var(--line); margin: 10px 0; }
+:where(ul, ol) { margin: 0 0 10px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }
+:where(li) { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; background: var(--raised); }
+:where(button) {
+  height: 34px; padding: 0 12px; border: 0; border-radius: 9px; cursor: pointer;
+  background: var(--hover); color: var(--fg); font: inherit; font-weight: 500;
+}
+:where(button:hover) { background: var(--selected); }
+:where(button:disabled) { opacity: 0.5; cursor: default; }
+:where(button[type="submit"], button.primary) { background: var(--accent); color: var(--accent-fg); font-weight: 600; }
+:where(input:not([type]), input[type="text"], input[type="search"], input[type="number"], input[type="url"], input[type="email"], select) {
+  height: 34px; padding: 0 10px; border: 0; border-radius: 9px; outline: 0;
+  background: var(--raised); color: var(--fg); font: inherit;
+}
+:where(textarea) { padding: 8px 10px; border: 0; border-radius: 9px; outline: 0; resize: none; background: var(--raised); color: var(--fg); font: inherit; }
+:where(input:focus-visible, textarea:focus-visible, select:focus-visible, button:focus-visible) { box-shadow: 0 0 0 1.5px var(--ring); outline: 0; }
+:where(input[type="checkbox"]) {
+  appearance: none; width: 16px; height: 16px; margin: 0; flex: none; display: grid; place-items: center;
+  border: 1.5px solid var(--faint); border-radius: 5px; cursor: pointer;
+}
+:where(input[type="checkbox"]:checked) { background: var(--ok); border-color: var(--ok); }
+:where(input[type="checkbox"]:checked)::after {
+  content: ""; width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0;
+  transform: translateY(-1px) rotate(45deg);
+}
+:where(li:has(> input[type="checkbox"]:checked) > span) { color: var(--faint); text-decoration: line-through; }
+:where(form) { display: flex; gap: 6px; }
+:where(form > input, form > textarea) { flex: 1; min-width: 0; }
+:where(table) { width: 100%; border-collapse: collapse; font-size: 13px; }
+:where(th) { padding: 0 8px 6px; text-align: left; color: var(--faint); font-weight: 500; font-size: 12px; }
+:where(td) { padding: 7px 8px; border-top: 1px solid var(--line); }
+:where(code, pre) { font: 12.5px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
+:where(code) { padding: 1px 5px; border-radius: 5px; background: var(--raised); }
+:where(pre) { margin: 0 0 10px; padding: 10px 12px; border-radius: 10px; background: var(--raised); overflow: auto; }
+:where(pre code) { padding: 0; background: none; }
+:where(progress) { appearance: none; width: 100%; height: 4px; border: 0; border-radius: 2px; background: var(--raised); }
+:where(progress)::-webkit-progress-bar { background: var(--raised); border-radius: 2px; }
+:where(progress)::-webkit-progress-value { background: var(--ok); border-radius: 2px; }
+:where(progress)::-moz-progress-bar { background: var(--ok); border-radius: 2px; }
+`;
+
 // src/frame-entry.ts
 var self = globalThis;
 var frame;
+var base = self.document.createElement("style");
+base.textContent = FRAME_BASE;
+self.document.head.prepend(base);
 self.addEventListener("message", (event) => {
   const port = event.ports[0];
   if (frame || event.source !== self.parent || event.data !== FRAME_HELLO || !port) return;
@@ -589,10 +748,6 @@ self.addEventListener("message", (event) => {
         if (name.startsWith("--")) self.document.documentElement.style.setProperty(name, value);
     }
   });
-  const body = self.document.body;
-  new self.ResizeObserver(
-    () => frame?.size(Math.ceil(body.getBoundingClientRect().height))
-  ).observe(body);
 });
 self.addEventListener("error", (event) => frame?.failed(event.error ?? event.message));
 self.addEventListener("unhandledrejection", (event) => frame?.failed(event.reason));

package/{node_modules → dist/node_modules}/@agentorg/sdk/dist/host/runner.js

@@ -478,10 +478,27 @@ function parseHeader(value) {
       return { op: "offer", name: text(value, "name"), interface: value.interface };
     case "withdraw":
       return { op: "withdraw", name: text(value, "name") };
-    case "slot":
+    case "slot": {
       if (typeof value.bound !== "boolean")
         throw new HeaderError("A slot header needs bound.");
-      return { op: "slot", name: text(value, "name"), bound: value.bound };
+      if (!("exposed" in value))
+        return { op: "slot", name: text(value, "name"), bound: value.bound };
+      const exposed = value.exposed;
+      if (!value.bound || !isRecord(exposed) || !isRecord(exposed.interface) || !isRecord(exposed.provider))
+        throw new HeaderError("A slot header's exposed is a bound slot's {interface, provider}.");
+      return {
+        op: "slot",
+        name: text(value, "name"),
+        bound: true,
+        exposed: {
+          interface: exposed.interface,
+          provider: {
+            actor: text(exposed.provider, "actor"),
+            export: text(exposed.provider, "export")
+          }
+        }
+      };
+    }
     case "serve": {
       const kind = value.kind;
       if (kind !== "call" && kind !== "subscribe" && kind !== "open" && kind !== "http")
@@ -21113,6 +21130,24 @@ var ModuleHost = class {
     );
     this.#resubscribe(slot);
   }
+  /**
+   * A notice for a slot made at run time: bound (or usable again) with its exposure, or gone. Its
+   * name is the Actor's, with no module prefix: every module of the Actor has it.
+   */
+  onExposed(slot, exposure) {
+    if (!this.#channel) return;
+    if (!exposure) {
+      this.runtime.unexpose(slot);
+      return;
+    }
+    const open2 = this.#channel;
+    this.runtime.expose(slot, {
+      described: exposure.interface,
+      provider: exposure.provider,
+      call: (method, value) => open2.call(slot, method, value),
+      subscribe: (event, onEvent, onEnd) => open2.subscribe(slot, event, onEvent, () => onEnd())
+    });
+  }
   /** How this module serves the Hub's streams, by its local export names. */
   serve = {
     call: (serve, value) => this.runtime.call(serve.export, serve.method ?? "", value, serve.caller),
@@ -21153,9 +21188,12 @@ var ModuleHost = class {
     this.#channel = channel2;
     for (const [name, { handle, iface }] of this.#added) this.#offer(channel2, name, iface, handle);
     for (const name of channel2.bound)
-      if (name.startsWith(this.#prefix)) this.onSlot(name.slice(this.#prefix.length), true);
+      if (name.startsWith(this.#prefix) && !channel2.exposed.has(name))
+        this.onSlot(name.slice(this.#prefix.length), true);
+    for (const [name, exposure] of channel2.exposed) this.onExposed(name, exposure);
     void channel2.closed.then(() => {
       for (const slot of [...this.#bindings.keys()]) this.onSlot(slot, false);
+      for (const { slot } of this.runtime.ctx.exposed()) this.runtime.unexpose(slot);
       for (const ends of this.#subscribers.values()) for (const end of [...ends]) end();
     });
   }
@@ -21303,6 +21341,102 @@ function createRuntime(definition, options) {
       throw new Refused("unimplemented", `${name} hasn't been implemented yet.`);
     return state.impl;
   };
+  const exposed = /* @__PURE__ */ new Map();
+  const exposedWatchers = /* @__PURE__ */ new Set();
+  const exposedChanged = () => {
+    const failed = (error62) => options.log.error("An onExposed handler threw.", { error: String(error62) });
+    for (const fn of [...exposedWatchers])
+      try {
+        const done = fn();
+        if (done instanceof Promise) done.catch(failed);
+      } catch (error62) {
+        failed(error62);
+      }
+  };
+  const listenExposed = (slot, state, event) => {
+    const entry = state.events.get(event);
+    if (state.gone || !entry || entry.stop || !entry.fns.size) return;
+    let ended = false;
+    let stop;
+    stop = state.source.subscribe(
+      event,
+      (payload) => {
+        for (const fn of [...entry.fns])
+          try {
+            fn(payload);
+          } catch (error62) {
+            options.log.error("An event handler threw.", { slot, event, error: String(error62) });
+          }
+      },
+      // Ended by the provider going: the interest stays for when it is usable again.
+      () => {
+        ended = true;
+        if (entry.stop === stop) entry.stop = void 0;
+      }
+    );
+    if (!ended) entry.stop = stop;
+  };
+  const exposedHandle = (slot, state) => {
+    const { described, provider } = state.source;
+    return Object.freeze({
+      slot,
+      described,
+      provider: Object.freeze({ actor: provider.actor, export: provider.export }),
+      call: Object.freeze(
+        Object.fromEntries(
+          (described.kind === "rpc" ? Object.keys(described.methods) : []).map((method) => [
+            method,
+            async (input3) => {
+              if (state.gone) throw new NotConnected(slot);
+              return state.source.call(method, input3);
+            }
+          ])
+        )
+      ),
+      on(event, fn) {
+        if (described.kind !== "rpc" || !own2(described.events, event))
+          throw new TypeError(`${slot} has no event ${event}.`);
+        const entry = state.events.get(event) ?? { fns: /* @__PURE__ */ new Set() };
+        state.events.set(event, entry);
+        entry.fns.add(fn);
+        listenExposed(slot, state, event);
+        return () => {
+          entry.fns.delete(fn);
+          if (entry.fns.size) return;
+          entry.stop?.();
+          entry.stop = void 0;
+        };
+      }
+    });
+  };
+  const unexpose = (slot) => {
+    const state = exposed.get(slot);
+    if (!state) return;
+    exposed.delete(slot);
+    state.gone = true;
+    for (const entry of state.events.values()) {
+      entry.stop?.();
+      entry.stop = void 0;
+    }
+    exposedChanged();
+  };
+  const expose = (slot, source) => {
+    const here = exposed.get(slot);
+    if (here && here.source.described.hash === source.described.hash && here.source.provider.actor === source.provider.actor && here.source.provider.export === source.provider.export) {
+      here.source = source;
+      for (const [event, entry] of here.events) {
+        entry.stop?.();
+        entry.stop = void 0;
+        listenExposed(slot, here, event);
+      }
+      return;
+    }
+    if (here) unexpose(slot);
+    const state = { source, gone: false, events: /* @__PURE__ */ new Map() };
+    state.handle = exposedHandle(slot, state);
+    exposed.set(slot, state);
+    exposedChanged();
+  };
   const ctx = {
     slots: Object.fromEntries(
       Object.entries(definition.slots).map(([name, iface]) => [name, slotHandle(name, iface)])
@@ -21328,7 +21462,12 @@ function createRuntime(definition, options) {
       }
     ),
     self: options.self,
-    log: options.log
+    log: options.log,
+    exposed: () => Object.freeze([...exposed.values()].map((state) => state.handle)),
+    onExposed(fn) {
+      exposedWatchers.add(fn);
+      return () => void exposedWatchers.delete(fn);
+    }
   };
   const serving = (exportName) => {
     const state = target(exportName, "http");
@@ -21395,6 +21534,8 @@ function createRuntime(definition, options) {
       if (!state) throw new TypeError(`No slot ${slot}.`);
       if (state.binding) notify(slot, state.binds);
     },
+    expose,
+    unexpose,
     async call(exportName, method, input3, caller) {
       const state = target(exportName, "rpc");
       const spec = own2(state.iface.methods, method);
@@ -21478,6 +21619,8 @@ var drain = (reader) => void reader.rest().pipeTo(new WritableStream()).catch(()
 async function openChannel(options) {
   let session;
   const bound = /* @__PURE__ */ new Set();
+  const exposed = /* @__PURE__ */ new Map();
+  let ended = false;
   let ready;
   let headers = new Promise((resolve) => {
     ready = resolve;
@@ -21503,12 +21646,17 @@ async function openChannel(options) {
   }
   async function serveStream(header, stream, reader) {
     if (header.op === "slot") {
+      if (ended) return;
       if (header.bound) bound.add(header.name);
       else bound.delete(header.name);
-      await stream.writable.close().catch(() => {
+      const wasExposed = exposed.delete(header.name);
+      const exposure = header.exposed;
+      if (exposure) exposed.set(header.name, exposure);
+      void stream.writable.close().catch(() => {
       });
       try {
-        options.onSlot?.(header.name, header.bound);
+        if (exposure || wasExposed) options.onExposed?.(header.name, exposure);
+        else options.onSlot?.(header.name, header.bound);
       } catch (error62) {
         options.log?.error("A slot notice's handler threw.", {
           slot: header.name,
@@ -21622,18 +21770,23 @@ async function openChannel(options) {
     });
     return next;
   };
-  const closed = session.closed.then(() => bound.clear());
+  const closed = session.closed.then(() => {
+    ended = true;
+    bound.clear();
+    exposed.clear();
+  });
   return {
     actorId: options.actorId,
     bound,
+    exposed,
     async call(slot, method, value) {
       return answered(await exchange({ op: "call", slot, method }, slot, input(value)), slot);
     },
     subscribe(slot, event, onEvent, onEnd) {
-      let ended = false;
+      let ended2 = false;
       const end = (error62) => {
-        if (ended) return;
-        ended = true;
+        if (ended2) return;
+        ended2 = true;
         onEnd?.(error62);
       };
       let stream;
@@ -21662,7 +21815,7 @@ async function openChannel(options) {
         }
       })();
       return () => {
-        ended = true;
+        ended2 = true;
         stream.reset();
       };
     },
@@ -21738,6 +21891,10 @@ async function runHost(options) {
       const found = route(name);
       found?.[0].onSlot(found[1], bound);
     },
+    // A slot made at run time is the Actor's: every host module has it.
+    onExposed(name, exposure) {
+      for (const host2 of hosts.values()) host2.onExposed(name, exposure);
+    },
     serve: {
       call: (serve, value) => {
         const [handlers, local] = routed(serve);

package/{node_modules → dist/node_modules}/@agentorg/sdk/dist/src/client.d.ts

@@ -47,14 +47,32 @@ interface ChannelBase {
      * or, for a slot already bound, when its provider came back.
      */
     onSlot?(name: string, bound: boolean): void;
+    /**
+     * Each notice for a slot made at run time, in the same order: its exposure when bound (or
+     * usable again), `undefined` when it is gone. These don't reach `onSlot`.
+     */
+    onExposed?(name: string, exposure: ChannelExposure | undefined): void;
     /** Where a notice handler's own failure is reported. */
     log?: Log;
 }
+/** A slot made at run time, as the channel keeps it: the export's interface, and whose it is. */
+export interface ChannelExposure {
+    interface: DescribedInterface;
+    provider: {
+        actor: string;
+        export: string;
+    };
+}
 /** A channel to the Hub as one Actor, at the wire's level: no local checks, no handles. */
 export interface Channel {
     readonly actorId: string;
     /** The Actor's slots bound now, from hello's snapshot and the Hub's notices; empty once closed. */
     readonly bound: ReadonlySet<string>;
+    /**
+     * The slots made for it at run time and bound now, from the notices: hello names them among
+     * `bound`, and a notice with each one's exposure follows.
+     */
+    readonly exposed: ReadonlyMap<string, ChannelExposure>;
     call(slot: string, method: string, value: unknown): Promise<unknown>;
     /** Events from a slot's provider until it ends (`onEnd`) or is stopped; returns how to stop. */
     subscribe(slot: string, event: string, onEvent: (payload: unknown) => void, onEnd?: (error?: Error) => void): () => void;

package/{node_modules → dist/node_modules}/@agentorg/sdk/dist/src/client.js

@@ -48,6 +48,9 @@ const drain = (reader) => void reader
 export async function openChannel(options) {
     let session;
     const bound = new Set();
+    const exposed = new Map();
+    /** Set as the session ends: a notice read before then but handled after is dropped. */
+    let ended = false;
     // Notices arrive as streams; their headers are read in arrival order, after hello's snapshot.
     let ready;
     let headers = new Promise((resolve) => {
@@ -74,13 +77,25 @@ export async function openChannel(options) {
     }
     async function serveStream(header, stream, reader) {
         if (header.op === "slot") {
+            if (ended)
+                return;
             if (header.bound)
                 bound.add(header.name);
             else
                 bound.delete(header.name);
-            await stream.writable.close().catch(() => { });
+            // A slot made at run time is its exposure while bound, and gone when unbound.
+            const wasExposed = exposed.delete(header.name);
+            const exposure = header.exposed;
+            if (exposure)
+                exposed.set(header.name, exposure);
+            // Told before closing our side, which may wait behind other frames: a channel that ends
+            // meanwhile must not hear of a slot after its close has cleared them.
+            void stream.writable.close().catch(() => { });
             try {
-                options.onSlot?.(header.name, header.bound);
+                if (exposure || wasExposed)
+                    options.onExposed?.(header.name, exposure);
+                else
+                    options.onSlot?.(header.name, header.bound);
             }
             catch (error) {
                 options.log?.error("A slot notice's handler threw.", {
@@ -205,10 +220,15 @@ export async function openChannel(options) {
         changes = next.catch(() => { });
         return next;
     };
-    const closed = session.closed.then(() => bound.clear());
+    const closed = session.closed.then(() => {
+        ended = true;
+        bound.clear();
+        exposed.clear();
+    });
     return {
         actorId: options.actorId,
         bound,
+        exposed,
         async call(slot, method, value) {
             return answered(await exchange({ op: "call", slot, method }, slot, input(value)), slot);
         },
@@ -325,6 +345,7 @@ export async function connect(options) {
             ? {}
             : { declares: { slots: describeAll(slots), exports: describeAll(exports) } }),
         onSlot: (slot, bound) => host.onSlot(slot, bound),
+        onExposed: (slot, exposure) => host.onExposed(slot, exposure),
         serve: host.serve,
     });
     host.attach(channel);

package/dist/node_modules/@agentorg/sdk/dist/src/frame-base.d.ts

@@ -0,0 +1,8 @@
+/**
+ * The base stylesheet every view's frame gets first, before the view's own: the document fills the
+ * frame on a transparent background, and plain HTML looks like the shell, drawn with the theme's
+ * tokens (`--fg`, `--surface`, `--accent`, … as the shell sends them at mount). Every rule is in
+ * `:where()`, so it has no specificity: any selector a view writes wins, and a view that wants its
+ * own look draws it.
+ */
+export declare const FRAME_BASE = "\n:where(*, *::before, *::after) { box-sizing: border-box; }\n:where(html, body) { height: 100%; margin: 0; background: transparent; }\n:where(body) {\n  overflow: auto; scrollbar-width: none;\n  color: var(--fg); font: 14px/1.45 var(--font, ui-sans-serif, system-ui, sans-serif);\n  -webkit-font-smoothing: antialiased;\n}\n:where(body)::-webkit-scrollbar { display: none; }\n:where(body > :only-child) { min-height: 100%; }\n:where(h1, h2, h3, h4) { margin: 0 0 8px; font-weight: 600; letter-spacing: -0.01em; }\n:where(h1) { font-size: 20px; }\n:where(h2) { font-size: 16px; }\n:where(h3, h4) { font-size: 14px; }\n:where(p) { margin: 0 0 8px; }\n:where(small) { color: var(--muted); font-size: 12.5px; }\n:where(a) { color: inherit; text-underline-offset: 2px; }\n:where(hr) { border: 0; border-top: 1px solid var(--line); margin: 10px 0; }\n:where(ul, ol) { margin: 0 0 10px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }\n:where(li) { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; background: var(--raised); }\n:where(button) {\n  height: 34px; padding: 0 12px; border: 0; border-radius: 9px; cursor: pointer;\n  background: var(--hover); color: var(--fg); font: inherit; font-weight: 500;\n}\n:where(button:hover) { background: var(--selected); }\n:where(button:disabled) { opacity: 0.5; cursor: default; }\n:where(button[type=\"submit\"], button.primary) { background: var(--accent); color: var(--accent-fg); font-weight: 600; }\n:where(input:not([type]), input[type=\"text\"], input[type=\"search\"], input[type=\"number\"], input[type=\"url\"], input[type=\"email\"], select) {\n  height: 34px; padding: 0 10px; border: 0; border-radius: 9px; outline: 0;\n  background: var(--raised); color: var(--fg); font: inherit;\n}\n:where(textarea) { padding: 8px 10px; border: 0; border-radius: 9px; outline: 0; resize: none; background: var(--raised); color: var(--fg); font: inherit; }\n:where(input:focus-visible, textarea:focus-visible, select:focus-visible, button:focus-visible) { box-shadow: 0 0 0 1.5px var(--ring); outline: 0; }\n:where(input[type=\"checkbox\"]) {\n  appearance: none; width: 16px; height: 16px; margin: 0; flex: none; display: grid; place-items: center;\n  border: 1.5px solid var(--faint); border-radius: 5px; cursor: pointer;\n}\n:where(input[type=\"checkbox\"]:checked) { background: var(--ok); border-color: var(--ok); }\n:where(input[type=\"checkbox\"]:checked)::after {\n  content: \"\"; width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0;\n  transform: translateY(-1px) rotate(45deg);\n}\n:where(li:has(> input[type=\"checkbox\"]:checked) > span) { color: var(--faint); text-decoration: line-through; }\n:where(form) { display: flex; gap: 6px; }\n:where(form > input, form > textarea) { flex: 1; min-width: 0; }\n:where(table) { width: 100%; border-collapse: collapse; font-size: 13px; }\n:where(th) { padding: 0 8px 6px; text-align: left; color: var(--faint); font-weight: 500; font-size: 12px; }\n:where(td) { padding: 7px 8px; border-top: 1px solid var(--line); }\n:where(code, pre) { font: 12.5px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }\n:where(code) { padding: 1px 5px; border-radius: 5px; background: var(--raised); }\n:where(pre) { margin: 0 0 10px; padding: 10px 12px; border-radius: 10px; background: var(--raised); overflow: auto; }\n:where(pre code) { padding: 0; background: none; }\n:where(progress) { appearance: none; width: 100%; height: 4px; border: 0; border-radius: 2px; background: var(--raised); }\n:where(progress)::-webkit-progress-bar { background: var(--raised); border-radius: 2px; }\n:where(progress)::-webkit-progress-value { background: var(--ok); border-radius: 2px; }\n:where(progress)::-moz-progress-bar { background: var(--ok); border-radius: 2px; }\n";