@songsid/agend 2.3.0-beta.2 → 2.3.0-beta.4

package/dist/fleet-traffic.d.ts

@@ -0,0 +1,38 @@
+import type { FleetConfig } from "./types.js";
+import type { OutboxDelivery, OutboxState } from "./delivery-outbox.js";
+export type TrafficKind = "task" | "report" | "query" | "update" | "send" | "broadcast";
+export type TrafficState = "queued" | "delivering" | "delivered" | "consumed" | "failed" | "uncertain" | "cancelled";
+export interface TrafficItem {
+    id: string;
+    from: string;
+    to: string;
+    kind: TrafficKind;
+    state: TrafficState;
+    at: string;
+    op?: string;
+}
+/** Finished: the item stays a short while (it fades on the page), then leaves. */
+export declare const TRAFFIC_FINISHED: ReadonlySet<TrafficState>;
+/** How long a finished item stays in the snapshot, and how many items a snapshot holds at most. */
+export declare const TRAFFIC_RECENT_MS = 120000;
+export declare const TRAFFIC_SNAPSHOT_MAX = 200;
+export declare const trafficId: (deliveryId: string) => string;
+/** The item for a delivery row in `state` (default: the row's own), or null when it is not shown. */
+export declare function trafficItem(row: OutboxDelivery, fleet: Pick<FleetConfig, "defaults" | "instances"> | null | undefined, at: string, state?: OutboxState | "consumed"): TrafficItem | null;
+/**
+ * The traffic the fleet keeps in memory for a snapshot: each item's latest state, by id. Finished items are dropped
+ * TRAFFIC_RECENT_MS after they finished; at most TRAFFIC_SNAPSHOT_MAX are kept (the oldest go first).
+ */
+export declare class TrafficLog {
+    private readonly monotonic;
+    private readonly items;
+    constructor(monotonic?: () => number);
+    /** Record an item; returns it when it is news (a new id, or a new state for one), else null. */
+    note(item: TrafficItem): TrafficItem | null;
+    /**
+     * In flight now and recently finished: the pending rows' items first (the outbox is the truth for what is still
+     * moving), then the recent finished ones; newest last, at most TRAFFIC_SNAPSHOT_MAX.
+     */
+    snapshot(pending: readonly TrafficItem[]): TrafficItem[];
+    private prune;
+}

package/dist/fleet-traffic.js

@@ -0,0 +1,96 @@
+/**
+ * #1918: live cross-instance traffic for the org canvas — what the delivery outbox already records, as a small item the
+ * page can draw: who sends what kind of message to whom, and how far it got. No new probe: items are made where the
+ * outbox already changes a row (admission, its "state" events, a consumed mark), from the row the listener already has.
+ *
+ * - Only messages between instances: send_to_instance and what is built on it (delegate_task, report_result,
+ *   request_information) and broadcast. Fleet-generated notices (system, reply-obligation, outcome) are not traffic.
+ * - Never a delivery id or any text: an opaque id (a hash of the delivery id) and the two instance names. A broadcast's
+ *   items (one row per recipient) share an opaque `op`, so the page can draw them as one fan-out.
+ * - An instance whose cross_instance_visibility is "hidden" takes no part: a message to or from it is not shown.
+ */
+import { createHash } from "node:crypto";
+import { crossInstanceVisibility } from "./cross-instance-notice.js";
+/** The row kinds that are messages between instances (outbound-handlers: send_to_instance's family, broadcast). */
+const MESSAGE_KINDS = new Set(["fleet_inbound", "steer", "broadcast"]);
+const REQUEST_KINDS = { task: "task", report: "report", query: "query", update: "update" };
+const STATES = {
+    queued: "queued", retry_wait: "queued",
+    delivering: "delivering", submission_started: "delivering", reconciliation_pending: "delivering",
+    delivered: "delivered", consumed: "consumed",
+    failed: "failed", uncertain: "uncertain", cancelled: "cancelled",
+};
+/** Finished: the item stays a short while (it fades on the page), then leaves. */
+export const TRAFFIC_FINISHED = new Set(["delivered", "consumed", "failed", "uncertain", "cancelled"]);
+/** How long a finished item stays in the snapshot, and how many items a snapshot holds at most. */
+export const TRAFFIC_RECENT_MS = 120_000;
+export const TRAFFIC_SNAPSHOT_MAX = 200;
+export const trafficId = (deliveryId) => createHash("sha256").update(deliveryId).digest("hex").slice(0, 16);
+/** The item for a delivery row in `state` (default: the row's own), or null when it is not shown. */
+export function trafficItem(row, fleet, at, state) {
+    if (!MESSAGE_KINDS.has(row.kind))
+        return null;
+    const from = row.sourceInstance, to = row.targetInstance;
+    if (!from || !to || from === to)
+        return null;
+    if (crossInstanceVisibility(fleet, from) === "hidden" || crossInstanceVisibility(fleet, to) === "hidden")
+        return null;
+    const mapped = STATES[state ?? (row.reconciliationPending ? "reconciliation_pending" : row.state)];
+    if (!mapped)
+        return null;
+    const meta = row.payload?.meta;
+    const kind = row.kind === "broadcast" ? "broadcast"
+        : typeof meta?.request_kind === "string" && Object.prototype.hasOwnProperty.call(REQUEST_KINDS, meta.request_kind) ? REQUEST_KINDS[meta.request_kind] : "send";
+    return { id: trafficId(row.deliveryId), from, to, kind, state: mapped, at, ...(kind === "broadcast" ? { op: trafficId(`op:${row.operationId}`) } : {}) };
+}
+/**
+ * The traffic the fleet keeps in memory for a snapshot: each item's latest state, by id. Finished items are dropped
+ * TRAFFIC_RECENT_MS after they finished; at most TRAFFIC_SNAPSHOT_MAX are kept (the oldest go first).
+ */
+export class TrafficLog {
+    monotonic;
+    items = new Map();
+    constructor(monotonic = () => performance.now()) {
+        this.monotonic = monotonic;
+    }
+    /** Record an item; returns it when it is news (a new id, or a new state for one), else null. */
+    note(item) {
+        const prev = this.items.get(item.id);
+        if (prev && prev.item.state === item.state)
+            return null;
+        // A finished item never goes back to an earlier state (events can arrive out of order across listeners).
+        if (prev && TRAFFIC_FINISHED.has(prev.item.state) && !TRAFFIC_FINISHED.has(item.state))
+            return null;
+        if (prev && prev.item.state === "consumed")
+            return null;
+        this.items.delete(item.id);
+        this.items.set(item.id, { item, seenMs: this.monotonic() });
+        this.prune();
+        return item;
+    }
+    /**
+     * In flight now and recently finished: the pending rows' items first (the outbox is the truth for what is still
+     * moving), then the recent finished ones; newest last, at most TRAFFIC_SNAPSHOT_MAX.
+     */
+    snapshot(pending) {
+        this.prune();
+        const out = new Map();
+        for (const p of pending)
+            out.set(p.id, p);
+        for (const { item } of this.items.values())
+            if (TRAFFIC_FINISHED.has(item.state) && !out.has(item.id))
+                out.set(item.id, item);
+        const all = [...out.values()];
+        return all.slice(Math.max(0, all.length - TRAFFIC_SNAPSHOT_MAX));
+    }
+    prune() {
+        const now = this.monotonic();
+        for (const [id, e] of this.items) {
+            if (TRAFFIC_FINISHED.has(e.item.state) ? now - e.seenMs > TRAFFIC_RECENT_MS : now - e.seenMs > 24 * 3_600_000)
+                this.items.delete(id);
+        }
+        while (this.items.size > TRAFFIC_SNAPSHOT_MAX * 2)
+            this.items.delete(this.items.keys().next().value);
+    }
+}
+//# sourceMappingURL=fleet-traffic.js.map

package/dist/fleet-traffic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fleet-traffic.js","sourceRoot":"","sources":["../src/fleet-traffic.ts"],"names":[],"mappings":"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"}

package/dist/general-knowledge/skills/credential-profiles/SKILL.md

@@ -177,13 +177,21 @@ Say "the default login", not "no subscription".
 `get_usage` returns one row per subscription: `Kiro (work)` and
 `Kiro (personal)` rather than a single `Kiro`. Read them out separately — they
 are two quotas, and adding them together would give a number that is true of
-neither. An agent with no profile appears under the plain `Kiro` row. Codex works
-the same way: `Codex (<profile>)` rows next to the plain `Codex`.
+neither. An agent with no profile appears under the plain `Kiro` row (shown only
+while some instance still uses the default login). Codex works the same way:
+`Codex (<profile>)` rows next to `Codex (default)`.
 
 Claude Code also has a row per profile: `Claude (work)`, `Claude (personal)`,
-next to the plain `Claude` for the default login. A profile reads quota from its
-own login; a profile that is configured but has never been signed in shows
-**Not logged in — run `/login claude-code <profile>` to sign in**.
+next to the plain `Claude` for the default login (again only while some instance
+uses it). A profile reads quota from its own login; a profile that is configured
+but has never been signed in shows **Not logged in — sign in with
+`/login claude-code <profile>`** (in chat, it adds the host command too).
+
+On the web dashboard's usage card (#2014) the title line says just the
+provider — "Claude", "Codex", "Kiro" — with the plan badge, and the profile
+name sits on its own line under it; the full `Claude (work)` is the tooltip.
+`get_usage` and the chat's `/usage` still call the row `Claude (work)`, so name
+the profile the way the user sees it on the screen they are looking at.
 
 A kiro profile that is configured but has never been logged in still gets a row,
 reading **Signed out — run `kiro-cli` to log in**. That is the reminder to go

package/dist/general-knowledge/skills/multi-channel/SKILL.md

@@ -61,7 +61,7 @@ The `channel_id` field explicitly binds a general to an adapter. Without it, mat
 
 The dashboard's web chat is one more way in, not a `channels:` entry: its messages reach an instance as
 `[user:… via web, …]` and are answered with `reply` like any other. By default each is also copied to the
-instance's own topic (`web.echo_to_channel: false` turns that off; ClassicBot rooms only with `web_echo: true`).
+instance's own topic (`web.echo_to_channel: false` turns that off; a ClassicBot room follows it unless its own `web_echo` is set — `false` keeps that room off).
 
 ## Single → Multi Migration
 

package/dist/general-knowledge/skills/web-appearance/SKILL.md

@@ -1,7 +1,7 @@
 ---
 name: web-appearance
-description: How you look on the AgEnD web dashboard — check it, change your own theme, identity card, identity colour and widgets, play Canvas Worker effects in your chat (and offer a Try), preview the result, share it as a mod
-roles: [worker]
+description: How you look on the AgEnD web dashboard — check it, change your own theme, identity card, identity colour and widgets, play Canvas Worker effects in your chat (and offer a Try), preview the result, share it as a mod; and, for General, changing Settings → Web appearance for the user
+roles: [general, worker]
 ---
 
 ## What it is
@@ -24,6 +24,38 @@ can shape how you look there — **only your own look, and only on the surfaces
 None of these tools takes a target: they always act on you. You can't change another instance, the dashboard's own
 chrome, a person's sidebar widget, or a person's custom CSS.
 
+## For the user: Settings → Web appearance (General, coordinators, full)
+
+If you are General (or a coordinator or full profile), you can change the user's **Settings → Web appearance** for
+them, exactly as the page changes it: the same checks, the same refusals. Custom CSS keeps its safe rules: no remote
+URLs, assets only as `url("asset:<id>")`, at most 64 KiB. Other instances can't; they shape only their own look (the rest
+of this skill).
+
+1. **Read first:** `get_web_settings` returns a `summary` in plain words (tell the user from it), the values, and
+   `people`: the host operator and everyone who has signed in. Host settings are everyone's on this host. Custom CSS and
+   effect slots are one person's own: pass `person` as the entry whose id is the user's (`person:<adapter>:<their id>`),
+   else the host operator's are changed.
+2. **One change per call:** `set_web_settings({ person?, change })`, where `change.what` is one of:
+
+| `what` | Changes | Example |
+|---|---|---|
+| `host` | `themes_shown`, `card_size` (s/m/l), `card_sizes` ({instance: s/m/l}), `colour_places` (name/bar/ring), `colours_off`, `sidebar_widget` ({spec, data}) — null puts one back to its default | `{ what: "host", set: { colour_places: ["name","ring"] } }` |
+| `agent_colour` | one agent's colour (`preset:<name>` or `#rrggbb`) and places; null resets each | `{ what: "agent_colour", instance: "atlas", colour: "preset:teal" }` |
+| `custom_css` | `save` (with `text`): goes **on trial** on their screens (it goes back by itself unless kept); `keep` (the trial), `revert` (the trial), `use` (with `version`: an earlier saved one, at once), `off` | `{ what: "custom_css", action: "save", text: "…" }`; ask how it looks, then `keep` only when they say so |
+| `mod` | an agent's proposal: `review` (instance → `stage`, `plan`, `plan_hash`), then `install` (stage, plan_hash, `include`: the parts, `target`: the agent); `cancel`, `dismiss`, `uninstall` (id) | review, show the user the plan, install only what they asked for — never custom CSS unasked. A person has one review open at a time: while theirs is open (`mod_review_open`) ask them to finish it; a mod they imported from a file is theirs to install (`mod_not_from_an_agent`) |
+| `effect` | `apply` (instance, id, params?) or `remove` (instance, id?) an effect on a chat | |
+| `effect_slot` | a person's `sidebar` / `header` / `page` / `box` / `cursor` effect (an id, or null) | |
+| `restore_defaults` | the host settings back to their defaults, and the person's custom CSS off | |
+
+3. **Say what changed** in the user's words (read again if unsure). A refusal says why: the same words the page would
+   show.
+
+**Only the person can do these, on the page:**
+- choose a file from their computer: import a mod file, upload an effect folder, add a CSS asset or a card picture;
+- this browser's own switches: custom CSS off on this device, pausing effect playback;
+- download an export;
+- the card upload limits (fleet configuration; a raise waits for an admin's confirmation).
+
 ## Look first
 
 - `get_web_appearance` — how you appear **now**, resolved exactly as the dashboard resolves it: your face and where it
@@ -39,7 +71,7 @@ chrome, a person's sidebar widget, or a person's custom CSS.
   (`avatar.png`, `portrait.png`, …), and returns both lists of paths. Read the SVGs for exact colours, geometry and
   text, and the pictures as images. Only your own pictures are there.
 - `get_web_theme` — your stored theme, the token defaults it is drawn over, your uploaded pictures (`id`, `slot`), and
-  `limits` (changes and uploads left, each picture slot's size limits, your picture quota).
+  `limits` (changes left, each picture slot's size limits, your picture quota).
 
 ## What wins over what
 
@@ -77,7 +109,7 @@ Typed values only; anything else is refused with `{ errors: [{ path, problem }]
 - `background`: `{ image: <asset id>, fit: "cover" | "contain", opacity: 0.05..1 }`.
 - `avatar`: an asset id — your face (below a person's upload).
 - `workingLabel`: 1..24 characters on one line, shown while you work instead of "is working…".
-- `card`: `{ portrait?, banner?, tagline?, bio? }` — see below.
+- `card`: `{ portrait?, banner?, tagline?, bio?, bannerFocus? }` — see below.
 
 Example:
 
@@ -114,6 +146,13 @@ their own version of any field; theirs is shown instead of yours.
 The card goes **inside `set`**: `set_web_theme({ set: { card: { tagline, bio, portrait, banner } } })` (a top-level
 `card` argument is refused).
 
+**Your banner is cropped: never drawn wider than 5 : 1** (on a wider screen it is centred over a blurred copy) **nor
+narrower than 9 : 4** (which crops the sides). Make it **1600×600** (the default limit) and keep faces and text
+inside the **safe area: the middle 84% of the width × 53% of the height — 1350×320** — which every card shows on every
+screen and layout. `card.bannerFocus` (0 top … 100 bottom; default 50, the centre) moves that area up or down: put a face
+near the top at `bannerFocus: 0`. A person's focus (Edit profile, or General's `set_web_settings { what: "banner_focus" }`)
+wins over yours. `preview_web_appearance` draws the banner cropped at its focus, as the page does (an M card).
+
 ## Your identity colour
 
 The colour people find you by in the sidebar, drawn on your name, a bar at your row's left edge and/or the ring around
@@ -189,7 +228,7 @@ everything in a mod and ticks what to apply.
 - `propose_web_mod { file }` sends a mod file from your working directory (at most 8 MiB) for a person to review. It
   is checked whole and answers with its problems if it isn't valid. **A mod carrying custom CSS is refused**
   (`owner_css_not_from_agent`). A muted line in your chat says it was proposed. Nothing changes until a person
-  installs it. One proposal at a time: a new one replaces yours. It counts as an upload.
+  installs it. One proposal at a time: a new one replaces yours.
 - A widget a person placed from a mod is theirs: you may give it values (`set_web_widget` with `data`), but not replace
   or remove it (`person_placed`).
 
@@ -201,11 +240,14 @@ with the tools above, then `export_web_mod`.
 
 ## Limits
 
-- At least **30 s** between changes, at most **10 changes an hour**, at most **3 picture uploads an hour** — refused
-  with `rate_limited` and `retry_after_s`. Only an accepted change counts; a refused or invalid one costs nothing.
+- At least **30 s** between changes, at most **10 changes an hour** — refused with `rate_limited` and
+  `retry_after_s`. Only an accepted change counts; a refused or invalid one costs nothing.
+- Uploads (pictures, effects, proposed mods) are not counted. Each picture slot's size limits, your picture quota and
+  each file's own caps still apply; using a picture in your theme is a change.
 - Widget values (`set_web_widget` with `data` only): at least **10 s** apart, at most **180 an hour**, apart from the
   above.
-- Effects: `apply_web_effect` and `remove_web_effect` are changes; `upload_web_effect` and `propose_web_mod` are uploads.
+- Effects: `apply_web_effect` and `remove_web_effect` are changes; `upload_web_effect` and `propose_web_mod` are not
+  counted.
   At most 10 effects and 8 MiB of your own, at most two placed in your chat.
 - Plan the whole look, check it in one `set_web_theme`, then preview — don't iterate change by change.
 
@@ -266,9 +308,11 @@ smallest valid `effect.json`:
   at most 4096 px a side, and **8,388,608 pixels in total** across the assets, poster and cursor together. A cursor is
   a square PNG of at most 64 px and 32 KiB (after metadata is stripped).
 
+**Reusable pointer example:** [`docs/examples/click-sparks`](https://github.com/songsid/AgEnD/blob/main/docs/examples/click-sparks.md) has a small two-file CW1 package: click for a burst, hold the primary button and move for a trail. Copy it into your working directory before uploading. Protected controls receive no pointer input; samples are coalesced (up to 60 Hz, 30 at reduced quality), so do not use it as a required click or drag control.
+
 **The tools:**
 
-- `upload_web_effect { dir }` → `{ id, warnings }`. It counts as an upload (3 an hour, shared with pictures and mods).
+- `upload_web_effect { dir }` → `{ id, warnings }`. Uploads are not counted; the effect's own size caps apply.
   **Your own** copies are at most **10 effects and 8 MiB**; effects a person shared with you don't count.
 - `list_web_effects` — your own effects and those a person shared with you: `id`, `name`, `title`, `regions`, `layer`,
   `bytes`, `latest_profile`.
@@ -338,8 +382,9 @@ deferred to #1940; do not keep reapplying an agent front while custom CSS is on,
 `preview_web_effect({id})` posts a volatile Try card in your own web chat, using your current own/shared read rights. It starts nothing and changes no appearance. The sample is physically clipped inside its own host panel or sheet. Only an explicit
 click by a signed-in **local admin** may start it; never an agent, public link, header token or automatic action.
 The host owns a visible Trial label and Stop control. Closing the panel/sheet, navigating, window blur, or another
-menu/dialog stops it. Custom CSS must be off (on/loading/unknown denies), and the same caps, profiler and safety
-stops apply. Ordinary foreground effects stay suppressed. A volatile offer lasts at most ten minutes (offering the same effect again keeps that offer and its expiry; a different effect replaces it); every read
+menu/dialog stops it. The explicit Try click consents to this sample only; no global HTML-preview opt-in is needed or changed.
+The host isolates the Trial controls and clipped stage in a closed Shadow DOM with fixed styles and reset typography.
+Custom CSS stays active elsewhere. The same caps, profiler and safety stops apply. Ordinary foreground effects stay suppressed. A volatile offer lasts at most ten minutes (offering the same effect again keeps that offer and its expiry; a different effect replaces it); every read
 rechecks the originating agent's current own/shared access, with the trial bound to the admin's session and epoch.
 There is no saved placement, claim, share, export or new saved profile record. Cards are memory-only and become inert when expired; a restart never restores them. Try uses manifest defaults and the existing app pool, not a second runtime. Do not treat an offer id or ordinary reply button
 as permission to run or fetch an effect, and do not keep retrying an unavailable Try.