@g9tm/aiassistant-svelte 0.0.0-stage → 1.0.0

package/dist/context.js

@@ -0,0 +1,35 @@
+/**
+ * What every component of one assistant shares: the core assistant, its texts, the host's per-part classes
+ * and styles, the unstyled switch, and component overrides. Any component, small or large, can be replaced by the host;
+ * the replacement gets the same view model and the default component, so it can wrap it.
+ */
+import { getContext, setContext } from "svelte";
+import { partClass } from "@g9tm/aiassistant";
+const KEY = Symbol("g9-assistant-ui");
+export function provideUi(ui) {
+    setContext(KEY, ui);
+    return ui;
+}
+export function useUi() {
+    const ui = getContext(KEY);
+    if (!ui)
+        throw new Error("Use the assistant's components inside AssistantRoot, AssistantPanel or AssistantChat.");
+    return ui;
+}
+/** The class of a part (the library's stable class and the host's). */
+export function cls(ui, part) {
+    return partClass(part, ui.styles, ui.unstyled);
+}
+/** The inline style the host gave a part. */
+export function sty(ui, part) {
+    return ui.styles.styles ? new Map(Object.entries(ui.styles.styles)).get(part) : undefined;
+}
+/** The host's replacement of a component, if any. */
+export function override(ui, name) {
+    const c = new Map(Object.entries(ui.components)).get(name);
+    return typeof c === "function" ? c : undefined;
+}
+/** The host's renderer of a block type, if any. */
+export function blockOverride(ui, type) {
+    return ui.components.Block ? new Map(Object.entries(ui.components.Block)).get(type) : undefined;
+}

package/dist/index.d.ts

@@ -0,0 +1,34 @@
+/** @g9tm/aiassistant-svelte: Svelte 5 components of the G9 AI assistant, customisable in five layers. */
+export { default as AssistantRoot } from "./AssistantRoot.svelte";
+export { default as AssistantPanel } from "./surfaces/AssistantPanel.svelte";
+export { default as AssistantChat } from "./surfaces/AssistantChat.svelte";
+export { default as Surfaces } from "./surfaces/Surfaces.svelte";
+export { default as MessageList } from "./parts/MessageList.svelte";
+export { default as Message } from "./parts/Message.svelte";
+export { default as Composer } from "./parts/Composer.svelte";
+export { default as WorkCard } from "./parts/WorkCard.svelte";
+export { default as TextView } from "./parts/TextView.svelte";
+export { default as RevealText } from "./parts/RevealText.svelte";
+export { default as ThinkingOrb } from "./parts/ThinkingOrb.svelte";
+export { default as StagesThinking } from "./parts/StagesThinking.svelte";
+export { default as Small } from "./parts/Small.svelte";
+export { default as BlockView } from "./blocks/BlockView.svelte";
+export { default as Chart } from "./blocks/Chart.svelte";
+export { default as ApprovalCard } from "./cards/ApprovalCard.svelte";
+export { default as Cards } from "./cards/Cards.svelte";
+export { default as SecretField } from "./cards/SecretField.svelte";
+export { default as PinPad } from "./slots/PinPad.svelte";
+export { default as Dialog } from "./slots/Dialog.svelte";
+export { default as History } from "./pages/History.svelte";
+export { default as Abilities } from "./pages/Abilities.svelte";
+export { default as KnowledgePage } from "./pages/KnowledgePage.svelte";
+export { default as LearnedPage } from "./pages/LearnedPage.svelte";
+export { default as FindingsPage } from "./pages/FindingsPage.svelte";
+export { default as RoutineWizard } from "./pages/RoutineWizard.svelte";
+export { default as ActionsPage } from "./pages/ActionsPage.svelte";
+export { browserHost } from "./browser.js";
+export type { BrowserHostOptions } from "./browser.js";
+export { provideUi, useUi, cls, sty, override, blockOverride } from "./context.js";
+export type { AssistantUi, Overrides } from "./context.js";
+export { AssistantState, Ticker } from "./store.svelte.js";
+export { themeVars, LIGHT, DARK } from "./theme.js";

package/dist/index.js

@@ -0,0 +1,32 @@
+/** @g9tm/aiassistant-svelte: Svelte 5 components of the G9 AI assistant, customisable in five layers. */
+export { default as AssistantRoot } from "./AssistantRoot.svelte";
+export { default as AssistantPanel } from "./surfaces/AssistantPanel.svelte";
+export { default as AssistantChat } from "./surfaces/AssistantChat.svelte";
+export { default as Surfaces } from "./surfaces/Surfaces.svelte";
+export { default as MessageList } from "./parts/MessageList.svelte";
+export { default as Message } from "./parts/Message.svelte";
+export { default as Composer } from "./parts/Composer.svelte";
+export { default as WorkCard } from "./parts/WorkCard.svelte";
+export { default as TextView } from "./parts/TextView.svelte";
+export { default as RevealText } from "./parts/RevealText.svelte";
+export { default as ThinkingOrb } from "./parts/ThinkingOrb.svelte";
+export { default as StagesThinking } from "./parts/StagesThinking.svelte";
+export { default as Small } from "./parts/Small.svelte";
+export { default as BlockView } from "./blocks/BlockView.svelte";
+export { default as Chart } from "./blocks/Chart.svelte";
+export { default as ApprovalCard } from "./cards/ApprovalCard.svelte";
+export { default as Cards } from "./cards/Cards.svelte";
+export { default as SecretField } from "./cards/SecretField.svelte";
+export { default as PinPad } from "./slots/PinPad.svelte";
+export { default as Dialog } from "./slots/Dialog.svelte";
+export { default as History } from "./pages/History.svelte";
+export { default as Abilities } from "./pages/Abilities.svelte";
+export { default as KnowledgePage } from "./pages/KnowledgePage.svelte";
+export { default as LearnedPage } from "./pages/LearnedPage.svelte";
+export { default as FindingsPage } from "./pages/FindingsPage.svelte";
+export { default as RoutineWizard } from "./pages/RoutineWizard.svelte";
+export { default as ActionsPage } from "./pages/ActionsPage.svelte";
+export { browserHost } from "./browser.js";
+export { provideUi, useUi, cls, sty, override, blockOverride } from "./context.js";
+export { AssistantState, Ticker } from "./store.svelte.js";
+export { themeVars, LIGHT, DARK } from "./theme.js";

package/dist/pages/Abilities.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">
+  import Page from "./Page.svelte";
+  let { onopen = undefined }: { onopen?: ((id: string) => void) | undefined } = $props();
+</script>
+
+<Page kind="abilities" {onopen} />

package/dist/pages/Abilities.svelte.d.ts

@@ -0,0 +1,6 @@
+type $$ComponentProps = {
+    onopen?: ((id: string) => void) | undefined;
+};
+declare const Abilities: import("svelte").Component<$$ComponentProps, {}, "">;
+type Abilities = ReturnType<typeof Abilities>;
+export default Abilities;

package/dist/pages/ActionsPage.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">
+  import Page from "./Page.svelte";
+  let { onopen = undefined }: { onopen?: ((id: string) => void) | undefined } = $props();
+</script>
+
+<Page kind="actions" {onopen} />

package/dist/pages/ActionsPage.svelte.d.ts

@@ -0,0 +1,6 @@
+type $$ComponentProps = {
+    onopen?: ((id: string) => void) | undefined;
+};
+declare const ActionsPage: import("svelte").Component<$$ComponentProps, {}, "">;
+type ActionsPage = ReturnType<typeof ActionsPage>;
+export default ActionsPage;

package/dist/pages/AdminPage.svelte

@@ -0,0 +1,53 @@
+<script lang="ts">
+  // The manager's pages (07 phases 11-12): capabilities, usage, audit, models, connections, suggestions and gates,
+  // with a scope picker that says where a new provider or server goes (this app, or the whole installation).
+  import Page from "./Page.svelte";
+  import AdminCapabilities from "./admin/AdminCapabilities.svelte";
+  import AdminUsage from "./admin/AdminUsage.svelte";
+  import AdminAudit from "./admin/AdminAudit.svelte";
+  import AdminModels from "./admin/AdminModels.svelte";
+  import AdminConnections from "./admin/AdminConnections.svelte";
+  import AdminFeedback from "./admin/AdminFeedback.svelte";
+  import { AdminClient, adminTexts } from "@g9tm/aiassistant/admin";
+  import { cls, useUi } from "../context.js";
+
+  let { onopen = undefined }: { onopen?: ((id: string) => void) | undefined } = $props();
+  const ui = useUi();
+  const t = adminTexts(ui.texts).t;
+  type Tab = "gates" | "capabilities" | "usage" | "audit" | "models" | "connections" | "feedback";
+  const tabs: Tab[] = ["capabilities", "models", "connections", "usage", "audit", "feedback", "gates"];
+  let tab = $state<Tab>("capabilities");
+  let level = $state("app");
+  let chain = $state<{ level: string; space: string | null; user: string | null }[]>([]);
+  $effect(() => { new AdminClient(ui.assistant.api).scopes().then((c) => { chain = c; }, () => { chain = []; }); });
+</script>
+
+<div class={cls(ui, "panel.body")} data-page="admin">
+  <div role="tablist" class="g9a-tabs">
+    {#each tabs as x (x)}
+      <button type="button" role="tab" aria-selected={tab === x} onclick={() => { tab = x; }}>{t("admin." + x)}</button>
+    {/each}
+  </div>
+  {#if tab === "models" || tab === "connections"}
+    <label class="g9a-row">{t("admin.scope")}
+      <select bind:value={level}>
+        {#each chain.filter((c) => c.level === "app" || c.level === "general") as c (c.level)}<option value={c.level}>{c.level}</option>{/each}
+      </select>
+    </label>
+  {/if}
+  {#if tab === "capabilities"}
+    <AdminCapabilities />
+  {:else if tab === "models"}
+    <AdminModels {level} />
+  {:else if tab === "connections"}
+    <AdminConnections {level} />
+  {:else if tab === "usage"}
+    <AdminUsage />
+  {:else if tab === "audit"}
+    <AdminAudit />
+  {:else if tab === "feedback"}
+    <AdminFeedback />
+  {:else}
+    <Page kind="admin" {onopen} />
+  {/if}
+</div>

package/dist/pages/AdminPage.svelte.d.ts

@@ -0,0 +1,6 @@
+type $$ComponentProps = {
+    onopen?: ((id: string) => void) | undefined;
+};
+declare const AdminPage: import("svelte").Component<$$ComponentProps, {}, "">;
+type AdminPage = ReturnType<typeof AdminPage>;
+export default AdminPage;

package/dist/pages/FindingsPage.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">
+  import Page from "./Page.svelte";
+  let { onopen = undefined }: { onopen?: ((id: string) => void) | undefined } = $props();
+</script>
+
+<Page kind="findings" {onopen} />

package/dist/pages/FindingsPage.svelte.d.ts

@@ -0,0 +1,6 @@
+type $$ComponentProps = {
+    onopen?: ((id: string) => void) | undefined;
+};
+declare const FindingsPage: import("svelte").Component<$$ComponentProps, {}, "">;
+type FindingsPage = ReturnType<typeof FindingsPage>;
+export default FindingsPage;

package/dist/pages/History.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">
+  import Page from "./Page.svelte";
+  let { onopen = undefined }: { onopen?: ((id: string) => void) | undefined } = $props();
+</script>
+
+<Page kind="history" {onopen} />

package/dist/pages/History.svelte.d.ts

@@ -0,0 +1,6 @@
+type $$ComponentProps = {
+    onopen?: ((id: string) => void) | undefined;
+};
+declare const History: import("svelte").Component<$$ComponentProps, {}, "">;
+type History = ReturnType<typeof History>;
+export default History;

package/dist/pages/KnowledgePage.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">
+  import Page from "./Page.svelte";
+  let { onopen = undefined }: { onopen?: ((id: string) => void) | undefined } = $props();
+</script>
+
+<Page kind="knowledge" {onopen} />

package/dist/pages/KnowledgePage.svelte.d.ts

@@ -0,0 +1,6 @@
+type $$ComponentProps = {
+    onopen?: ((id: string) => void) | undefined;
+};
+declare const KnowledgePage: import("svelte").Component<$$ComponentProps, {}, "">;
+type KnowledgePage = ReturnType<typeof KnowledgePage>;
+export default KnowledgePage;

package/dist/pages/LearnedPage.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">
+  import Page from "./Page.svelte";
+  let { onopen = undefined }: { onopen?: ((id: string) => void) | undefined } = $props();
+</script>
+
+<Page kind="learned" {onopen} />

package/dist/pages/LearnedPage.svelte.d.ts

@@ -0,0 +1,6 @@
+type $$ComponentProps = {
+    onopen?: ((id: string) => void) | undefined;
+};
+declare const LearnedPage: import("svelte").Component<$$ComponentProps, {}, "">;
+type LearnedPage = ReturnType<typeof LearnedPage>;
+export default LearnedPage;

package/dist/pages/Page.svelte

@@ -0,0 +1,88 @@
+<script lang="ts" module>
+  export type PageKind = "history" | "abilities" | "knowledge" | "learned" | "findings" | "routines" | "actions" | "admin";
+</script>
+
+<script lang="ts">
+  // The assistant's pages, each from its own endpoint, read with type checks only.
+  import { arr, num, obj, str } from "@g9tm/aiassistant";
+  import { cls, useUi } from "../context.js";
+
+  let { kind, onopen = undefined }: { kind: PageKind; onopen?: ((conversationId: string) => void) | undefined } = $props();
+  const ui = useUi();
+  const t = ui.texts.t;
+  const api = ui.assistant.api;
+  let data = $state<Record<string, unknown>>({});
+  let error = $state<string | null>(null);
+  let search = $state("");
+  let purpose = $state("");
+  let code = $state("");
+  let token = $state<string | null>(null);
+
+  const PATHS: Record<PageKind, string> = {
+    history: "conversations", abilities: "capabilities", knowledge: "knowledge", learned: "learned/dashboard?capability=chat",
+    findings: "findings", routines: "routines", actions: "conversations", admin: "gates",
+  };
+
+  async function load(): Promise<void> {
+    try {
+      data = obj(await api.get(new Map(Object.entries(PATHS)).get(kind) ?? ""));
+      error = null;
+    } catch (e) {
+      error = e instanceof Error ? e.message : "error.network";
+    }
+  }
+  $effect(() => { void load(); });
+
+  const today = new Date().toDateString();
+  const conversations = $derived(arr(data["conversations"]).map(obj).filter((c) => str(c["title"]).includes(search)));
+  async function act(path: string, body?: unknown): Promise<void> {
+    await api.post(path, body).catch(() => undefined);
+    await load();
+  }
+</script>
+
+<div class={cls(ui, "panel.body")} data-page={kind}>
+  {#if error}<p class="g9a-note" role="alert">{t("error.network")}</p>{/if}
+  {#if kind === "history"}
+    <input bind:value={search} placeholder={t("history.search")} aria-label={t("history.search")} />
+    {#each [["history.pinned", conversations.filter((c) => c["pinned"] === true)], ["history.today", conversations.filter((c) => c["pinned"] !== true && new Date(str(c["updatedAt"])).toDateString() === today)], ["history.earlier", conversations.filter((c) => c["pinned"] !== true && new Date(str(c["updatedAt"])).toDateString() !== today)]] as [title, list] (title)}
+      {#if (list as Record<string, unknown>[]).length > 0}
+        <h4>{t(title as string)}</h4>
+        <ul>{#each list as Record<string, unknown>[] as c (str(c["id"]))}<li><button type="button" onclick={async () => { await ui.assistant.open(str(c["id"])); onopen?.(str(c["id"])); }}>{str(c["title"])}</button></li>{/each}</ul>
+      {/if}
+    {/each}
+  {:else if kind === "abilities"}
+    {#each arr(data["groups"]).map(obj) as g (str(g["name"]))}
+      <h4>{str(g["title"], str(g["name"]))}</h4>
+      <ul>{#each arr(g["tools"]).map(obj) as tool (str(tool["name"]))}<li>{str(tool["title"], str(tool["name"]))}</li>{/each}</ul>
+    {/each}
+    {#each arr(data["closed"]).map(obj) as c (str(c["name"]))}<p class="g9a-note">{str(c["name"])} · {str(c["layer"])}</p>{/each}
+  {:else if kind === "knowledge"}
+    <ul>{#each arr(data["notes"] ?? data["items"]).map(obj) as n, i (i)}<li>{str(n["text"], str(n["name"]))}</li>{/each}</ul>
+  {:else if kind === "learned"}
+    <p>{Math.round(num(data["modelFreeRate"]) * 100)}% · {num(data["tokensSaved"])}</p>
+    <ul>{#each arr(data["items"]).map(obj) as it, i (i)}<li data-status={str(it["status"])}>{str(it["signature"])} · {str(it["status"])} · {num(it["hits"])}</li>{/each}</ul>
+  {:else if kind === "findings"}
+    <ul>
+      {#each arr(data["findings"]).map(obj) as f (str(f["id"]))}
+        <li>
+          {str(obj(f["title"])["text"], t(str(obj(f["title"])["key"])))}
+          <button type="button" onclick={() => act("findings/" + encodeURIComponent(str(f["id"])) + "/fixed")}>✓</button>
+          <button type="button" onclick={() => act("findings/" + encodeURIComponent(str(f["id"])) + "/dismiss", { reason: "—" })}>{t("no")}</button>
+        </li>
+      {/each}
+    </ul>
+  {:else if kind === "routines"}
+    <ul>{#each arr(data["routines"] ?? data["items"]).map(obj) as r (str(r["id"]))}<li>{str(r["title"], str(r["name"]))} <button type="button" onclick={() => act("routines/" + encodeURIComponent(str(r["id"])) + "/preview")}>▶</button></li>{/each}</ul>
+  {:else if kind === "actions"}
+    <ul>{#each [...ui.assistant.snapshot().plans.values()].filter((p) => p.answered === "confirmed") as p (p.id)}<li>{p.title} <button type="button" onclick={() => ui.assistant.undo(p.id)}>{t("undo.all")}</button></li>{/each}</ul>
+  {:else if kind === "admin"}
+    <form onsubmit={async (e) => { e.preventDefault(); const r = obj(await api.post("gates", { purpose, code }).catch(() => null)); token = str(r["token"]) || null; purpose = ""; code = ""; await load(); }}>
+      <input bind:value={purpose} placeholder="purpose" aria-label="purpose" />
+      <input bind:value={code} type="password" placeholder={t("card.code")} aria-label={t("card.code")} />
+      <button type="submit">+</button>
+    </form>
+    {#if token}<p class="g9a-note"><code>{token}</code></p>{/if}
+    <ul>{#each arr(data["gates"]).map(obj) as g (str(g["id"]))}<li data-revoked={g["revoked"] === true}>{str(g["purpose"])} · {num(g["callsToday"])} <button type="button" onclick={async () => { await api.delete("gates/" + encodeURIComponent(str(g["id"]))); await load(); }}>×</button></li>{/each}</ul>
+  {/if}
+</div>

package/dist/pages/Page.svelte.d.ts

@@ -0,0 +1,8 @@
+export type PageKind = "history" | "abilities" | "knowledge" | "learned" | "findings" | "routines" | "actions" | "admin";
+type $$ComponentProps = {
+    kind: PageKind;
+    onopen?: ((conversationId: string) => void) | undefined;
+};
+declare const Page: import("svelte").Component<$$ComponentProps, {}, "">;
+type Page = ReturnType<typeof Page>;
+export default Page;

package/dist/pages/RoutineWizard.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">
+  import Page from "./Page.svelte";
+  let { onopen = undefined }: { onopen?: ((id: string) => void) | undefined } = $props();
+</script>
+
+<Page kind="routines" {onopen} />

package/dist/pages/RoutineWizard.svelte.d.ts

@@ -0,0 +1,6 @@
+type $$ComponentProps = {
+    onopen?: ((id: string) => void) | undefined;
+};
+declare const RoutineWizard: import("svelte").Component<$$ComponentProps, {}, "">;
+type RoutineWizard = ReturnType<typeof RoutineWizard>;
+export default RoutineWizard;

package/dist/pages/admin/AdminAudit.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+  // The audit, newest first: steps run, cards answered, undos, gates and settings changed.
+  import type { AuditView } from "@g9tm/aiassistant/admin";
+  import { AdminClient, adminTexts } from "@g9tm/aiassistant/admin";
+  import { useUi } from "../../context.js";
+
+  const ui = useUi();
+  const t = adminTexts(ui.texts).t;
+  let rows = $state<AuditView[]>([]);
+  let error = $state<string | null>(null);
+
+  $effect(() => {
+    new AdminClient(ui.assistant.api).audit(200).then((r) => { rows = r; error = null; }, (e: unknown) => { error = e instanceof Error ? e.message : "error.network"; });
+  });
+</script>
+
+{#if error}<p class="g9a-note" role="alert">{t("error.network")}</p>{/if}
+{#if rows.length === 0 && !error}<p class="g9a-note">{t("admin.empty")}</p>{/if}
+<table>
+  <tbody>
+    {#each rows as a, i (i)}
+      <tr data-tainted={a.tainted}>
+        <td><time>{new Date(a.at).toLocaleString(ui.texts.locale)}</time></td>
+        <td>{a.user}</td>
+        <td>{a.actor}</td>
+        <td dir="ltr">{a.action}</td>
+        <td dir="ltr">{a.tool ?? ""}</td>
+        <td dir="ltr">{a.decision ?? ""}</td>
+        <td dir="ltr">{a.outcome ?? ""}</td>
+      </tr>
+    {/each}
+  </tbody>
+</table>

package/dist/pages/admin/AdminAudit.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const AdminAudit: import("svelte").Component<Record<string, never>, {}, "">;
+type AdminAudit = ReturnType<typeof AdminAudit>;
+export default AdminAudit;

package/dist/pages/admin/AdminCapabilities.svelte

@@ -0,0 +1,91 @@
+<script lang="ts">
+  // Capabilities as they run now; a manager changes the route, the limits or the switch without a release, and runs
+  // one entry-test probe at a time on the route's first model.
+  import type { CapabilityLimitsView, CapabilityView, ProbeView } from "@g9tm/aiassistant/admin";
+  import { AdminClient, adminTexts, parseRoute } from "@g9tm/aiassistant/admin";
+  import { useUi } from "../../context.js";
+
+  const ui = useUi();
+  const t = adminTexts(ui.texts).t;
+  const admin = new AdminClient(ui.assistant.api);
+  let list = $state<CapabilityView[]>([]);
+  let probes = $state<string[]>([]);
+  let routes = $state<Record<string, string>>({});
+  let error = $state<string | null>(null);
+  let results = $state<ProbeView[]>([]);
+  let busy = $state(false);
+
+  const FIELDS: [keyof CapabilityLimitsView, string][] = [
+    ["maxRounds", "admin.max_rounds"], ["perMinute", "admin.per_minute"], ["perPersonPerDay", "admin.per_person_day"],
+    ["perTenantPerDay", "admin.per_space_day"], ["monthlyTokenBudget", "admin.monthly_tokens"],
+  ];
+
+  async function load(): Promise<void> {
+    try {
+      const r = await admin.capabilities();
+      list = r.capabilities;
+      probes = r.probes;
+      routes = Object.fromEntries(r.capabilities.map((c) => [c.id, c.route.join(" > ")]));
+      error = null;
+    } catch (e) {
+      error = e instanceof Error ? e.message : "error.network";
+    }
+  }
+  $effect(() => { void load(); });
+
+  function replace(c: CapabilityView): void {
+    list = list.map((x) => (x.id === c.id ? c : x));
+    routes = { ...routes, [c.id]: c.route.join(" > ") };
+  }
+
+  async function save(c: CapabilityView): Promise<void> {
+    const route = parseRoute(new Map(Object.entries(routes)).get(c.id) ?? "");
+    try {
+      replace(await admin.setCapability(c.id, { route, limits: c.limits, enabled: c.enabled }));
+    } catch (e) {
+      error = e instanceof Error ? e.message : "error.network";
+    }
+  }
+
+  async function reset(c: CapabilityView): Promise<void> {
+    try { replace(await admin.resetCapability(c.id)); } catch (e) { error = e instanceof Error ? e.message : "error.network"; }
+  }
+
+  async function probeAll(c: CapabilityView): Promise<void> {
+    const model = c.route.at(0);
+    if (!model || busy) return;
+    busy = true;
+    results = [];
+    for (const p of probes) {
+      // one probe per request: each shows as it ends
+      try { results = [...results, await admin.probe(p, model)]; } catch { results = [...results, { probe: p, model, quality: "error", rightKind: false, tokensIn: 0, ms: 0, head: null, error: "error.network" }]; }
+    }
+    busy = false;
+  }
+</script>
+
+{#if error}<p class="g9a-note" role="alert">{t("error.network")}</p>{/if}
+{#if list.length === 0 && !error}<p class="g9a-note">{t("admin.empty")}</p>{/if}
+{#each list as c (c.id)}
+  <section class="g9a-admin-capability" data-overridden={c.overridden}>
+    <h4>{c.id} · {c.kind}{#if c.overridden} · <small>{t("admin.overridden")}</small>{/if}</h4>
+    <label>{t("admin.enabled")} <input type="checkbox" bind:checked={c.enabled} /></label>
+    <label>{t("admin.route")} <input dir="ltr" bind:value={routes[c.id]} /></label>
+    {#each FIELDS as [key, label] (key)}
+      <label>{t(label)} <input type="number" min="0" dir="ltr" bind:value={c.limits[key]} /></label>
+    {/each}
+    <div>
+      <button type="button" onclick={() => save(c)}>{t("admin.save")}</button>
+      {#if c.overridden}<button type="button" onclick={() => reset(c)}>{t("admin.reset")}</button>{/if}
+      {#if probes.length > 0 && c.route.length > 0}<button type="button" disabled={busy} onclick={() => probeAll(c)}>{t("admin.probe")}</button>{/if}
+    </div>
+  </section>
+{/each}
+{#if results.length > 0}
+  <h4>{t("admin.probe")}</h4>
+  <ul>
+    {#each results as r (r.probe)}
+      <li data-ok={r.rightKind}>{r.rightKind ? "✓" : "✗"} {r.probe} · {r.quality} · {r.tokensIn} · {r.ms} ms{#if r.error} · {r.error}{/if}</li>
+    {/each}
+  </ul>
+{/if}

package/dist/pages/admin/AdminCapabilities.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const AdminCapabilities: import("svelte").Component<Record<string, never>, {}, "">;
+type AdminCapabilities = ReturnType<typeof AdminCapabilities>;
+export default AdminCapabilities;

package/dist/pages/admin/AdminConnections.svelte

@@ -0,0 +1,58 @@
+<script lang="ts">
+  // The "Connections" group: other MCP servers (an address, a way in, a secret sent once, a test listing the
+  // tools as the assistant would name them, read-only or a change), with the route their traffic takes.
+  import { AdminClient, adminTexts } from "@g9tm/aiassistant/admin";
+  import type { McpServerView } from "@g9tm/aiassistant/admin";
+  import { useUi } from "../../context.js";
+
+  let { level = "app" }: { level?: string } = $props();
+  const ui = useUi();
+  const t = adminTexts(ui.texts).t;
+  const admin = new AdminClient(ui.assistant.api);
+  let client = $state(true);
+  let servers = $state<McpServerView[]>([]);
+  let tested = $state<{ id: string; ok: boolean; error: string | null; tools: { name: string; readOnly: boolean; allowed: boolean }[] } | null>(null);
+  let id = $state("");
+  let url = $state("");
+  let auth = $state("none");
+  let secret = $state("");
+  let error = $state<string | null>(null);
+
+  async function load(): Promise<void> {
+    try { const r = await admin.mcpServers(); client = r.client; servers = r.servers; error = null; } catch (e) { error = e instanceof Error ? e.message : "error.network"; }
+  }
+  $effect(() => { void load(); });
+
+  async function add(): Promise<void> {
+    if (!id.trim() || !url.trim()) return;
+    try {
+      await admin.saveMcpServer(id.trim(), { url: url.trim(), auth, secret: secret || undefined, level });
+      id = ""; url = ""; secret = "";
+      await load();
+    } catch (e) { error = e instanceof Error ? e.message : "error.network"; }
+  }
+</script>
+
+{#if error}<p class="g9a-note" role="alert">{t("error.network")}</p>{/if}
+<h4>{t("admin.mcp")}</h4>
+{#if !client}<p class="g9a-note">{t("admin.no_client")}</p>{/if}
+<ul>
+  {#each servers as s (s.id)}
+    <li data-enabled={s.enabled}>
+      <strong dir="ltr">{s.id}</strong> · <span dir="ltr">{s.url}</span> · {s.auth}{s.hasSecret ? " 🔒" : ""} · {s.level} · <span dir="ltr">{s.route}</span>
+      <button type="button" onclick={async () => { tested = { id: s.id, ...(await admin.testMcpServer(s.id).catch(() => ({ ok: false, error: "error.network", tools: [] }))) }; }}>{t("admin.test")}</button>
+      <button type="button" onclick={async () => { await admin.deleteMcpServer(s.id).catch(() => undefined); await load(); }}>{t("admin.remove")}</button>
+    </li>
+  {/each}
+</ul>
+{#if tested}
+  <p>{tested.id}: {tested.ok ? "✓" : "✗ " + (tested.error ?? "")}</p>
+  <ul>{#each tested.tools as x (x.name)}<li dir="ltr" data-allowed={x.allowed}>{x.name} {x.readOnly ? "(read)" : "(change)"}</li>{/each}</ul>
+{/if}
+<form class="g9a-row" onsubmit={(e) => { e.preventDefault(); void add(); }}>
+  <input dir="ltr" bind:value={id} placeholder="name" aria-label="name" />
+  <input dir="ltr" bind:value={url} placeholder="https://…/mcp" aria-label="url" />
+  <select bind:value={auth} aria-label="auth"><option value="none">none</option><option value="bearer">bearer</option></select>
+  {#if auth !== "none"}<input dir="ltr" type="password" bind:value={secret} placeholder={t("admin.secret")} aria-label={t("admin.secret")} autocomplete="off" />{/if}
+  <button type="submit">{t("admin.add")}</button>
+</form>

package/dist/pages/admin/AdminConnections.svelte.d.ts

@@ -0,0 +1,6 @@
+type $$ComponentProps = {
+    level?: string;
+};
+declare const AdminConnections: import("svelte").Component<$$ComponentProps, {}, "">;
+type AdminConnections = ReturnType<typeof AdminConnections>;
+export default AdminConnections;

package/dist/pages/admin/AdminFeedback.svelte

@@ -0,0 +1,38 @@
+<script lang="ts">
+  // The agents' suggestions: a repeat counts on one row; the manager marks each and leaves a note. The two
+  // knowledge budgets are shown as bars above.
+  import { AdminClient, adminTexts } from "@g9tm/aiassistant/admin";
+  import type { FeedbackView } from "@g9tm/aiassistant/admin";
+  import { useUi } from "../../context.js";
+
+  const ui = useUi();
+  const t = adminTexts(ui.texts).t;
+  const admin = new AdminClient(ui.assistant.api);
+  let rows = $state<FeedbackView[]>([]);
+  let budget = $state<{ notes: number; maxNotes: number; pinnedChars: number; maxPinnedChars: number } | null>(null);
+  const STATES = ["new", "seen", "planned", "done", "dismissed"];
+
+  async function load(): Promise<void> {
+    rows = (await admin.agentFeedback().catch(() => ({ fresh: 0, rows: [] }))).rows;
+    budget = await admin.budget().catch(() => null);
+  }
+  $effect(() => { void load(); });
+</script>
+
+{#if budget}
+  <p>{t("admin.budget", { notes: budget.notes, max: budget.maxNotes, chars: budget.pinnedChars, maxChars: budget.maxPinnedChars })}</p>
+  <progress max={budget.maxNotes} value={budget.notes}></progress>
+  <progress max={budget.maxPinnedChars} value={budget.pinnedChars}></progress>
+{/if}
+{#if rows.length === 0}<p class="g9a-note">{t("admin.empty")}</p>{/if}
+<ul>
+  {#each rows as f (f.id)}
+    <li data-status={f.status}>
+      <strong>{f.title}</strong> · {f.kind} · ×{f.count}
+      {#if f.detail}<p>{f.detail}</p>{/if}
+      <select value={f.status} aria-label={f.title} onchange={async (e) => { await admin.setFeedback(f.id, (e.currentTarget as HTMLSelectElement).value).catch(() => undefined); await load(); }}>
+        {#each STATES as s (s)}<option value={s}>{s}</option>{/each}
+      </select>
+    </li>
+  {/each}
+</ul>

package/dist/pages/admin/AdminFeedback.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const AdminFeedback: import("svelte").Component<Record<string, never>, {}, "">;
+type AdminFeedback = ReturnType<typeof AdminFeedback>;
+export default AdminFeedback;