toolroll 0.9.26 → 0.9.28

package/dist/telegram.js

@@ -35,7 +35,9 @@ import { BATCH_MS, chatText, chatTitle, factLinkLabel, mentions, nameTelegramBot
 import { LEAD_SAY_KIND, enqueueLeadLapses, leadSayEarlier, leadSayText, leadSubjectOf } from "./lead-voice.js";
 import { applyTeamInbound, deliverTeamChats, teamCommand } from "./telegram-team.js";
 import { applyFlowChoiceTap, applyFlowReply, applyFlowTap, FLOW_DECIDE_KEY, flowButtons, flowChoiceButtons, flowDecisionAt, flowSendKeyboardRow, flowSentContent } from "./telegram-flow.js";
-import { flowChoiceAt, FLOW_CHOOSE_KEY, FLOW_SEND_KEY } from "./flow-send.js";
+import { flowChoiceAt, flowSendTail, FLOW_CHOOSE_KEY, FLOW_SEND_KEY } from "./flow-send.js";
+import { cleanFlowMessage, fitFlowMessage } from "./flow-items.js";
+import { telegramReply } from "./reply-shape.js";
 import { connectChannel, FLOW_WORDS, takeChannelMessage, watchedChannel } from "./chat-inbox.js";
 import { focusContextFor, taskInCeiling } from "./chat-channel.js";
 import { answersPrompt, applyDecideFeedback, applyDecideTap, decideFallbackLink, dropDecideTokens, hasLiveDecideTokens, linksFor, placeDecidePrompt, decideOffer, decideTargetOf, isDecideToken, mergedText, mintDecideButtons, offerFingerprint, openPromptFor, placeDecideTokens, recordChatMerge, retireDecideTokens } from "./chat-decide.js";
@@ -54,6 +56,8 @@ export const BRIDGE_LEASE_MS = 2 * 60_000;
 export const DELIVERY_CLAIM_MS = 2 * 60_000;
 /** Telegram's own message ceiling, with room for our part headers. */
 const PART_CAP = 3_900;
+/** Telegram's own limit on one message's text (Bot API sendMessage), less room for the line a tap adds under it. */
+const TELEGRAM_TEXT_MAX = 4_096 - 300;
 /** Pages of getUpdates one pass will read before reporting a backlog. */
 const PAGE_BUDGET = 10;
 // ---- pushed updates (v98) ----------------------------------------------------
@@ -840,7 +844,7 @@ async function deliverOutboxTo(store, botId, binding, transport, owner, clock, r
                 let answer;
                 try {
                     answer = batch.length > 1
-                        ? await transport("sendMediaGroup", { chat_id: binding.chatId, media: batch.map((one, index) => ({ type: "photo", media: `attach://shot${index}`, ...(index === 0 ? { caption: one.caption } : {}) })) }, undefined, upload(batch[0], "shot0"), batch.slice(1).map((one, index) => upload(one, `shot${index + 1}`)))
+                        ? await transport("sendMediaGroup", { chat_id: binding.chatId, media: batch.map((one, index) => ({ type: "photo", media: `attach://shot${index}`, ...(index === 0 || one.numbered === true ? { caption: one.caption } : {}) })) }, undefined, upload(batch[0], "shot0"), batch.slice(1).map((one, index) => upload(one, `shot${index + 1}`)))
                         : batch[0].photo
                             ? await transport("sendPhoto", { chat_id: binding.chatId, caption: batch[0].caption }, undefined, upload(batch[0], "photo"))
                             : await transport("sendDocument", { chat_id: binding.chatId, caption: batch[0].caption }, undefined, upload(batch[0], "document"));
@@ -1192,7 +1196,7 @@ async function deliverOne(store, botId, binding, sender, notification, clock, ph
         const target = alreadyAccepted || !current ? null : decideTargetOf(notification);
         const offer = decideOfferFor(store, binding, target, projects, clock(), evidenceRoot);
         const decided = offer === null ? null : mintDecideButtons(store, decideSeat(binding), target, offer, clock());
-        const parts = split(offer?.text ?? `${notificationIdentity(notification, title !== undefined && mentions(words, title) ? undefined : title)}${words}`);
+        let parts = split(offer?.text ?? `${notificationIdentity(notification, title !== undefined && mentions(words, title) ? undefined : title)}${words}`);
         const fallback = offer === null ? decideFallbackLink(target) : null;
         let button = fallback !== null ? (() => { try {
             return phoneLinkButton(phoneOrigin?.() ?? null, fallback);
@@ -1218,6 +1222,17 @@ async function deliverOne(store, botId, binding, sender, notification, clock, ph
         } })();
         if (sentRow !== null)
             button = sentRow.length === 0 ? null : sentRow;
+        // After research (flow-items.ts): each item numbered under the summary, its words cleaned as the rest of the message's
+        // are, within Telegram's limit with every link kept — one message, unless head, links and tail alone overflow it.
+        let entities = [];
+        if (sent?.items !== undefined && sent.items.length > 0 && offer === null) {
+            const subject = chatText(leadSubjectOf(store, notification, binding.approver), task);
+            const head = `${notificationIdentity(notification, title !== undefined && mentions(subject, title) ? undefined : title)}${subject}`;
+            const message = cleanFlowMessage({ head, summary: sent.summary, items: sent.items, tail: flowSendTail(sent) }, words => chatText(words, task));
+            const voiced = fitFlowMessage(message, TELEGRAM_TEXT_MAX, shaped => telegramReply(shaped).text.length).map(telegramReply);
+            parts = voiced.map(one => one.text);
+            entities = voiced.map(one => one.entities);
+        }
         // A teammate's question (v93): its options and "Answer in words", for the person it asks.
         const asked = flowKeys === null && choiceKeys === null ? openQuestionOf(store, notification.dedupeKey) : null;
         const questionKeys = asked === null ? null : telegramQuestionButtons(store, binding, asked, clock());
@@ -1227,7 +1242,7 @@ async function deliverOne(store, botId, binding, sender, notification, clock, ph
             const final = index === parts.length - 1;
             const decideKeys = decided === null ? [] : decideKeyboard(phoneOrigin, decided.rows);
             const keyboard = !final ? undefined : keys !== null ? [...keys.keyboard, ...(button === null ? [] : [button])] : decideKeys.length > 0 ? decideKeys : button !== null ? [button] : undefined;
-            const sent = await sender(part, keyboard);
+            const sent = await sender(part, keyboard, undefined, entities[index]?.length ? entities[index] : undefined);
             if (!sent.ok) {
                 if (decided !== null)
                     dropDecideTokens(store, decided.tokens, clock());
@@ -1358,6 +1373,19 @@ async function editProgress(transport, chatId, messageId, text, keyboard, entiti
     const confirmed = answer.result?.message_id;
     return String(confirmed) === messageId ? { ok: true, messageId } : { ok: false, error: "Telegram did not confirm the progress message identity" };
 }
+/** A tapped message's own formatting, read back for its edit: only bold and links that still fall inside the text. */
+function keptEntities(raw, length) {
+    return (raw ?? []).flatMap((one) => {
+        if (typeof one !== "object" || one === null)
+            return [];
+        const { type, offset, length: size, url } = one;
+        if (typeof offset !== "number" || typeof size !== "number" || !Number.isSafeInteger(offset) || !Number.isSafeInteger(size) || offset < 0 || size <= 0 || offset + size > length)
+            return [];
+        if (type === "bold")
+            return [{ type, offset, length: size }];
+        return type === "text_link" && typeof url === "string" && /^https?:\/\/\S+$/.test(url) ? [{ type, offset, length: size, url }] : [];
+    });
+}
 function receiptFor(botId, chatId, messageId) {
     return `telegram:${botId}:${chatId}:${messageId ?? "?"}`;
 }
@@ -2037,7 +2065,7 @@ function applyCallback(context, update, effects) {
             });
         });
     };
-    const editText = (text, keyboard) => {
+    const editText = (text, keyboard, entities) => {
         if (message === undefined)
             return;
         const chatId = message.chat === undefined ? null : String(message.chat.id);
@@ -2049,6 +2077,7 @@ function applyCallback(context, update, effects) {
                 chat_id: chatId,
                 message_id: messageId,
                 text,
+                ...(entities === undefined || entities.length === 0 ? {} : { entities }),
                 link_preview_options: { is_disabled: true },
                 ...(keyboard === undefined ? {} : { reply_markup: { inline_keyboard: keyboard } }),
             });
@@ -2166,11 +2195,13 @@ function applyCallback(context, update, effects) {
             return;
         }
         const repos = context.projects === null ? null : telegramConversationRepos(store, binding.approver, context.projects);
+        const listed = (flowSentContent(store, choiceAction.card, choiceAction.entry)?.items?.length ?? 0) > 0;
         for (const effect of applyFlowChoiceTap(store, binding, choiceAction, { text: message.text ?? "" }, repos, clock())) {
             if (effect.kind === "ack")
                 ack(effect.text);
+            // An item list's message (flow-items.ts) keeps its bold titles and labelled links under what was chosen; any other stays plain.
             else if (effect.kind === "edit")
-                editText(effect.text);
+                editText(effect.text, undefined, listed ? keptEntities(message.entities, effect.text.length) : undefined);
         }
         return;
     }

package/dist/test-temp.js

@@ -18,7 +18,7 @@ export const TEST_TEMP_PREFIXES = [
     "flow-goal-", "flow-scratch", "flows-chat-", "invoke-attest-", "knowledge-test-", "learning-", "peek-", "phone-origin-",
     "proposal-repo-", "race-", "refresh-migration-", "refresh-refusal-", "release-check-", "shared-chat-", "skills-test-",
     "task-status-surfaces-", "template-repo-", "template-test-", "v14-migrate-", "v17-migrate-", "watch-anchor-",
-    "needs-you-", "deps-lock-", "deps-state-", "upgrade-fresh-", "upgrade-path-", "deploy-restore-", "result-review-", "one-result-page-", "deploy-before-swap-", "one-vocabulary-", "accept-finishes-", "lead-promises-", "lead-people-",
+    "needs-you-", "deps-lock-", "deps-state-", "upgrade-fresh-", "upgrade-path-", "deploy-restore-", "result-review-", "one-result-page-", "deploy-before-swap-", "one-vocabulary-", "accept-finishes-", "lead-promises-", "lead-people-", "sizing-repo-",
     // Playwright's browser profiles and artifacts.
     "playwright_chromiumdev_profile-", "playwright_firefoxdev_profile-", "playwright-artifacts-",
 ];

package/dist/text-limits.d.ts

@@ -0,0 +1,67 @@
+/**
+ * Text limits, in one place, and the one way a limit is met: a model is told the exact limit before it writes, an
+ * answer still over it is asked once to shorten (one repair turn), and an answer still over after that is kept whole
+ * in the record and linked, never chopped. Chat platforms' own message limits are met by splitting across messages.
+ *
+ * Limits apply when text is written. Reading never re-validates length, so a runtime with lower limits (0.9.23 to
+ * 0.9.26) still opens a store holding longer text (scripts/upgrade-path.mjs, the rollback leg).
+ */
+/** UTF-16 code units, the JavaScript and HTML maxlength measure, unless a name says bytes. */
+export declare const TEXT_LIMITS: {
+    /** A task's goal and its out-of-scope text. */
+    readonly goal: 8000;
+    readonly goalBytes: 32000;
+    /** Revise feedback, steering and decision notes. */
+    readonly note: 4000;
+    readonly noteBytes: 16000;
+    /** A flow work zone's instructions; nothing is held back for the card's details (they are attached when long). */
+    readonly flowInstructions: 8000;
+    /** A research report's summary, in UTF-8 bytes. */
+    readonly reportSummary: 2500;
+    /** What one flow step passes on to the steps after it. */
+    readonly stageOutput: 12000;
+};
+/** One chat message on each platform. Longer text is split across messages, never cut. Teams: the text one Adaptive Card
+ * holds, well inside its 28 KB message. */
+export declare const PLATFORM_LIMITS: {
+    readonly telegram: 4096;
+    readonly discord: 2000;
+    readonly slack: 4000;
+    readonly teams: 6000;
+};
+export type Platform = keyof typeof PLATFORM_LIMITS;
+/** The line a model reads before it writes a field with a limit. */
+export declare function limitRule(what: string, limit: number, unit?: "characters" | "bytes"): string;
+/** One field over its limit: what it is, its limit, and how long it came back. */
+export type Overrun = {
+    field: string;
+    limit: number;
+    length: number;
+    unit?: "characters" | "bytes";
+};
+/** How long a text is in a limit's unit. */
+export declare const lengthIn: (text: string, unit?: "characters" | "bytes") => number;
+/** The fields of `values` over their limits. */
+export declare function overruns(values: Record<string, string>, limits: Record<string, number>, unit?: "characters" | "bytes"): Overrun[];
+/** The repair turn's ask: each field over its limit, by how much, and the same answer again within it. */
+export declare function shortenAsk(over: readonly Overrun[]): string;
+/**
+ * Ask, check, and ask once more to shorten. `write` gets null the first time and the shorten ask the second.
+ * The second answer is returned whatever its length: the caller keeps it whole (and links it when it must).
+ */
+export declare function writeWithin<T>(write: (shorten: string | null) => Promise<T>, check: (answer: T) => Overrun[]): Promise<{
+    answer: T;
+    over: Overrun[];
+    repaired: boolean;
+}>;
+/**
+ * Text passed on under a limit: whole when it fits; otherwise kept whole in the record named by `where` and passed on
+ * as a pointer to it. Never a cut.
+ */
+export declare function passOn(text: string, limit: number, where: {
+    label: string;
+    href: string | null;
+}, holds?: string): {
+    text: string;
+    kept: boolean;
+};

package/dist/text-limits.js

@@ -0,0 +1,73 @@
+/**
+ * Text limits, in one place, and the one way a limit is met: a model is told the exact limit before it writes, an
+ * answer still over it is asked once to shorten (one repair turn), and an answer still over after that is kept whole
+ * in the record and linked, never chopped. Chat platforms' own message limits are met by splitting across messages.
+ *
+ * Limits apply when text is written. Reading never re-validates length, so a runtime with lower limits (0.9.23 to
+ * 0.9.26) still opens a store holding longer text (scripts/upgrade-path.mjs, the rollback leg).
+ */
+/** UTF-16 code units, the JavaScript and HTML maxlength measure, unless a name says bytes. */
+export const TEXT_LIMITS = {
+    /** A task's goal and its out-of-scope text. */
+    goal: 8_000,
+    goalBytes: 32_000,
+    /** Revise feedback, steering and decision notes. */
+    note: 4_000,
+    noteBytes: 16_000,
+    /** A flow work zone's instructions; nothing is held back for the card's details (they are attached when long). */
+    flowInstructions: 8_000,
+    /** A research report's summary, in UTF-8 bytes. */
+    reportSummary: 2_500,
+    /** What one flow step passes on to the steps after it. */
+    stageOutput: 12_000,
+};
+/** One chat message on each platform. Longer text is split across messages, never cut. Teams: the text one Adaptive Card
+ * holds, well inside its 28 KB message. */
+export const PLATFORM_LIMITS = { telegram: 4_096, discord: 2_000, slack: 4_000, teams: 6_000 };
+const count = (n) => n.toLocaleString("en-US");
+/** The line a model reads before it writes a field with a limit. */
+export function limitRule(what, limit, unit = "characters") {
+    return `${what}: at most ${count(limit)} ${unit}. Put the most important part first. Longer text is not cut: you will be asked to shorten it.`;
+}
+/** How long a text is in a limit's unit. */
+export const lengthIn = (text, unit = "characters") => unit === "bytes" ? Buffer.byteLength(text, "utf8") : text.length;
+/** The fields of `values` over their limits. */
+export function overruns(values, limits, unit = "characters") {
+    return Object.entries(limits).flatMap(([field, limit]) => {
+        const value = values[field];
+        if (value === undefined)
+            return [];
+        const length = lengthIn(value, unit);
+        return length > limit ? [{ field, limit, length, ...(unit === "bytes" ? { unit } : {}) }] : [];
+    });
+}
+/** The repair turn's ask: each field over its limit, by how much, and the same answer again within it. */
+export function shortenAsk(over) {
+    return [
+        "Your answer is over a limit:",
+        ...over.map(one => `- ${one.field} is ${count(one.length)} ${one.unit ?? "characters"}; the limit is ${count(one.limit)}.`),
+        "Answer again with the same decision and meaning, each field within its limit. Shorten by dropping repetition and detail, not facts that matter.",
+    ].join("\n");
+}
+/**
+ * Ask, check, and ask once more to shorten. `write` gets null the first time and the shorten ask the second.
+ * The second answer is returned whatever its length: the caller keeps it whole (and links it when it must).
+ */
+export async function writeWithin(write, check) {
+    const first = await write(null);
+    const over = check(first);
+    if (over.length === 0)
+        return { answer: first, over, repaired: false };
+    const second = await write(shortenAsk(over));
+    return { answer: second, over: check(second), repaired: true };
+}
+/**
+ * Text passed on under a limit: whole when it fits; otherwise kept whole in the record named by `where` and passed on
+ * as a pointer to it. Never a cut.
+ */
+export function passOn(text, limit, where, holds = "a step passes on") {
+    if (text.length <= limit)
+        return { text, kept: false };
+    const at = where.href === null ? where.label : `${where.label}: ${where.href}`;
+    return { text: `This is ${count(text.length)} characters, more than the ${count(limit)} ${holds}, so it is kept whole on ${at}.`, kept: true };
+}

package/dist/tier-report.d.ts

@@ -0,0 +1,44 @@
+/**
+ * What sized routing saved (v2 routing), for `toolroll spend`: each task's
+ * tier (recorded on the task when its route is filed), how long it took
+ * from its first run to its first result, and whether it used a planner —
+ * grouped by tier, with what the light tier saved: the plans small changes
+ * skipped, results that came sooner, and spend below the everyday tier.
+ */
+import type { SpendItem } from "./spend.js";
+import type { Database } from "./store.js";
+export type TierTask = {
+    taskId: string;
+    tier: string;
+    size: string | null;
+    planRuns: number;
+    minutesToResult: number | null;
+    microusd: number;
+};
+export type TierRow = {
+    tier: string;
+    tasks: number;
+    results: number;
+    medianMinutesToResult: number | null;
+    planRuns: number;
+    microusd: number;
+};
+export type TierSaved = {
+    /** Small changes that built with no planner run. */
+    plansSkipped: number;
+    /** Those skipped plans at this month's median planner run, in minutes; null when no planner run was measured. */
+    planMinutesSaved: number | null;
+    /** How much sooner a light result came than an everyday one (medians), in minutes; null without both. */
+    minutesSoonerEach: number | null;
+    /** Light tasks' spend below the everyday tier's average task, in micro-USD; null when either is unpriced or $0. */
+    microusdSaved: number | null;
+};
+export type TierReport = {
+    tasks: TierTask[];
+    rows: TierRow[];
+    saved: TierSaved;
+};
+/** Every routed task with a run in [from, to), by tier, and what the light tier saved. `items` are the month's spend. */
+export declare function tierReport(db: Database, from: string, to: string, items: readonly SpendItem[]): TierReport;
+/** The spend report's lines: one per tier, then what the tiers saved. Empty when no routed task ran this month. */
+export declare function tierLines(report: TierReport, usd: (microusd: number) => string): string[];

package/dist/tier-report.js

@@ -0,0 +1,71 @@
+const TIER_ORDER = ["light", "routine", "strong", "override", "pinned"];
+function median(values) {
+    if (values.length === 0)
+        return null;
+    const sorted = [...values].sort((a, b) => a - b);
+    const mid = Math.floor(sorted.length / 2);
+    return sorted.length % 2 === 1 ? sorted[mid] : (sorted[mid - 1] + sorted[mid]) / 2;
+}
+const minutesBetween = (from, to) => {
+    const ms = Date.parse(to) - Date.parse(from);
+    return Number.isFinite(ms) && ms >= 0 ? Math.round(ms / 6_000) / 10 : null;
+};
+/** Every routed task with a run in [from, to), by tier, and what the light tier saved. `items` are the month's spend. */
+export function tierReport(db, from, to, items) {
+    const spendOf = new Map();
+    for (const item of items)
+        if (item.taskId !== null)
+            spendOf.set(item.taskId, (spendOf.get(item.taskId) ?? 0) + (item.microusd ?? 0));
+    const rows = db.prepare(`SELECT r.external_id AS task, r.route_tier AS tier, r.size AS size,
+      (SELECT COUNT(*) FROM run p WHERE p.task_ref = r.id AND p.role = 'planner') AS plan_runs,
+      (SELECT MIN(f.started_at) FROM run f WHERE f.task_ref = r.id) AS first_started,
+      (SELECT MIN(b.finished_at) FROM run b WHERE b.task_ref = r.id AND b.role = 'builder' AND b.outcome IN ('built', 'no-change') AND b.finished_at IS NOT NULL) AS result_at
+    FROM task_ref r
+    WHERE r.route_tier IS NOT NULL AND EXISTS (SELECT 1 FROM run x WHERE x.task_ref = r.id AND x.started_at >= ? AND x.started_at < ?)
+    ORDER BY r.id`).all(from, to);
+    const tasks = rows.map(row => ({
+        taskId: String(row["task"]),
+        tier: String(row["tier"]),
+        size: row["size"] == null ? null : String(row["size"]),
+        planRuns: Number(row["plan_runs"] ?? 0),
+        minutesToResult: row["first_started"] == null || row["result_at"] == null ? null : minutesBetween(String(row["first_started"]), String(row["result_at"])),
+        microusd: spendOf.get(String(row["task"])) ?? 0,
+    }));
+    const tiers = [...new Set(tasks.map(one => one.tier))].sort((a, b) => (TIER_ORDER.indexOf(a) + 1 || 99) - (TIER_ORDER.indexOf(b) + 1 || 99));
+    const byTier = tiers.map(tier => {
+        const mine = tasks.filter(one => one.tier === tier);
+        const done = mine.flatMap(one => (one.minutesToResult === null ? [] : [one.minutesToResult]));
+        return { tier, tasks: mine.length, results: done.length, medianMinutesToResult: median(done), planRuns: mine.reduce((sum, one) => sum + one.planRuns, 0), microusd: mine.reduce((sum, one) => sum + one.microusd, 0) };
+    });
+    const plansSkipped = tasks.filter(one => one.size === "small" && one.planRuns === 0).length;
+    const plannerMinutes = db.prepare("SELECT started_at, finished_at FROM run WHERE role = 'planner' AND finished_at IS NOT NULL AND started_at >= ? AND started_at < ?").all(from, to)
+        .flatMap(row => { const m = minutesBetween(String(row["started_at"]), String(row["finished_at"])); return m === null ? [] : [m]; });
+    const perPlan = median(plannerMinutes);
+    const light = byTier.find(one => one.tier === "light") ?? null;
+    const routine = byTier.find(one => one.tier === "routine") ?? null;
+    const sooner = light?.medianMinutesToResult != null && routine?.medianMinutesToResult != null && routine.medianMinutesToResult > light.medianMinutesToResult
+        ? Math.round((routine.medianMinutesToResult - light.medianMinutesToResult) * 10) / 10 : null;
+    const perTask = (row) => (row === null || row.tasks === 0 || row.microusd <= 0 ? null : row.microusd / row.tasks);
+    const lightEach = light === null || light.tasks === 0 ? null : light.microusd / light.tasks;
+    const routineEach = perTask(routine);
+    const microusdSaved = light !== null && lightEach !== null && routineEach !== null && routineEach > lightEach ? Math.round((routineEach - lightEach) * light.tasks) : null;
+    return {
+        tasks,
+        rows: byTier,
+        saved: { plansSkipped, planMinutesSaved: perPlan === null || plansSkipped === 0 ? null : Math.round(perPlan * plansSkipped), minutesSoonerEach: sooner, microusdSaved },
+    };
+}
+const minutesWords = (minutes) => (minutes >= 90 ? `${Math.round(minutes / 6) / 10}h` : `${Math.round(minutes)}m`);
+/** The spend report's lines: one per tier, then what the tiers saved. Empty when no routed task ran this month. */
+export function tierLines(report, usd) {
+    if (report.rows.length === 0)
+        return [];
+    const lines = report.rows.map(row => `  ${`${row.tier} tier`.padEnd(24)} ${row.tasks} ${row.tasks === 1 ? "task" : "tasks"} · ${row.medianMinutesToResult === null ? "no result yet" : `${minutesWords(row.medianMinutesToResult)} to a result`} · ${row.planRuns} ${row.planRuns === 1 ? "plan" : "plans"} · ${usd(row.microusd)}`);
+    const saved = report.saved;
+    const parts = [
+        ...(saved.plansSkipped === 0 ? [] : [`${saved.plansSkipped} ${saved.plansSkipped === 1 ? "plan" : "plans"} skipped${saved.planMinutesSaved === null ? "" : ` (~${minutesWords(saved.planMinutesSaved)} of planning)`}`]),
+        ...(saved.minutesSoonerEach === null ? [] : [`light results ~${minutesWords(saved.minutesSoonerEach)} sooner each`]),
+        ...(saved.microusdSaved === null ? [] : [`~${usd(saved.microusdSaved)} below the everyday tier`]),
+    ];
+    return [...lines, `  ${"tiers saved".padEnd(24)} ${parts.length === 0 ? "nothing yet — no small change has run on the light tier" : parts.join(", ")}`];
+}

package/dist/tools-ui.d.ts

@@ -1,7 +1,5 @@
-/** Settings → Tools: one project's MCP servers, in plain words. Secrets are
- * entered here and nowhere else, and never shown again. */
 import { type FoundTool, type ProjectTool, type ToolSpec } from "./project-tools.js";
-export declare const TOOLS_CSS = ".tools{max-width:780px;min-width:0;overflow-wrap:anywhere}.tools .card{padding:16px 18px;margin:12px 0;min-width:0}.tools .card h2{font-size:1.05rem;margin:0;color:var(--so-ink);font-weight:600}.tools .tool-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.tools .tool-state{font-size:.85rem;flex-shrink:0;color:var(--so-muted)}.tools .tool-state[data-ready=\"false\"]{color:var(--so-warning)}.tools .card>p{margin:6px 0 0}.tools code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:.85rem}.tools form{display:grid;gap:10px;margin:0}.tools label{display:grid;gap:6px}.tools input,.tools select{box-sizing:border-box;width:100%;max-width:100%;min-width:0}.tools button{justify-self:start;white-space:nowrap;min-height:44px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tools details:not(.card){margin:6px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.tools details:not(.card)>summary{min-height:36px;display:flex;align-items:center;font-size:.9rem;color:var(--so-muted);cursor:pointer}.tools details:not(.card)[open]>summary{color:var(--so-ink)}.tools details.card>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}.tools summary{list-style:none;gap:10px}.tools summary::-webkit-details-marker{display:none}.tools summary::before{content:\"\";flex-shrink:0;width:6px;height:6px;margin:0 2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .15s}.tools details[open]>summary::before{transform:rotate(45deg)}.tools details:not(.card) form{padding:4px 0 10px}.tools .tool-facts{margin:0 0 8px;display:grid;gap:4px;font-size:.9rem}.tools .tool-facts p{margin:0}.tools .tool-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.tools .tool-found{display:flex;gap:10px;align-items:flex-start}.tools .tool-found input{flex:0 0 auto;width:18px;height:18px;margin-top:3px}.tools .tool-found span{min-width:0}.tools .problem{padding:10px 12px;margin:8px 0 0}.tools .tool-connect{scroll-margin-top:72px}.tools .connect-wanted{background:var(--so-accent);color:var(--so-on-accent);border-color:var(--so-accent)}.tools .connect-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.tools .connect-tile{display:grid;grid-template-columns:32px 1fr;column-gap:10px;align-items:center;justify-self:stretch;text-align:left;white-space:normal;padding:10px 12px;border:1px solid var(--so-line);border-radius:10px;background:var(--so-paper);color:var(--so-ink);min-height:60px;font:inherit;cursor:pointer;scroll-margin-top:96px}.tools .connect-tile:hover{border-color:var(--so-input-line);background:var(--so-raised)}.tools .connect-tile:target,.tools .connect-tile:focus-visible{outline:2px solid var(--so-accent);outline-offset:2px}.tools .connect-tile i{grid-row:span 2;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-weight:600;background:var(--so-neutral-soft);color:var(--so-neutral-ink)}.tools .connect-tile strong{font-weight:600;line-height:1.3}.tools .connect-tile span{font-size:.8rem;color:var(--so-muted);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tools .connect-tile[data-state=\"connected\"] span{color:var(--so-success)}.tools .connect-tile:disabled{cursor:default;opacity:.6}.tools .connect-local{grid-column:1/-1}.tools .connect-local span{-webkit-line-clamp:unset}.tools .connect-problem{margin:0}.tools .connect-problem:focus{outline:2px solid var(--so-accent);outline-offset:2px}@media(max-width:600px){.tools .connect-grid{grid-template-columns:1fr 1fr}.tools .connect-tile:not(.connect-local) span{display:none}.tools .connect-local span{grid-column:2}.tools .connect-tile{grid-template-columns:28px 1fr;min-height:52px;padding:8px 10px}.tools .connect-tile i{grid-row:auto;width:28px;height:28px}.tools input,.tools select{font-size:16px}.tools .card{padding:14px}.tools .tool-heading{align-items:flex-start}}";
+export declare const TOOLS_CSS = ".tools{max-width:780px;min-width:0;overflow-wrap:anywhere}.tools .card{padding:16px 18px;margin:12px 0;min-width:0}.tools .card h2{font-size:1.05rem;margin:0;color:var(--so-ink);font-weight:600}.tools .tool-heading{display:flex;align-items:center;gap:10px}.tools .tool-heading h2{flex:1;min-width:0}.tools .tool-state{font-size:.85rem;flex-shrink:0;color:var(--so-muted)}.tools .tool-state[data-ready=\"false\"]{color:var(--so-warning)}.tools .card>p{margin:6px 0 0}.tools code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:.85rem}.tools form{display:grid;gap:10px;margin:0}.tools label{display:grid;gap:6px}.tools input,.tools select{box-sizing:border-box;width:100%;max-width:100%;min-width:0}.tools button{justify-self:start;white-space:nowrap;min-height:44px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tools details:not(.card){margin:6px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.tools details:not(.card)>summary{min-height:36px;display:flex;align-items:center;font-size:.9rem;color:var(--so-muted);cursor:pointer}.tools details:not(.card)[open]>summary{color:var(--so-ink)}.tools details.card>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}.tools summary{list-style:none;gap:10px}.tools summary::-webkit-details-marker{display:none}.tools summary::before{content:\"\";flex-shrink:0;width:6px;height:6px;margin:0 2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .15s}.tools details[open]>summary::before{transform:rotate(45deg)}.tools details:not(.card) form{padding:4px 0 10px}.tools .tool-facts{margin:0 0 8px;display:grid;gap:4px;font-size:.9rem}.tools .tool-facts p{margin:0}.tools .tool-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.tools .tool-found{display:flex;gap:10px;align-items:flex-start}.tools .tool-found input{flex:0 0 auto;width:18px;height:18px;margin-top:3px}.tools .tool-found span{min-width:0}.tools .problem{padding:10px 12px;margin:8px 0 0}.tools .tool-connect{scroll-margin-top:72px}.tools .connect-wanted{background:var(--so-accent);color:var(--so-on-accent);border-color:var(--so-accent)}.tools .connect-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.tools .connect-tile{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;justify-self:stretch;text-align:left;white-space:normal;padding:10px 12px;border:1px solid var(--so-line);border-radius:10px;background:var(--so-paper);color:var(--so-ink);min-height:60px;font:inherit;cursor:pointer;scroll-margin-top:96px}.tools .connect-tile:hover{border-color:var(--so-input-line);background:var(--so-raised)}.tools .connect-tile:target,.tools .connect-tile:focus-visible{outline:2px solid var(--so-accent);outline-offset:2px}.tools .connect-tile .brand-mark{grid-row:span 2}.tools .connect-tile strong{font-weight:600;line-height:1.3}.tools .connect-tile>span:not(.brand-mark){font-size:.8rem;color:var(--so-muted);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tools .connect-tile[data-state=\"connected\"]>span:not(.brand-mark){color:var(--so-success)}.tools .connect-local{grid-column:1/-1}.tools .connect-local>span:not(.brand-mark){-webkit-line-clamp:unset}.tools .connect-problem{margin:0}.tools .connect-problem:focus{outline:2px solid var(--so-accent);outline-offset:2px}.tools .connect-tile:disabled{cursor:default;opacity:.6}@media(max-width:600px){.tools .connect-grid{grid-template-columns:1fr 1fr}.tools .connect-tile:not(.connect-local)>span:not(.brand-mark){display:none}.tools .connect-local>span:not(.brand-mark){grid-column:2}.tools .connect-tile{min-height:52px;padding:8px 10px}.tools .connect-tile .brand-mark{grid-row:auto}.tools input,.tools select{font-size:16px}.tools .card{padding:14px}}";
 export type ToolsView = {
     repo: string;
     project: string;

package/dist/tools-ui.js

@@ -1,9 +1,10 @@
 /** Settings → Tools: one project's MCP servers, in plain words. Secrets are
  * entered here and nowhere else, and never shown again. */
+import { brandMarkHtml, TILE_PHONE } from "./brand-mark.js";
 import { toolCommandLine, toolStanding } from "./project-tools.js";
 const e = (value) => String(value ?? "").replace(/[&<>"']/g, c => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
 const hidden = (data) => Object.entries(data).map(([k, v]) => `<input type="hidden" name="${e(k)}" value="${e(v)}">`).join("");
-export const TOOLS_CSS = `.tools{max-width:780px;min-width:0;overflow-wrap:anywhere}.tools .card{padding:16px 18px;margin:12px 0;min-width:0}.tools .card h2{font-size:1.05rem;margin:0;color:var(--so-ink);font-weight:600}.tools .tool-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.tools .tool-state{font-size:.85rem;flex-shrink:0;color:var(--so-muted)}.tools .tool-state[data-ready="false"]{color:var(--so-warning)}.tools .card>p{margin:6px 0 0}.tools code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:.85rem}.tools form{display:grid;gap:10px;margin:0}.tools label{display:grid;gap:6px}.tools input,.tools select{box-sizing:border-box;width:100%;max-width:100%;min-width:0}.tools button{justify-self:start;white-space:nowrap;min-height:44px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tools details:not(.card){margin:6px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.tools details:not(.card)>summary{min-height:36px;display:flex;align-items:center;font-size:.9rem;color:var(--so-muted);cursor:pointer}.tools details:not(.card)[open]>summary{color:var(--so-ink)}.tools details.card>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}.tools summary{list-style:none;gap:10px}.tools summary::-webkit-details-marker{display:none}.tools summary::before{content:"";flex-shrink:0;width:6px;height:6px;margin:0 2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .15s}.tools details[open]>summary::before{transform:rotate(45deg)}.tools details:not(.card) form{padding:4px 0 10px}.tools .tool-facts{margin:0 0 8px;display:grid;gap:4px;font-size:.9rem}.tools .tool-facts p{margin:0}.tools .tool-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.tools .tool-found{display:flex;gap:10px;align-items:flex-start}.tools .tool-found input{flex:0 0 auto;width:18px;height:18px;margin-top:3px}.tools .tool-found span{min-width:0}.tools .problem{padding:10px 12px;margin:8px 0 0}.tools .tool-connect{scroll-margin-top:72px}.tools .connect-wanted{background:var(--so-accent);color:var(--so-on-accent);border-color:var(--so-accent)}.tools .connect-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.tools .connect-tile{display:grid;grid-template-columns:32px 1fr;column-gap:10px;align-items:center;justify-self:stretch;text-align:left;white-space:normal;padding:10px 12px;border:1px solid var(--so-line);border-radius:10px;background:var(--so-paper);color:var(--so-ink);min-height:60px;font:inherit;cursor:pointer;scroll-margin-top:96px}.tools .connect-tile:hover{border-color:var(--so-input-line);background:var(--so-raised)}.tools .connect-tile:target,.tools .connect-tile:focus-visible{outline:2px solid var(--so-accent);outline-offset:2px}.tools .connect-tile i{grid-row:span 2;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-weight:600;background:var(--so-neutral-soft);color:var(--so-neutral-ink)}.tools .connect-tile strong{font-weight:600;line-height:1.3}.tools .connect-tile span{font-size:.8rem;color:var(--so-muted);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tools .connect-tile[data-state="connected"] span{color:var(--so-success)}.tools .connect-tile:disabled{cursor:default;opacity:.6}.tools .connect-local{grid-column:1/-1}.tools .connect-local span{-webkit-line-clamp:unset}.tools .connect-problem{margin:0}.tools .connect-problem:focus{outline:2px solid var(--so-accent);outline-offset:2px}@media(max-width:600px){.tools .connect-grid{grid-template-columns:1fr 1fr}.tools .connect-tile:not(.connect-local) span{display:none}.tools .connect-local span{grid-column:2}.tools .connect-tile{grid-template-columns:28px 1fr;min-height:52px;padding:8px 10px}.tools .connect-tile i{grid-row:auto;width:28px;height:28px}.tools input,.tools select{font-size:16px}.tools .card{padding:14px}.tools .tool-heading{align-items:flex-start}}`;
+export const TOOLS_CSS = `.tools{max-width:780px;min-width:0;overflow-wrap:anywhere}.tools .card{padding:16px 18px;margin:12px 0;min-width:0}.tools .card h2{font-size:1.05rem;margin:0;color:var(--so-ink);font-weight:600}.tools .tool-heading{display:flex;align-items:center;gap:10px}.tools .tool-heading h2{flex:1;min-width:0}.tools .tool-state{font-size:.85rem;flex-shrink:0;color:var(--so-muted)}.tools .tool-state[data-ready="false"]{color:var(--so-warning)}.tools .card>p{margin:6px 0 0}.tools code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:.85rem}.tools form{display:grid;gap:10px;margin:0}.tools label{display:grid;gap:6px}.tools input,.tools select{box-sizing:border-box;width:100%;max-width:100%;min-width:0}.tools button{justify-self:start;white-space:nowrap;min-height:44px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tools details:not(.card){margin:6px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.tools details:not(.card)>summary{min-height:36px;display:flex;align-items:center;font-size:.9rem;color:var(--so-muted);cursor:pointer}.tools details:not(.card)[open]>summary{color:var(--so-ink)}.tools details.card>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}.tools summary{list-style:none;gap:10px}.tools summary::-webkit-details-marker{display:none}.tools summary::before{content:"";flex-shrink:0;width:6px;height:6px;margin:0 2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .15s}.tools details[open]>summary::before{transform:rotate(45deg)}.tools details:not(.card) form{padding:4px 0 10px}.tools .tool-facts{margin:0 0 8px;display:grid;gap:4px;font-size:.9rem}.tools .tool-facts p{margin:0}.tools .tool-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.tools .tool-found{display:flex;gap:10px;align-items:flex-start}.tools .tool-found input{flex:0 0 auto;width:18px;height:18px;margin-top:3px}.tools .tool-found span{min-width:0}.tools .problem{padding:10px 12px;margin:8px 0 0}.tools .tool-connect{scroll-margin-top:72px}.tools .connect-wanted{background:var(--so-accent);color:var(--so-on-accent);border-color:var(--so-accent)}.tools .connect-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.tools .connect-tile{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;justify-self:stretch;text-align:left;white-space:normal;padding:10px 12px;border:1px solid var(--so-line);border-radius:10px;background:var(--so-paper);color:var(--so-ink);min-height:60px;font:inherit;cursor:pointer;scroll-margin-top:96px}.tools .connect-tile:hover{border-color:var(--so-input-line);background:var(--so-raised)}.tools .connect-tile:target,.tools .connect-tile:focus-visible{outline:2px solid var(--so-accent);outline-offset:2px}.tools .connect-tile .brand-mark{grid-row:span 2}.tools .connect-tile strong{font-weight:600;line-height:1.3}.tools .connect-tile>span:not(.brand-mark){font-size:.8rem;color:var(--so-muted);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tools .connect-tile[data-state="connected"]>span:not(.brand-mark){color:var(--so-success)}.tools .connect-local{grid-column:1/-1}.tools .connect-local>span:not(.brand-mark){-webkit-line-clamp:unset}.tools .connect-problem{margin:0}.tools .connect-problem:focus{outline:2px solid var(--so-accent);outline-offset:2px}.tools .connect-tile:disabled{cursor:default;opacity:.6}${TILE_PHONE}{.tools .connect-grid{grid-template-columns:1fr 1fr}.tools .connect-tile:not(.connect-local)>span:not(.brand-mark){display:none}.tools .connect-local>span:not(.brand-mark){grid-column:2}.tools .connect-tile{min-height:52px;padding:8px 10px}.tools .connect-tile .brand-mark{grid-row:auto}.tools input,.tools select{font-size:16px}.tools .card{padding:14px}}`;
 /** The project chooser: it opens the chosen project at once; without scripts, its button does. */
 export function toolsProjectPicker(projects, chosen, keep = {}) {
     if (projects.length < 2)
@@ -26,7 +27,7 @@ function toolCard(one, base, manage, project) {
     const details = `<details><summary>Details</summary><div class="tool-facts"><p>Starts: <code>${e(toolCommandLine(tool.spec))}</code></p><p>From ${e(tool.source)} · added by ${e(tool.createdBy)}</p>${tested}</div></details>`;
     const failed = tool.lastTest !== null && !tool.lastTest.ok ? `<p class="problem" role="status">${e(tool.lastTest.problem ?? "The last test failed.")}</p>` : "";
     const controls = manage ? `<div class="tool-controls"><form method="post" action="/settings/tools/change">${hidden({ ...base, action: "test", name: tool.name })}<button aria-label="Test ${e(tool.name)} in ${e(project)}">Test</button></form><form method="post" action="/settings/tools/change">${hidden({ ...base, action: "remove", name: tool.name })}<button class="secondary">Remove from ${e(project)}</button></form></div>` : "";
-    return `<article class="card" id="tool-${e(tool.name)}"><div class="tool-heading"><h2>${e(tool.name)}</h2><span class="tool-state" data-ready="${standing.ready}">${e(standing.words)}</span></div><p>${e(tool.spec.about)}</p>${failed}${secrets}${details}${controls}</article>`;
+    return `<article class="card" id="tool-${e(tool.name)}"><div class="tool-heading">${brandMarkHtml(tool.source === "custom" ? null : tool.name, tool.name, standing.ready)}<h2>${e(tool.name)}</h2><span class="tool-state" data-ready="${standing.ready}">${e(standing.words)}</span></div><p>${e(tool.spec.about)}</p>${failed}${secrets}${details}${controls}</article>`;
 }
 /** A service connected here, offered to the person's other projects: each button signs in again for that project (tokens are never copied). */
 function elsewhere(view, base) {
@@ -46,8 +47,8 @@ export function toolsHtml(view, csrf, canManage, message = {}) {
     const custom = `<details><summary>Add your own</summary><form method="post" action="/settings/tools/change">${hidden({ ...base, action: "add-custom" })}<label>Name<input name="name" pattern="[a-z0-9][a-z0-9_\\-]{0,39}" maxlength="40" required placeholder="for example: postgres"></label><label>It runs as<select name="transport"><option value="stdio">A program on this computer</option><option value="http">A web address</option></select></label><label>Command or address<input name="target" required placeholder="npx -y some-mcp-server@1.2.3, or https://…"></label><label>Secrets it needs (names, comma separated)<input name="secrets" placeholder="for example: DATABASE_URL"></label><p class="meta">For a web address, the first secret is sent as its sign-in token. Set each secret's value after adding.</p>${password}<button>Add${to}</button></form></details>`;
     // One click: sign in on the service's own page. The password is the same as for adding any tool.
     const tiles = view.connections.map(one => one.state === "taken"
-        ? `<button type="button" class="connect-tile" id="connect-${e(one.id)}" data-state="taken" disabled><i aria-hidden="true">${e(one.label.charAt(0))}</i><strong>${e(one.label)}</strong><span>Added another way</span></button>`
-        : `<button name="service" value="${e(one.id)}" class="connect-tile${one.local ? " connect-local" : ""}" id="connect-${e(one.id)}" data-state="${one.state}" aria-label="${one.state === "connected" ? `${e(one.label)}, connected${to}. ${one.local ? "Connect again" : "Sign in again"}` : `Connect ${e(one.label)}${to}`}"><i aria-hidden="true">${e(one.label.charAt(0))}</i><strong>${e(one.label)}</strong><span>${one.state === "connected" ? "Connected" : e(one.about)}</span></button>`).join("");
+        ? `<button type="button" class="connect-tile" id="connect-${e(one.id)}" data-state="taken" disabled>${brandMarkHtml(one.id, one.label, false)}<strong>${e(one.label)}</strong><span>Added another way</span></button>`
+        : `<button name="service" value="${e(one.id)}" class="connect-tile${one.local ? " connect-local" : ""}" id="connect-${e(one.id)}" data-state="${one.state}" aria-label="${one.state === "connected" ? `${e(one.label)}, connected${to}. ${one.local ? "Connect again" : "Sign in again"}` : `Connect ${e(one.label)}${to}`}">${brandMarkHtml(one.id.replace(/-desktop$/, ""), one.label, one.state === "connected")}<strong>${e(one.label)}</strong><span>${one.state === "connected" ? "Connected" : e(one.about)}</span></button>`).join("");
     const wanted = view.connections.find(one => one.id === view.wanted && one.state !== "taken");
     const first = wanted === undefined ? "" : `<button name="service" value="${e(wanted.id)}" class="connect-wanted">${wanted.state === "connected" && !wanted.local ? `Sign in to ${e(wanted.label)} again for ${e(view.project)}` : `Connect ${e(wanted.label)}${to}`}</button>`;
     const connecting = manage && view.connections.length > 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "toolroll",
-  "version": "0.9.26",
+  "version": "0.9.28",
   "description": "A control plane for unattended coding agents — queue tasks, walk away, come back to pull requests. Agents build in leased worktrees, never touch your default branch, and interrupt you only for decisions that need a human.",
   "directories": {
     "doc": "docs"
@@ -70,6 +70,8 @@
     "@types/react-dom": "19.3.0",
     "esbuild": "0.28.2",
     "happy-dom": "20.12.0",
+    "paper": "0.12.18",
+    "simple-icons": "16.34.0",
     "tailwindcss": "4.3.3",
     "tsx": "4.23.12",
     "typescript": "7.0.2",