@g9tm/aiassistant-svelte 1.0.0 → 1.1.0

package/dist/pages/Page.svelte

@@ -1,88 +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, 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>
+<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/RoutineWizard.svelte

@@ -1,6 +1,197 @@
-<script lang="ts">
-  import Page from "./Page.svelte";
-  let { onopen = undefined }: { onopen?: ((id: string) => void) | undefined } = $props();
-</script>
-
-<Page kind="routines" {onopen} />
+<script lang="ts">
+  // The routine wizard: the routines the person may run; choosing one asks for its slots (entity slots through a
+  // searchable picker, the rest typed and checked by the core's slotValue), then "Preview". A read-only routine answers
+  // with its report; one that changes things returns its card, confirmed here (with the code its method asks for) and
+  // run bound to the preview's run and hash.
+  import { ApiError, arr, needsCode, num, obj, planView, str, type PlanView } from "@g9tm/aiassistant";
+  import { missingSlots, pageCalls, readRoutines, slotValue, type Routine, type RoutineSlot } from "@g9tm/aiassistant/pages";
+  import { cls, override, useUi } from "../context.js";
+  import BlockView from "../blocks/BlockView.svelte";
+  import PinPad from "../slots/PinPad.svelte";
+  import SlotPicker from "./SlotPicker.svelte";
+  import { pageTexts } from "./texts.js";
+
+  // The same props as the other pages (a routine opens no conversation).
+  let {}: { onopen?: ((conversationId: string) => void) | undefined } = $props();
+  const ui = useUi();
+  const texts = pageTexts(ui.texts);
+  const t = texts.t;
+  const api = ui.assistant.api;
+  const Picker = $derived(override(ui, "SlotPicker") ?? SlotPicker);
+  const Pin = $derived(override(ui, "PinPad") ?? PinPad);
+
+  type Card = { plan: PlanView; routineRunId: string; hash: string };
+  let routines = $state<Routine[]>([]);
+  let loadFailed = $state(false);
+  let chosen = $state<Routine | null>(null);
+  let typed = $state<Record<string, string>>({});
+  let picks = $state<Record<string, { id: string; label: string }>>({});
+  let tried = $state(false);
+  let serverMissing = $state<string[]>([]);
+  let report = $state<unknown[] | null>(null);
+  let card = $state<Card | null>(null);
+  let code = $state("");
+  let busy = $state(false);
+  let failure = $state<string | null>(null);
+  let triesLeft = $state<number | null>(null);
+  let result = $state<string | null>(null);
+
+  $effect(() => {
+    pageCalls.routines(api).then((raw) => { routines = readRoutines(raw); loadFailed = false; }, () => { loadFailed = true; });
+  });
+
+  const has = (o: Record<string, unknown>, k: string): boolean => Object.prototype.hasOwnProperty.call(o, k);
+  const textOf = (name: string): string => (has(typed, name) ? String(new Map(Object.entries(typed)).get(name) ?? "") : "");
+  const pickOf = (name: string): { id: string; label: string } | null => new Map(Object.entries(picks)).get(name) ?? null;
+  const valueOf = (slot: RoutineSlot): string | null => (slot.field === "pick" ? pickOf(slot.name)?.id ?? null : slotValue(slot, textOf(slot.name)));
+  const values = $derived(Object.fromEntries((chosen?.slots ?? []).flatMap((s) => { const v = valueOf(s); return v === null ? [] : [[s.name, v]]; })) as Record<string, string>);
+  const missing = $derived(chosen ? missingSlots(chosen.slots, values).map((s) => s.name) : []);
+  /** A slot's state: filled, missing (shown once the person asked for the preview, or the server said so) or not right. */
+  function stateOf(slot: RoutineSlot): "ok" | "missing" | "invalid" {
+    if (slot.field !== "pick" && textOf(slot.name).trim().length > 0 && valueOf(slot) === null) return "invalid";
+    if (serverMissing.includes(slot.name)) return "missing";
+    return tried && missing.includes(slot.name) ? "missing" : "ok";
+  }
+  function labelOf(slot: RoutineSlot): string {
+    const key = "slot." + slot.name;
+    const v = t(key);
+    return v === key ? slot.name : v;
+  }
+  const say = (key: string, args: Record<string, string>): string => {
+    const text = t(key, args);
+    return text === key ? Object.values(args).join(" ") || key : text;
+  };
+
+  function choose(r: Routine | null): void {
+    chosen = r;
+    typed = {};
+    picks = {};
+    tried = false;
+    serverMissing = [];
+    report = null;
+    card = null;
+    code = "";
+    failure = null;
+    triesLeft = null;
+    result = null;
+  }
+
+  function failed(e: unknown): void {
+    failure = e instanceof ApiError ? e.code : "error.network";
+    const left = e instanceof ApiError ? obj(e.body)["triesLeft"] : undefined;
+    triesLeft = typeof left === "number" ? left : null;
+  }
+
+  async function preview(): Promise<void> {
+    tried = true;
+    failure = null;
+    serverMissing = [];
+    const r0 = chosen;
+    if (!r0 || missing.length > 0 || chosen?.slots.some((s) => stateOf(s) === "invalid")) return;
+    busy = true;
+    try {
+      const r = obj(await pageCalls.preview(api, r0.id, values, ui.assistant.snapshot().conversationId ?? undefined));
+      const state = str(r["state"]);
+      if (state === "report") report = arr(r["blocks"]);
+      else if (state === "missing" || !r["card"]) serverMissing = arr(r["missing"]).filter((m): m is string => typeof m === "string");
+      else {
+        const plan = planView(r["card"]);
+        card = { plan, routineRunId: str(r["routineRunId"]), hash: str(r["hash"], plan.hash) };
+      }
+    } catch (e) {
+      failed(e);
+    }
+    busy = false;
+  }
+
+  async function run(): Promise<void> {
+    const r0 = chosen;
+    const c = card;
+    if (!r0 || !c) return;
+    busy = true;
+    failure = null;
+    triesLeft = null;
+    try {
+      const r = obj(await pageCalls.run(api, r0.id, c.routineRunId, c.hash, needsCode(c.plan.method) ? code : undefined));
+      if (r["ok"] === false) {
+        failure = str(obj(r["error"])["code"], "routine.failed");
+        triesLeft = typeof r["triesLeft"] === "number" ? num(r["triesLeft"]) : null;
+      } else {
+        result = str(r["text"]) || t("routine.done");
+        card = null;
+      }
+    } catch (e) {
+      failed(e);
+    }
+    code = "";
+    busy = false;
+  }
+</script>
+
+<div class={cls(ui, "panel.body") + " g9a-routines"} data-page="routines">
+  {#if loadFailed}<p class="g9a-note" role="alert">{t("error.network")}</p>{/if}
+  {#if !chosen}
+    <h4>{t("routine.list")}</h4>
+    <ul class="g9a-routines__list">
+      {#each routines as r (r.id)}
+        <li><button type="button" class="g9a-routines__choose" data-id={r.id} onclick={() => choose(r)}>{r.title || r.id}</button></li>
+      {:else}
+        <li class="g9a-note">{t("routine.empty")}</li>
+      {/each}
+    </ul>
+  {:else}
+    <div class="g9a-row"><button type="button" class="g9a-routines__back" onclick={() => choose(null)}>{t("routine.back")}</button></div>
+    <h4>{chosen.title || chosen.id}</h4>
+    {#if result !== null}
+      <p class="g9a-note g9a-routines__result" role="status">{result}</p>
+    {:else if report}
+      <div class="g9a-routines__report">{#each report as b, i (i)}<BlockView block={b} />{/each}</div>
+    {:else if card}
+      {@const plan = card.plan}
+      <div class={cls(ui, "card.approval")} data-routine-card={plan.id}>
+        <h3>{plan.readOnly ? t("card.readonly_routine") : plan.title}</h3>
+        {#if plan.warning}<p class="g9a-warning" role="note">{t("card.tainted")}</p>{/if}
+        <ol>
+          {#each plan.steps as s (s.index)}
+            <li class={cls(ui, "card.approval.step")}>
+              {s.text}{#if !s.undoable}<span class="g9a-irreversible"> ({t("card.irreversible")})</span>{/if}
+              {#each s.facts as f, i (i)}<div class={cls(ui, "card.approval.fact")}>{say(f.key, f.args)}</div>{/each}
+              {#each s.diff as d, i (i)}<div class={cls(ui, "card.approval.fact")}>{say(d.name, d.args)}: {d.before ?? "—"} ← {d.after ?? "—"}</div>{/each}
+            </li>
+          {/each}
+        </ol>
+        {#if needsCode(plan.method)}<Pin bind:value={code} label={t("card.code")} />{/if}
+        {#if failure}
+          <p class="g9a-note" role="alert" data-code={failure}>{failure === "confirm.waiting" ? t("card.waiting") : t("routine.failed")}{#if triesLeft !== null} · {t("card.tries_left", { count: triesLeft })}{/if}</p>
+        {/if}
+        <div class="g9a-row">
+          <button type="button" class={cls(ui, "card.approval.confirm")} disabled={busy || (needsCode(plan.method) && code.length === 0)} onclick={run}>{t("card.confirm")}</button>
+          <button type="button" class={cls(ui, "card.approval.refuse")} disabled={busy} onclick={() => { card = null; failure = null; }}>{t("card.refuse")}</button>
+        </div>
+      </div>
+    {:else}
+      <form class="g9a-routines__form" onsubmit={(e) => { e.preventDefault(); void preview(); }} novalidate>
+        {#each chosen.slots as slot (slot.name)}
+          {@const st = stateOf(slot)}
+          <div class="g9a-routines__slot" data-slot={slot.name} data-field={slot.field} data-state={st}>
+            {#if slot.field === "pick"}
+              <span class="g9a-routines__label">{labelOf(slot)}</span>
+              <Picker {slot} label={labelOf(slot)} picked={pickOf(slot.name)} onpick={(p: { id: string; label: string } | null) => {
+                const next = { ...picks };
+                if (p) next[slot.name] = p; else delete next[slot.name];
+                picks = next;
+              }} />
+            {:else}
+              <label for={"g9a-slot-" + slot.name}>{labelOf(slot)}</label>
+              <input id={"g9a-slot-" + slot.name} value={textOf(slot.name)} inputmode={slot.field === "number" || slot.field === "money" ? "decimal" : undefined}
+                aria-invalid={st !== "ok"} oninput={(e) => { typed = { ...typed, [slot.name]: e.currentTarget.value }; }} />
+            {/if}
+            {#if st !== "ok"}<span class="g9a-note" data-bad="true">{t(st === "missing" ? "routine.missing" : "routine.invalid")}</span>{/if}
+          </div>
+        {/each}
+        {#if failure}<p class="g9a-note" role="alert" data-code={failure}>{t("routine.failed")}</p>{/if}
+        <div class="g9a-row"><button type="submit" class="g9a-routines__preview" disabled={busy}>{t("routine.preview")}</button></div>
+      </form>
+    {/if}
+  {/if}
+</div>

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

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

package/dist/pages/SlotPicker.svelte

@@ -0,0 +1,55 @@
+<script lang="ts">
+  // A routine's entity slot: a searchable picker over the host's things of the slot's kind (`GET pick`), asked a short
+  // while after the person stops typing; an answer that came after a newer question is dropped.
+  import { pageCalls, readPicks, type RoutineSlot } from "@g9tm/aiassistant/pages";
+  import { useUi } from "../context.js";
+  import { pageTexts } from "./texts.js";
+
+  let { slot, label, picked = null, onpick, delay = 250 }: {
+    slot: RoutineSlot; label: string; picked?: { id: string; label: string } | null; onpick: (pick: { id: string; label: string } | null) => void; delay?: number;
+  } = $props();
+  const ui = useUi();
+  const t = pageTexts(ui.texts).t;
+  let q = $state("");
+  let found = $state<{ id: string; label: string }[]>([]);
+  let asked = $state(false);
+  let failed = $state(false);
+  let handle: ReturnType<typeof setTimeout> | undefined;
+  let seq = 0;
+
+  function ask(text: string): void {
+    if (handle !== undefined) clearTimeout(handle);
+    const mine = ++seq;
+    handle = setTimeout(() => {
+      pageCalls.pick(ui.assistant.api, slot.kind, text.trim()).then((raw) => {
+        if (mine !== seq) return;
+        found = readPicks(raw);
+        asked = true;
+        failed = false;
+      }, () => {
+        if (mine === seq) failed = true;
+      });
+    }, delay);
+  }
+  $effect(() => () => { if (handle !== undefined) clearTimeout(handle); });
+</script>
+
+<div class="g9a-picker" data-slot={slot.name}>
+  {#if picked}
+    <span class="g9a-picker__chosen">{picked.label}</span>
+    <button type="button" class="g9a-picker__change" onclick={() => { onpick(null); q = ""; found = []; asked = false; }}>{t("routine.change")}</button>
+  {:else}
+    <input type="search" value={q} aria-label={label} placeholder={t("routine.search")}
+      oninput={(e) => { q = e.currentTarget.value; ask(q); }} onfocus={() => { if (!asked) ask(q); }} />
+    {#if failed}<p class="g9a-note" role="alert">{t("error.network")}</p>{/if}
+    {#if found.length > 0}
+      <ul class="g9a-picker__list" role="listbox" aria-label={label}>
+        {#each found as p (p.id)}
+          <li role="option" aria-selected="false"><button type="button" onclick={() => onpick(p)}>{p.label}</button></li>
+        {/each}
+      </ul>
+    {:else if asked}
+      <p class="g9a-note">{t("routine.none_found")}</p>
+    {/if}
+  {/if}
+</div>

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

@@ -0,0 +1,17 @@
+import { type RoutineSlot } from "@g9tm/aiassistant/pages";
+type $$ComponentProps = {
+    slot: RoutineSlot;
+    label: string;
+    picked?: {
+        id: string;
+        label: string;
+    } | null;
+    onpick: (pick: {
+        id: string;
+        label: string;
+    } | null) => void;
+    delay?: number;
+};
+declare const SlotPicker: import("svelte").Component<$$ComponentProps, {}, "">;
+type SlotPicker = ReturnType<typeof SlotPicker>;
+export default SlotPicker;

package/dist/pages/texts.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The few words of the person's pages the core catalogue does not have (its history.*, routine.*, csv.* and pdf.* keys
+ * are shared with the other renderer): the host's texts and overrides win, then the core's, then these.
+ */
+import { type Texts } from "@g9tm/aiassistant";
+/** The pages' texts over the assistant's: a key the host or the core knows keeps its text. */
+export declare function pageTexts(texts: Texts): Texts;
+/** Every key the pages add (for hosts that translate to another language). */
+export declare function pageKeys(): string[];

package/dist/pages/texts.js

@@ -0,0 +1,42 @@
+/**
+ * The few words of the person's pages the core catalogue does not have (its history.*, routine.*, csv.* and pdf.* keys
+ * are shared with the other renderer): the host's texts and overrides win, then the core's, then these.
+ */
+import { createTexts } from "@g9tm/aiassistant";
+const FA = {
+    "history.tabs": "گفت‌وگوها",
+    "history.empty": "چیزی اینجا نیست",
+    "history.untitled": "بی‌نام",
+    "routine.list": "روال‌ها",
+    "routine.empty": "هنوز روالی نیست",
+    "routine.search": "جست‌وجو…",
+    "routine.none_found": "چیزی پیدا نشد",
+    "routine.change": "تغییر",
+    "routine.failed": "اجرا نشد",
+};
+const EN = {
+    "history.tabs": "Conversations",
+    "history.empty": "Nothing here",
+    "history.untitled": "Untitled",
+    "routine.list": "Routines",
+    "routine.empty": "No routines yet",
+    "routine.search": "Search…",
+    "routine.none_found": "Nothing found",
+    "routine.change": "Change",
+    "routine.failed": "It did not run",
+};
+/** The pages' texts over the assistant's: a key the host or the core knows keeps its text. */
+export function pageTexts(texts) {
+    const own = createTexts(texts.locale, texts.locale === "fa" ? FA : EN);
+    return {
+        locale: texts.locale,
+        t(key, args) {
+            const v = texts.t(key, args);
+            return v !== key ? v : own.t(key, args);
+        },
+    };
+}
+/** Every key the pages add (for hosts that translate to another language). */
+export function pageKeys() {
+    return Object.keys(EN).sort();
+}

package/dist/parts/PdfButton.svelte

@@ -0,0 +1,37 @@
+<script lang="ts">
+  // "Download PDF" of the open conversation, once it has messages: the server's signed link (ten minutes), opened by the
+  // host. Busy while the link is asked for; a notice if it could not be made. Hidden when the host cannot open links.
+  import { onDestroy } from "svelte";
+  import { obj, str } from "@g9tm/aiassistant";
+  import { useUi } from "../context.js";
+  import { AssistantState } from "../store.svelte.js";
+  import { pageTexts } from "../pages/texts.js";
+
+  const ui = useUi();
+  const t = pageTexts(ui.texts).t;
+  const live = new AssistantState(ui.assistant);
+  onDestroy(() => live.dispose());
+  const id = $derived(live.current.conversationId);
+  const shown = $derived(id !== null && live.current.messages.length > 0 && typeof ui.assistant.host.openUrl === "function");
+  let busy = $state(false);
+  let failed = $state(false);
+
+  async function download(): Promise<void> {
+    if (!id || busy) return;
+    busy = true;
+    failed = false;
+    try {
+      const url = str(obj(await ui.assistant.api.documentLink(id))["url"]);
+      if (!/^(https:\/\/|\/(?!\/))/u.test(url)) throw new Error("no link"); // the server's own path or https only
+      ui.assistant.host.openUrl?.(url);
+    } catch {
+      failed = true;
+    }
+    busy = false;
+  }
+</script>
+
+{#if shown}
+  <button type="button" class="g9a-pdf" aria-busy={busy} disabled={busy} onclick={download}>{busy ? t("pdf.busy") : t("pdf.download")}</button>
+  {#if failed}<span class="g9a-note g9a-pdf__failed" role="alert">{t("pdf.failed")}</span>{/if}
+{/if}

package/dist/parts/PdfButton.svelte.d.ts

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