@g9tm/aiassistant-svelte 0.0.0-stage → 1.1.0

package/dist/cards/SecretField.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+  // A secret the person types: sent once as the answer, then cleared; never kept in state, history or storage.
+  import { cls, useUi } from "../context.js";
+
+  let { onsubmit }: { onsubmit: (value: string) => void } = $props();
+  const ui = useUi();
+  let input: HTMLInputElement | undefined = $state();
+
+  function send(e: SubmitEvent): void {
+    e.preventDefault();
+    if (!input || input.value.length === 0) return;
+    const value = input.value;
+    input.value = ""; // read straight from the field, never bound to state
+    onsubmit(value);
+  }
+</script>
+
+<form class={cls(ui, "secret-field")} onsubmit={send} autocomplete="off">
+  <input bind:this={input} type="password" autocomplete="off" aria-label={ui.texts.t("secret.hint")} placeholder={ui.texts.t("secret.hint")} />
+  <button type="submit">{ui.texts.t("ask.send")}</button>
+</form>

package/dist/cards/SecretField.svelte.d.ts

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

package/dist/context.d.ts

@@ -0,0 +1,33 @@
+/**
+ * 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 type { Component } from "svelte";
+import type { Assistant, PartName, PartStyles, Texts } from "@g9tm/aiassistant";
+/** Any component a host gives (its own props: the library passes the view model and the default). */
+export type HostComponent = Component<any>;
+/** Host replacements: by component name, and per block type (including the host's x:* blocks). */
+export interface Overrides {
+    [name: string]: HostComponent | Record<string, HostComponent> | undefined;
+    Block?: Record<string, HostComponent>;
+}
+export interface AssistantUi {
+    assistant: Assistant;
+    texts: Texts;
+    styles: PartStyles;
+    unstyled: boolean;
+    components: Overrides;
+    /** The layer dialogs inside the panel sit on (above the panel). */
+    layer: number;
+}
+export declare function provideUi(ui: AssistantUi): AssistantUi;
+export declare function useUi(): AssistantUi;
+/** The class of a part (the library's stable class and the host's). */
+export declare function cls(ui: AssistantUi, part: PartName): string;
+/** The inline style the host gave a part. */
+export declare function sty(ui: AssistantUi, part: PartName): string | undefined;
+/** The host's replacement of a component, if any. */
+export declare function override(ui: AssistantUi, name: string): HostComponent | undefined;
+/** The host's renderer of a block type, if any. */
+export declare function blockOverride(ui: AssistantUi, type: string): HostComponent | undefined;

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,38 @@
+/** @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 { default as SlotPicker } from "./pages/SlotPicker.svelte";
+export { default as CsvButton } from "./blocks/CsvButton.svelte";
+export { default as PdfButton } from "./parts/PdfButton.svelte";
+export { pageTexts, pageKeys } from "./pages/texts.js";
+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,36 @@
+/** @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 { default as SlotPicker } from "./pages/SlotPicker.svelte";
+export { default as CsvButton } from "./blocks/CsvButton.svelte";
+export { default as PdfButton } from "./parts/PdfButton.svelte";
+export { pageTexts, pageKeys } from "./pages/texts.js";
+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,96 @@
+<script lang="ts">
+  // The person's conversations in four tabs with their counts (today, earlier, pinned, waiting for a code), one search
+  // over all of them, pin or unpin, delete after a confirmation, and open. The rows and tabs come from the core's
+  // page helpers; this only draws them.
+  import { HISTORY_TABS, historyTabs, pageCalls, readConversations, tabCounts, type ConversationRow, type HistoryTab } from "@g9tm/aiassistant/pages";
+  import { faDigits } from "@g9tm/aiassistant";
+  import { cls, override, useUi } from "../context.js";
+  import Dialog from "../slots/Dialog.svelte";
+  import { pageTexts } from "./texts.js";
+
+  let { onopen = undefined }: { onopen?: ((conversationId: string) => void) | undefined } = $props();
+  const ui = useUi();
+  const t = pageTexts(ui.texts).t;
+  const api = ui.assistant.api;
+  const Confirm = $derived(override(ui, "Dialog") ?? Dialog);
+  let rows = $state<ConversationRow[]>([]);
+  let failed = $state(false);
+  let search = $state("");
+  let tab = $state<HistoryTab>("today");
+  let removing = $state<ConversationRow | null>(null);
+  let asking = $state(false);
+  const digits = (n: number): string => (ui.texts.locale === "fa" ? faDigits(String(n)) : String(n));
+
+  async function load(): Promise<void> {
+    try {
+      rows = readConversations(await api.conversations());
+      failed = false;
+    } catch {
+      failed = true;
+    }
+  }
+  $effect(() => { void load(); });
+
+  const tabs = $derived(historyTabs(rows, new Date(), search));
+  const counts = $derived(tabCounts(tabs));
+  const shown = $derived(new Map(Object.entries(tabs)).get(tab) ?? []);
+
+  async function call(work: Promise<unknown>): Promise<void> {
+    try {
+      await work;
+    } catch {
+      failed = true;
+    }
+    await load();
+  }
+
+  function askRemove(row: ConversationRow): void {
+    removing = row;
+    asking = true;
+  }
+
+  async function remove(): Promise<void> {
+    const row = removing;
+    asking = false;
+    removing = null;
+    if (row) await call(pageCalls.remove(api, row.id));
+  }
+
+  async function open(id: string): Promise<void> {
+    await ui.assistant.open(id);
+    onopen?.(id);
+  }
+</script>
+
+<div class={cls(ui, "panel.body") + " g9a-history"} data-page="history">
+  {#if failed}<p class="g9a-note" role="alert">{t("error.network")}</p>{/if}
+  <input type="search" bind:value={search} placeholder={t("history.search")} aria-label={t("history.search")} />
+  <div role="tablist" class="g9a-tabs" aria-label={t("history.tabs")}>
+    {#each HISTORY_TABS as x (x)}
+      <button type="button" role="tab" data-tab={x} aria-selected={tab === x} onclick={() => { tab = x; }}>
+        {t("history." + x)} <span class="g9a-count">{digits(new Map(Object.entries(counts)).get(x) ?? 0)}</span>
+      </button>
+    {/each}
+  </div>
+  <div role="tabpanel" data-tab={tab}><ul class="g9a-history__list">
+    {#each shown as row (row.id)}
+      <li class="g9a-history__row" data-id={row.id} data-pinned={row.pinned} data-waiting={row.waiting}>
+        <button type="button" class="g9a-history__open" onclick={() => open(row.id)}>{row.title || t("history.untitled")}</button>
+        <button type="button" class="g9a-history__pin" aria-pressed={row.pinned} onclick={() => call(pageCalls.pin(api, row.id, !row.pinned))}>
+          {row.pinned ? t("history.unpin") : t("history.pin")}
+        </button>
+        <button type="button" class="g9a-history__delete" onclick={() => askRemove(row)}>{t("history.delete")}</button>
+      </li>
+    {:else}
+      <li class="g9a-note">{t("history.empty")}</li>
+    {/each}
+  </ul></div>
+  <Confirm bind:open={asking} label={t("history.delete_confirm")}>
+    <p>{t("history.delete_confirm")}</p>
+    <p><strong>{removing?.title || t("history.untitled")}</strong></p>
+    <div class="g9a-row">
+      <button type="button" class="g9a-history__delete-yes" onclick={remove}>{t("history.delete")}</button>
+      <button type="button" onclick={() => { asking = false; removing = null; }}>{t("no")}</button>
+    </div>
+  </Confirm>
+</div>

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

@@ -0,0 +1,6 @@
+type $$ComponentProps = {
+    onopen?: ((conversationId: 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,82 @@
+<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, override, useUi } from "../context.js";
+  import History from "./History.svelte";
+  import RoutineWizard from "./RoutineWizard.svelte";
+
+  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 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";
+    }
+  }
+  // History and the routine wizard are their own (replaceable) pages and read their own data.
+  const Own = $derived(kind === "history" ? override(ui, "History") ?? History : kind === "routines" ? override(ui, "RoutineWizard") ?? RoutineWizard : null);
+  $effect(() => { if (kind !== "history" && kind !== "routines") void load(); });
+  async function act(path: string, body?: unknown): Promise<void> {
+    await api.post(path, body).catch(() => undefined);
+    await load();
+  }
+</script>
+
+{#if Own}
+  <Own {onopen} />
+{:else}
+<div class={cls(ui, "panel.body")} data-page={kind}>
+  {#if error}<p class="g9a-note" role="alert">{t("error.network")}</p>{/if}
+  {#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 === "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>
+{/if}

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;