diff --git a/changelog.d/1173-delivery-board.added.md b/changelog.d/1173-delivery-board.added.md
new file mode 100644
index 00000000..cf80ed85
--- /dev/null
+++ b/changelog.d/1173-delivery-board.added.md
@@ -0,0 +1 @@
+The task board dialog gains a **Delivery** view (#1173): one read-only snapshot of the repository's GitHub issues, pull requests and CI runs, in five columns — original issue, ready to start, in progress, in review, and done today — with a verdict/CI badge per pull request and a header that reports today against the last 7 days. It is repository-wide, so the per-Bot rail does not appear, and it never writes to GitHub: the host serves a cached snapshot built only from `GET` requests, and the token stays host-side. The view replaces the board with one honest line when no GitHub connection is set up.
diff --git a/core/client.js b/core/client.js
index ab0739c8..eb1f286a 100644
--- a/core/client.js
+++ b/core/client.js
@@ -1324,7 +1324,40 @@ var HOST_ZH = {
"This DeepSeek Harness has no folder chooser": "这个 DeepSeek Harness 没有文件夹选择窗口",
"This DeepSeek Harness cannot list folders": "这个 DeepSeek Harness 不能列出文件夹",
"No FlyBot core update is available": "没有可用的 FlyBot 核心更新",
- "saved by a newer FlyBot; update FlyBot": "由更新的 FlyBot 保存；请更新 FlyBot"
+ "saved by a newer FlyBot; update FlyBot": "由更新的 FlyBot 保存；请更新 FlyBot",
+ // #1173: the delivery board — one repository-wide snapshot beside the per-Bot task board.
+ "Delivery": "交付",
+ "Board view": "看板视图",
+ "Original issue": "原始单",
+ "Ready to start": "待开工",
+ "In review": "审查中",
+ "Done today": "今天完成",
+ "INC · rework": "打回 · 返工",
+ "PASS · waiting for enqueue": "通过 · 待入队",
+ "PASS · waiting for merge": "通过 · 待合入",
+ "CI red": "CI 红",
+ "CI running": "CI 跑着",
+ "No verdict": "还没结论",
+ "New issues": "新单",
+ "Closed issues": "关单",
+ "New pull requests": "新 PR",
+ "Merged pull requests": "合入 PR",
+ "Median issue close": "关单中位",
+ "Median PR merge": "合入中位",
+ "Today": "今天",
+ "No GitHub connection yet; the board fills in once one is added.": "还没接 GitHub，接上后这里就有数了。",
+ "The delivery board is not ready yet.": "交付看板还没准备好。",
+ "Showing the last snapshot from {time}: {error}": "显示 {time} 的快照：{error}",
+ "linked to #{number}": "关联 #{number}",
+ "CI failed {failed} of {total}": "CI 红 {failed} / 共 {total}",
+ "counted {counted} of {total}": "已统计 {counted} / 共 {total}",
+ "{count} superseded": "{count} 条被取代",
+ "Open: {issues} issues ({needs} need a human), {prs} pull requests": "开着：{issues} 张单（{needs} 张等人），{prs} 个 PR",
+ "median open age {age}": "开着的单中位 {age}",
+ "as of {time}": "截至 {time}",
+ "refreshing…": "刷新中…",
+ "No snapshot yet.": "还没有快照。",
+ "Nothing here.": "这里还没有。"
};
Object.assign(ZH, HOST_ZH);
var fill = (text, params) => params ? text.replace(/\{(\w+)\}/g, (match, name) => name in params ? String(params[name]) : match) : text;
@@ -2057,8 +2090,8 @@ function bodyOf(def, paint, flat = false) {
return "";
}
}
-var eyeMarkup = ([cx, cy, w, h45, tilt]) => ``;
-var happyEyeMarkup = ([cx, cy, w, h45, tilt]) => ``;
+var eyeMarkup = ([cx, cy, w, h46, tilt]) => ``;
+var happyEyeMarkup = ([cx, cy, w, h46, tilt]) => ``;
var maskBox = (size) => `maskUnits="userSpaceOnUse" x="${-size}" y="${-size}" width="${size * 3}" height="${size * 3}"`;
var holes = (def, eyes) => `${eyes}`;
var MASK_ID = "%MASK%";
@@ -2754,29 +2787,29 @@ function inviteCountdown(expiresAt, offsetMs = 0) {
const total = Math.max(1, Math.ceil(left / 1e3));
return `${Math.floor(total / 60)}:${String(total % 60).padStart(2, "0")} left to join`;
}
-function RoomInvitePreview({ h: h45, preview, kind = "face-link-preview", busy = false, joinLabel = "Join", clearLabel = "Clear", showClear = true, onJoin, onClear, now } = {}) {
- if (!preview || typeof h45 !== "function") return null;
+function RoomInvitePreview({ h: h46, preview, kind = "face-link-preview", busy = false, joinLabel = "Join", clearLabel = "Clear", showClear = true, onJoin, onClear, now } = {}) {
+ if (!preview || typeof h46 !== "function") return null;
const at = `${kind}`;
const child = (name) => `${at}-${name}`;
const countdown = now === void 0 ? inviteCountdown(preview.expiresAt, preview.clockOffsetMs) : inviteCountdownAt(preview.expiresAt, preview.clockOffsetMs, now);
- return h45(
+ return h46(
"div",
{ className: "fs-preview", "data-flybot": at, role: "status" },
- h45("div", { className: "fs-preview-name", "data-flybot": child("name") }, preview.name || "Face-to-face room"),
- preview.lead ? h45("div", { className: "fs-preview-meta", "data-flybot": child("lead") }, `Lead: ${preview.lead}`) : null,
- preview.people ? h45("div", { className: "fs-preview-meta", "data-flybot": child("members") }, preview.people) : null,
- preview.expiresAt ? h45("div", { className: "fs-preview-meta", "data-flybot": child("expiry") }, countdown) : null,
- onJoin || onClear ? h45(
+ h46("div", { className: "fs-preview-name", "data-flybot": child("name") }, preview.name || "Face-to-face room"),
+ preview.lead ? h46("div", { className: "fs-preview-meta", "data-flybot": child("lead") }, `Lead: ${preview.lead}`) : null,
+ preview.people ? h46("div", { className: "fs-preview-meta", "data-flybot": child("members") }, preview.people) : null,
+ preview.expiresAt ? h46("div", { className: "fs-preview-meta", "data-flybot": child("expiry") }, countdown) : null,
+ onJoin || onClear ? h46(
"div",
{ className: "fs-preview-foot", "data-flybot": child("foot") },
- showClear && onClear ? h45("button", {
+ showClear && onClear ? h46("button", {
type: "button",
className: "fs-btn fs-btn-sm",
"data-flybot": child("clear"),
disabled: !!busy,
onClick: onClear
}, clearLabel) : null,
- onJoin ? h45("button", {
+ onJoin ? h46("button", {
type: "button",
className: "fs-btn fs-btn-sm fs-btn-primary",
"data-flybot": child("join"),
@@ -3341,12 +3374,12 @@ function liveSprings(apply2) {
const dt = Math.min(0.5, Math.max(1e-3, (now - last) / 1e3));
last = now;
const steps = Math.ceil(dt * 240);
- const h45 = dt / steps;
+ const h46 = dt / steps;
let moving = false;
for (const value of values.values()) {
for (let index = 0; index < steps; index += 1) {
- value.v += (-value.k * (value.x - value.to) - value.c * value.v) * h45;
- value.x += value.v * h45;
+ value.v += (-value.k * (value.x - value.to) - value.c * value.v) * h46;
+ value.x += value.v * h46;
}
if (Math.abs(value.x - value.to) < 0.05 && Math.abs(value.v) < 1) {
value.x = value.to;
@@ -7951,16 +7984,239 @@ function progressOf(task) {
return Math.max(0, Math.min(100, Math.round(value)));
}
-// src/client/kanban.js
+// src/client/delivery-view.js
var import_react14 = require("react");
-var POLL_MS3 = 15e3;
-function BoardIcon() {
+var POLL_MS3 = 6e4;
+var DELIVERY_COLUMNS = [
+ { id: "raw", label: "Original issue" },
+ { id: "ready", label: "Ready to start" },
+ { id: "working", label: "In progress" },
+ { id: "review", label: "In review" },
+ { id: "done-today", label: "Done today" }
+];
+var BADGES = {
+ inc: "INC · rework",
+ "pass-enqueue": "PASS · waiting for enqueue",
+ "pass-merge": "PASS · waiting for merge",
+ "ci-red": "CI red",
+ "ci-running": "CI running",
+ "no-verdict": "No verdict"
+};
+var badgeLabel = (badge) => badge ? t(BADGES[badge] ?? badge) : "";
+function duration(ms) {
+ if (!Number.isFinite(ms) || ms < 0) return "—";
+ const hours = ms / 36e5;
+ if (hours < 1) return `${Math.max(1, Math.round(ms / 6e4))}m`;
+ if (hours < 48) return `${Math.round(hours)}h`;
+ return `${Math.round(hours / 24)}d`;
+}
+function metricRows(snapshot) {
+ const today = snapshot?.today ?? {};
+ const week = snapshot?.week ?? {};
+ const ci = today.ci ?? {};
+ const count = (value) => value === null || value === void 0 ? "—" : String(value);
+ const rows = [
+ { label: t("New issues"), key: "newIssues" },
+ { label: t("Closed issues"), key: "closedIssues" },
+ { label: t("New pull requests"), key: "newPullRequests" },
+ { label: t("Merged pull requests"), key: "mergedPullRequests" },
+ { label: t("Median issue close"), key: "medianIssueCloseMs", format: duration },
+ { label: t("Median PR merge"), key: "medianPullMergeMs", format: duration }
+ ].map((row) => {
+ const format = row.format ?? count;
+ return { label: row.label, today: format(today[row.key]), week: format(week[row.key]) };
+ });
+ return {
+ dayStart: snapshot?.dayStart ?? null,
+ rows,
+ ci: {
+ failed: ci.failed ?? 0,
+ total: ci.total ?? 0,
+ counted: ci.counted ?? 0,
+ caveat: Number.isFinite(ci.total) && Number.isFinite(ci.counted) && ci.counted < ci.total,
+ superseded: ci.superseded ?? 0
+ },
+ open: snapshot?.open ?? {}
+ };
+}
+function useDeliveryBoard(actions) {
+ const [snapshot, setSnapshot] = (0, import_react14.useState)(null);
+ const [message, setMessage] = (0, import_react14.useState)("");
+ (0, import_react14.useEffect)(() => {
+ let stopped = false;
+ const load = () => {
+ const job = Promise.resolve(actions?.deliveryBoard?.());
+ void job.then((next) => {
+ if (stopped || !next || typeof next !== "object") return;
+ if (next.ok === false) {
+ setMessage(next.reason === "no-github" ? t("No GitHub connection yet; the board fills in once one is added.") : t("The delivery board is not ready yet."));
+ return;
+ }
+ setSnapshot(next);
+ setMessage(next.error ? t("Showing the last snapshot from {time}: {error}", { time: timeOf(next.asOf), error: next.error }) : "");
+ }).catch((error) => {
+ if (!stopped) setMessage(String(error?.message ?? error));
+ });
+ };
+ load();
+ const timer = setInterval(load, POLL_MS3);
+ return () => {
+ stopped = true;
+ clearInterval(timer);
+ };
+ }, [actions]);
+ return { snapshot, message };
+}
+var timeOf = (iso) => {
+ const at = Date.parse(iso ?? "");
+ if (!Number.isFinite(at)) return "—";
+ return new Date(at).toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" });
+};
+function Label({ name }) {
+ return (0, import_react14.createElement)("span", { className: "bt-del-label", "data-label": name }, name);
+}
+function DeliveryCard({ card }) {
+ const badge = badgeLabel(card?.badge);
+ return (0, import_react14.createElement)(
+ "article",
+ { className: "bt-del-card", "data-kind": card?.kind, "data-number": card?.number, "data-badge": card?.badge ?? void 0 },
+ (0, import_react14.createElement)(
+ "span",
+ { className: "bt-del-card-top" },
+ (0, import_react14.createElement)("span", { className: "bt-del-id" }, `#${card?.number ?? "?"}`),
+ badge ? (0, import_react14.createElement)("span", { className: "bt-del-badge", "data-badge": card?.badge }, badge) : null
+ ),
+ (0, import_react14.createElement)("span", { className: "bt-del-title" }, card?.title ?? ""),
+ card?.labels?.length ? (0, import_react14.createElement)("span", { className: "bt-del-labels" }, card.labels.map((name) => (0, import_react14.createElement)(Label, { key: name, name }))) : null,
+ card?.owner ? (0, import_react14.createElement)("span", { className: "bt-del-owner", "data-kind": card.ownerKind ?? "human" }, card.owner) : null,
+ card?.linked ? (0, import_react14.createElement)("span", { className: "bt-del-linked" }, t("linked to #{number}", { number: card.linked })) : null,
+ card?.sha ? (0, import_react14.createElement)("span", { className: "bt-del-sha" }, card.sha) : null,
+ card?.url ? (0, import_react14.createElement)("a", { className: "bt-del-open", href: card.url, target: "_blank", rel: "noreferrer" }, t("Open")) : null
+ );
+}
+function DeliveryHeader({ snapshot }) {
+ if (!snapshot) return null;
+ const { rows, ci, open } = metricRows(snapshot);
return (0, import_react14.createElement)(
+ "header",
+ { className: "bt-del-head" },
+ (0, import_react14.createElement)(
+ "div",
+ { className: "bt-del-metrics" },
+ (0, import_react14.createElement)(
+ "table",
+ { className: "bt-del-table" },
+ (0, import_react14.createElement)("thead", null, (0, import_react14.createElement)("tr", null, (0, import_react14.createElement)("th", null, ""), (0, import_react14.createElement)("th", null, t("Today")), (0, import_react14.createElement)("th", null, t("7 days")))),
+ (0, import_react14.createElement)("tbody", null, rows.map((row) => (0, import_react14.createElement)(
+ "tr",
+ { key: row.label },
+ (0, import_react14.createElement)("th", { scope: "row" }, row.label),
+ (0, import_react14.createElement)("td", null, row.today),
+ (0, import_react14.createElement)("td", null, row.week)
+ )))
+ ),
+ (0, import_react14.createElement)(
+ "p",
+ { className: "bt-del-ci" },
+ t("CI failed {failed} of {total}", { failed: ci.failed, total: ci.total }),
+ ci.caveat ? ` · ${t("counted {counted} of {total}", { counted: ci.counted, total: ci.total })}` : "",
+ ci.superseded ? ` · ${t("{count} superseded", { count: ci.superseded })}` : ""
+ ),
+ (0, import_react14.createElement)("p", { className: "bt-del-open" }, t("Open: {issues} issues ({needs} need a human), {prs} pull requests", {
+ issues: open.issues ?? 0,
+ needs: open.needsHuman ?? 0,
+ prs: open.pullRequests ?? 0
+ }), open.medianIssueAgeMs !== null && open.medianIssueAgeMs !== void 0 ? ` · ${t("median open age {age}", { age: duration(open.medianIssueAgeMs) })}` : "")
+ ),
+ (0, import_react14.createElement)(
+ "p",
+ { className: "bt-del-asof" },
+ t("as of {time}", { time: timeOf(snapshot.asOf) }),
+ snapshot.refreshing ? ` · ${t("refreshing…")}` : ""
+ )
+ );
+}
+function DeliveryBoard({ snapshot, message }) {
+ if (!snapshot) {
+ return (0, import_react14.createElement)(
+ "div",
+ { className: "bt-del-body", "data-view": "delivery" },
+ message ? (0, import_react14.createElement)("p", { className: "bt-board-error", role: "alert" }, message) : (0, import_react14.createElement)("p", { className: "bt-board-empty" }, t("No snapshot yet."))
+ );
+ }
+ const columns = snapshot.columns ?? {};
+ return (0, import_react14.createElement)(
+ "div",
+ { className: "bt-del-body", "data-view": "delivery" },
+ message ? (0, import_react14.createElement)("p", { className: "bt-board-error", role: "alert" }, message) : null,
+ (0, import_react14.createElement)(DeliveryHeader, { snapshot: snapshot.metrics ? { ...snapshot.metrics, asOf: snapshot.asOf, refreshing: snapshot.refreshing } : null }),
+ (0, import_react14.createElement)(
+ "div",
+ { className: "bt-del-columns" },
+ DELIVERY_COLUMNS.map((column) => (0, import_react14.createElement)(
+ "section",
+ { key: column.id, className: "bt-del-column", "data-column": column.id },
+ (0, import_react14.createElement)(
+ "h3",
+ { className: "bt-board-column-head" },
+ (0, import_react14.createElement)("span", null, t(column.label)),
+ (0, import_react14.createElement)("span", { className: "bt-board-count" }, String((columns[column.id] ?? []).length))
+ ),
+ (columns[column.id] ?? []).length === 0 ? (0, import_react14.createElement)("p", { className: "bt-board-empty" }, t("Nothing here.")) : (columns[column.id] ?? []).map((card) => (0, import_react14.createElement)(DeliveryCard, { key: `${card.kind}-${card.number}`, card }))
+ ))
+ )
+ );
+}
+function DeliveryView({ actions }) {
+ const { snapshot, message } = useDeliveryBoard(actions);
+ return (0, import_react14.createElement)(DeliveryBoard, { snapshot, message });
+}
+var DELIVERY_CSS = `
+.bt-del-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;padding:12px 14px 16px}
+.bt-del-head{display:flex;flex-direction:column;gap:6px;border-bottom:.5px solid var(--bt-line);padding-bottom:8px}
+.bt-del-metrics{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px}
+.bt-del-table{border-collapse:collapse;font-size:12px;line-height:16px;font-variant-numeric:tabular-nums}
+.bt-del-table th,.bt-del-table td{padding:2px 8px;text-align:right;white-space:nowrap}
+.bt-del-table th[scope=row]{text-align:left;font-weight:500;color:var(--bt-ink-2)}
+.bt-del-table thead th{font-weight:600;color:var(--bt-ink-3)}
+.bt-del-ci,.bt-del-open{margin:0;font-size:12px;line-height:16px;color:var(--bt-ink-2)}
+.bt-del-asof{margin:0;font-size:11.5px;line-height:15px;color:var(--bt-ink-3)}
+.bt-del-columns{flex:1 1 auto;min-height:0;display:flex;gap:10px;overflow:auto}
+.bt-del-column{flex:1 1 0;min-width:200px;display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:14px;background:var(--bt-hover);overflow:auto}
+.bt-del-card{display:flex;flex-direction:column;gap:5px;padding:10px;border:.5px solid var(--bt-line-2);border-radius:12px;background:var(--bt-card,var(--bt-main))}
+.bt-del-card-top{display:flex;align-items:center;gap:6px}
+.bt-del-id{font-size:12px;line-height:16px;color:var(--bt-ink-3);font-variant-numeric:tabular-nums}
+.bt-del-badge{margin-left:auto;font-size:10.5px;line-height:16px;padding:0 6px;border-radius:999px;background:var(--bt-hover);color:var(--bt-ink-2)}
+.bt-del-badge[data-badge=inc]{background:rgba(224,33,53,.12);color:#c21d2e}
+.bt-del-badge[data-badge=ci-red]{background:rgba(224,33,53,.12);color:#c21d2e}
+.bt-del-badge[data-badge=pass-enqueue],.bt-del-badge[data-badge=pass-merge]{background:color-mix(in srgb,var(--bt-green) 16%,transparent);color:color-mix(in srgb,var(--bt-green) 70%,var(--bt-ink))}
+.bt-del-title{font-size:13.5px;line-height:19px;color:var(--bt-ink)}
+.bt-del-labels{display:flex;flex-wrap:wrap;gap:4px}
+.bt-del-label{font-size:10.5px;line-height:16px;padding:0 6px;border-radius:999px;background:var(--bt-hover);color:var(--bt-ink-2)}
+.bt-del-owner{font-size:12px;line-height:16px;color:var(--bt-ink-2)}
+.bt-del-owner[data-kind=human]{font-weight:600;color:var(--bt-ink)}
+.bt-del-linked,.bt-del-sha{font-size:11.5px;line-height:15px;color:var(--bt-ink-3)}
+.bt-del-open{align-self:flex-start;font-size:12px;line-height:16px;color:var(--bt-accent)}
+@media (max-width:800px){
+ .bt-del-columns{overflow:auto}
+ .bt-del-column{min-width:220px}
+}
+@media (max-width:640px){
+ .bt-del-columns{flex-direction:column}
+ .bt-del-column{min-width:0}
+}
+`;
+
+// src/client/kanban.js
+var import_react15 = require("react");
+var POLL_MS4 = 15e3;
+function BoardIcon() {
+ return (0, import_react15.createElement)(
"svg",
{ width: 18, height: 18, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinejoin: "round", "aria-hidden": true },
- (0, import_react14.createElement)("rect", { x: 2.5, y: 3, width: 4, height: 14, rx: 1 }),
- (0, import_react14.createElement)("rect", { x: 8, y: 3, width: 4, height: 9, rx: 1 }),
- (0, import_react14.createElement)("rect", { x: 13.5, y: 3, width: 4, height: 12, rx: 1 })
+ (0, import_react15.createElement)("rect", { x: 2.5, y: 3, width: 4, height: 14, rx: 1 }),
+ (0, import_react15.createElement)("rect", { x: 8, y: 3, width: 4, height: 9, rx: 1 }),
+ (0, import_react15.createElement)("rect", { x: 13.5, y: 3, width: 4, height: 12, rx: 1 })
);
}
function shortId(id) {
@@ -8088,10 +8344,10 @@ function lanesOf(tasks, roster) {
return order.map((id) => ({ id, name: botName(roster, map.get(id)[0]) || id, tasks: map.get(id) }));
}
function useBoardTasks(actions, scope) {
- const [own, setOwn] = (0, import_react14.useState)([]);
- const [groupTasks, setGroupTasks] = (0, import_react14.useState)([]);
+ const [own, setOwn] = (0, import_react15.useState)([]);
+ const [groupTasks, setGroupTasks] = (0, import_react15.useState)([]);
const key = scope?.kind === "group" ? `group:${scope.roomId}` : "own";
- (0, import_react14.useEffect)(() => {
+ (0, import_react15.useEffect)(() => {
let stopped = false;
const load = () => {
const job = scope?.kind === "group" ? Promise.resolve(actions?.tasks?.({ roomId: scope.roomId })) : Promise.resolve(actions?.tasks?.());
@@ -8102,7 +8358,7 @@ function useBoardTasks(actions, scope) {
}).catch(() => void 0);
};
load();
- const timer = setInterval(load, POLL_MS3);
+ const timer = setInterval(load, POLL_MS4);
return () => {
stopped = true;
clearInterval(timer);
@@ -8117,7 +8373,7 @@ function useBoardTasks(actions, scope) {
return { own, tasks, replace };
}
function RailButton({ row, selected, meta, onSelect }) {
- return (0, import_react14.createElement)(
+ return (0, import_react15.createElement)(
"button",
{
type: "button",
@@ -8129,8 +8385,8 @@ function RailButton({ row, selected, meta, onSelect }) {
style: row.depth ? { paddingLeft: `${10 + row.depth * 14}px` } : void 0,
onClick: () => onSelect(row.kind === "group" ? { kind: "group", roomId: row.id } : { kind: "bot", botId: row.id })
},
- (0, import_react14.createElement)("span", { className: "bt-board-rail-name" }, row.name),
- meta ? (0, import_react14.createElement)("span", { className: "bt-board-rail-meta" }, meta) : null
+ (0, import_react15.createElement)("span", { className: "bt-board-rail-name" }, row.name),
+ meta ? (0, import_react15.createElement)("span", { className: "bt-board-rail-meta" }, meta) : null
);
}
function BoardCard({ task, roster, movable, onMove, onDrag, partOf: partOf2 }) {
@@ -8140,7 +8396,7 @@ function BoardCard({ task, roster, movable, onMove, onDrag, partOf: partOf2 }) {
const who = botName(roster, task);
const question = task.waitingFor === "input" ? task.inputRequest?.question : "";
const overall = task.kind === "group";
- return (0, import_react14.createElement)(
+ return (0, import_react15.createElement)(
"article",
{
className: "bt-board-card",
@@ -8156,35 +8412,35 @@ function BoardCard({ task, roster, movable, onMove, onDrag, partOf: partOf2 }) {
},
onDragEnd: () => onDrag?.(null)
},
- (0, import_react14.createElement)(
+ (0, import_react15.createElement)(
"span",
{ className: "bt-board-card-top" },
- (0, import_react14.createElement)("span", { className: "bt-board-id" }, shortId(task.id)),
- (0, import_react14.createElement)("span", { className: "bt-board-priority", "data-priority": priority }, priorityLabel(priority)),
- (0, import_react14.createElement)("span", { className: "bt-board-status" }, statusLabel(task.status))
+ (0, import_react15.createElement)("span", { className: "bt-board-id" }, shortId(task.id)),
+ (0, import_react15.createElement)("span", { className: "bt-board-priority", "data-priority": priority }, priorityLabel(priority)),
+ (0, import_react15.createElement)("span", { className: "bt-board-status" }, statusLabel(task.status))
),
- (0, import_react14.createElement)("span", { className: "bt-board-title" }, task.title || t("Untitled task")),
- overall ? (0, import_react14.createElement)("span", { className: "bt-board-kind" }, t("Group task")) : null,
- partOf2 ? (0, import_react14.createElement)("span", { className: "bt-board-part" }, t("Part of {title}", { title: partOf2 })) : null,
- task.note ? (0, import_react14.createElement)("span", { className: "bt-board-note" }, task.note) : null,
- question ? (0, import_react14.createElement)("span", { className: "bt-board-wait" }, question) : null,
- (0, import_react14.createElement)(
+ (0, import_react15.createElement)("span", { className: "bt-board-title" }, task.title || t("Untitled task")),
+ overall ? (0, import_react15.createElement)("span", { className: "bt-board-kind" }, t("Group task")) : null,
+ partOf2 ? (0, import_react15.createElement)("span", { className: "bt-board-part" }, t("Part of {title}", { title: partOf2 })) : null,
+ task.note ? (0, import_react15.createElement)("span", { className: "bt-board-note" }, task.note) : null,
+ question ? (0, import_react15.createElement)("span", { className: "bt-board-wait" }, question) : null,
+ (0, import_react15.createElement)(
"span",
{ className: "bt-board-foot" },
- who ? (0, import_react14.createElement)("span", { className: "bt-board-who" }, who) : null,
- (0, import_react14.createElement)(
+ who ? (0, import_react15.createElement)("span", { className: "bt-board-who" }, who) : null,
+ (0, import_react15.createElement)(
"span",
{ className: "bt-board-progress" },
- (0, import_react14.createElement)(
+ (0, import_react15.createElement)(
"span",
{ className: "bt-board-progress-bar", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": progress, "aria-label": t("Progress") },
- (0, import_react14.createElement)("span", { style: { width: `${progress}%` } })
+ (0, import_react15.createElement)("span", { style: { width: `${progress}%` } })
),
- (0, import_react14.createElement)("span", { className: "bt-board-percent" }, t("{percent}%", { percent: progress }))
+ (0, import_react15.createElement)("span", { className: "bt-board-percent" }, t("{percent}%", { percent: progress }))
)
),
- movable && column === "not-started" ? (0, import_react14.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => onMove?.(task.id, "in-progress") }, t("Start")) : null,
- movable && column === "in-progress" && task.status !== "blocked" ? (0, import_react14.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => onMove?.(task.id, "done") }, t("Complete")) : null
+ movable && column === "not-started" ? (0, import_react15.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => onMove?.(task.id, "in-progress") }, t("Start")) : null,
+ movable && column === "in-progress" && task.status !== "blocked" ? (0, import_react15.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => onMove?.(task.id, "done") }, t("Complete")) : null
);
}
function cardProps(task, roster, onMove, onDrag, partOf2) {
@@ -8194,7 +8450,7 @@ function BoardColumn({ column, tasks, roster, lanes, dragging, onMove, onDrag })
const tree = lanes ? columnTree(tasks) : null;
const linked = tree ? tree.loose.filter((task) => task.parentId || task.parentTitle) : [];
const plain = tree ? tree.loose.filter((task) => !task.parentId && !task.parentTitle) : tasks;
- return (0, import_react14.createElement)(
+ return (0, import_react15.createElement)(
"section",
{
className: "bt-board-column",
@@ -8211,31 +8467,31 @@ function BoardColumn({ column, tasks, roster, lanes, dragging, onMove, onDrag })
onDrag?.(null);
}
},
- (0, import_react14.createElement)(
+ (0, import_react15.createElement)(
"h3",
{ className: "bt-board-column-head" },
- (0, import_react14.createElement)("span", null, columnTitle(column)),
- (0, import_react14.createElement)("span", { className: "bt-board-count" }, String(tasks.length))
+ (0, import_react15.createElement)("span", null, columnTitle(column)),
+ (0, import_react15.createElement)("span", { className: "bt-board-count" }, String(tasks.length))
),
- dragging ? (0, import_react14.createElement)("div", { className: "bt-board-drop" }, dropLabel(column)) : null,
- tasks.length === 0 && !dragging ? (0, import_react14.createElement)("p", { className: "bt-board-empty" }, t("Nothing in this column.")) : null,
- tree ? tree.nests.map((nest) => (0, import_react14.createElement)(
+ dragging ? (0, import_react15.createElement)("div", { className: "bt-board-drop" }, dropLabel(column)) : null,
+ tasks.length === 0 && !dragging ? (0, import_react15.createElement)("p", { className: "bt-board-empty" }, t("Nothing in this column.")) : null,
+ tree ? tree.nests.map((nest) => (0, import_react15.createElement)(
"div",
{ key: nest.task.id, className: "bt-board-nest" },
- (0, import_react14.createElement)(BoardCard, cardProps(nest.task, roster, onMove, onDrag)),
- nest.children.map((child) => (0, import_react14.createElement)(
+ (0, import_react15.createElement)(BoardCard, cardProps(nest.task, roster, onMove, onDrag)),
+ nest.children.map((child) => (0, import_react15.createElement)(
"div",
{ key: child.id, className: "bt-board-subtask", "data-parent": nest.task.id },
- (0, import_react14.createElement)(BoardCard, cardProps(child, roster, onMove, onDrag))
+ (0, import_react15.createElement)(BoardCard, cardProps(child, roster, onMove, onDrag))
))
)) : null,
- linked.map((task) => (0, import_react14.createElement)(BoardCard, { key: task.id, ...cardProps(task, roster, onMove, onDrag, task.parentTitle || "") })),
- lanes ? lanesOf(plain, roster).map((lane) => (0, import_react14.createElement)(
+ linked.map((task) => (0, import_react15.createElement)(BoardCard, { key: task.id, ...cardProps(task, roster, onMove, onDrag, task.parentTitle || "") })),
+ lanes ? lanesOf(plain, roster).map((lane) => (0, import_react15.createElement)(
"div",
{ key: lane.id, className: "bt-board-lane" },
- (0, import_react14.createElement)("span", { className: "bt-board-lane-name" }, lane.name),
- lane.tasks.map((task) => (0, import_react14.createElement)(BoardCard, { key: task.id, ...cardProps(task, roster, onMove, onDrag) }))
- )) : plain.map((task) => (0, import_react14.createElement)(BoardCard, { key: task.id, ...cardProps(task, roster, onMove, onDrag) }))
+ (0, import_react15.createElement)("span", { className: "bt-board-lane-name" }, lane.name),
+ lane.tasks.map((task) => (0, import_react15.createElement)(BoardCard, { key: task.id, ...cardProps(task, roster, onMove, onDrag) }))
+ )) : plain.map((task) => (0, import_react15.createElement)(BoardCard, { key: task.id, ...cardProps(task, roster, onMove, onDrag) }))
);
}
function BoardView({ roster, tasks, rail, scope, counts: counts2, dragging, error, draft, onDraft, onSelect, onMove, onDrag, onCreate }) {
@@ -8243,16 +8499,16 @@ function BoardView({ roster, tasks, rail, scope, counts: counts2, dragging, erro
const lanes = scope?.kind === "group";
const selectedBot = scope?.kind === "bot" ? scope.botId : "";
const selectedRoom = scope?.kind === "group" ? scope.roomId : "";
- return (0, import_react14.createElement)(
+ return (0, import_react15.createElement)(
"div",
{ className: "bt-board-body" },
- (0, import_react14.createElement)(
+ (0, import_react15.createElement)(
"aside",
{ className: "bt-board-rail", "aria-label": t("Task board") },
- (0, import_react14.createElement)("h3", { className: "bt-board-rail-head" }, t("Your Bots")),
- rail.bots.length === 0 ? (0, import_react14.createElement)("p", { className: "bt-board-empty" }, t("No tasks yet.")) : rail.bots.map((row) => {
+ (0, import_react15.createElement)("h3", { className: "bt-board-rail-head" }, t("Your Bots")),
+ rail.bots.length === 0 ? (0, import_react15.createElement)("p", { className: "bt-board-empty" }, t("No tasks yet.")) : rail.bots.map((row) => {
const count = counts2?.[row.id] ?? { done: 0, total: 0 };
- return (0, import_react14.createElement)(RailButton, {
+ return (0, import_react15.createElement)(RailButton, {
key: row.id,
row,
selected: row.id === selectedBot,
@@ -8260,26 +8516,26 @@ function BoardView({ roster, tasks, rail, scope, counts: counts2, dragging, erro
meta: count.total > 0 ? t("{done}/{total}", { done: count.done, total: count.total }) : ""
});
}),
- rail.groups.length > 0 ? (0, import_react14.createElement)("h3", { className: "bt-board-rail-head" }, t("Groups you admin")) : null,
- rail.groups.map((row) => (0, import_react14.createElement)(RailButton, { key: row.id, row, selected: row.id === selectedRoom, onSelect }))
+ rail.groups.length > 0 ? (0, import_react15.createElement)("h3", { className: "bt-board-rail-head" }, t("Groups you admin")) : null,
+ rail.groups.map((row) => (0, import_react15.createElement)(RailButton, { key: row.id, row, selected: row.id === selectedRoom, onSelect }))
),
- (0, import_react14.createElement)(
+ (0, import_react15.createElement)(
"div",
{ className: "bt-board-main" },
- error ? (0, import_react14.createElement)("p", { className: "bt-board-error", role: "alert" }, error) : null,
- scope?.kind === "bot" && onCreate ? (0, import_react14.createElement)(
+ error ? (0, import_react15.createElement)("p", { className: "bt-board-error", role: "alert" }, error) : null,
+ scope?.kind === "bot" && onCreate ? (0, import_react15.createElement)(
"form",
{ className: "bt-board-add", onSubmit: (event) => {
event.preventDefault();
onCreate(draft);
} },
- (0, import_react14.createElement)("input", { "aria-label": t("Task title"), placeholder: t("New task"), value: draft ?? "", onChange: (event) => onDraft?.(event.target.value) }),
- (0, import_react14.createElement)("button", { type: "submit", className: "bt-soft bt-soft-sm" }, t("Add task"))
+ (0, import_react15.createElement)("input", { "aria-label": t("Task title"), placeholder: t("New task"), value: draft ?? "", onChange: (event) => onDraft?.(event.target.value) }),
+ (0, import_react15.createElement)("button", { type: "submit", className: "bt-soft bt-soft-sm" }, t("Add task"))
) : null,
- (0, import_react14.createElement)(
+ (0, import_react15.createElement)(
"div",
{ className: "bt-board-columns" },
- ["not-started", "in-progress", "done"].map((column) => (0, import_react14.createElement)(BoardColumn, {
+ ["not-started", "in-progress", "done"].map((column) => (0, import_react15.createElement)(BoardColumn, {
key: column,
column,
tasks: columns[column],
@@ -8296,7 +8552,7 @@ function BoardView({ roster, tasks, rail, scope, counts: counts2, dragging, erro
function KanbanRow({ wide, useUi, actions }) {
const open = useUi ? useUi((value) => Boolean(value.board)) : false;
const label = t("Tasks");
- return (0, import_react14.createElement)(
+ return (0, import_react15.createElement)(
"button",
{
type: "button",
@@ -8307,8 +8563,8 @@ function KanbanRow({ wide, useUi, actions }) {
"aria-expanded": open,
onClick: () => actions.openBoard()
},
- (0, import_react14.createElement)("span", { className: "bt-board-mark" }, (0, import_react14.createElement)(BoardIcon)),
- wide ? (0, import_react14.createElement)("span", { className: "bt-board-label" }, label) : null
+ (0, import_react15.createElement)("span", { className: "bt-board-mark" }, (0, import_react15.createElement)(BoardIcon)),
+ wide ? (0, import_react15.createElement)("span", { className: "bt-board-label" }, label) : null
);
}
function scopeName(roster, scope) {
@@ -8317,13 +8573,14 @@ function scopeName(roster, scope) {
return "";
}
function KanbanDialog({ roster, actions, leaving = false }) {
+ const [view, setView] = (0, import_react15.useState)("tasks");
const rail = boardRail(roster);
- const [scope, setScope] = (0, import_react14.useState)(() => rail.bots[0] ? { kind: "bot", botId: rail.bots[0].id } : rail.groups[0] ? { kind: "group", roomId: rail.groups[0].id } : null);
- const [dragging, setDragging] = (0, import_react14.useState)(null);
- const [error, setError] = (0, import_react14.useState)("");
- const [draft, setDraft] = (0, import_react14.useState)("");
+ const [scope, setScope] = (0, import_react15.useState)(() => rail.bots[0] ? { kind: "bot", botId: rail.bots[0].id } : rail.groups[0] ? { kind: "group", roomId: rail.groups[0].id } : null);
+ const [dragging, setDragging] = (0, import_react15.useState)(null);
+ const [error, setError] = (0, import_react15.useState)("");
+ const [draft, setDraft] = (0, import_react15.useState)("");
const { own, tasks, replace } = useBoardTasks(actions, scope);
- const close = (0, import_react14.useCallback)(() => actions.closeBoard(), []);
+ const close = (0, import_react15.useCallback)(() => actions.closeBoard(), []);
useEscape(close);
const counts2 = {};
for (const task of own) {
@@ -8355,22 +8612,28 @@ function KanbanDialog({ roster, actions, leaving = false }) {
}
};
const name = scopeName(roster, scope);
- return (0, import_react14.createElement)(
+ return (0, import_react15.createElement)(
"div",
{ className: "bt-mem-layer bt-board-layer", "data-leaving": leaving || void 0 },
- (0, import_react14.createElement)("div", { className: "bt-scrim", onClick: close }),
- (0, import_react14.createElement)(
+ (0, import_react15.createElement)("div", { className: "bt-scrim", onClick: close }),
+ (0, import_react15.createElement)(
"div",
{ className: "bt-mem bt-board", role: "dialog", "aria-modal": true, "aria-labelledby": "bt-board-heading" },
- (0, import_react14.createElement)(
+ (0, import_react15.createElement)(
"div",
{ className: "bt-mem-head" },
- (0, import_react14.createElement)("h2", { id: "bt-board-heading" }, t("Tasks")),
- (0, import_react14.createElement)("span", { className: "bt-mem-status" }, name),
- (0, import_react14.createElement)("span", { className: "bt-mem-head-gap" }),
- (0, import_react14.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close tasks"), autoFocus: true, onClick: close }, (0, import_react14.createElement)(CloseIcon))
+ (0, import_react15.createElement)("h2", { id: "bt-board-heading" }, view === "delivery" ? t("Delivery") : t("Tasks")),
+ (0, import_react15.createElement)(
+ "div",
+ { className: "bt-board-views", role: "tablist", "aria-label": t("Board view") },
+ (0, import_react15.createElement)("button", { type: "button", role: "tab", className: "bt-soft bt-soft-sm", "data-view": "tasks", "aria-selected": view === "tasks" ? "true" : "false", onClick: () => setView("tasks") }, t("Tasks")),
+ (0, import_react15.createElement)("button", { type: "button", role: "tab", className: "bt-soft bt-soft-sm", "data-view": "delivery", "aria-selected": view === "delivery" ? "true" : "false", onClick: () => setView("delivery") }, t("Delivery"))
+ ),
+ view === "tasks" ? (0, import_react15.createElement)("span", { className: "bt-mem-status" }, name) : null,
+ (0, import_react15.createElement)("span", { className: "bt-mem-head-gap" }),
+ (0, import_react15.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close tasks"), autoFocus: true, onClick: close }, (0, import_react15.createElement)(CloseIcon))
),
- (0, import_react14.createElement)(BoardView, {
+ view === "delivery" ? (0, import_react15.createElement)(DeliveryView, { actions }) : (0, import_react15.createElement)(BoardView, {
roster,
tasks,
rail,
@@ -8390,6 +8653,8 @@ function KanbanDialog({ roster, actions, leaving = false }) {
}
var KANBAN_CSS = `
.bt-board-row{min-height:40px;padding:6px 8px;gap:10px}
+.bt-board-views{display:flex;gap:6px;align-items:center}
+.bt-board-views .bt-soft[aria-selected=true]{background:var(--bt-active,var(--bt-hover));color:var(--bt-ink)}
.bt-board-mark{flex:none;width:36px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--bt-ink-2)}
.bt-board-mark svg{width:18px;height:18px}
.bt-board-label{flex:1 1 auto;min-width:0;font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@@ -8449,25 +8714,25 @@ var KANBAN_CSS = `
.bt-board-columns{flex-direction:column}
.bt-board-column{min-width:0}
}
-`;
+` + DELIVERY_CSS;
// src/client/sidebar.js
-var import_react15 = require("react");
+var import_react16 = require("react");
var import_react_dom3 = require("react-dom");
var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
function useMarkedUnread(id, active, marked, actions) {
- (0, import_react15.useEffect)(() => {
+ (0, import_react16.useEffect)(() => {
if (active && marked) actions.clearUnread(id);
}, [active, marked]);
}
-var PinMark = () => (0, import_react15.createElement)("span", { className: "bt-pin", "aria-hidden": true }, (0, import_react15.createElement)(PinMarkIcon));
+var PinMark = () => (0, import_react16.createElement)("span", { className: "bt-pin", "aria-hidden": true }, (0, import_react16.createElement)(PinMarkIcon));
var useApproval = (useWork, match) => useWork ? useWork((work) => (work.approvals ?? []).some(match)) : false;
var useGroupWork = (useWork, pick2) => useWork ? useWork((work) => pick2(work.rooms ?? {}).join(",")) : "";
var workKeys = (text) => text === "" ? [] : text.split(",").map((key) => {
const [id, tool] = key.split("|");
return { id, tool: tool || void 0 };
});
-var workLine = (lead, tool, more) => (0, import_react15.createElement)(Shimmer, null, `${lead} · ${workPhrase(tool)}…${more > 0 ? ` +${more}` : ""}`);
+var workLine = (lead, tool, more) => (0, import_react16.createElement)(Shimmer, null, `${lead} · ${workPhrase(tool)}…${more > 0 ? ` +${more}` : ""}`);
function BotRow({ bot, roster, actions, useSessions, useSessionStatus, useSessionRetainInfo, useActivity, useWork, wide, marked, asRow = false }) {
const id = bot.id;
const part = currentPart(bot);
@@ -8498,7 +8763,7 @@ function BotRow({ bot, roster, actions, useSessions, useSessionStatus, useSessio
const secondLine = awayLine || preview || (remote ? bot.remote?.gone ? t("no longer shared") : t("Friend's Bot") : "");
const label = [shown, main ? t("Main Bot") : "", pinned ? t("Pinned") : "", running || away ? t("Working") : "", waiting ? t("Waiting for your approval") : alert ? t("Waiting for your answer") : "", unread ? t("Unread activity") : ""].filter(Boolean).join(", ");
if (tile && wide) {
- return (0, import_react15.createElement)("div", { className: "bt-tile-wrap" }, (0, import_react15.createElement)(
+ return (0, import_react16.createElement)("div", { className: "bt-tile-wrap" }, (0, import_react16.createElement)(
"button",
{
type: "button",
@@ -8510,15 +8775,15 @@ function BotRow({ bot, roster, actions, useSessions, useSessionStatus, useSessio
onClick: () => actions.openSession(id),
onContextMenu
},
- (0, import_react15.createElement)(BotAvatar, { bot, size: 60, state, main: true }),
- (0, import_react15.createElement)("span", { className: "bt-tile-name" }, shown),
+ (0, import_react16.createElement)(BotAvatar, { bot, size: 60, state, main: true }),
+ (0, import_react16.createElement)("span", { className: "bt-tile-name" }, shown),
// The Main Bot's tile gets the same unread dot as a row (#420); a wait shows on its avatar.
- unread && !waiting && !active ? (0, import_react15.createElement)("span", { className: "bt-unread bt-tile-unread", "aria-hidden": true }) : null,
- bot.role ? (0, import_react15.createElement)("span", { className: "bt-chip" }, bot.role) : null
+ unread && !waiting && !active ? (0, import_react16.createElement)("span", { className: "bt-unread bt-tile-unread", "aria-hidden": true }) : null,
+ bot.role ? (0, import_react16.createElement)("span", { className: "bt-chip" }, bot.role) : null
));
}
- const unreadMark = wide && waiting && !active ? (0, import_react15.createElement)("span", { className: "bt-unread bt-unread-wait", "aria-hidden": true }) : wide && unread && !active ? (0, import_react15.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null;
- const row = (0, import_react15.createElement)(
+ const unreadMark = wide && waiting && !active ? (0, import_react16.createElement)("span", { className: "bt-unread bt-unread-wait", "aria-hidden": true }) : wide && unread && !active ? (0, import_react16.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null;
+ const row = (0, import_react16.createElement)(
"button",
{
type: "button",
@@ -8531,24 +8796,24 @@ function BotRow({ bot, roster, actions, useSessions, useSessionStatus, useSessio
onClick: () => actions.openSession(id),
onContextMenu
},
- (0, import_react15.createElement)(BotAvatar, { bot, size: 36, state, main }),
- pinned && !wide ? (0, import_react15.createElement)(PinMark) : null,
- wide ? (0, import_react15.createElement)(
+ (0, import_react16.createElement)(BotAvatar, { bot, size: 36, state, main }),
+ pinned && !wide ? (0, import_react16.createElement)(PinMark) : null,
+ wide ? (0, import_react16.createElement)(
"span",
{ className: "bt-row-body" },
- (0, import_react15.createElement)(
+ (0, import_react16.createElement)(
"span",
{ className: "bt-row-name" },
- (0, import_react15.createElement)("span", { className: "bt-row-title" }, shown),
- bot.remote ? (0, import_react15.createElement)(RemoteMark, { remote: bot.remote }) : null,
- pinned ? (0, import_react15.createElement)(PinMark) : null
+ (0, import_react16.createElement)("span", { className: "bt-row-title" }, shown),
+ bot.remote ? (0, import_react16.createElement)(RemoteMark, { remote: bot.remote }) : null,
+ pinned ? (0, import_react16.createElement)(PinMark) : null
),
- secondLine ? (0, import_react15.createElement)("span", { className: "bt-row-preview" }, secondLine) : null
+ secondLine ? (0, import_react16.createElement)("span", { className: "bt-row-preview" }, secondLine) : null
) : null,
unreadMark
);
const settingsLabel = bot.remote ? t("Bot settings") : t("Edit Bot");
- const settings = wide ? (0, import_react15.createElement)("button", {
+ const settings = wide ? (0, import_react16.createElement)("button", {
type: "button",
className: "bt-row-settings",
"aria-label": settingsLabel,
@@ -8559,8 +8824,8 @@ function BotRow({ bot, roster, actions, useSessions, useSessionStatus, useSessio
keepSidebarStill(event.currentTarget);
actions.openSettings("bots", id);
}
- }, (0, import_react15.createElement)(GearIcon)) : null;
- if (settings) return (0, import_react15.createElement)("div", { className: "bt-row-wrap", "data-bot-id": id }, row, settings);
+ }, (0, import_react16.createElement)(GearIcon)) : null;
+ if (settings) return (0, import_react16.createElement)("div", { className: "bt-row-wrap", "data-bot-id": id }, row, settings);
return row;
}
function keepSidebarStill(node) {
@@ -8573,14 +8838,14 @@ function keepSidebarStill(node) {
if (typeof requestAnimationFrame === "function") requestAnimationFrame(() => requestAnimationFrame(reset));
}
function RemoteMark({ remote }) {
- return (0, import_react15.createElement)(
+ return (0, import_react16.createElement)(
"span",
{ className: "bt-row-remote", title: remote.gone ? `${remote.handle} · ${t("no longer shared")}` : remote.handle, "aria-label": t("Friend's Bot") },
- (0, import_react15.createElement)(
+ (0, import_react16.createElement)(
"svg",
{ width: 11, height: 11, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", "aria-hidden": true },
- (0, import_react15.createElement)("circle", { cx: 12, cy: 12, r: 9 }),
- (0, import_react15.createElement)("path", { d: "M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18" })
+ (0, import_react16.createElement)("circle", { cx: 12, cy: 12, r: 9 }),
+ (0, import_react16.createElement)("path", { d: "M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18" })
)
);
}
@@ -8592,15 +8857,15 @@ function isPastFaceRoom(room2) {
return status === "candidate" && expires && Number.isFinite(Date.parse(expires)) && Date.parse(expires) <= Date.now();
}
function FaceMark() {
- return (0, import_react15.createElement)(
+ return (0, import_react16.createElement)(
"span",
{ className: "bt-row-remote bt-row-face", title: t("Face-to-face"), "aria-label": t("Face-to-face") },
- (0, import_react15.createElement)(
+ (0, import_react16.createElement)(
"svg",
{ width: 11, height: 11, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", "aria-hidden": true },
- (0, import_react15.createElement)("circle", { cx: 9, cy: 8, r: 3 }),
- (0, import_react15.createElement)("circle", { cx: 16, cy: 9, r: 2.5 }),
- (0, import_react15.createElement)("path", { d: "M4 18a5 5 0 0 1 10 0M14 18a4 4 0 0 1 6 0" })
+ (0, import_react16.createElement)("circle", { cx: 9, cy: 8, r: 3 }),
+ (0, import_react16.createElement)("circle", { cx: 16, cy: 9, r: 2.5 }),
+ (0, import_react16.createElement)("path", { d: "M4 18a5 5 0 0 1 10 0M14 18a4 4 0 0 1 6 0" })
)
);
}
@@ -8625,7 +8890,7 @@ function RoomRow({ room: room2, roster, actions, useSessions, useSessionStatus,
const alert = question || waiting;
const face = room2.origin === "face-to-face";
const label = [hover, face ? t("Face-to-face") : "", pinned ? t("Pinned") : "", members.length > 0 ? t("Working") : "", waiting ? t("Waiting for your approval") : alert ? t("Waiting for your answer") : ""].filter(Boolean).join(", ");
- return (0, import_react15.createElement)(
+ return (0, import_react16.createElement)(
"button",
{
type: "button",
@@ -8642,20 +8907,20 @@ function RoomRow({ room: room2, roster, actions, useSessions, useSessionStatus,
actions.openMenu({ kind: "room", id, x: event.clientX, y: event.clientY });
}
},
- (0, import_react15.createElement)(RoomAvatar, { room: room2, roster, size: 36 }),
- pinned && !wide ? (0, import_react15.createElement)(PinMark) : null,
- wide ? (0, import_react15.createElement)(
+ (0, import_react16.createElement)(RoomAvatar, { room: room2, roster, size: 36 }),
+ pinned && !wide ? (0, import_react16.createElement)(PinMark) : null,
+ wide ? (0, import_react16.createElement)(
"span",
{ className: "bt-row-body" },
- (0, import_react15.createElement)("span", { className: "bt-row-name" }, (0, import_react15.createElement)("span", { className: face ? "bt-row-title bt-row-title-face" : "bt-row-title" }, face ? faceRowTitle(title) : title), face ? (0, import_react15.createElement)(FaceMark) : room2.sharedFrom ? (0, import_react15.createElement)("span", { className: "bt-tag", title: from }, t("Shared")) : null, pinned ? (0, import_react15.createElement)(PinMark) : null),
- workingLine ? (0, import_react15.createElement)("span", { className: "bt-row-preview" }, workingLine) : preview ? (0, import_react15.createElement)("span", { className: "bt-row-preview" }, preview) : null
+ (0, import_react16.createElement)("span", { className: "bt-row-name" }, (0, import_react16.createElement)("span", { className: face ? "bt-row-title bt-row-title-face" : "bt-row-title" }, face ? faceRowTitle(title) : title), face ? (0, import_react16.createElement)(FaceMark) : room2.sharedFrom ? (0, import_react16.createElement)("span", { className: "bt-tag", title: from }, t("Shared")) : null, pinned ? (0, import_react16.createElement)(PinMark) : null),
+ workingLine ? (0, import_react16.createElement)("span", { className: "bt-row-preview" }, workingLine) : preview ? (0, import_react16.createElement)("span", { className: "bt-row-preview" }, preview) : null
) : null,
- wide && alert && !active ? (0, import_react15.createElement)("span", { className: "bt-unread bt-unread-wait", "aria-hidden": true }) : wide && unread && !active ? (0, import_react15.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null
+ wide && alert && !active ? (0, import_react16.createElement)("span", { className: "bt-unread bt-unread-wait", "aria-hidden": true }) : wide && unread && !active ? (0, import_react16.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null
);
}
function AgentSessionRow({ session, agent, actions, renaming, index }) {
- const input = (0, import_react15.useRef)(null);
- (0, import_react15.useLayoutEffect)(() => {
+ const input = (0, import_react16.useRef)(null);
+ (0, import_react16.useLayoutEffect)(() => {
if (!renaming) return;
input.current?.focus();
input.current?.select();
@@ -8676,10 +8941,10 @@ function AgentSessionRow({ session, agent, actions, renaming, index }) {
}
})();
};
- return (0, import_react15.createElement)(
+ return (0, import_react16.createElement)(
"div",
{ className: "bt-agent-sub-row bt-agent-edit", style: { "--i": index } },
- (0, import_react15.createElement)("input", {
+ (0, import_react16.createElement)("input", {
ref: input,
defaultValue: session.title,
"aria-label": t("Rename"),
@@ -8692,7 +8957,7 @@ function AgentSessionRow({ session, agent, actions, renaming, index }) {
})
);
}
- return (0, import_react15.createElement)(
+ return (0, import_react16.createElement)(
"button",
{
type: "button",
@@ -8706,8 +8971,8 @@ function AgentSessionRow({ session, agent, actions, renaming, index }) {
actions.openMenu({ kind: "agent-session", id: session.id, agentId: agent.id, x: event.clientX, y: event.clientY });
}
},
- (0, import_react15.createElement)("span", { className: "bt-agent-sub-title" }, session.title),
- (0, import_react15.createElement)("span", { className: "bt-agent-sub-time" }, session.at > 0 ? relativeShort(session.at) : "")
+ (0, import_react16.createElement)("span", { className: "bt-agent-sub-title" }, session.title),
+ (0, import_react16.createElement)("span", { className: "bt-agent-sub-time" }, session.at > 0 ? relativeShort(session.at) : "")
);
}
function AgentRow({ agent, actions, useSessions, useSessionStatus, useUi, wide, marked }) {
@@ -8742,10 +9007,10 @@ function AgentRow({ agent, actions, useSessions, useSessionStatus, useUi, wide,
const preview = sessions[0]?.title ?? t("New session");
const label = ["DSH Agent", running ? t("Working") : "", unread ? t("Unread activity") : ""].filter(Boolean).join(", ");
const open = active && wide;
- return (0, import_react15.createElement)(
+ return (0, import_react16.createElement)(
"div",
{ className: "bt-agent" },
- (0, import_react15.createElement)(
+ (0, import_react16.createElement)(
"button",
{
type: "button",
@@ -8760,30 +9025,30 @@ function AgentRow({ agent, actions, useSessions, useSessionStatus, useUi, wide,
actions.openMenu({ kind: "agent", id: agent.id, x: event.clientX, y: event.clientY });
}
},
- (0, import_react15.createElement)("span", { className: `bt-agent-ava${running ? " bt-run" : ""}` }, (0, import_react15.createElement)(import_dsh_client_ui_primitives2.FishLogo, { size: 22 })),
- wide ? (0, import_react15.createElement)(
+ (0, import_react16.createElement)("span", { className: `bt-agent-ava${running ? " bt-run" : ""}` }, (0, import_react16.createElement)(import_dsh_client_ui_primitives2.FishLogo, { size: 22 })),
+ wide ? (0, import_react16.createElement)(
"span",
{ className: "bt-row-body" },
- (0, import_react15.createElement)("span", { className: "bt-row-name" }, "DSH Agent"),
- preview ? (0, import_react15.createElement)("span", { className: "bt-row-preview" }, preview) : null
+ (0, import_react16.createElement)("span", { className: "bt-row-name" }, "DSH Agent"),
+ preview ? (0, import_react16.createElement)("span", { className: "bt-row-preview" }, preview) : null
) : null,
- wide && unread && !active ? (0, import_react15.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null
+ wide && unread && !active ? (0, import_react16.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null
),
- (0, import_react15.createElement)(
+ (0, import_react16.createElement)(
"div",
{ className: "bt-agent-sub", "data-open": open || void 0 },
- (0, import_react15.createElement)(
+ (0, import_react16.createElement)(
"div",
{ className: "bt-agent-sub-in" },
- (0, import_react15.createElement)(
+ (0, import_react16.createElement)(
"button",
{ type: "button", className: "bt-agent-sub-row bt-agent-new", style: { "--i": 0 }, onClick: () => {
void actions.newAgentSession(agent.id).catch((error) => actions.reportError(error, "agent-session"));
} },
- (0, import_react15.createElement)(PlusIcon),
- (0, import_react15.createElement)("span", { className: "bt-agent-sub-title" }, t("New session"))
+ (0, import_react16.createElement)(PlusIcon),
+ (0, import_react16.createElement)("span", { className: "bt-agent-sub-title" }, t("New session"))
),
- sessions.map((session, index) => (0, import_react15.createElement)(AgentSessionRow, {
+ sessions.map((session, index) => (0, import_react16.createElement)(AgentSessionRow, {
key: session.id,
session,
agent,
@@ -8797,8 +9062,8 @@ function AgentRow({ agent, actions, useSessions, useSessionStatus, useUi, wide,
}
var GLIDE = springEasing(1e3, 63);
function useListGlide(listRef, layout, key) {
- const tops = (0, import_react15.useRef)({ layout, map: /* @__PURE__ */ new Map() });
- (0, import_react15.useLayoutEffect)(() => {
+ const tops = (0, import_react16.useRef)({ layout, map: /* @__PURE__ */ new Map() });
+ (0, import_react16.useLayoutEffect)(() => {
const list = listRef.current;
if (!list) return;
const next = /* @__PURE__ */ new Map();
@@ -8815,7 +9080,7 @@ function useListGlide(listRef, layout, key) {
tops.current = { layout, map: next };
}, [layout, key]);
}
-var NodeActions = class extends import_react15.Component {
+var NodeActions = class extends import_react16.Component {
constructor(props) {
super(props);
this.state = { failed: false };
@@ -8827,32 +9092,32 @@ var NodeActions = class extends import_react15.Component {
console.error("flybot: nodeActions failed", error);
}
render() {
- return this.state.failed ? null : (0, import_react15.createElement)(this.props.component, { bot: this.props.bot });
+ return this.state.failed ? null : (0, import_react16.createElement)(this.props.component, { bot: this.props.bot });
}
};
function TreeNode({ node, rowProps, markedUnread, collapsed, toggle, actions }) {
const { bot, depth, children } = node;
const closed = collapsed[bot.id] === true;
- return (0, import_react15.createElement)(
- import_react15.Fragment,
+ return (0, import_react16.createElement)(
+ import_react16.Fragment,
null,
- (0, import_react15.createElement)(
+ (0, import_react16.createElement)(
"div",
{ className: "bt-tree-item", "data-depth": depth, style: { paddingLeft: `${depth * 16}px` } },
- children.length ? (0, import_react15.createElement)(
+ children.length ? (0, import_react16.createElement)(
"button",
{ type: "button", className: "bt-tree-toggle", "aria-expanded": !closed, "aria-label": `${closed ? t("Expand") : t("Collapse")} ${bot.name}`, onClick: () => toggle(bot.id) },
- (0, import_react15.createElement)("span", { className: "bt-tree-chev", "aria-hidden": true }, "▾")
- ) : (0, import_react15.createElement)("span", { className: "bt-tree-toggle bt-tree-leaf", "aria-hidden": true }),
- (0, import_react15.createElement)(BotRow, { ...rowProps, bot, asRow: true, marked: markedUnread[bot.id] === true }),
- typeof actions === "function" ? (0, import_react15.createElement)(NodeActions, { component: actions, bot }) : null
+ (0, import_react16.createElement)("span", { className: "bt-tree-chev", "aria-hidden": true }, "▾")
+ ) : (0, import_react16.createElement)("span", { className: "bt-tree-toggle bt-tree-leaf", "aria-hidden": true }),
+ (0, import_react16.createElement)(BotRow, { ...rowProps, bot, asRow: true, marked: markedUnread[bot.id] === true }),
+ typeof actions === "function" ? (0, import_react16.createElement)(NodeActions, { component: actions, bot }) : null
),
- closed ? null : children.map((child) => (0, import_react15.createElement)(TreeNode, { key: child.bot.id, node: child, rowProps, markedUnread, collapsed, toggle, actions }))
+ closed ? null : children.map((child) => (0, import_react16.createElement)(TreeNode, { key: child.bot.id, node: child, rowProps, markedUnread, collapsed, toggle, actions }))
);
}
function TeamSidebar(props) {
const { wide, useRoster, useUi, useSessions, actions } = props;
- const listRef = (0, import_react15.useRef)(null);
+ const listRef = (0, import_react16.useRef)(null);
const roster = useRoster((value) => value);
const markedUnread = useUi((value) => value.unread);
props.useRegistry((value) => value);
@@ -8861,7 +9126,7 @@ function TeamSidebar(props) {
for (const id of list.ids) stamps[id] = list.byId[id]?.updatedAt ?? 0;
return JSON.stringify(stamps);
});
- const order = (0, import_react15.useMemo)(() => {
+ const order = (0, import_react16.useMemo)(() => {
const stamps = JSON.parse(updated);
const entries2 = [
// Own Bots, friends' Bots, groups and face rooms share one list. A remote chat
@@ -8876,7 +9141,7 @@ function TeamSidebar(props) {
}, [roster, updated]);
const main = roster.byId[roster.mainBotId];
const structure = useSidebarStructure();
- const [collapsed, setCollapsed] = (0, import_react15.useState)({});
+ const [collapsed, setCollapsed] = (0, import_react16.useState)({});
const toggle = (id) => setCollapsed((value) => ({ ...value, [id]: !value[id] }));
const inTree = (entry) => entry.kind === "bot" && !entry.item.remote;
const listed = (entry) => inTree(entry) && structure?.include?.(entry.item.id) !== false;
@@ -8890,42 +9155,42 @@ function TeamSidebar(props) {
event.preventDefault();
actions.openPalette(event.key);
};
- return (0, import_react15.createElement)(
+ return (0, import_react16.createElement)(
"div",
{ className: wide ? "bt-side" : "bt-side bt-rail", onKeyDown: typeToSearch },
- wide ? (0, import_react15.createElement)(
+ wide ? (0, import_react16.createElement)(
"div",
{ className: "bt-side-top" },
- (0, import_react15.createElement)("span", { className: "bt-brand" }, (0, import_react15.createElement)(BrandMark, { size: 22 }), (0, import_react15.createElement)(BrandName)),
- (0, import_react15.createElement)(UpdateButton, { useUpdate: props.useUpdate, actions }),
- (0, import_react15.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Search"), title: t("Search"), onClick: () => actions.openPalette() }, (0, import_react15.createElement)(SearchIcon)),
- (0, import_react15.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("New…"), title: t("New…"), onClick: () => actions.openNewChat("new") }, (0, import_react15.createElement)(PlusIcon))
- ) : (0, import_react15.createElement)(
- import_react15.Fragment,
+ (0, import_react16.createElement)("span", { className: "bt-brand" }, (0, import_react16.createElement)(BrandMark, { size: 22 }), (0, import_react16.createElement)(BrandName)),
+ (0, import_react16.createElement)(UpdateButton, { useUpdate: props.useUpdate, actions }),
+ (0, import_react16.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Search"), title: t("Search"), onClick: () => actions.openPalette() }, (0, import_react16.createElement)(SearchIcon)),
+ (0, import_react16.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("New…"), title: t("New…"), onClick: () => actions.openNewChat("new") }, (0, import_react16.createElement)(PlusIcon))
+ ) : (0, import_react16.createElement)(
+ import_react16.Fragment,
null,
- (0, import_react15.createElement)(UpdateButton, { useUpdate: props.useUpdate, actions }),
- (0, import_react15.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("New…"), title: t("New…"), onClick: () => actions.openNewChat("new") }, (0, import_react15.createElement)(PlusIcon))
+ (0, import_react16.createElement)(UpdateButton, { useUpdate: props.useUpdate, actions }),
+ (0, import_react16.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("New…"), title: t("New…"), onClick: () => actions.openNewChat("new") }, (0, import_react16.createElement)(PlusIcon))
),
- wide && roster.readOnly ? (0, import_react15.createElement)("div", { className: "bt-hint bt-read-only", role: "status" }, hostText(roster.readOnly)) : null,
- (0, import_react15.createElement)(InboxRow, { wide, useRoster, useWork: props.useWork, useUi, actions }),
- (0, import_react15.createElement)(KanbanRow, { wide, useUi, actions }),
- (0, import_react15.createElement)(
+ wide && roster.readOnly ? (0, import_react16.createElement)("div", { className: "bt-hint bt-read-only", role: "status" }, hostText(roster.readOnly)) : null,
+ (0, import_react16.createElement)(InboxRow, { wide, useRoster, useWork: props.useWork, useUi, actions }),
+ (0, import_react16.createElement)(KanbanRow, { wide, useUi, actions }),
+ (0, import_react16.createElement)(
"div",
{ ref: listRef, className: "bt-list", role: "region", "aria-label": t("Bot list") },
- tree ? (0, import_react15.createElement)("div", { className: "bt-tree", role: "group", "aria-label": t("Bot tree") }, tree.map((node) => (0, import_react15.createElement)(TreeNode, { key: node.bot.id, node, rowProps, markedUnread, collapsed, toggle, actions: structure?.nodeActions }))) : main ? (0, import_react15.createElement)(BotRow, { ...rowProps, bot: main, marked: markedUnread[main.id] === true }) : roster.ready ? null : (0, import_react15.createElement)("div", { className: "bt-hint" }, t("Setting up your Main Bot…")),
- order.filter((entry) => !(tree && inTree(entry)) && !(inTree(entry) && structure?.include?.(entry.item.id) === false)).map((entry) => entry.kind === "bot" ? (0, import_react15.createElement)(BotRow, { key: entry.item.id, ...rowProps, bot: entry.item, marked: markedUnread[entry.item.id] === true }) : entry.kind === "room" ? (0, import_react15.createElement)(RoomRow, { key: entry.item.id, ...rowProps, room: entry.item, marked: markedUnread[entry.item.id] === true }) : (0, import_react15.createElement)(AgentRow, { key: entry.item.id, ...rowProps, agent: entry.item, marked: markedUnread[entry.item.id] === true })),
- wide ? (0, import_react15.createElement)(FlyBotSections, { roster, actions, renderBot: (bot) => (0, import_react15.createElement)(BotRow, { key: bot.id, ...rowProps, bot, asRow: true, marked: markedUnread[bot.id] === true }) }) : null
+ tree ? (0, import_react16.createElement)("div", { className: "bt-tree", role: "group", "aria-label": t("Bot tree") }, tree.map((node) => (0, import_react16.createElement)(TreeNode, { key: node.bot.id, node, rowProps, markedUnread, collapsed, toggle, actions: structure?.nodeActions }))) : main ? (0, import_react16.createElement)(BotRow, { ...rowProps, bot: main, marked: markedUnread[main.id] === true }) : roster.ready ? null : (0, import_react16.createElement)("div", { className: "bt-hint" }, t("Setting up your Main Bot…")),
+ order.filter((entry) => !(tree && inTree(entry)) && !(inTree(entry) && structure?.include?.(entry.item.id) === false)).map((entry) => entry.kind === "bot" ? (0, import_react16.createElement)(BotRow, { key: entry.item.id, ...rowProps, bot: entry.item, marked: markedUnread[entry.item.id] === true }) : entry.kind === "room" ? (0, import_react16.createElement)(RoomRow, { key: entry.item.id, ...rowProps, room: entry.item, marked: markedUnread[entry.item.id] === true }) : (0, import_react16.createElement)(AgentRow, { key: entry.item.id, ...rowProps, agent: entry.item, marked: markedUnread[entry.item.id] === true })),
+ wide ? (0, import_react16.createElement)(FlyBotSections, { roster, actions, renderBot: (bot) => (0, import_react16.createElement)(BotRow, { key: bot.id, ...rowProps, bot, asRow: true, marked: markedUnread[bot.id] === true }) }) : null
)
);
}
function UpdateButton({ useUpdate, actions }) {
const update = useUpdate((value) => value);
- const [open, setOpen] = (0, import_react15.useState)(false);
- const [box, setBox] = (0, import_react15.useState)(null);
- const [error, setError] = (0, import_react15.useState)("");
- const [dshError, setDshError] = (0, import_react15.useState)("");
- const button = (0, import_react15.useRef)(null);
- (0, import_react15.useEffect)(() => {
+ const [open, setOpen] = (0, import_react16.useState)(false);
+ const [box, setBox] = (0, import_react16.useState)(null);
+ const [error, setError] = (0, import_react16.useState)("");
+ const [dshError, setDshError] = (0, import_react16.useState)("");
+ const button = (0, import_react16.useRef)(null);
+ (0, import_react16.useEffect)(() => {
if (!open) return void 0;
const onDown = (event) => {
if (event.target instanceof Element && (event.target.closest(".bt-update-pop") || button.current?.contains(event.target))) return;
@@ -8968,10 +9233,10 @@ function UpdateButton({ useUpdate, actions }) {
const message = error || (phase === "failed" ? update.error : "");
const dshMessage = dshError || (dshPhase === "failed" ? dsh?.error : "");
const dshText = dshPhase === "installed" ? t("Restart DSH to start using DSH {version}.", { version: dsh.installed ?? dsh.verified }) : dsh?.available === false && dsh?.blockedBy ? t("Update FlyBot core {version} first.", { version: dsh.blockedBy }) : t("You have {version}.", { version: dsh?.current });
- return (0, import_react15.createElement)(
- import_react15.Fragment,
+ return (0, import_react16.createElement)(
+ import_react16.Fragment,
null,
- (0, import_react15.createElement)("button", {
+ (0, import_react16.createElement)("button", {
ref: button,
type: "button",
className: "bt-round bt-update",
@@ -8981,21 +9246,21 @@ function UpdateButton({ useUpdate, actions }) {
"aria-haspopup": "dialog",
"aria-expanded": open,
onClick: toggle
- }, (0, import_react15.createElement)(CloudDownloadIcon, { done: phase === "installed" }), phase === "failed" || dshPhase === "failed" ? (0, import_react15.createElement)("span", { className: "bt-update-dot", "aria-hidden": true }) : null),
- open && box ? (0, import_react_dom3.createPortal)((0, import_react15.createElement)(
+ }, (0, import_react16.createElement)(CloudDownloadIcon, { done: phase === "installed" }), phase === "failed" || dshPhase === "failed" ? (0, import_react16.createElement)("span", { className: "bt-update-dot", "aria-hidden": true }) : null),
+ open && box ? (0, import_react_dom3.createPortal)((0, import_react16.createElement)(
"div",
{ className: "bt-update-pop", role: "dialog", "aria-label": update?.available || phase !== "idle" ? t("FlyBot core update") : t("DSH update"), style: box },
- update?.available || phase !== "idle" ? (0, import_react15.createElement)(
- import_react15.Fragment,
+ update?.available || phase !== "idle" ? (0, import_react16.createElement)(
+ import_react16.Fragment,
null,
- (0, import_react15.createElement)("div", { className: "bt-update-title" }, phase === "installed" ? t("Update installed") : t("FlyBot core {version}", { version: update.latest })),
- (0, import_react15.createElement)("div", { className: "bt-update-text" }, phase === "installed" ? t("Restart DSH to start using FlyBot core {version}.", { version: update.installed ?? update.latest }) : t("You have {version}.", { version: update.current })),
- message ? (0, import_react15.createElement)("div", { className: "bt-update-error", role: "alert" }, t("The update did not finish: {reason}", { reason: message })) : null,
- (0, import_react15.createElement)(
+ (0, import_react16.createElement)("div", { className: "bt-update-title" }, phase === "installed" ? t("Update installed") : t("FlyBot core {version}", { version: update.latest })),
+ (0, import_react16.createElement)("div", { className: "bt-update-text" }, phase === "installed" ? t("Restart DSH to start using FlyBot core {version}.", { version: update.installed ?? update.latest }) : t("You have {version}.", { version: update.current })),
+ message ? (0, import_react16.createElement)("div", { className: "bt-update-error", role: "alert" }, t("The update did not finish: {reason}", { reason: message })) : null,
+ (0, import_react16.createElement)(
"div",
{ className: "bt-update-actions" },
- update.notesUrl ? (0, import_react15.createElement)("a", { className: "bt-update-notes", href: update.notesUrl, target: "_blank", rel: "noopener noreferrer" }, t("What's new")) : null,
- phase === "installed" ? null : (0, import_react15.createElement)("button", {
+ update.notesUrl ? (0, import_react16.createElement)("a", { className: "bt-update-notes", href: update.notesUrl, target: "_blank", rel: "noopener noreferrer" }, t("What's new")) : null,
+ phase === "installed" ? null : (0, import_react16.createElement)("button", {
type: "button",
className: "bt-update-go",
disabled: phase === "installing",
@@ -9003,17 +9268,17 @@ function UpdateButton({ useUpdate, actions }) {
}, phase === "installing" ? t("Updating…") : phase === "failed" ? t("Try again") : t("Update"))
)
) : null,
- dshRow ? (0, import_react15.createElement)(
+ dshRow ? (0, import_react16.createElement)(
"div",
{ className: "bt-update-dsh" },
- (0, import_react15.createElement)("div", { className: "bt-update-title" }, t("DSH {version}", { version: dsh.verified })),
- (0, import_react15.createElement)("div", { className: "bt-update-text" }, dshText),
- dshMessage ? (0, import_react15.createElement)("div", { className: "bt-update-error", role: "alert" }, t("The update did not finish: {reason}", { reason: dshMessage })) : null,
- (0, import_react15.createElement)(
+ (0, import_react16.createElement)("div", { className: "bt-update-title" }, t("DSH {version}", { version: dsh.verified })),
+ (0, import_react16.createElement)("div", { className: "bt-update-text" }, dshText),
+ dshMessage ? (0, import_react16.createElement)("div", { className: "bt-update-error", role: "alert" }, t("The update did not finish: {reason}", { reason: dshMessage })) : null,
+ (0, import_react16.createElement)(
"div",
{ className: "bt-update-actions" },
- dsh.kind === "app" ? dsh.available ? (0, import_react15.createElement)("button", { type: "button", className: "bt-update-go", onClick: () => void actions.openAppUpdates(dsh.verified).catch(() => {
- }) }, t("Open updates")) : null : !dsh.available && dshPhase === "idle" ? null : dshPhase === "installed" ? null : (0, import_react15.createElement)("button", {
+ dsh.kind === "app" ? dsh.available ? (0, import_react16.createElement)("button", { type: "button", className: "bt-update-go", onClick: () => void actions.openAppUpdates(dsh.verified).catch(() => {
+ }) }, t("Open updates")) : null : !dsh.available && dshPhase === "idle" ? null : dshPhase === "installed" ? null : (0, import_react16.createElement)("button", {
type: "button",
className: "bt-update-go",
disabled: dshPhase === "installing",
@@ -9026,23 +9291,23 @@ function UpdateButton({ useUpdate, actions }) {
}
function ConnectApps({ wide, actions }) {
if (!wide) return null;
- return (0, import_react15.createElement)(
+ return (0, import_react16.createElement)(
"span",
{ className: "bt-connect-wrap" },
- (0, import_react15.createElement)(
+ (0, import_react16.createElement)(
"button",
{ type: "button", className: "bt-connect bt-connect-foot", onClick: () => actions.openConnectors() },
- (0, import_react15.createElement)(PlugIcon),
+ (0, import_react16.createElement)(PlugIcon),
t("Connect apps")
)
);
}
function YouAvatar() {
- return (0, import_react15.createElement)(
+ return (0, import_react16.createElement)(
"span",
{ className: "bt-you-wrap" },
- (0, import_react15.createElement)("span", { className: "bt-you", "aria-hidden": true }, (0, import_react15.createElement)(BotMark, { look: MAIN_LOOK, size: 24 })),
- (0, import_react15.createElement)("span", { style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clip: "rect(0 0 0 0)" } }, t("Settings"))
+ (0, import_react16.createElement)("span", { className: "bt-you", "aria-hidden": true }, (0, import_react16.createElement)(BotMark, { look: MAIN_LOOK, size: 24 })),
+ (0, import_react16.createElement)("span", { style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clip: "rect(0 0 0 0)" } }, t("Settings"))
);
}
var openShellSettings = null;
@@ -9074,7 +9339,7 @@ function openHarnessOnboarding(id) {
var MODELS_STEP_ID = "flybot-models";
var MODELS_STEP_ORDER = 1e3;
function ModelsSettingsStep({ explicit, complete, openSection }) {
- (0, import_react15.useLayoutEffect)(() => {
+ (0, import_react16.useLayoutEffect)(() => {
if (explicit) openSection("models");
complete();
}, []);
@@ -9112,32 +9377,32 @@ function pressSettingsShortcut() {
}));
}
function AccountLauncher({ seat = true, settingsOpen, openSettings, openOnboarding, actions }) {
- const [open, setOpen] = (0, import_react15.useState)(false);
- (0, import_react15.useLayoutEffect)(() => {
+ const [open, setOpen] = (0, import_react16.useState)(false);
+ (0, import_react16.useLayoutEffect)(() => {
if (!seat) return void 0;
actions.seatAccount(true);
return () => actions.seatAccount(false);
}, [seat]);
- const [box, setBox] = (0, import_react15.useState)(null);
- const button = (0, import_react15.useRef)(null);
- (0, import_react15.useEffect)(() => {
+ const [box, setBox] = (0, import_react16.useState)(null);
+ const button = (0, import_react16.useRef)(null);
+ (0, import_react16.useEffect)(() => {
if (settingsOpen) setOpen(false);
}, [settingsOpen]);
- (0, import_react15.useEffect)(() => {
+ (0, import_react16.useEffect)(() => {
if (!openSettings) return void 0;
openShellSettings = openSettings;
return () => {
if (openShellSettings === openSettings) openShellSettings = null;
};
}, [openSettings]);
- (0, import_react15.useEffect)(() => {
+ (0, import_react16.useEffect)(() => {
if (!openOnboarding) return void 0;
openShellOnboarding = openOnboarding;
return () => {
if (openShellOnboarding === openOnboarding) openShellOnboarding = null;
};
}, [openOnboarding]);
- (0, import_react15.useEffect)(() => {
+ (0, import_react16.useEffect)(() => {
if (!open) return void 0;
const onDown = (event) => {
if (event.target instanceof Element && (event.target.closest(".bt-account-menu") || button.current?.contains(event.target))) return;
@@ -9174,23 +9439,23 @@ function AccountLauncher({ seat = true, settingsOpen, openSettings, openOnboardi
[t("Switch to classic Agent mode"), SwitchIcon, () => actions.setSurface("agent")]
]
];
- return (0, import_react15.createElement)(
- import_react15.Fragment,
+ return (0, import_react16.createElement)(
+ import_react16.Fragment,
null,
- (0, import_react15.createElement)(
+ (0, import_react16.createElement)(
"button",
{ ref: button, type: "button", className: "bt-account", "aria-label": t("Account"), "aria-haspopup": "menu", "aria-expanded": open, onClick: toggle },
- (0, import_react15.createElement)("span", { className: "bt-you", "aria-hidden": true }, (0, import_react15.createElement)(BotMark, { look: MAIN_LOOK, size: 24 }))
+ (0, import_react16.createElement)("span", { className: "bt-you", "aria-hidden": true }, (0, import_react16.createElement)(BotMark, { look: MAIN_LOOK, size: 24 }))
),
- open && box ? (0, import_react_dom3.createPortal)((0, import_react15.createElement)(
+ open && box ? (0, import_react_dom3.createPortal)((0, import_react16.createElement)(
"div",
{ className: "bt-menu bt-menu-up bt-account-menu", role: "menu", "aria-label": t("Account"), style: box },
- (0, import_react15.createElement)(FlyBotAccountHeader, { actions }),
- groups.map((group, index) => (0, import_react15.createElement)(
- import_react15.Fragment,
+ (0, import_react16.createElement)(FlyBotAccountHeader, { actions }),
+ groups.map((group, index) => (0, import_react16.createElement)(
+ import_react16.Fragment,
{ key: index },
- index > 0 ? (0, import_react15.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null,
- group.map(([label, Icon, run, hint]) => (0, import_react15.createElement)("button", {
+ index > 0 ? (0, import_react16.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null,
+ group.map(([label, Icon, run, hint]) => (0, import_react16.createElement)("button", {
key: label,
type: "button",
role: "menuitem",
@@ -9198,7 +9463,7 @@ function AccountLauncher({ seat = true, settingsOpen, openSettings, openOnboardi
setOpen(false);
void Promise.resolve(run()).catch((error) => actions.reportError(error, "menu"));
}
- }, (0, import_react15.createElement)(Icon), (0, import_react15.createElement)("span", { className: "bt-menu-label" }, label), hint ? (0, import_react15.createElement)("span", { className: "bt-menu-hint" }, hint) : null))
+ }, (0, import_react16.createElement)(Icon), (0, import_react16.createElement)("span", { className: "bt-menu-label" }, label), hint ? (0, import_react16.createElement)("span", { className: "bt-menu-hint" }, hint) : null))
))
), document.body) : null
);
@@ -9208,8 +9473,8 @@ function useLandOnMainBot(roster, useSessions, actions) {
const row = Object.values(list.byId).find((session) => (session?.retainedBy?.mainView ?? 0) > 0);
return row ? `${row.id}|${row.blank ? 1 : 0}` : "";
});
- const lastBot = (0, import_react15.useRef)(null);
- (0, import_react15.useEffect)(() => {
+ const lastBot = (0, import_react16.useRef)(null);
+ (0, import_react16.useEffect)(() => {
if (!roster.ready || !roster.mainBotId) return void 0;
const [id, blank3] = mainView.split("|");
const bot = id === "" ? void 0 : roster.byId[id];
@@ -9230,16 +9495,16 @@ function useLandOnMainBot(roster, useSessions, actions) {
function FooterAccount(props) {
const seated = props.useUi((value) => value.accountSeated === true);
if (seated) return null;
- return (0, import_react15.createElement)("span", { className: "bt-foot-account" }, (0, import_react15.createElement)(AccountLauncher, { ...props, seat: false }));
+ return (0, import_react16.createElement)("span", { className: "bt-foot-account" }, (0, import_react16.createElement)(AccountLauncher, { ...props, seat: false }));
}
function BotReturn({ wide, useSurface, actions }) {
const mode = useSurface((value) => value.mode);
if (mode !== "agent") return null;
- return (0, import_react15.createElement)(
+ return (0, import_react16.createElement)(
"button",
{ type: "button", className: "bt-return", "aria-label": t("FlyBot"), title: t("FlyBot"), onClick: () => actions.setSurface("bot") },
- (0, import_react15.createElement)(FlyBotMark, { size: 20 }),
- wide ? (0, import_react15.createElement)("span", { className: "bt-return-name" }, t("FlyBot")) : null
+ (0, import_react16.createElement)(FlyBotMark, { size: 20 }),
+ wide ? (0, import_react16.createElement)("span", { className: "bt-return-name" }, t("FlyBot")) : null
);
}
var RETURN_CSS = `
@@ -9253,10 +9518,10 @@ var RETURN_CSS = `
.bt-return-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
`;
function BrandMark({ size = 24 }) {
- return (0, import_react15.createElement)("span", { className: "bt-brand-mark" }, (0, import_react15.createElement)(FlyBotMark, { size }));
+ return (0, import_react16.createElement)("span", { className: "bt-brand-mark" }, (0, import_react16.createElement)(FlyBotMark, { size }));
}
function BrandName() {
- return (0, import_react15.createElement)("span", { style: { fontWeight: 600, fontSize: 14 } }, t("FlyBot"));
+ return (0, import_react16.createElement)("span", { style: { fontWeight: 600, fontSize: 14 } }, t("FlyBot"));
}
var SIDEBAR_CSS = `
.bt-side-top .bt-brand{cursor:default;padding-left:6px}
@@ -9330,15 +9595,15 @@ var SIDEBAR_CSS = `
`;
// src/client/header.js
-var import_react16 = require("react");
+var import_react17 = require("react");
var import_react_dom4 = require("react-dom");
-var GoArrow = () => (0, import_react16.createElement)("svg", { width: 14, height: 14, viewBox: "-12 -12 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, (0, import_react16.createElement)("path", { d: "M-7 0H7M2 -5L7 0L2 5" }));
+var GoArrow = () => (0, import_react17.createElement)("svg", { width: 14, height: 14, viewBox: "-12 -12 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, (0, import_react17.createElement)("path", { d: "M-7 0H7M2 -5L7 0L2 5" }));
var MEMORY_NOTICE_MS = 3200;
var noNews = (select) => select({});
function useMemoryNotice(ids, useMemoryNews) {
const seen = useMemoryNews((map) => Math.max(0, ...ids.map((id) => map?.[id]?.seen ?? 0)));
- const [shown, setShown] = (0, import_react16.useState)(false);
- (0, import_react16.useEffect)(() => {
+ const [shown, setShown] = (0, import_react17.useState)(false);
+ (0, import_react17.useEffect)(() => {
const left = seen + MEMORY_NOTICE_MS - Date.now();
setShown(seen > 0 && left > 0);
if (seen === 0 || left <= 0) return void 0;
@@ -9348,16 +9613,16 @@ function useMemoryNotice(ids, useMemoryNews) {
return shown;
}
function MemoryNotice({ shown }) {
- const inner = (0, import_react16.useRef)(null);
- const [width, setWidth] = (0, import_react16.useState)(0);
+ const inner = (0, import_react17.useRef)(null);
+ const [width, setWidth] = (0, import_react17.useState)(0);
const label = t("Memory updated");
- (0, import_react16.useLayoutEffect)(() => {
+ (0, import_react17.useLayoutEffect)(() => {
if (shown) setWidth(inner.current?.scrollWidth ?? 0);
}, [label, shown]);
- return (0, import_react16.createElement)(
+ return (0, import_react17.createElement)(
"span",
{ className: "bt-pill-mem", "aria-hidden": true, style: { "--bt-mem-w": `${width}px` } },
- (0, import_react16.createElement)("span", { className: "bt-pill-mem-in", ref: inner }, (0, import_react16.createElement)("span", { className: "bt-pill-mem-ico" }, (0, import_react16.createElement)(MemoryIcon)), label)
+ (0, import_react17.createElement)("span", { className: "bt-pill-mem-in", ref: inner }, (0, import_react17.createElement)("span", { className: "bt-pill-mem-ico" }, (0, import_react17.createElement)(MemoryIcon)), label)
);
}
function HeaderPill({ sessionId, useRoster, useSessions, useSessionStatus, useSession, useActivity, useMemoryNews, useTurnClock, useUi, useLive, actions }) {
@@ -9373,7 +9638,7 @@ function HeaderPill({ sessionId, useRoster, useSessions, useSessionStatus, useSe
const first = openingTurn(state[sessionId], firstTurns, hiddenTurns);
return first && !unseenSince(visit, first.start) ? clockLabel(first.start) : "";
});
- (0, import_react16.useEffect)(() => {
+ (0, import_react17.useEffect)(() => {
if (opening) document.body.style.setProperty("--bt-first-sep", JSON.stringify(opening));
else document.body.style.removeProperty("--bt-first-sep");
return () => document.body.style.removeProperty("--bt-first-sep");
@@ -9392,10 +9657,10 @@ function HeaderPill({ sessionId, useRoster, useSessions, useSessionStatus, useSe
const notice = useMemoryNotice(memoryIds, useNews);
const changed2 = useNews((map) => latestMemoryChange(map, memoryIds));
const memoryNotice = notice && changed2 !== null && roster.memory !== false;
- return (0, import_react16.createElement)(
+ return (0, import_react17.createElement)(
"div",
{ className: "bt-head" },
- (0, import_react16.createElement)(
+ (0, import_react17.createElement)(
"button",
{
type: "button",
@@ -9405,19 +9670,19 @@ function HeaderPill({ sessionId, useRoster, useSessions, useSessionStatus, useSe
"aria-label": memoryNotice ? t("Memory updated. Open {name}'s memory", { name: roster.byId[changed2]?.name ?? full2 }) : t("View conversation details"),
onClick: () => memoryNotice ? actions.openMemory(changed2) : actions.toggleDetails(sessionId)
},
- bot ? (0, import_react16.createElement)(BotAvatar, { bot, size: 24, state: botState(running, doing, roster.questions?.[currentPart(bot)] !== void 0), badge: false }) : room2 ? (0, import_react16.createElement)(RoomAvatar, { room: room2, roster, size: 24 }) : null,
- (0, import_react16.createElement)("span", { className: face ? "bt-pill-name bt-pill-name-face" : "bt-pill-name", title: face ? full2 : void 0 }, name || title || t("New chat")),
- (0, import_react16.createElement)(MemoryNotice, { shown: memoryNotice }),
- (0, import_react16.createElement)("span", { className: "bt-pill-go", "aria-hidden": true }, (0, import_react16.createElement)(GoArrow))
+ bot ? (0, import_react17.createElement)(BotAvatar, { bot, size: 24, state: botState(running, doing, roster.questions?.[currentPart(bot)] !== void 0), badge: false }) : room2 ? (0, import_react17.createElement)(RoomAvatar, { room: room2, roster, size: 24 }) : null,
+ (0, import_react17.createElement)("span", { className: face ? "bt-pill-name bt-pill-name-face" : "bt-pill-name", title: face ? full2 : void 0 }, name || title || t("New chat")),
+ (0, import_react17.createElement)(MemoryNotice, { shown: memoryNotice }),
+ (0, import_react17.createElement)("span", { className: "bt-pill-go", "aria-hidden": true }, (0, import_react17.createElement)(GoArrow))
),
- (0, import_react16.createElement)("span", { className: "bt-sr", role: "status" }, memoryNotice ? t("Memory updated") : ""),
- (0, import_react16.createElement)(NewMessagePills, { key: sessionId, sessionId, hiddenTurns, useSessions, useUi, useTurnClock, actions }),
- (0, import_react16.createElement)(ActivityIndicator, { key: `activity:${sessionId}`, sessionId, useRoster, useSessionStatus, useSession, useLive, actions })
+ (0, import_react17.createElement)("span", { className: "bt-sr", role: "status" }, memoryNotice ? t("Memory updated") : ""),
+ (0, import_react17.createElement)(NewMessagePills, { key: sessionId, sessionId, hiddenTurns, useSessions, useUi, useTurnClock, actions }),
+ (0, import_react17.createElement)(ActivityIndicator, { key: `activity:${sessionId}`, sessionId, useRoster, useSessionStatus, useSession, useLive, actions })
);
}
function useTranscriptView() {
- const [view, setView] = (0, import_react16.useState)(null);
- (0, import_react16.useEffect)(() => {
+ const [view, setView] = (0, import_react17.useState)(null);
+ (0, import_react17.useEffect)(() => {
let frame = 0;
let watched = null;
const observer = new MutationObserver(() => schedule());
@@ -9482,22 +9747,22 @@ function NewMessagePills({ sessionId, hiddenTurns, useSessions, useUi, useTurnCl
});
const view = useTranscriptView();
const unpinned = view?.unpinned === true;
- const [release, setRelease] = (0, import_react16.useState)({ base: null, dismissed: false });
- const [above, setAbove] = (0, import_react16.useState)({ seen: false, dismissed: false });
- (0, import_react16.useEffect)(() => {
+ const [release, setRelease] = (0, import_react17.useState)({ base: null, dismissed: false });
+ const [above, setAbove] = (0, import_react17.useState)({ seen: false, dismissed: false });
+ (0, import_react17.useEffect)(() => {
setRelease({ base: unpinned ? replies : null, dismissed: false });
}, [unpinned]);
- (0, import_react16.useEffect)(() => {
+ (0, import_react17.useEffect)(() => {
if (view?.divider === "in-view") setAbove((state) => state.seen ? state : { ...state, seen: true });
}, [view?.divider]);
const movedOn = useTurnClock((state) => movedOnSince(visit, state[sessionId], hiddenTurns));
- (0, import_react16.useEffect)(() => {
+ (0, import_react17.useEffect)(() => {
if (above.seen && movedOn) actions?.settleVisit?.(sessionId);
}, [above.seen, movedOn, sessionId]);
const fresh = release.base === null ? 0 : replies - release.base;
const showDown = unpinned && fresh > 0 && !release.dismissed;
const showUp = view?.divider === "above" && !above.seen && !above.dismissed;
- (0, import_react16.useEffect)(() => {
+ (0, import_react17.useEffect)(() => {
const scroller = document.querySelector("[data-conversation-scroll]");
if (!scroller) return void 0;
scroller.toggleAttribute("data-bt-news", showDown);
@@ -9505,16 +9770,16 @@ function NewMessagePills({ sessionId, hiddenTurns, useSessions, useUi, useTurnCl
}, [showDown]);
if (!view || !showDown && !showUp) return null;
const label = (count) => count === 1 ? t("1 new message") : count > 0 ? t("{count} new messages", { count }) : t("New messages");
- const pill = (direction, count, style, onJump, onDismiss) => (0, import_react16.createElement)(
+ const pill = (direction, count, style, onJump, onDismiss) => (0, import_react17.createElement)(
"div",
{ className: "bt-news", "data-direction": direction, style },
- (0, import_react16.createElement)(
+ (0, import_react17.createElement)(
"button",
{ type: "button", className: "bt-news-jump", onClick: onJump },
- (0, import_react16.createElement)("span", { className: "bt-news-ico" }, (0, import_react16.createElement)(direction === "up" ? ArrowUpIcon : ArrowDownIcon)),
+ (0, import_react17.createElement)("span", { className: "bt-news-ico" }, (0, import_react17.createElement)(direction === "up" ? ArrowUpIcon : ArrowDownIcon)),
label(count)
),
- (0, import_react16.createElement)("button", {
+ (0, import_react17.createElement)("button", {
type: "button",
className: "bt-news-x",
"aria-label": t("Dismiss new messages"),
@@ -9522,7 +9787,7 @@ function NewMessagePills({ sessionId, hiddenTurns, useSessions, useUi, useTurnCl
event.stopPropagation();
onDismiss();
}
- }, (0, import_react16.createElement)(CloseIcon))
+ }, (0, import_react17.createElement)(CloseIcon))
);
const toLatest = () => {
const scroller = document.querySelector("[data-conversation-scroll]");
@@ -9532,8 +9797,8 @@ function NewMessagePills({ sessionId, hiddenTurns, useSessions, useUi, useTurnCl
};
const toDivider = () => document.querySelector("[data-conversation-scroll] .bt-new-sep")?.scrollIntoView({ block: "center", behavior: "smooth" });
return (0, import_react_dom4.createPortal)(
- (0, import_react16.createElement)(
- import_react16.Fragment,
+ (0, import_react17.createElement)(
+ import_react17.Fragment,
null,
showUp ? pill("up", unread, { left: view.center, top: view.top }, toDivider, () => setAbove((state) => ({ ...state, dismissed: true }))) : null,
showDown ? pill("down", fresh, { left: view.center, bottom: view.bottom }, toLatest, () => setRelease((state) => ({ ...state, dismissed: true }))) : null
@@ -9641,18 +9906,18 @@ function installHeaderEffects({ sessions, roster, actions, doc = globalThis.docu
}
// src/client/composer.js
-var import_react17 = require("react");
+var import_react18 = require("react");
var import_react_dom5 = require("react-dom");
var speechApi = () => window.SpeechRecognition ?? window.webkitSpeechRecognition;
var keepComposerFocus = (event) => event.preventDefault();
function useDictation(onText) {
- const [listening, setListening] = (0, import_react17.useState)(false);
- const [note, setNote] = (0, import_react17.useState)("");
- const recognition = (0, import_react17.useRef)(null);
- const latest = (0, import_react17.useRef)(onText);
+ const [listening, setListening] = (0, import_react18.useState)(false);
+ const [note, setNote] = (0, import_react18.useState)("");
+ const recognition = (0, import_react18.useRef)(null);
+ const latest = (0, import_react18.useRef)(onText);
latest.current = onText;
- (0, import_react17.useEffect)(() => () => recognition.current?.abort(), []);
- (0, import_react17.useEffect)(() => {
+ (0, import_react18.useEffect)(() => () => recognition.current?.abort(), []);
+ (0, import_react18.useEffect)(() => {
if (!note) return void 0;
const timer = setTimeout(() => setNote(""), 2600);
return () => clearTimeout(timer);
@@ -9706,14 +9971,14 @@ function ComposerIdentity({ sessionId, useRoster }) {
const self = roster.self;
const humans = (room2?.participants ?? []).filter((p) => p.kind === "human" && p.leftSeq === void 0);
if (room2?.viewerRole === "invited-owner") {
- return (0, import_react17.createElement)(
+ return (0, import_react18.createElement)(
"span",
{ className: "bt-composer-as", title: t("You can remove your Bot from this room") },
t("Shared room from {name}", { name: room2.sharedFrom?.inviterName || t("a friend") })
);
}
if (!self || !room2 || humans.length < 2) return null;
- return (0, import_react17.createElement)(
+ return (0, import_react18.createElement)(
"span",
{ className: "bt-composer-as", title: t("Messages in this room are attributed to you") },
t("Sending as {name}", { name: self.displayName || self.memberId })
@@ -9724,7 +9989,7 @@ function ComposerVoice({ sessionId, inputActions, actions, useUi }) {
if (final && inputActions) inputActions.insertText(text, inputActions.captureInsertion());
});
const quote = useUi((state) => state.quote?.sessionId === sessionId ? state.quote : null);
- (0, import_react17.useEffect)(() => {
+ (0, import_react18.useEffect)(() => {
if (!quote || !inputActions) return;
actions.clearQuote(quote.token);
const excerpt = quote.text.replace(/\s+/g, " ").trim();
@@ -9742,10 +10007,10 @@ function ComposerVoice({ sessionId, inputActions, actions, useUi }) {
}, [quote?.token]);
if (sessionId === void 0) return null;
const pluginMic = actions.speech() !== void 0;
- return (0, import_react17.createElement)(
- import_react17.Fragment,
+ return (0, import_react18.createElement)(
+ import_react18.Fragment,
null,
- pluginMic ? null : (0, import_react17.createElement)("button", {
+ pluginMic ? null : (0, import_react18.createElement)("button", {
type: "button",
className: "bt-mic",
"aria-label": dictation.listening ? t("Stop dictation") : t("Dictate"),
@@ -9753,16 +10018,16 @@ function ComposerVoice({ sessionId, inputActions, actions, useUi }) {
title: dictation.listening ? t("Stop dictation") : t("Dictate"),
onMouseDown: keepComposerFocus,
onClick: () => dictation.listening ? dictation.stop() : dictation.start()
- }, (0, import_react17.createElement)(MicIcon)),
- (0, import_react17.createElement)("button", {
+ }, (0, import_react18.createElement)(MicIcon)),
+ (0, import_react18.createElement)("button", {
type: "button",
className: "bt-voice",
"aria-label": t("Start voice chat"),
title: t("Voice chat"),
onMouseDown: keepComposerFocus,
onClick: () => actions.openVoice(sessionId)
- }, (0, import_react17.createElement)(WaveIcon, { size: 18 })),
- dictation.note ? (0, import_react17.createElement)("span", { className: "bt-mic-note", role: "status" }, dictation.note) : null
+ }, (0, import_react18.createElement)(WaveIcon, { size: 18 })),
+ dictation.note ? (0, import_react18.createElement)("span", { className: "bt-mic-note", role: "status" }, dictation.note) : null
);
}
function menuIcons(roster) {
@@ -9770,17 +10035,17 @@ function menuIcons(roster) {
return (row) => {
if (!row.bot) return PeopleIcon;
const id = row.bot.id;
- if (!marks.has(id)) marks.set(id, ({ size = 14 }) => (0, import_react17.createElement)(BotMark, { bot: markBotForMention(row.bot, roster.getSnapshot()), size }));
+ if (!marks.has(id)) marks.set(id, ({ size = 14 }) => (0, import_react18.createElement)(BotMark, { bot: markBotForMention(row.bot, roster.getSnapshot()), size }));
return marks.get(id);
};
}
function ComposerPlus({ sessionId, inputActions, useRoster, actions }) {
const roster = useRoster((value) => value);
- const [open, setOpen] = (0, import_react17.useState)(null);
+ const [open, setOpen] = (0, import_react18.useState)(null);
const [shown, leaving] = useLinger(open, 120);
- const button = (0, import_react17.useRef)(null);
- const menu = (0, import_react17.useRef)(null);
- (0, import_react17.useEffect)(() => {
+ const button = (0, import_react18.useRef)(null);
+ const menu = (0, import_react18.useRef)(null);
+ (0, import_react18.useEffect)(() => {
if (!open) return void 0;
const onDown = (event) => {
if (![button.current, menu.current].some((node) => node?.contains(event.target))) setOpen(null);
@@ -9821,10 +10086,10 @@ function ComposerPlus({ sessionId, inputActions, useRoster, actions }) {
actions.referenceChat(sessionId, inputActions?.captureInsertion?.());
};
const canReference = typeof inputActions?.captureInsertion === "function" && actions.canReferenceChat();
- return (0, import_react17.createElement)(
- import_react17.Fragment,
+ return (0, import_react18.createElement)(
+ import_react18.Fragment,
null,
- (0, import_react17.createElement)("button", {
+ (0, import_react18.createElement)("button", {
ref: button,
type: "button",
className: "bt-plus",
@@ -9834,8 +10099,8 @@ function ComposerPlus({ sessionId, inputActions, useRoster, actions }) {
"aria-expanded": Boolean(open),
onMouseDown: keepComposerFocus,
onClick: toggle
- }, (0, import_react17.createElement)(PlusIcon)),
- shown ? (0, import_react_dom5.createPortal)((0, import_react17.createElement)(
+ }, (0, import_react18.createElement)(PlusIcon)),
+ shown ? (0, import_react_dom5.createPortal)((0, import_react18.createElement)(
"div",
{
ref: menu,
@@ -9845,9 +10110,9 @@ function ComposerPlus({ sessionId, inputActions, useRoster, actions }) {
style: { left: shown.left, bottom: shown.bottom },
"data-leaving": leaving || void 0
},
- (0, import_react17.createElement)("button", { type: "button", role: "menuitem", onClick: attach }, (0, import_react17.createElement)(PaperclipIcon), (0, import_react17.createElement)("span", { className: "bt-menu-label" }, t("Add files"))),
- canReference ? (0, import_react17.createElement)("button", { type: "button", role: "menuitem", onMouseDown: keepComposerFocus, onClick: reference }, (0, import_react17.createElement)(ChatsIcon), (0, import_react17.createElement)("span", { className: "bt-menu-label" }, t("Reference a chat"))) : null,
- (0, import_react17.createElement)("button", { type: "button", role: "menuitem", onClick: schedule }, (0, import_react17.createElement)(ClockIcon), (0, import_react17.createElement)("span", { className: "bt-menu-label" }, t("Scheduled task")))
+ (0, import_react18.createElement)("button", { type: "button", role: "menuitem", onClick: attach }, (0, import_react18.createElement)(PaperclipIcon), (0, import_react18.createElement)("span", { className: "bt-menu-label" }, t("Add files"))),
+ canReference ? (0, import_react18.createElement)("button", { type: "button", role: "menuitem", onMouseDown: keepComposerFocus, onClick: reference }, (0, import_react18.createElement)(ChatsIcon), (0, import_react18.createElement)("span", { className: "bt-menu-label" }, t("Reference a chat"))) : null,
+ (0, import_react18.createElement)("button", { type: "button", role: "menuitem", onClick: schedule }, (0, import_react18.createElement)(ClockIcon), (0, import_react18.createElement)("span", { className: "bt-menu-label" }, t("Scheduled task")))
), document.body) : null
);
}
@@ -10203,7 +10468,7 @@ function turnDetector({ loud = 0.12, quiet = 0.06, quietMs = 1200 } = {}) {
}
// src/client/model-menu.js
-var import_react18 = require("react");
+var import_react19 = require("react");
var import_react_dom6 = require("react-dom");
var MENU_EXIT_MS = 120;
function groupModels(models) {
@@ -10226,8 +10491,8 @@ function groupModels(models) {
var servedOf = (roster, ref) => (roster.models ?? []).find((model) => model.ref === ref);
var effortCache = /* @__PURE__ */ new Map();
function useEfforts(served, ref, actions) {
- const [fetched, setFetched] = (0, import_react18.useState)(void 0);
- (0, import_react18.useEffect)(() => {
+ const [fetched, setFetched] = (0, import_react19.useState)(void 0);
+ (0, import_react19.useEffect)(() => {
setFetched(void 0);
if (ref === void 0 || served?.reasoning !== void 0 || actions?.efforts === void 0) return void 0;
let live = true;
@@ -10252,12 +10517,12 @@ function effortRows(reasoning) {
];
}
function EffortRows({ reasoning, current, onPick }) {
- return (0, import_react18.createElement)(
- import_react18.Fragment,
+ return (0, import_react19.createElement)(
+ import_react19.Fragment,
null,
- (0, import_react18.createElement)("div", { className: "bt-menu-sep", role: "separator" }),
- (0, import_react18.createElement)("div", { className: "bt-model-group", role: "presentation" }, t("Thinking level")),
- effortRows(reasoning).map((row) => (0, import_react18.createElement)(
+ (0, import_react19.createElement)("div", { className: "bt-menu-sep", role: "separator" }),
+ (0, import_react19.createElement)("div", { className: "bt-model-group", role: "presentation" }, t("Thinking level")),
+ effortRows(reasoning).map((row) => (0, import_react19.createElement)(
"button",
{
key: row.effort ?? "default",
@@ -10266,17 +10531,17 @@ function EffortRows({ reasoning, current, onPick }) {
"aria-checked": row.effort === current,
onClick: () => onPick(row.effort)
},
- (0, import_react18.createElement)("span", { className: "bt-menu-label" }, row.label),
- (0, import_react18.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, row.effort === current ? (0, import_react18.createElement)(CheckIcon) : null)
+ (0, import_react19.createElement)("span", { className: "bt-menu-label" }, row.label),
+ (0, import_react19.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, row.effort === current ? (0, import_react19.createElement)(CheckIcon) : null)
))
);
}
function ModelRows({ roster, current, onPick }) {
- return groupModels(roster.models).map(([provider, list]) => (0, import_react18.createElement)(
- import_react18.Fragment,
+ return groupModels(roster.models).map(([provider, list]) => (0, import_react19.createElement)(
+ import_react19.Fragment,
{ key: list[0].provider ?? provider },
- (0, import_react18.createElement)("div", { className: "bt-model-group", role: "presentation" }, provider),
- list.map((model) => (0, import_react18.createElement)(
+ (0, import_react19.createElement)("div", { className: "bt-model-group", role: "presentation" }, provider),
+ list.map((model) => (0, import_react19.createElement)(
"button",
{
key: model.ref,
@@ -10286,20 +10551,20 @@ function ModelRows({ roster, current, onPick }) {
title: model.ref,
onClick: () => onPick(model.ref)
},
- (0, import_react18.createElement)("span", { className: "bt-menu-label" }, model.name),
- model.ref === roster.defaultModel ? (0, import_react18.createElement)("span", { className: "bt-menu-hint" }, t("Default")) : null,
- (0, import_react18.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, model.ref === current ? (0, import_react18.createElement)(CheckIcon) : null)
+ (0, import_react19.createElement)("span", { className: "bt-menu-label" }, model.name),
+ model.ref === roster.defaultModel ? (0, import_react19.createElement)("span", { className: "bt-menu-hint" }, t("Default")) : null,
+ (0, import_react19.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, model.ref === current ? (0, import_react19.createElement)(CheckIcon) : null)
))
));
}
-var Caret = () => (0, import_react18.createElement)("svg", { className: "bt-model-caret", width: 12, height: 12, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.8, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, (0, import_react18.createElement)("path", { d: "M5.5 8l4.5 4.5L14.5 8" }));
+var Caret = () => (0, import_react19.createElement)("svg", { className: "bt-model-caret", width: 12, height: 12, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.8, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, (0, import_react19.createElement)("path", { d: "M5.5 8l4.5 4.5L14.5 8" }));
function useAnchoredMenu() {
- const [place, setPlace] = (0, import_react18.useState)(null);
+ const [place, setPlace] = (0, import_react19.useState)(null);
const [shownPlace, leaving] = useLinger(place, MENU_EXIT_MS);
- const button = (0, import_react18.useRef)(null);
- const menu = (0, import_react18.useRef)(null);
+ const button = (0, import_react19.useRef)(null);
+ const menu = (0, import_react19.useRef)(null);
const close = () => setPlace(null);
- (0, import_react18.useEffect)(() => {
+ (0, import_react19.useEffect)(() => {
if (place === null) return void 0;
const onDown = (event) => {
if (menu.current?.contains(event.target) || button.current?.contains(event.target)) return;
@@ -10362,10 +10627,10 @@ function ModelMenu({ bot, roster, actions, run, wide = false, onPick, onPickEffo
else if (effort !== bot.effort) void run(actions.updateBot(bot.id, { effort: effort ?? null }));
};
const models = roster.models ?? [];
- return (0, import_react18.createElement)(
- import_react18.Fragment,
+ return (0, import_react19.createElement)(
+ import_react19.Fragment,
null,
- (0, import_react18.createElement)(
+ (0, import_react19.createElement)(
"button",
{
ref: button,
@@ -10378,38 +10643,38 @@ function ModelMenu({ bot, roster, actions, run, wide = false, onPick, onPickEffo
"data-missing": shown !== void 0 && !shown.served && models.length > 0 ? "" : void 0,
onClick: toggle
},
- (0, import_react18.createElement)(
+ (0, import_react19.createElement)(
"span",
{ className: "bt-model-copy" },
- (0, import_react18.createElement)("span", { className: "bt-model-name" }, shown?.name ?? t("Choose a model")),
- shown ? (0, import_react18.createElement)("span", { className: "bt-model-provider" }, shown.served || models.length === 0 ? effortLabel === void 0 ? shown.provider : `${shown.provider} · ${effortLabel}` : t("{provider} · not available", { provider: shown.provider })) : null
+ (0, import_react19.createElement)("span", { className: "bt-model-name" }, shown?.name ?? t("Choose a model")),
+ shown ? (0, import_react19.createElement)("span", { className: "bt-model-provider" }, shown.served || models.length === 0 ? effortLabel === void 0 ? shown.provider : `${shown.provider} · ${effortLabel}` : t("{provider} · not available", { provider: shown.provider })) : null
),
- (0, import_react18.createElement)(Caret)
+ (0, import_react19.createElement)(Caret)
),
- shownPlace ? (0, import_react_dom6.createPortal)((0, import_react18.createElement)(
+ shownPlace ? (0, import_react_dom6.createPortal)((0, import_react19.createElement)(
"div",
{ ref: menu, className: `bt-menu bt-model-menu${shownPlace.bottom !== void 0 ? " bt-menu-up" : ""}`, role: "menu", "aria-label": t("Model for {name}", { name: bot.name }), style: shownPlace, "data-leaving": leaving || void 0 },
- models.length > 0 ? (0, import_react18.createElement)(ModelRows, { roster, current, onPick: pick2 }) : (0, import_react18.createElement)("div", { className: "bt-model-none" }, t("No models are set up in DeepSeek Harness yet.")),
- effortRows(reasoning).length > 0 ? (0, import_react18.createElement)(EffortRows, { reasoning, current: picked, onPick: pickEffort }) : null,
- (0, import_react18.createElement)("div", { className: "bt-menu-sep", role: "separator" }),
- (0, import_react18.createElement)("button", { type: "button", role: "menuitem", onClick: () => {
+ models.length > 0 ? (0, import_react19.createElement)(ModelRows, { roster, current, onPick: pick2 }) : (0, import_react19.createElement)("div", { className: "bt-model-none" }, t("No models are set up in DeepSeek Harness yet.")),
+ effortRows(reasoning).length > 0 ? (0, import_react19.createElement)(EffortRows, { reasoning, current: picked, onPick: pickEffort }) : null,
+ (0, import_react19.createElement)("div", { className: "bt-menu-sep", role: "separator" }),
+ (0, import_react19.createElement)("button", { type: "button", role: "menuitem", onClick: () => {
close();
openHarnessModels();
- } }, (0, import_react18.createElement)(SlidersIcon), (0, import_react18.createElement)("span", { className: "bt-menu-label" }, t("Models and providers…")))
+ } }, (0, import_react19.createElement)(SlidersIcon), (0, import_react19.createElement)("span", { className: "bt-menu-label" }, t("Models and providers…")))
), document.body) : null
);
}
function ModelChoiceDock({ sessionId, useRoster, actions }) {
const roster = useRoster((value) => value);
const bot = roster.byId[sessionId];
- const [busy, setBusy] = (0, import_react18.useState)("");
- const [error, setError] = (0, import_react18.useState)("");
+ const [busy, setBusy] = (0, import_react19.useState)("");
+ const [error, setError] = (0, import_react19.useState)("");
const shown = Boolean(bot) && currentPart(bot) === sessionId && roster.ready;
- (0, import_react18.useEffect)(() => {
+ (0, import_react19.useEffect)(() => {
if (shown) void actions.refreshModels?.();
}, [shown, sessionId]);
if (!bot || currentPart(bot) !== sessionId || !roster.ready) return null;
- if (bot.remote) return bot.remote.gone ? (0, import_react18.createElement)(RemoteGoneDock, { bot }) : null;
+ if (bot.remote) return bot.remote.gone ? (0, import_react19.createElement)(RemoteGoneDock, { bot }) : null;
const models = roster.models ?? [];
const lost = bot.model ? !models.some((model) => model.ref === bot.model) : false;
if (bot.model && (!lost || models.length === 0)) return null;
@@ -10422,12 +10687,12 @@ function ModelChoiceDock({ sessionId, useRoster, actions }) {
}).finally(() => setBusy(""));
};
const text = lost ? t("{model} is not available anymore. Pick another model for me.", { model: bot.model.split("/").slice(1).join("/") }) : models.length === 0 ? t("Hi, I'm {name}. I don't have a model yet. How do you want to set one up?", { name: bot.name }) : t("Hi, I'm {name}. Pick a model for me first. You can change it later in my details.", { name: bot.name });
- const choices = models.length === 0 ? [...setupChoices(actions).map(([label, run]) => (0, import_react18.createElement)("button", { key: label, type: "button", className: "bt-model-chip", onClick: run }, label)), (0, import_react18.createElement)(KeyHelpLink, { key: "key-help" })] : [
- ...groupModels(models).map(([provider, list]) => (0, import_react18.createElement)(
+ const choices = models.length === 0 ? [...setupChoices(actions).map(([label, run]) => (0, import_react19.createElement)("button", { key: label, type: "button", className: "bt-model-chip", onClick: run }, label)), (0, import_react19.createElement)(KeyHelpLink, { key: "key-help" })] : [
+ ...groupModels(models).map(([provider, list]) => (0, import_react19.createElement)(
"div",
{ key: list[0].provider ?? provider, className: "bt-model-choice-group", role: "group", "aria-label": provider },
- (0, import_react18.createElement)("div", { className: "bt-model-choice-provider", "aria-hidden": true }, provider),
- (0, import_react18.createElement)("div", { className: "bt-model-choice-chips" }, list.map((model) => (0, import_react18.createElement)("button", {
+ (0, import_react19.createElement)("div", { className: "bt-model-choice-provider", "aria-hidden": true }, provider),
+ (0, import_react19.createElement)("div", { className: "bt-model-choice-chips" }, list.map((model) => (0, import_react19.createElement)("button", {
key: model.ref,
type: "button",
className: "bt-model-chip",
@@ -10436,46 +10701,46 @@ function ModelChoiceDock({ sessionId, useRoster, actions }) {
"aria-label": `${model.name} · ${provider}`,
title: model.ref === roster.defaultModel ? `${model.ref} · ${t("Harness default")}` : model.ref,
onClick: () => pick2(model.ref)
- }, model.name, busy === model.ref ? (0, import_react18.createElement)("span", { className: "bt-model-spin", "aria-label": t("Saving…") }) : null)))
+ }, model.name, busy === model.ref ? (0, import_react19.createElement)("span", { className: "bt-model-spin", "aria-label": t("Saving…") }) : null)))
)),
- (0, import_react18.createElement)("button", { key: "manage", type: "button", className: "bt-model-chip bt-model-chip-quiet", onClick: openHarnessModels }, (0, import_react18.createElement)(SlidersIcon), t("Manage models"))
+ (0, import_react19.createElement)("button", { key: "manage", type: "button", className: "bt-model-chip bt-model-chip-quiet", onClick: openHarnessModels }, (0, import_react19.createElement)(SlidersIcon), t("Manage models"))
];
- return (0, import_react18.createElement)(
+ return (0, import_react19.createElement)(
"div",
{ className: "bt-model-dock" },
- (0, import_react18.createElement)(
+ (0, import_react19.createElement)(
"div",
{ className: "bt-astack", "data-lead": "" },
- (0, import_react18.createElement)(
+ (0, import_react19.createElement)(
"div",
{ className: "bt-msg" },
- (0, import_react18.createElement)(
+ (0, import_react19.createElement)(
"div",
{ className: "bt-msg-line" },
- (0, import_react18.createElement)(BotMark, { bot, size: 22 }),
- (0, import_react18.createElement)("div", { className: "bt-bubble" }, text)
+ (0, import_react19.createElement)(BotMark, { bot, size: 22 }),
+ (0, import_react19.createElement)("div", { className: "bt-bubble" }, text)
)
)
),
- (0, import_react18.createElement)("div", { className: "bt-model-chips", role: "group", "aria-label": t("Choose a model") }, choices),
- error ? (0, import_react18.createElement)("div", { className: "bt-secret-error bt-model-error", role: "alert" }, error) : null
+ (0, import_react19.createElement)("div", { className: "bt-model-chips", role: "group", "aria-label": t("Choose a model") }, choices),
+ error ? (0, import_react19.createElement)("div", { className: "bt-secret-error bt-model-error", role: "alert" }, error) : null
);
}
function RemoteGoneDock({ bot }) {
- return (0, import_react18.createElement)(
+ return (0, import_react19.createElement)(
"div",
{ className: "bt-model-dock", "data-flybot": "remote-gone" },
- (0, import_react18.createElement)(
+ (0, import_react19.createElement)(
"div",
{ className: "bt-astack", "data-lead": "" },
- (0, import_react18.createElement)(
+ (0, import_react19.createElement)(
"div",
{ className: "bt-msg" },
- (0, import_react18.createElement)(
+ (0, import_react19.createElement)(
"div",
{ className: "bt-msg-line" },
- (0, import_react18.createElement)(BotMark, { bot, size: 22 }),
- (0, import_react18.createElement)("div", { className: "bt-bubble" }, t("{name} ({handle}) is no longer shared with you, so messages to it cannot be delivered. It runs on its owner's machine, so another model cannot stand in. Ask its owner for a new invite.", { name: bot.name, handle: bot.remote.handle }))
+ (0, import_react19.createElement)(BotMark, { bot, size: 22 }),
+ (0, import_react19.createElement)("div", { className: "bt-bubble" }, t("{name} ({handle}) is no longer shared with you, so messages to it cannot be delivered. It runs on its owner's machine, so another model cannot stand in. Ask its owner for a new invite.", { name: bot.name, handle: bot.remote.handle }))
)
)
)
@@ -10490,7 +10755,7 @@ function setupChoices(actions) {
}
var KEY_HELP_URL = "https://github.com/ThinkFlowLab/FlyBot/blob/main/docs/deepseek-api-key.md";
function KeyHelpLink() {
- return (0, import_react18.createElement)("a", { className: "bt-model-help", href: KEY_HELP_URL, target: "_blank", rel: "noopener noreferrer" }, t("How to set a DeepSeek API key"));
+ return (0, import_react19.createElement)("a", { className: "bt-model-help", href: KEY_HELP_URL, target: "_blank", rel: "noopener noreferrer" }, t("How to set a DeepSeek API key"));
}
function missingModelKey(message) {
const text = String(message ?? "");
@@ -10514,22 +10779,22 @@ function TurnErrorCell({ node, t: chatT, actions }) {
const message = missing ? t("This Bot's model has no API key yet. Set one up, then send your message again.") : code === "ACCOUNT_SIGNED_OUT" ? shell("message.failure.accountSignedOut", raw) : code === "ACCOUNT_SIGN_IN_REQUIRED" ? shell("message.failure.accountSignInRequired", raw) : code === "QUOTA" || code === "ACCOUNT_QUOTA" ? shell("message.failure.quota", raw) : code === "AUTH" ? shell("message.failure.auth", raw) : raw;
const choices = missing ? modelKeyChoices(actions ?? {}, missing.route) : [];
const deepseek = missing ? /^deepseek/i.test(missing.route) : false;
- return (0, import_react18.createElement)(
+ return (0, import_react19.createElement)(
"div",
{ className: "bt-turn-error", role: "status", "data-missing-key": missing ? "" : void 0 },
- (0, import_react18.createElement)("span", { className: "bt-turn-error-dot", "aria-hidden": true }),
- (0, import_react18.createElement)(
+ (0, import_react19.createElement)("span", { className: "bt-turn-error-dot", "aria-hidden": true }),
+ (0, import_react19.createElement)(
"div",
{ className: "bt-turn-error-copy" },
- (0, import_react18.createElement)("span", { className: "bt-turn-error-title" }, title),
- (0, import_react18.createElement)("span", { className: "bt-turn-error-message" }, message),
- code ? (0, import_react18.createElement)("code", { className: "bt-turn-error-code" }, code) : null
+ (0, import_react19.createElement)("span", { className: "bt-turn-error-title" }, title),
+ (0, import_react19.createElement)("span", { className: "bt-turn-error-message" }, message),
+ code ? (0, import_react19.createElement)("code", { className: "bt-turn-error-code" }, code) : null
),
- choices.length > 0 ? (0, import_react18.createElement)(
+ choices.length > 0 ? (0, import_react19.createElement)(
"div",
{ className: "bt-turn-error-actions" },
- choices.map(([label, run]) => (0, import_react18.createElement)("button", { key: label, type: "button", className: "bt-model-chip", onClick: run }, label)),
- deepseek ? (0, import_react18.createElement)(KeyHelpLink, { key: "key-help" }) : null
+ choices.map(([label, run]) => (0, import_react19.createElement)("button", { key: label, type: "button", className: "bt-model-chip", onClick: run }, label)),
+ deepseek ? (0, import_react19.createElement)(KeyHelpLink, { key: "key-help" }) : null
) : null
);
}
@@ -10537,14 +10802,14 @@ function DeepSeekSignIn({ useUi, actions }) {
const open = useUi((state) => state.signIn);
const entry = open ? actions.signInEntry?.() : null;
if (!entry) return null;
- return (0, import_react18.createElement)(SignInHost, { key: open, entry, actions });
+ return (0, import_react19.createElement)(SignInHost, { key: open, entry, actions });
}
function SignInHost({ entry, actions }) {
- const [ops] = (0, import_react18.useState)(() => entry.inject?.() ?? {});
+ const [ops] = (0, import_react19.useState)(() => entry.inject?.() ?? {});
const close = () => actions.closeSignIn();
- const useHook = (source) => (selector) => (0, import_react18.useSyncExternalStore)(source.subscribe, () => selector(source.getSnapshot()));
- const [hooks] = (0, import_react18.useState)(() => ({ useAccount: useHook(ops.hooks.account), useTheme: useHook(ops.hooks.theme) }));
- return (0, import_react18.createElement)(entry.component, {
+ const useHook = (source) => (selector) => (0, import_react19.useSyncExternalStore)(source.subscribe, () => selector(source.getSnapshot()));
+ const [hooks] = (0, import_react19.useState)(() => ({ useAccount: useHook(ops.hooks.account), useTheme: useHook(ops.hooks.theme) }));
+ return (0, import_react19.createElement)(entry.component, {
...ops,
...hooks,
t: actions.accountT(),
@@ -10603,7 +10868,7 @@ var MODEL_CSS = `
`;
// src/client/model-test.js
-var import_react19 = require("react");
+var import_react20 = require("react");
var FAILURE_COPY = {
NO_MODEL: "Pick a model first.",
NO_KEY: "This model has no API key yet. Set one up in the model settings.",
@@ -10628,12 +10893,12 @@ function testOutcome(result, modelName) {
}
var testModel = (id) => call("test-model", { id });
function ModelTestRow({ bot, modelName, test = testModel }) {
- const [state, setState] = (0, import_react19.useState)({ busy: false, outcome: void 0 });
- const live = (0, import_react19.useRef)(true);
- (0, import_react19.useEffect)(() => () => {
+ const [state, setState] = (0, import_react20.useState)({ busy: false, outcome: void 0 });
+ const live = (0, import_react20.useRef)(true);
+ (0, import_react20.useEffect)(() => () => {
live.current = false;
}, []);
- (0, import_react19.useEffect)(() => {
+ (0, import_react20.useEffect)(() => {
setState({ busy: false, outcome: void 0 });
}, [bot.id, bot.model]);
const start = () => {
@@ -10647,21 +10912,21 @@ function ModelTestRow({ bot, modelName, test = testModel }) {
});
};
const { busy, outcome } = state;
- return (0, import_react19.createElement)(
+ return (0, import_react20.createElement)(
"div",
{ className: "bt-set-row bt-bs-row bt-model-test" },
- (0, import_react19.createElement)(
+ (0, import_react20.createElement)(
"span",
{ className: "bt-set-copy" },
- (0, import_react19.createElement)("span", { className: "bt-set-hint" }, t("Sends one short request to this model. It may be billed.")),
- (0, import_react19.createElement)(
+ (0, import_react20.createElement)("span", { className: "bt-set-hint" }, t("Sends one short request to this model. It may be billed.")),
+ (0, import_react20.createElement)(
"span",
{ className: "bt-model-test-result", role: "status", "aria-live": "polite", "data-ok": outcome === void 0 ? void 0 : String(outcome.ok) },
busy ? t("Testing…") : outcome === void 0 ? null : outcome.text,
- outcome?.code ? (0, import_react19.createElement)("code", { className: "bt-model-test-code" }, outcome.code) : null
+ outcome?.code ? (0, import_react20.createElement)("code", { className: "bt-model-test-code" }, outcome.code) : null
)
),
- (0, import_react19.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, "aria-busy": busy || void 0, onClick: start }, t("Test connection"))
+ (0, import_react20.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, "aria-busy": busy || void 0, onClick: start }, t("Test connection"))
);
}
var MODEL_TEST_CSS = `
@@ -10673,17 +10938,17 @@ var MODEL_TEST_CSS = `
`;
// src/client/folder-menu.js
-var import_react20 = require("react");
+var import_react21 = require("react");
var import_react_dom7 = require("react-dom");
var folderName = (path) => String(path).replace(/[\\/]+$/, "").split(/[\\/]/).pop() || String(path);
-var Tick = ({ on }) => (0, import_react20.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, on ? (0, import_react20.createElement)(CheckIcon) : null);
+var Tick = ({ on }) => (0, import_react21.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, on ? (0, import_react21.createElement)(CheckIcon) : null);
function FolderMenu({ value, group = false, actions, run, onPick, wide = false }) {
const { isOpen, shownPlace, leaving, button, menu, open, close } = useAnchoredMenu();
- const [info, setInfo] = (0, import_react20.useState)(null);
- const [view, setView] = (0, import_react20.useState)("list");
- const [draft, setDraft] = (0, import_react20.useState)("");
- const [listing, setListing] = (0, import_react20.useState)(null);
- const [problem, setProblem] = (0, import_react20.useState)("");
+ const [info, setInfo] = (0, import_react21.useState)(null);
+ const [view, setView] = (0, import_react21.useState)("list");
+ const [draft, setDraft] = (0, import_react21.useState)("");
+ const [listing, setListing] = (0, import_react21.useState)(null);
+ const [problem, setProblem] = (0, import_react21.useState)("");
const fallback = group ? t("Each Bot's own folder") : t("Team workspace");
const toggle = () => {
if (isOpen) {
@@ -10716,35 +10981,35 @@ function FolderMenu({ value, group = false, actions, run, onPick, wide = false }
};
const known = info?.folders ?? [];
const folders = value && !known.some((folder) => folder.path === value) ? [{ path: value, title: folderName(value) }, ...known] : known;
- const listView = (0, import_react20.createElement)(
+ const listView = (0, import_react21.createElement)(
"div",
{ key: "list", className: "bt-folder-view" },
- (0, import_react20.createElement)(
+ (0, import_react21.createElement)(
"button",
{ type: "button", role: "menuitemradio", "aria-checked": !value, title: group ? void 0 : info?.team ?? void 0, onClick: () => choose("") },
- (0, import_react20.createElement)("span", { className: "bt-menu-label" }, fallback),
- (0, import_react20.createElement)(Tick, { on: !value })
+ (0, import_react21.createElement)("span", { className: "bt-menu-label" }, fallback),
+ (0, import_react21.createElement)(Tick, { on: !value })
),
- folders.length > 0 ? (0, import_react20.createElement)("div", { className: "bt-model-group", role: "presentation" }, t("Folders")) : null,
- folders.map((folder) => (0, import_react20.createElement)(
+ folders.length > 0 ? (0, import_react21.createElement)("div", { className: "bt-model-group", role: "presentation" }, t("Folders")) : null,
+ folders.map((folder) => (0, import_react21.createElement)(
"button",
{ key: folder.path, type: "button", role: "menuitemradio", "aria-checked": folder.path === value, title: folder.path, onClick: () => choose(folder.path) },
- (0, import_react20.createElement)("span", { className: "bt-folder-copy" }, (0, import_react20.createElement)("span", { className: "bt-menu-label" }, folder.title), (0, import_react20.createElement)("span", { className: "bt-folder-path" }, folder.path)),
- (0, import_react20.createElement)(Tick, { on: folder.path === value })
+ (0, import_react21.createElement)("span", { className: "bt-folder-copy" }, (0, import_react21.createElement)("span", { className: "bt-menu-label" }, folder.title), (0, import_react21.createElement)("span", { className: "bt-folder-path" }, folder.path)),
+ (0, import_react21.createElement)(Tick, { on: folder.path === value })
)),
- (0, import_react20.createElement)("div", { className: "bt-menu-sep", role: "separator" }),
- info?.picker === "native" ? (0, import_react20.createElement)("button", { type: "button", role: "menuitem", onClick: pickNative }, (0, import_react20.createElement)(FolderIcon), (0, import_react20.createElement)("span", { className: "bt-menu-label" }, t("Choose a folder…"))) : null,
- info?.picker === "browse" ? (0, import_react20.createElement)("button", { type: "button", role: "menuitem", onClick: () => browse(value) }, (0, import_react20.createElement)(FolderIcon), (0, import_react20.createElement)("span", { className: "bt-menu-label" }, t("Browse folders…"))) : null,
- (0, import_react20.createElement)("button", { type: "button", role: "menuitem", onClick: () => {
+ (0, import_react21.createElement)("div", { className: "bt-menu-sep", role: "separator" }),
+ info?.picker === "native" ? (0, import_react21.createElement)("button", { type: "button", role: "menuitem", onClick: pickNative }, (0, import_react21.createElement)(FolderIcon), (0, import_react21.createElement)("span", { className: "bt-menu-label" }, t("Choose a folder…"))) : null,
+ info?.picker === "browse" ? (0, import_react21.createElement)("button", { type: "button", role: "menuitem", onClick: () => browse(value) }, (0, import_react21.createElement)(FolderIcon), (0, import_react21.createElement)("span", { className: "bt-menu-label" }, t("Browse folders…"))) : null,
+ (0, import_react21.createElement)("button", { type: "button", role: "menuitem", onClick: () => {
setDraft(value ?? "");
setView("type");
- } }, (0, import_react20.createElement)(PencilIcon), (0, import_react20.createElement)("span", { className: "bt-menu-label" }, t("Enter a path…")))
+ } }, (0, import_react21.createElement)(PencilIcon), (0, import_react21.createElement)("span", { className: "bt-menu-label" }, t("Enter a path…")))
);
- const typeView = (0, import_react20.createElement)(
+ const typeView = (0, import_react21.createElement)(
"div",
{ key: "type", className: "bt-folder-view" },
- (0, import_react20.createElement)("button", { type: "button", className: "bt-folder-back", onClick: () => setView("list") }, (0, import_react20.createElement)(ChevronLeftIcon), (0, import_react20.createElement)("span", { className: "bt-menu-label" }, t("Back"))),
- (0, import_react20.createElement)("input", {
+ (0, import_react21.createElement)("button", { type: "button", className: "bt-folder-back", onClick: () => setView("list") }, (0, import_react21.createElement)(ChevronLeftIcon), (0, import_react21.createElement)("span", { className: "bt-menu-label" }, t("Back"))),
+ (0, import_react21.createElement)("input", {
className: "bt-folder-input",
autoFocus: true,
value: draft,
@@ -10756,33 +11021,33 @@ function FolderMenu({ value, group = false, actions, run, onPick, wide = false }
if (event.key === "Enter" && !event.nativeEvent.isComposing) typed();
}
}),
- (0, import_react20.createElement)("button", { type: "button", className: "bt-folder-use", disabled: draft.trim() === "", onClick: typed }, t("Use this folder"))
+ (0, import_react21.createElement)("button", { type: "button", className: "bt-folder-use", disabled: draft.trim() === "", onClick: typed }, t("Use this folder"))
);
const parent = listing?.crumbs?.length > 1 ? listing.crumbs.at(-2) : void 0;
const inside = listing?.entries?.filter((entry) => !entry.hidden) ?? [];
- const browseView = listing ? (0, import_react20.createElement)(
+ const browseView = listing ? (0, import_react21.createElement)(
"div",
{ key: `browse:${listing.path}`, className: "bt-folder-view" },
- (0, import_react20.createElement)("button", { type: "button", className: "bt-folder-back", onClick: () => setView("list") }, (0, import_react20.createElement)(ChevronLeftIcon), (0, import_react20.createElement)("span", { className: "bt-menu-label" }, t("Back"))),
- (0, import_react20.createElement)("div", { className: "bt-folder-path bt-folder-here" }, listing.path),
- parent ? (0, import_react20.createElement)("button", { type: "button", role: "menuitem", title: parent.path, onClick: () => browse(parent.path) }, (0, import_react20.createElement)(FolderIcon), (0, import_react20.createElement)("span", { className: "bt-menu-label" }, t("Up one level"))) : null,
- inside.map((entry) => (0, import_react20.createElement)(
+ (0, import_react21.createElement)("button", { type: "button", className: "bt-folder-back", onClick: () => setView("list") }, (0, import_react21.createElement)(ChevronLeftIcon), (0, import_react21.createElement)("span", { className: "bt-menu-label" }, t("Back"))),
+ (0, import_react21.createElement)("div", { className: "bt-folder-path bt-folder-here" }, listing.path),
+ parent ? (0, import_react21.createElement)("button", { type: "button", role: "menuitem", title: parent.path, onClick: () => browse(parent.path) }, (0, import_react21.createElement)(FolderIcon), (0, import_react21.createElement)("span", { className: "bt-menu-label" }, t("Up one level"))) : null,
+ inside.map((entry) => (0, import_react21.createElement)(
"button",
{ key: entry.path, type: "button", role: "menuitem", onClick: () => browse(entry.path) },
- (0, import_react20.createElement)(FolderIcon),
- (0, import_react20.createElement)("span", { className: "bt-menu-label" }, entry.name),
- (0, import_react20.createElement)(ChevronRightIcon)
+ (0, import_react21.createElement)(FolderIcon),
+ (0, import_react21.createElement)("span", { className: "bt-menu-label" }, entry.name),
+ (0, import_react21.createElement)(ChevronRightIcon)
)),
- inside.length === 0 ? (0, import_react20.createElement)("div", { className: "bt-model-none" }, t("No folders inside.")) : null,
- listing.truncated ? (0, import_react20.createElement)("div", { className: "bt-folder-path bt-folder-here" }, t("Some folders are not shown.")) : null,
- (0, import_react20.createElement)("div", { className: "bt-menu-sep", role: "separator" }),
- (0, import_react20.createElement)("button", { type: "button", className: "bt-folder-use", onClick: () => choose(listing.path) }, t("Use this folder"))
+ inside.length === 0 ? (0, import_react21.createElement)("div", { className: "bt-model-none" }, t("No folders inside.")) : null,
+ listing.truncated ? (0, import_react21.createElement)("div", { className: "bt-folder-path bt-folder-here" }, t("Some folders are not shown.")) : null,
+ (0, import_react21.createElement)("div", { className: "bt-menu-sep", role: "separator" }),
+ (0, import_react21.createElement)("button", { type: "button", className: "bt-folder-use", onClick: () => choose(listing.path) }, t("Use this folder"))
) : null;
const shownView = view === "type" ? typeView : view === "browse" && browseView ? browseView : listView;
- return (0, import_react20.createElement)(
- import_react20.Fragment,
+ return (0, import_react21.createElement)(
+ import_react21.Fragment,
null,
- (0, import_react20.createElement)(
+ (0, import_react21.createElement)(
"button",
{
ref: button,
@@ -10795,19 +11060,19 @@ function FolderMenu({ value, group = false, actions, run, onPick, wide = false }
title: value,
onClick: toggle
},
- (0, import_react20.createElement)(
+ (0, import_react21.createElement)(
"span",
{ className: "bt-model-copy" },
- (0, import_react20.createElement)("span", { className: "bt-model-name" }, value ? folderName(value) : fallback),
- value ? (0, import_react20.createElement)("span", { className: "bt-model-provider" }, value) : null
+ (0, import_react21.createElement)("span", { className: "bt-model-name" }, value ? folderName(value) : fallback),
+ value ? (0, import_react21.createElement)("span", { className: "bt-model-provider" }, value) : null
),
- (0, import_react20.createElement)(Caret)
+ (0, import_react21.createElement)(Caret)
),
- shownPlace ? (0, import_react_dom7.createPortal)((0, import_react20.createElement)(
+ shownPlace ? (0, import_react_dom7.createPortal)((0, import_react21.createElement)(
"div",
{ ref: menu, className: `bt-menu bt-model-menu bt-folder-menu${shownPlace.bottom !== void 0 ? " bt-menu-up" : ""}`, role: "menu", "aria-label": t("Working folder"), style: shownPlace, "data-leaving": leaving || void 0 },
shownView,
- problem ? (0, import_react20.createElement)("div", { className: "bt-folder-error", role: "alert" }, problem) : null
+ problem ? (0, import_react21.createElement)("div", { className: "bt-folder-error", role: "alert" }, problem) : null
), document.body) : null
);
}
@@ -10827,8 +11092,8 @@ var FOLDER_CSS = `
`;
// src/client/schedules.js
-var import_react21 = require("react");
-var POLL_MS4 = 3e4;
+var import_react22 = require("react");
+var POLL_MS5 = 3e4;
var shared = null;
var listeners = /* @__PURE__ */ new Set();
function publish(view) {
@@ -10836,8 +11101,8 @@ function publish(view) {
for (const listener of listeners) listener(view);
}
function useSchedules(actions) {
- const [view, setView] = (0, import_react21.useState)(shared);
- (0, import_react21.useEffect)(() => {
+ const [view, setView] = (0, import_react22.useState)(shared);
+ (0, import_react22.useEffect)(() => {
listeners.add(setView);
let stopped = false;
let timer;
@@ -10845,7 +11110,7 @@ function useSchedules(actions) {
if (!stopped) publish(next);
}).catch(() => {
}).finally(() => {
- if (!stopped) timer = setTimeout(load, POLL_MS4);
+ if (!stopped) timer = setTimeout(load, POLL_MS5);
});
load();
return () => {
@@ -10909,9 +11174,9 @@ function lastRunText(run) {
}
}
function TaskRow({ task, actions, onView, onEdit, showBot, roster }) {
- const [confirming, setConfirming] = (0, import_react21.useState)(false);
- const [busy, setBusy] = (0, import_react21.useState)(false);
- (0, import_react21.useEffect)(() => {
+ const [confirming, setConfirming] = (0, import_react22.useState)(false);
+ const [busy, setBusy] = (0, import_react22.useState)(false);
+ (0, import_react22.useEffect)(() => {
if (!confirming) return void 0;
const timer = setTimeout(() => setConfirming(false), 3e3);
return () => clearTimeout(timer);
@@ -10932,7 +11197,7 @@ function TaskRow({ task, actions, onView, onEdit, showBot, roster }) {
onView(next);
}, () => setBusy(false));
};
- const [retryError, setRetryError] = (0, import_react21.useState)("");
+ const [retryError, setRetryError] = (0, import_react22.useState)("");
const retry = () => {
setBusy(true);
setRetryError("");
@@ -10948,24 +11213,24 @@ function TaskRow({ task, actions, onView, onEdit, showBot, roster }) {
const stoppable = task.status === "active" || task.status === "paused";
const failed = task.lastRun?.result === "failed";
const last = lastRunText(task.lastRun);
- return (0, import_react21.createElement)(
+ return (0, import_react22.createElement)(
"div",
{ className: "bt-set-row bt-task", "data-done": stoppable ? void 0 : "", "data-paused": task.status === "paused" || void 0, "data-busy": busy || void 0 },
- showBot ? (0, import_react21.createElement)(BotAvatar, { bot: roster.byId[task.botId], size: 28, badge: false, live: false }) : null,
- (0, import_react21.createElement)(
+ showBot ? (0, import_react22.createElement)(BotAvatar, { bot: roster.byId[task.botId], size: 28, badge: false, live: false }) : null,
+ (0, import_react22.createElement)(
"span",
{ className: "bt-set-copy" },
- (0, import_react21.createElement)("span", { className: "bt-task-title" }, task.title),
- (0, import_react21.createElement)("span", { className: "bt-set-hint" }, [timingText(task), room2 ? t("in {name}", { name: room2.name }) : ""].filter(Boolean).join(" · ")),
- task.prompt && task.prompt !== task.title ? (0, import_react21.createElement)("span", { className: "bt-task-prompt" }, task.prompt) : null,
- last ? (0, import_react21.createElement)("span", { className: "bt-task-last", "data-failed": failed || void 0 }, last) : null,
- retryError ? (0, import_react21.createElement)("span", { className: "bt-task-last", "data-failed": "", role: "alert" }, retryError) : null
+ (0, import_react22.createElement)("span", { className: "bt-task-title" }, task.title),
+ (0, import_react22.createElement)("span", { className: "bt-set-hint" }, [timingText(task), room2 ? t("in {name}", { name: room2.name }) : ""].filter(Boolean).join(" · ")),
+ task.prompt && task.prompt !== task.title ? (0, import_react22.createElement)("span", { className: "bt-task-prompt" }, task.prompt) : null,
+ last ? (0, import_react22.createElement)("span", { className: "bt-task-last", "data-failed": failed || void 0 }, last) : null,
+ retryError ? (0, import_react22.createElement)("span", { className: "bt-task-last", "data-failed": "", role: "alert" }, retryError) : null
),
- (0, import_react21.createElement)("span", { className: "bt-task-next" }, nextText(task)),
- failed && task.status !== "paused" && actions.scheduleRetry ? (0, import_react21.createElement)("button", { type: "button", className: "bt-mini bt-task-pause", disabled: busy, title: t("Run the task once now"), onClick: retry }, t("Retry")) : null,
- onEdit ? (0, import_react21.createElement)("button", { type: "button", className: "bt-mini bt-task-tool", disabled: busy, "aria-label": t("Edit"), title: t("Edit"), onClick: () => onEdit(task) }, (0, import_react21.createElement)(PencilIcon)) : null,
- stoppable ? (0, import_react21.createElement)("button", { type: "button", className: "bt-mini bt-task-pause", disabled: busy, onClick: toggle }, task.status === "paused" ? t("Resume") : t("Pause")) : null,
- (0, import_react21.createElement)("button", {
+ (0, import_react22.createElement)("span", { className: "bt-task-next" }, nextText(task)),
+ failed && task.status !== "paused" && actions.scheduleRetry ? (0, import_react22.createElement)("button", { type: "button", className: "bt-mini bt-task-pause", disabled: busy, title: t("Run the task once now"), onClick: retry }, t("Retry")) : null,
+ onEdit ? (0, import_react22.createElement)("button", { type: "button", className: "bt-mini bt-task-tool", disabled: busy, "aria-label": t("Edit"), title: t("Edit"), onClick: () => onEdit(task) }, (0, import_react22.createElement)(PencilIcon)) : null,
+ stoppable ? (0, import_react22.createElement)("button", { type: "button", className: "bt-mini bt-task-pause", disabled: busy, onClick: toggle }, task.status === "paused" ? t("Resume") : t("Pause")) : null,
+ (0, import_react22.createElement)("button", {
type: "button",
className: "bt-mini bt-task-remove",
"data-confirm": confirming || void 0,
@@ -10973,7 +11238,7 @@ function TaskRow({ task, actions, onView, onEdit, showBot, roster }) {
"aria-label": confirming ? t("Click again to delete") : t("Delete task"),
title: confirming ? void 0 : t("Delete task"),
onClick: remove
- }, confirming ? t("Delete") : (0, import_react21.createElement)(TrashIcon))
+ }, confirming ? t("Delete") : (0, import_react22.createElement)(TrashIcon))
);
}
var pad = (number) => String(number).padStart(2, "0");
@@ -11006,17 +11271,17 @@ function formStart(task) {
}
function TaskForm({ roster, actions, start, task, onDone, onCancel }) {
const first = formStart(task);
- const [target, setTarget] = (0, import_react21.useState)(task ? task.botId ?? task.roomId : start ?? roster.bots[0]?.id ?? "");
- const [title, setTitle] = (0, import_react21.useState)(first.title);
- const [prompt, setPrompt] = (0, import_react21.useState)(first.prompt);
- const [kind, setKind] = (0, import_react21.useState)(first.kind);
- const [at, setAt] = (0, import_react21.useState)(first.at);
- const [time, setTime] = (0, import_react21.useState)(first.time);
- const [weekdays, setWeekdays] = (0, import_react21.useState)(first.weekdays);
- const [count, setCount] = (0, import_react21.useState)(first.count);
- const [unit, setUnit] = (0, import_react21.useState)(first.unit);
- const [busy, setBusy] = (0, import_react21.useState)(false);
- const [error, setError] = (0, import_react21.useState)("");
+ const [target, setTarget] = (0, import_react22.useState)(task ? task.botId ?? task.roomId : start ?? roster.bots[0]?.id ?? "");
+ const [title, setTitle] = (0, import_react22.useState)(first.title);
+ const [prompt, setPrompt] = (0, import_react22.useState)(first.prompt);
+ const [kind, setKind] = (0, import_react22.useState)(first.kind);
+ const [at, setAt] = (0, import_react22.useState)(first.at);
+ const [time, setTime] = (0, import_react22.useState)(first.time);
+ const [weekdays, setWeekdays] = (0, import_react22.useState)(first.weekdays);
+ const [count, setCount] = (0, import_react22.useState)(first.count);
+ const [unit, setUnit] = (0, import_react22.useState)(first.unit);
+ const [busy, setBusy] = (0, import_react22.useState)(false);
+ const [error, setError] = (0, import_react22.useState)("");
const timing = () => {
if (kind === "cron") return { kind: "keep" };
if (kind === "at") return { kind, at: new Date(at).toISOString() };
@@ -11043,69 +11308,69 @@ function TaskForm({ roster, actions, start, task, onDone, onCancel }) {
});
};
const toggleDay = (day) => setWeekdays((days) => days.includes(day) ? days.filter((item) => item !== day) : [...days, day].sort());
- return (0, import_react21.createElement)(
+ return (0, import_react22.createElement)(
"form",
{ className: "bt-set-card bt-task-form", onSubmit: submit },
- (0, import_react21.createElement)(
+ (0, import_react22.createElement)(
"label",
{ className: "bt-set-row bt-bs-row" },
- (0, import_react21.createElement)("span", { className: "bt-set-copy" }, (0, import_react21.createElement)("span", { className: "bt-bs-label" }, t("Send to"))),
- (0, import_react21.createElement)(
+ (0, import_react22.createElement)("span", { className: "bt-set-copy" }, (0, import_react22.createElement)("span", { className: "bt-bs-label" }, t("Send to"))),
+ (0, import_react22.createElement)(
"select",
{ className: "bt-select bt-task-bot", value: target, onChange: (event) => setTarget(event.target.value) },
- (0, import_react21.createElement)("optgroup", { label: t("Bots") }, roster.bots.map((bot) => (0, import_react21.createElement)("option", { key: bot.id, value: bot.id }, bot.name))),
- roster.rooms.length > 0 ? (0, import_react21.createElement)("optgroup", { label: t("Group chats") }, roster.rooms.map((room2) => (0, import_react21.createElement)("option", { key: room2.id, value: room2.id }, room2.name))) : null
+ (0, import_react22.createElement)("optgroup", { label: t("Bots") }, roster.bots.map((bot) => (0, import_react22.createElement)("option", { key: bot.id, value: bot.id }, bot.name))),
+ roster.rooms.length > 0 ? (0, import_react22.createElement)("optgroup", { label: t("Group chats") }, roster.rooms.map((room2) => (0, import_react22.createElement)("option", { key: room2.id, value: room2.id }, room2.name))) : null
)
),
- (0, import_react21.createElement)(
+ (0, import_react22.createElement)(
"label",
{ className: "bt-set-row bt-bs-row" },
- (0, import_react21.createElement)("span", { className: "bt-set-copy" }, (0, import_react21.createElement)("span", { className: "bt-bs-label" }, t("Name"))),
- (0, import_react21.createElement)("input", { className: "bt-bs-input", value: title, maxLength: 120, placeholder: t("Morning briefing"), autoFocus: true, onChange: (event) => setTitle(event.target.value) })
+ (0, import_react22.createElement)("span", { className: "bt-set-copy" }, (0, import_react22.createElement)("span", { className: "bt-bs-label" }, t("Name"))),
+ (0, import_react22.createElement)("input", { className: "bt-bs-input", value: title, maxLength: 120, placeholder: t("Morning briefing"), autoFocus: true, onChange: (event) => setTitle(event.target.value) })
),
- (0, import_react21.createElement)(
+ (0, import_react22.createElement)(
"label",
{ className: "bt-set-row bt-bs-row bt-bs-stack" },
- (0, import_react21.createElement)("span", { className: "bt-set-copy" }, (0, import_react21.createElement)("span", { className: "bt-bs-label" }, t("What to do"))),
- (0, import_react21.createElement)("textarea", { className: "bt-bs-input bt-bs-area", value: prompt, rows: 3, placeholder: t("Sum up what changed since yesterday and what needs me today."), onChange: (event) => setPrompt(event.target.value) })
+ (0, import_react22.createElement)("span", { className: "bt-set-copy" }, (0, import_react22.createElement)("span", { className: "bt-bs-label" }, t("What to do"))),
+ (0, import_react22.createElement)("textarea", { className: "bt-bs-input bt-bs-area", value: prompt, rows: 3, placeholder: t("Sum up what changed since yesterday and what needs me today."), onChange: (event) => setPrompt(event.target.value) })
),
- (0, import_react21.createElement)(
+ (0, import_react22.createElement)(
"div",
{ className: "bt-set-row bt-bs-row bt-bs-stack" },
- (0, import_react21.createElement)("span", { className: "bt-set-copy" }, (0, import_react21.createElement)("span", { className: "bt-bs-label" }, t("When"))),
- (0, import_react21.createElement)(Segmented, { label: t("When"), value: kind }, KINDS.map(([id, label]) => (0, import_react21.createElement)("button", { key: id, type: "button", "aria-pressed": kind === id, onClick: () => setKind(id) }, t(label)))),
- (0, import_react21.createElement)(
+ (0, import_react22.createElement)("span", { className: "bt-set-copy" }, (0, import_react22.createElement)("span", { className: "bt-bs-label" }, t("When"))),
+ (0, import_react22.createElement)(Segmented, { label: t("When"), value: kind }, KINDS.map(([id, label]) => (0, import_react22.createElement)("button", { key: id, type: "button", "aria-pressed": kind === id, onClick: () => setKind(id) }, t(label)))),
+ (0, import_react22.createElement)(
"div",
{ key: kind, className: "bt-task-when bt-veil" },
- kind === "cron" ? (0, import_react21.createElement)("span", { className: "bt-task-every" }, timingText(task)) : null,
- kind === "at" ? (0, import_react21.createElement)("input", { className: "bt-input", type: "datetime-local", value: at, "aria-label": t("Date and time"), onChange: (event) => setAt(event.target.value) }) : null,
- kind === "weekly" ? (0, import_react21.createElement)("div", { className: "bt-task-days", role: "group", "aria-label": t("Days") }, [1, 2, 3, 4, 5, 6, 7].map((day) => (0, import_react21.createElement)("button", {
+ kind === "cron" ? (0, import_react22.createElement)("span", { className: "bt-task-every" }, timingText(task)) : null,
+ kind === "at" ? (0, import_react22.createElement)("input", { className: "bt-input", type: "datetime-local", value: at, "aria-label": t("Date and time"), onChange: (event) => setAt(event.target.value) }) : null,
+ kind === "weekly" ? (0, import_react22.createElement)("div", { className: "bt-task-days", role: "group", "aria-label": t("Days") }, [1, 2, 3, 4, 5, 6, 7].map((day) => (0, import_react22.createElement)("button", {
key: day,
type: "button",
className: "bt-task-day",
"aria-pressed": weekdays.includes(day),
onClick: () => toggleDay(day)
}, when2(Date.UTC(2024, 0, day), { weekday: "narrow", timeZone: "UTC" })))) : null,
- kind === "daily" || kind === "weekly" ? (0, import_react21.createElement)("input", { className: "bt-input bt-task-time", type: "time", value: time, "aria-label": t("Time"), onChange: (event) => setTime(event.target.value) }) : null,
- kind === "every" ? (0, import_react21.createElement)(
- import_react21.Fragment,
+ kind === "daily" || kind === "weekly" ? (0, import_react22.createElement)("input", { className: "bt-input bt-task-time", type: "time", value: time, "aria-label": t("Time"), onChange: (event) => setTime(event.target.value) }) : null,
+ kind === "every" ? (0, import_react22.createElement)(
+ import_react22.Fragment,
null,
- (0, import_react21.createElement)("span", { className: "bt-task-every" }, t("Every")),
- (0, import_react21.createElement)("input", { className: "bt-input bt-task-count", type: "number", min: 1, value: count, "aria-label": t("How many"), onChange: (event) => setCount(event.target.value) }),
- (0, import_react21.createElement)(
+ (0, import_react22.createElement)("span", { className: "bt-task-every" }, t("Every")),
+ (0, import_react22.createElement)("input", { className: "bt-input bt-task-count", type: "number", min: 1, value: count, "aria-label": t("How many"), onChange: (event) => setCount(event.target.value) }),
+ (0, import_react22.createElement)(
"select",
{ className: "bt-select bt-task-unit", value: unit, "aria-label": t("Unit"), onChange: (event) => setUnit(event.target.value) },
- UNITS.map(([id, , label]) => (0, import_react21.createElement)("option", { key: id, value: id }, t(label)))
+ UNITS.map(([id, , label]) => (0, import_react22.createElement)("option", { key: id, value: id }, t(label)))
)
) : null
)
),
- error ? (0, import_react21.createElement)("div", { className: "bt-set-row" }, (0, import_react21.createElement)("span", { className: "bt-danger bt-set-hint" }, error)) : null,
- (0, import_react21.createElement)(
+ error ? (0, import_react22.createElement)("div", { className: "bt-set-row" }, (0, import_react22.createElement)("span", { className: "bt-danger bt-set-hint" }, error)) : null,
+ (0, import_react22.createElement)(
"div",
{ className: "bt-set-row bt-task-foot" },
- (0, import_react21.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onCancel }, t("Cancel")),
- (0, import_react21.createElement)(
+ (0, import_react22.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onCancel }, t("Cancel")),
+ (0, import_react22.createElement)(
"button",
{ type: "submit", className: "bt-send bt-soft-sm", disabled: busy || !target || title.trim() === "" || prompt.trim() === "" },
task ? busy ? t("Saving…") : t("Save changes") : busy ? t("Creating…") : t("Create task")
@@ -11118,21 +11383,21 @@ function openPlugins(actions) {
actions.selectPanel("plugins");
}
function AutomationOff({ actions }) {
- return (0, import_react21.createElement)(
+ return (0, import_react22.createElement)(
"div",
{ className: "bt-set-card bt-task-off" },
- (0, import_react21.createElement)("span", { className: "bt-task-off-mark" }, (0, import_react21.createElement)(ClockIcon)),
- (0, import_react21.createElement)("span", { className: "bt-task-off-title" }, t("Turn on Automation tasks in DSH")),
- (0, import_react21.createElement)("span", { className: "bt-set-hint" }, t("Switch on Automation tasks on the Plugins page.")),
- (0, import_react21.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => openPlugins(actions) }, t("Open Plugins"))
+ (0, import_react22.createElement)("span", { className: "bt-task-off-mark" }, (0, import_react22.createElement)(ClockIcon)),
+ (0, import_react22.createElement)("span", { className: "bt-task-off-title" }, t("Turn on Automation tasks in DSH")),
+ (0, import_react22.createElement)("span", { className: "bt-set-hint" }, t("Switch on Automation tasks on the Plugins page.")),
+ (0, import_react22.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => openPlugins(actions) }, t("Open Plugins"))
);
}
function SchedulesPage({ roster, actions, start }) {
const view = useSchedules(actions);
- const [adding, setAdding] = (0, import_react21.useState)(Boolean(start));
- const [editing, setEditing] = (0, import_react21.useState)(null);
- if (view === null) return (0, import_react21.createElement)("div", { className: "bt-set-hint" }, t("Loading…"));
- if (!view.available) return (0, import_react21.createElement)(AutomationOff, { actions });
+ const [adding, setAdding] = (0, import_react22.useState)(Boolean(start));
+ const [editing, setEditing] = (0, import_react22.useState)(null);
+ if (view === null) return (0, import_react22.createElement)("div", { className: "bt-set-hint" }, t("Loading…"));
+ if (!view.available) return (0, import_react22.createElement)(AutomationOff, { actions });
const shown = (next) => {
publish(next);
setAdding(false);
@@ -11143,51 +11408,51 @@ function SchedulesPage({ roster, actions, start }) {
setEditing(task);
};
const byChat = [
- ...roster.bots.map((bot) => [bot.id, (0, import_react21.createElement)(BotAvatar, { bot, size: 18, badge: false, live: false }), bot.name, view.tasks.filter((task) => task.botId === bot.id)]),
- ...roster.rooms.map((room2) => [room2.id, (0, import_react21.createElement)(RoomAvatar, { room: room2, roster, size: 18 }), room2.name, view.tasks.filter((task) => task.botId === void 0 && task.roomId === room2.id)])
+ ...roster.bots.map((bot) => [bot.id, (0, import_react22.createElement)(BotAvatar, { bot, size: 18, badge: false, live: false }), bot.name, view.tasks.filter((task) => task.botId === bot.id)]),
+ ...roster.rooms.map((room2) => [room2.id, (0, import_react22.createElement)(RoomAvatar, { room: room2, roster, size: 18 }), room2.name, view.tasks.filter((task) => task.botId === void 0 && task.roomId === room2.id)])
].filter(([, , , tasks]) => tasks.length > 0);
return [
- adding ? (0, import_react21.createElement)(TaskForm, { key: "form", roster, actions, start, onDone: shown, onCancel: () => setAdding(false) }) : (0, import_react21.createElement)("div", { key: "add", className: "bt-actions" }, (0, import_react21.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", onClick: () => {
+ adding ? (0, import_react22.createElement)(TaskForm, { key: "form", roster, actions, start, onDone: shown, onCancel: () => setAdding(false) }) : (0, import_react22.createElement)("div", { key: "add", className: "bt-actions" }, (0, import_react22.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", onClick: () => {
setEditing(null);
setAdding(true);
- } }, (0, import_react21.createElement)(PlusIcon), t("New task"))),
- byChat.length === 0 && !adding ? (0, import_react21.createElement)("div", { key: "none", className: "bt-set-card" }, (0, import_react21.createElement)("div", { className: "bt-set-row" }, (0, import_react21.createElement)("span", { className: "bt-set-hint" }, t("No scheduled tasks yet.")))) : byChat.map(([id, avatar, name, tasks]) => (0, import_react21.createElement)(
+ } }, (0, import_react22.createElement)(PlusIcon), t("New task"))),
+ byChat.length === 0 && !adding ? (0, import_react22.createElement)("div", { key: "none", className: "bt-set-card" }, (0, import_react22.createElement)("div", { className: "bt-set-row" }, (0, import_react22.createElement)("span", { className: "bt-set-hint" }, t("No scheduled tasks yet.")))) : byChat.map(([id, avatar, name, tasks]) => (0, import_react22.createElement)(
"section",
{ key: id, className: "bt-set-section" },
- (0, import_react21.createElement)("h3", { className: "bt-task-head" }, avatar, name),
- (0, import_react21.createElement)(TaskList, { tasks, editing, roster, actions, onEdit: edit, onDone: shown, onCancel: () => setEditing(null) })
+ (0, import_react22.createElement)("h3", { className: "bt-task-head" }, avatar, name),
+ (0, import_react22.createElement)(TaskList, { tasks, editing, roster, actions, onEdit: edit, onDone: shown, onCancel: () => setEditing(null) })
))
];
}
function TaskList({ tasks, editing, roster, actions, onEdit, onDone, onCancel, extra = [] }) {
const open = editing ? tasks.find((task) => task.id === editing.id && task.sessionId === editing.sessionId) : void 0;
- const rows = tasks.filter((task) => task !== open).map((task) => (0, import_react21.createElement)(TaskRow, { key: task.id, task, actions, roster, onView: publish, onEdit }));
- return (0, import_react21.createElement)(
- import_react21.Fragment,
+ const rows = tasks.filter((task) => task !== open).map((task) => (0, import_react22.createElement)(TaskRow, { key: task.id, task, actions, roster, onView: publish, onEdit }));
+ return (0, import_react22.createElement)(
+ import_react22.Fragment,
null,
- open ? (0, import_react21.createElement)(TaskForm, { key: `edit-${open.id}`, roster, actions, task: open, onDone, onCancel }) : null,
- rows.length + extra.length > 0 ? (0, import_react21.createElement)("div", { className: "bt-set-card" }, ...rows, ...extra) : null
+ open ? (0, import_react22.createElement)(TaskForm, { key: `edit-${open.id}`, roster, actions, task: open, onDone, onCancel }) : null,
+ rows.length + extra.length > 0 ? (0, import_react22.createElement)("div", { className: "bt-set-card" }, ...rows, ...extra) : null
);
}
function BotSchedules({ bot, roster, actions }) {
const view = useSchedules(actions);
- const [editing, setEditing] = (0, import_react21.useState)(null);
+ const [editing, setEditing] = (0, import_react22.useState)(null);
if (view === null) return null;
const tasks = view.available ? view.tasks.filter((task) => task.botId === bot.id) : [];
- return (0, import_react21.createElement)(
+ return (0, import_react22.createElement)(
"section",
{ className: "bt-set-section" },
- (0, import_react21.createElement)("h3", null, t("Scheduled tasks")),
- !view.available ? (0, import_react21.createElement)(
+ (0, import_react22.createElement)("h3", null, t("Scheduled tasks")),
+ !view.available ? (0, import_react22.createElement)(
"div",
{ className: "bt-set-card" },
- (0, import_react21.createElement)(
+ (0, import_react22.createElement)(
"div",
{ className: "bt-set-row bt-bs-row" },
- (0, import_react21.createElement)("span", { className: "bt-set-copy" }, (0, import_react21.createElement)("span", { className: "bt-set-hint" }, t("Switch on Automation tasks on the Plugins page."))),
- (0, import_react21.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => openPlugins(actions) }, t("Open Plugins"))
+ (0, import_react22.createElement)("span", { className: "bt-set-copy" }, (0, import_react22.createElement)("span", { className: "bt-set-hint" }, t("Switch on Automation tasks on the Plugins page."))),
+ (0, import_react22.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => openPlugins(actions) }, t("Open Plugins"))
)
- ) : (0, import_react21.createElement)(TaskList, {
+ ) : (0, import_react22.createElement)(TaskList, {
tasks,
editing,
roster,
@@ -11198,23 +11463,23 @@ function BotSchedules({ bot, roster, actions }) {
setEditing(null);
},
onCancel: () => setEditing(null),
- extra: [(0, import_react21.createElement)("button", { key: "new", type: "button", className: "bt-set-row bt-bs-row bt-gs-add", onClick: () => actions.openSettings("schedules", bot.id) }, (0, import_react21.createElement)(PlusIcon), t("New task"))]
+ extra: [(0, import_react22.createElement)("button", { key: "new", type: "button", className: "bt-set-row bt-bs-row bt-gs-add", onClick: () => actions.openSettings("schedules", bot.id) }, (0, import_react22.createElement)(PlusIcon), t("New task"))]
})
);
}
function ScheduleSummary({ bot, actions }) {
const view = useSchedules(actions);
const tasks = view?.available ? view.tasks.filter((task) => task.botId === bot.id && task.status === "active") : [];
- return (0, import_react21.createElement)(
+ return (0, import_react22.createElement)(
"div",
null,
- (0, import_react21.createElement)("div", { className: "bt-section-title" }, t("Scheduled tasks")),
- tasks.length === 0 ? (0, import_react21.createElement)("button", { type: "button", className: "bt-more", onClick: () => actions.openSettings("schedules", bot.id) }, view?.available === false ? t("Switch on Automation tasks on the Plugins page.") : t("No scheduled tasks yet. Add one")) : (0, import_react21.createElement)("div", { className: "bt-task-list" }, tasks.slice(0, 3).map((task) => (0, import_react21.createElement)(
+ (0, import_react22.createElement)("div", { className: "bt-section-title" }, t("Scheduled tasks")),
+ tasks.length === 0 ? (0, import_react22.createElement)("button", { type: "button", className: "bt-more", onClick: () => actions.openSettings("schedules", bot.id) }, view?.available === false ? t("Switch on Automation tasks on the Plugins page.") : t("No scheduled tasks yet. Add one")) : (0, import_react22.createElement)("div", { className: "bt-task-list" }, tasks.slice(0, 3).map((task) => (0, import_react22.createElement)(
"button",
{ key: task.id, type: "button", className: "bt-task-line", onClick: () => actions.openSettings("schedules") },
- (0, import_react21.createElement)(ClockIcon),
- (0, import_react21.createElement)("span", { className: "bt-task-line-title" }, task.title),
- (0, import_react21.createElement)("span", { className: "bt-task-line-when" }, timingText(task))
+ (0, import_react22.createElement)(ClockIcon),
+ (0, import_react22.createElement)("span", { className: "bt-task-line-title" }, task.title),
+ (0, import_react22.createElement)("span", { className: "bt-task-line-when" }, timingText(task))
)))
);
}
@@ -11264,7 +11529,7 @@ var SCHEDULE_CSS = `
`;
// src/client/capability-settings.js
-var import_react22 = require("react");
+var import_react23 = require("react");
var blank = () => ({ name: "", kind: "mcp", description: "", transport: "stdio", command: "", argsText: "", envText: "{}", url: "", headersText: "{}", content: "", items: [] });
var parseMap = (text, label) => {
let value;
@@ -11278,11 +11543,11 @@ var parseMap = (text, label) => {
};
var statusText = (status) => !status ? void 0 : status.state === "ready" ? t("Ready") : status.state === "needs-approval" ? t("Needs approval") : status.state === "error" ? t("Could not connect: {error}", { error: status.error ?? "" }) : t("Connecting…");
function Field({ label, value, onChange, multiline = false, disabled = false, placeholder }) {
- return (0, import_react22.createElement)(
+ return (0, import_react23.createElement)(
"label",
{ className: "bt-set-row bt-bs-row bt-bs-stack" },
- (0, import_react22.createElement)("span", { className: "bt-set-copy" }, (0, import_react22.createElement)("span", { className: "bt-bs-label" }, t(label))),
- (0, import_react22.createElement)(multiline ? "textarea" : "input", {
+ (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, t(label))),
+ (0, import_react23.createElement)(multiline ? "textarea" : "input", {
className: multiline ? "bt-input bt-input-area" : "bt-input",
value,
disabled,
@@ -11294,7 +11559,7 @@ function Field({ label, value, onChange, multiline = false, disabled = false, pl
);
}
function CapabilityForm({ draft, setDraft, items, actions, onClose }) {
- const [error, setError] = (0, import_react22.useState)("");
+ const [error, setError] = (0, import_react23.useState)("");
const set = (key, value) => setDraft((previous) => ({ ...previous, [key]: value }));
const submit = async (event) => {
event.preventDefault();
@@ -11325,95 +11590,95 @@ function CapabilityForm({ draft, setDraft, items, actions, onClose }) {
}
};
const available = items.filter((item) => item.name !== draft.name && ["mcp", "skill"].includes(item.kind));
- return (0, import_react22.createElement)(
+ return (0, import_react23.createElement)(
"form",
{ className: "bt-connector-form", onSubmit: submit },
- (0, import_react22.createElement)(Field, { label: "Name", value: draft.name, disabled: draft.originalName !== void 0, onChange: (value) => set("name", value), placeholder: "my-tool" }),
- (0, import_react22.createElement)(
+ (0, import_react23.createElement)(Field, { label: "Name", value: draft.name, disabled: draft.originalName !== void 0, onChange: (value) => set("name", value), placeholder: "my-tool" }),
+ (0, import_react23.createElement)(
"label",
{ className: "bt-set-row bt-bs-row bt-bs-stack" },
- (0, import_react22.createElement)("span", { className: "bt-set-copy" }, (0, import_react22.createElement)("span", { className: "bt-bs-label" }, t("Type"))),
- (0, import_react22.createElement)(
+ (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, t("Type"))),
+ (0, import_react23.createElement)(
"select",
{ className: "bt-input", value: draft.kind, disabled: draft.originalName !== void 0, onChange: (event) => set("kind", event.target.value) },
- ["mcp", "skill", "pack"].map((kind) => (0, import_react22.createElement)("option", { key: kind, value: kind }, t(kind === "mcp" ? "MCP server" : kind === "skill" ? "Skill" : "Pack")))
+ ["mcp", "skill", "pack"].map((kind) => (0, import_react23.createElement)("option", { key: kind, value: kind }, t(kind === "mcp" ? "MCP server" : kind === "skill" ? "Skill" : "Pack")))
)
),
- (0, import_react22.createElement)(Field, { label: "Description", value: draft.description, onChange: (value) => set("description", value) }),
- draft.kind === "mcp" ? (0, import_react22.createElement)(
+ (0, import_react23.createElement)(Field, { label: "Description", value: draft.description, onChange: (value) => set("description", value) }),
+ draft.kind === "mcp" ? (0, import_react23.createElement)(
"label",
{ className: "bt-set-row bt-bs-row bt-bs-stack" },
- (0, import_react22.createElement)("span", { className: "bt-set-copy" }, (0, import_react22.createElement)("span", { className: "bt-bs-label" }, t("Connection"))),
- (0, import_react22.createElement)(
+ (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, t("Connection"))),
+ (0, import_react23.createElement)(
"select",
{ className: "bt-input", value: draft.transport, onChange: (event) => set("transport", event.target.value) },
- (0, import_react22.createElement)("option", { value: "stdio" }, t("Local command")),
- (0, import_react22.createElement)("option", { value: "streamable-http" }, t("HTTP server"))
+ (0, import_react23.createElement)("option", { value: "stdio" }, t("Local command")),
+ (0, import_react23.createElement)("option", { value: "streamable-http" }, t("HTTP server"))
)
) : null,
- draft.kind === "mcp" && draft.transport === "stdio" ? (0, import_react22.createElement)(
+ draft.kind === "mcp" && draft.transport === "stdio" ? (0, import_react23.createElement)(
"div",
null,
- (0, import_react22.createElement)(Field, { label: "Command", value: draft.command, onChange: (value) => set("command", value) }),
- (0, import_react22.createElement)(Field, { label: "Arguments (one per line)", value: draft.argsText, onChange: (value) => set("argsText", value), multiline: true }),
- (0, import_react22.createElement)(Field, { label: "Environment (JSON)", value: draft.envText, onChange: (value) => set("envText", value), multiline: true, placeholder: t('{"API_KEY": "$DSH_SECRET_MY_KEY"}') })
+ (0, import_react23.createElement)(Field, { label: "Command", value: draft.command, onChange: (value) => set("command", value) }),
+ (0, import_react23.createElement)(Field, { label: "Arguments (one per line)", value: draft.argsText, onChange: (value) => set("argsText", value), multiline: true }),
+ (0, import_react23.createElement)(Field, { label: "Environment (JSON)", value: draft.envText, onChange: (value) => set("envText", value), multiline: true, placeholder: t('{"API_KEY": "$DSH_SECRET_MY_KEY"}') })
) : null,
- draft.kind === "mcp" && draft.transport === "streamable-http" ? (0, import_react22.createElement)(
+ draft.kind === "mcp" && draft.transport === "streamable-http" ? (0, import_react23.createElement)(
"div",
null,
- (0, import_react22.createElement)(Field, { label: "URL", value: draft.url, onChange: (value) => set("url", value) }),
- (0, import_react22.createElement)(Field, { label: "Headers (JSON)", value: draft.headersText, onChange: (value) => set("headersText", value), multiline: true, placeholder: t('{"API_KEY": "$DSH_SECRET_MY_KEY"}') })
+ (0, import_react23.createElement)(Field, { label: "URL", value: draft.url, onChange: (value) => set("url", value) }),
+ (0, import_react23.createElement)(Field, { label: "Headers (JSON)", value: draft.headersText, onChange: (value) => set("headersText", value), multiline: true, placeholder: t('{"API_KEY": "$DSH_SECRET_MY_KEY"}') })
) : null,
- draft.kind === "skill" ? (0, import_react22.createElement)(Field, { label: "Skill instructions", value: draft.content, onChange: (value) => set("content", value), multiline: true }) : null,
- draft.kind === "pack" ? (0, import_react22.createElement)(
+ draft.kind === "skill" ? (0, import_react23.createElement)(Field, { label: "Skill instructions", value: draft.content, onChange: (value) => set("content", value), multiline: true }) : null,
+ draft.kind === "pack" ? (0, import_react23.createElement)(
"div",
{ className: "bt-set-card" },
- available.length === 0 ? (0, import_react22.createElement)("div", { className: "bt-set-row" }, (0, import_react22.createElement)("span", { className: "bt-set-hint" }, t("Save an MCP server or skill first."))) : available.map((item) => (0, import_react22.createElement)(
+ available.length === 0 ? (0, import_react23.createElement)("div", { className: "bt-set-row" }, (0, import_react23.createElement)("span", { className: "bt-set-hint" }, t("Save an MCP server or skill first."))) : available.map((item) => (0, import_react23.createElement)(
"label",
{ key: item.name, className: "bt-set-row bt-bs-row" },
- (0, import_react22.createElement)("span", { className: "bt-set-copy" }, (0, import_react22.createElement)("span", { className: "bt-bs-label" }, item.name)),
- (0, import_react22.createElement)("input", { type: "checkbox", checked: draft.items.includes(item.name), onChange: (event) => set("items", event.target.checked ? [...draft.items, item.name] : draft.items.filter((name) => name !== item.name)) })
+ (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, item.name)),
+ (0, import_react23.createElement)("input", { type: "checkbox", checked: draft.items.includes(item.name), onChange: (event) => set("items", event.target.checked ? [...draft.items, item.name] : draft.items.filter((name) => name !== item.name)) })
))
) : null,
- error ? (0, import_react22.createElement)("div", { className: "bt-connector-error", role: "alert" }, error) : null,
- (0, import_react22.createElement)(
+ error ? (0, import_react23.createElement)("div", { className: "bt-connector-error", role: "alert" }, error) : null,
+ (0, import_react23.createElement)(
"div",
{ className: "bt-connector-form-row" },
- (0, import_react22.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onClose }, t("Cancel")),
- (0, import_react22.createElement)("button", { type: "submit", className: "bt-soft bt-soft-sm" }, draft.originalName ? t("Save changes") : t("Add capability"))
+ (0, import_react23.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onClose }, t("Cancel")),
+ (0, import_react23.createElement)("button", { type: "submit", className: "bt-soft bt-soft-sm" }, draft.originalName ? t("Save changes") : t("Add capability"))
)
);
}
function CapabilityRow({ item, onEdit, onDelete, onApprove, confirming }) {
const detail = item.kind === "pack" ? `${t("Pack")}: ${(item.items ?? []).join(", ") || t("No items")}` : item.kind === "mcp" ? item.transport === "stdio" ? t("Local command") : t("HTTP server") : t("Skill");
const secondary = item.kind === "pack" ? [item.description, (item.items ?? []).join(", ") || t("No items")].filter(Boolean).join(" · ") : item.description || detail;
- return (0, import_react22.createElement)(
+ return (0, import_react23.createElement)(
"div",
{ className: "bt-connector" },
- (0, import_react22.createElement)(
+ (0, import_react23.createElement)(
"div",
{ className: "bt-connector-head" },
- (0, import_react22.createElement)(
+ (0, import_react23.createElement)(
"span",
{ className: "bt-connector-text" },
- (0, import_react22.createElement)("span", { className: "bt-connector-name" }, item.name),
- (0, import_react22.createElement)("span", { className: "bt-connector-status" }, secondary)
+ (0, import_react23.createElement)("span", { className: "bt-connector-name" }, item.name),
+ (0, import_react23.createElement)("span", { className: "bt-connector-status" }, secondary)
),
- (0, import_react22.createElement)(
+ (0, import_react23.createElement)(
"span",
{ className: "bt-connector-actions" },
- item.kind === "mcp" && item.transport === "stdio" && !item.approved ? (0, import_react22.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onApprove }, t("Allow")) : null,
- (0, import_react22.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onEdit }, t("Edit")),
- (0, import_react22.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onDelete }, confirming ? t("Click again to delete.") : t("Delete"))
+ item.kind === "mcp" && item.transport === "stdio" && !item.approved ? (0, import_react23.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onApprove }, t("Allow")) : null,
+ (0, import_react23.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onEdit }, t("Edit")),
+ (0, import_react23.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onDelete }, confirming ? t("Click again to delete.") : t("Delete"))
)
)
);
}
function CapabilitiesPage({ roster, actions, run }) {
const items = [...roster.capabilities ?? []].sort((a, b) => a.name.localeCompare(b.name));
- const [draft, setDraft] = (0, import_react22.useState)(null);
- const [confirming, setConfirming] = (0, import_react22.useState)("");
- (0, import_react22.useEffect)(() => {
+ const [draft, setDraft] = (0, import_react23.useState)(null);
+ const [confirming, setConfirming] = (0, import_react23.useState)("");
+ (0, import_react23.useEffect)(() => {
if (!confirming) return void 0;
const timer = setTimeout(() => setConfirming(""), 4e3);
return () => clearTimeout(timer);
@@ -11436,20 +11701,20 @@ function CapabilitiesPage({ roster, actions, run }) {
setConfirming("");
void run(actions.deleteCapability(item.name));
};
- return (0, import_react22.createElement)(
+ return (0, import_react23.createElement)(
"section",
{ className: "bt-set-section" },
- (0, import_react22.createElement)("h3", null, t("Shared capabilities")),
- (0, import_react22.createElement)(
+ (0, import_react23.createElement)("h3", null, t("Shared capabilities")),
+ (0, import_react23.createElement)(
"div",
{ className: "bt-actions" },
- (0, import_react22.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: startNew }, t("Add capability"))
+ (0, import_react23.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: startNew }, t("Add capability"))
),
- draft ? (0, import_react22.createElement)(CapabilityForm, { draft, setDraft, items, actions, onClose: () => setDraft(null) }) : null,
- (0, import_react22.createElement)(
+ draft ? (0, import_react23.createElement)(CapabilityForm, { draft, setDraft, items, actions, onClose: () => setDraft(null) }) : null,
+ (0, import_react23.createElement)(
"div",
{ className: "bt-set-card bt-connectors-card" },
- items.length === 0 ? (0, import_react22.createElement)("div", { className: "bt-set-row" }, (0, import_react22.createElement)("span", { className: "bt-set-hint" }, t("No capabilities saved"))) : items.map((item) => (0, import_react22.createElement)(CapabilityRow, {
+ items.length === 0 ? (0, import_react23.createElement)("div", { className: "bt-set-row" }, (0, import_react23.createElement)("span", { className: "bt-set-hint" }, t("No capabilities saved"))) : items.map((item) => (0, import_react23.createElement)(CapabilityRow, {
key: item.name,
item,
confirming: confirming === item.name,
@@ -11465,10 +11730,10 @@ function BotCapabilitiesCard({ bot, roster, actions, run, Card: Card2, SwitchRow
const attached = new Set(bot.capabilities ?? []);
const statuses = roster.capabilityStatuses?.[bot.id] ?? {};
if (items.length === 0) return null;
- return (0, import_react22.createElement)(
+ return (0, import_react23.createElement)(
Card2,
{ title: t("Capabilities") },
- items.map((item) => (0, import_react22.createElement)(SwitchRow2, {
+ items.map((item) => (0, import_react23.createElement)(SwitchRow2, {
key: item.name,
label: item.name,
hint: attached.has(item.name) ? statusText(statuses[item.name]) : void 0,
@@ -11479,7 +11744,7 @@ function BotCapabilitiesCard({ bot, roster, actions, run, Card: Card2, SwitchRow
}
// src/client/connector-bots.js
-var import_react23 = require("react");
+var import_react24 = require("react");
function ownBots(roster) {
const me = roster?.self?.memberId;
return (roster?.bots ?? []).filter((bot) => !bot.remote && (me === void 0 || me === null || bot.ownerId === void 0 || bot.ownerId === me));
@@ -11495,38 +11760,38 @@ function usageText(roster, id) {
return own === 0 ? t("Off for every Bot. Choose which Bots may use it.") : own === bots.length ? t("On for all {total} Bots", { total: bots.length }) : t("On for {count} of {total} Bots", { count: own, total: bots.length });
}
function BotSwitch({ bot, connector, name, actions, run, SwitchRow: SwitchRow2 }) {
- return (0, import_react23.createElement)(SwitchRow2, { label: name, hint: ownHint(bot, connector.id), on: isOn(bot, connector.id), disabled: false, onChange: (on) => void run(actions.setBotConnector(bot.id, connector.id, on)) });
+ return (0, import_react24.createElement)(SwitchRow2, { label: name, hint: ownHint(bot, connector.id), on: isOn(bot, connector.id), disabled: false, onChange: (on) => void run(actions.setBotConnector(bot.id, connector.id, on)) });
}
function ConnectorBots({ connector, roster, actions, run, SwitchRow: SwitchRow2 }) {
const bots = ownBots(roster);
- return (0, import_react23.createElement)(
+ return (0, import_react24.createElement)(
"div",
{ className: "bt-connector-bots" },
- bots.length === 0 ? (0, import_react23.createElement)("span", { className: "bt-set-hint" }, t("No Bots")) : bots.map((bot) => (0, import_react23.createElement)(
+ bots.length === 0 ? (0, import_react24.createElement)("span", { className: "bt-set-hint" }, t("No Bots")) : bots.map((bot) => (0, import_react24.createElement)(
"div",
{ key: bot.id, className: "bt-connector-bot" },
- (0, import_react23.createElement)(BotSwitch, { bot, connector, name: bot.name, actions, run, SwitchRow: SwitchRow2 })
+ (0, import_react24.createElement)(BotSwitch, { bot, connector, name: bot.name, actions, run, SwitchRow: SwitchRow2 })
)),
- (0, import_react23.createElement)("span", { className: "bt-set-hint" }, t("On by default for each of your Bots, on every turn: in its own chat, in groups, on schedules and when a friend uses it. A friend's own Bot never gets it."))
+ (0, import_react24.createElement)("span", { className: "bt-set-hint" }, t("On by default for each of your Bots, on every turn: in its own chat, in groups, on schedules and when a friend uses it. A friend's own Bot never gets it."))
);
}
function BotConnectorsCard({ bot, roster, actions, run, Card: Card2, SwitchRow: SwitchRow2 }) {
const connected = connectedConnectors(roster);
if (connected.length === 0) return null;
- return (0, import_react23.createElement)(
+ return (0, import_react24.createElement)(
Card2,
{ title: t("Connectors") },
- connected.map((connector) => (0, import_react23.createElement)(
+ connected.map((connector) => (0, import_react24.createElement)(
"div",
{ key: connector.id, className: "bt-connector-bot" },
- (0, import_react23.createElement)(BotSwitch, { bot, connector, name: connector.name, actions, run, SwitchRow: SwitchRow2 })
+ (0, import_react24.createElement)(BotSwitch, { bot, connector, name: connector.name, actions, run, SwitchRow: SwitchRow2 })
))
);
}
// src/client/memory-panel.js
-var import_react24 = require("react");
-var POLL_MS5 = 1500;
+var import_react25 = require("react");
+var POLL_MS6 = 1500;
var MENU_EXIT_MS2 = 120;
var counts = /* @__PURE__ */ new Map();
var countListeners = /* @__PURE__ */ new Set();
@@ -11536,8 +11801,8 @@ function noteCount(botId, count) {
for (const listener of countListeners) listener();
}
function useMemoryCount(botId, actions) {
- const [count, setCount] = (0, import_react24.useState)(counts.get(botId) ?? null);
- (0, import_react24.useEffect)(() => {
+ const [count, setCount] = (0, import_react25.useState)(counts.get(botId) ?? null);
+ (0, import_react25.useEffect)(() => {
const listener = () => setCount(counts.get(botId) ?? null);
countListeners.add(listener);
listener();
@@ -11556,16 +11821,16 @@ function useMemoryCount(botId, actions) {
function MemoryRow({ bot, actions }) {
const count = useMemoryCount(bot.id, actions);
const label = count === null ? t("Loading…") : count === 0 ? t("Nothing saved yet") : count === 1 ? t("1 entry") : t("{count} entries", { count });
- return (0, import_react24.createElement)(
+ return (0, import_react25.createElement)(
"div",
null,
- (0, import_react24.createElement)("div", { className: "bt-section-title" }, t("Memory")),
- (0, import_react24.createElement)(
+ (0, import_react25.createElement)("div", { className: "bt-section-title" }, t("Memory")),
+ (0, import_react25.createElement)(
"button",
{ type: "button", className: "bt-mem-row", "aria-label": t("Manage {name}'s memory", { name: bot.name }), onClick: () => actions.openMemory(bot.id) },
- (0, import_react24.createElement)(MemoryIcon),
- (0, import_react24.createElement)("span", { className: "bt-mem-row-copy" }, label),
- (0, import_react24.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react24.createElement)(ChevronRightIcon))
+ (0, import_react25.createElement)(MemoryIcon),
+ (0, import_react25.createElement)("span", { className: "bt-mem-row-copy" }, label),
+ (0, import_react25.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react25.createElement)(ChevronRightIcon))
)
);
}
@@ -11580,45 +11845,45 @@ function ago(at, now) {
return format.format(-Math.round(hours / 24), "day");
}
function Skeleton({ label }) {
- return (0, import_react24.createElement)(
+ return (0, import_react25.createElement)(
"div",
{ className: "bt-mem-skel", "aria-busy": true },
- [0, 1].map((block) => (0, import_react24.createElement)(
+ [0, 1].map((block) => (0, import_react25.createElement)(
"div",
{ key: block, className: "bt-mem-skel-block" },
- (0, import_react24.createElement)("span", { className: "bt-mem-skel-head" }),
- (0, import_react24.createElement)("span", null),
- (0, import_react24.createElement)("span", null),
- (0, import_react24.createElement)("span", { style: { width: block === 0 ? "62%" : "48%" } })
+ (0, import_react25.createElement)("span", { className: "bt-mem-skel-head" }),
+ (0, import_react25.createElement)("span", null),
+ (0, import_react25.createElement)("span", null),
+ (0, import_react25.createElement)("span", { style: { width: block === 0 ? "62%" : "48%" } })
)),
- label ? (0, import_react24.createElement)("div", { className: "bt-mem-skel-label" }, label) : null
+ label ? (0, import_react25.createElement)("div", { className: "bt-mem-skel-label" }, label) : null
);
}
function Summary({ bot, view, regenerate }) {
if (view.entries.length === 0) {
- return (0, import_react24.createElement)(
+ return (0, import_react25.createElement)(
"div",
{ className: "bt-mem-empty" },
- (0, import_react24.createElement)("div", { className: "bt-mem-empty-mark" }, (0, import_react24.createElement)(MemoryIcon)),
- (0, import_react24.createElement)("div", { className: "bt-mem-empty-title" }, t("{name} has not saved anything yet", { name: bot.name })),
- (0, import_react24.createElement)("div", { className: "bt-mem-empty-text" }, t("Bots keep lasting preferences, decisions, and what you ask them to remember. Tell {name} below, or in its chat.", { name: bot.name }))
+ (0, import_react25.createElement)("div", { className: "bt-mem-empty-mark" }, (0, import_react25.createElement)(MemoryIcon)),
+ (0, import_react25.createElement)("div", { className: "bt-mem-empty-title" }, t("{name} has not saved anything yet", { name: bot.name })),
+ (0, import_react25.createElement)("div", { className: "bt-mem-empty-text" }, t("Bots keep lasting preferences, decisions, and what you ask them to remember. Tell {name} below, or in its chat.", { name: bot.name }))
);
}
- const failed = view.error && !view.summarizing ? (0, import_react24.createElement)(
+ const failed = view.error && !view.summarizing ? (0, import_react25.createElement)(
"div",
{ className: "bt-mem-failed", role: "alert" },
- (0, import_react24.createElement)("span", null, view.summary ? t("The summary is out of date: {reason}", { reason: hostText(view.error) }) : t("The summary could not be written: {reason}", { reason: hostText(view.error) })),
- (0, import_react24.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: regenerate }, t("Try again"))
+ (0, import_react25.createElement)("span", null, view.summary ? t("The summary is out of date: {reason}", { reason: hostText(view.error) }) : t("The summary could not be written: {reason}", { reason: hostText(view.error) })),
+ (0, import_react25.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: regenerate }, t("Try again"))
) : null;
- if (!view.summary) return (0, import_react24.createElement)(import_react24.Fragment, null, failed, failed ? null : (0, import_react24.createElement)(Skeleton, { label: t("Writing the summary…") }));
- return (0, import_react24.createElement)(
- import_react24.Fragment,
+ if (!view.summary) return (0, import_react25.createElement)(import_react25.Fragment, null, failed, failed ? null : (0, import_react25.createElement)(Skeleton, { label: t("Writing the summary…") }));
+ return (0, import_react25.createElement)(
+ import_react25.Fragment,
null,
failed,
- (0, import_react24.createElement)(
+ (0, import_react25.createElement)(
"div",
{ key: view.summary.at, className: "bt-mem-summary", "data-stale": !view.fresh || void 0 },
- summaryBlocks(view.summary.text).map((block, index) => block.kind === "h" ? (0, import_react24.createElement)("h3", { key: index }, block.text) : (0, import_react24.createElement)("p", { key: index }, block.text))
+ summaryBlocks(view.summary.text).map((block, index) => block.kind === "h" ? (0, import_react25.createElement)("h3", { key: index }, block.text) : (0, import_react25.createElement)("p", { key: index }, block.text))
)
);
}
@@ -11630,9 +11895,9 @@ var groupEntries = (entries2) => entries2.reduce((groups, entry) => {
return groups;
}, []);
function EntryRow({ entry, remove }) {
- const [confirming, setConfirming] = (0, import_react24.useState)(false);
- const [busy, setBusy] = (0, import_react24.useState)(false);
- (0, import_react24.useEffect)(() => {
+ const [confirming, setConfirming] = (0, import_react25.useState)(false);
+ const [busy, setBusy] = (0, import_react25.useState)(false);
+ (0, import_react25.useEffect)(() => {
if (!confirming) return void 0;
const timer = setTimeout(() => setConfirming(false), 3e3);
return () => clearTimeout(timer);
@@ -11647,16 +11912,16 @@ function EntryRow({ entry, remove }) {
setBusy(true);
if (!await remove(entry)) setBusy(false);
};
- return (0, import_react24.createElement)(
+ return (0, import_react25.createElement)(
"li",
{ className: "bt-mem-entry", "data-busy": busy || void 0 },
- (0, import_react24.createElement)(
+ (0, import_react25.createElement)(
"div",
{ className: "bt-mem-entry-copy" },
- (0, import_react24.createElement)("span", { className: "bt-mem-entry-text" }, entry.text),
- meta ? (0, import_react24.createElement)("span", { className: "bt-mem-entry-meta" }, meta) : null
+ (0, import_react25.createElement)("span", { className: "bt-mem-entry-text" }, entry.text),
+ meta ? (0, import_react25.createElement)("span", { className: "bt-mem-entry-meta" }, meta) : null
),
- (0, import_react24.createElement)("button", {
+ (0, import_react25.createElement)("button", {
type: "button",
className: "bt-mem-remove",
"data-confirm": confirming || void 0,
@@ -11664,7 +11929,7 @@ function EntryRow({ entry, remove }) {
"aria-label": confirming ? t("Click again to remove") : t("Remove from memory"),
title: confirming ? void 0 : t("Remove from memory"),
onClick: click
- }, confirming ? t("Remove") : (0, import_react24.createElement)(TrashIcon))
+ }, confirming ? t("Remove") : (0, import_react25.createElement)(TrashIcon))
);
}
function Entries({ bot, view, remove }) {
@@ -11673,25 +11938,25 @@ function Entries({ bot, view, remove }) {
{ scope: "own", title: t("{name}'s memory", { name: bot.name }), size: view.sizes.own },
{ scope: "team", title: t("Team memory"), hint: t("Every Bot reads it"), size: view.sizes.team }
];
- return (0, import_react24.createElement)(
+ return (0, import_react25.createElement)(
"div",
{ className: "bt-mem-entries" },
- sections.map((section) => (0, import_react24.createElement)(
+ sections.map((section) => (0, import_react25.createElement)(
"section",
{ key: section.scope, className: "bt-mem-section" },
- (0, import_react24.createElement)(
+ (0, import_react25.createElement)(
"div",
{ className: "bt-mem-section-head" },
- (0, import_react24.createElement)("h3", null, section.title),
- section.hint ? (0, import_react24.createElement)("span", null, section.hint) : null,
- (0, import_react24.createElement)("span", { className: "bt-mem-size", title: t("MEMORY.md, which every conversation reads") }, t("{used} of {limit} characters", { used: section.size.toLocaleString(dateLocale()), limit: view.limits.main.toLocaleString(dateLocale()) }))
+ (0, import_react25.createElement)("h3", null, section.title),
+ section.hint ? (0, import_react25.createElement)("span", null, section.hint) : null,
+ (0, import_react25.createElement)("span", { className: "bt-mem-size", title: t("MEMORY.md, which every conversation reads") }, t("{used} of {limit} characters", { used: section.size.toLocaleString(dateLocale()), limit: view.limits.main.toLocaleString(dateLocale()) }))
),
- groups.some((group) => group.scope === section.scope) ? groups.filter((group) => group.scope === section.scope).map((group) => (0, import_react24.createElement)(
- import_react24.Fragment,
+ groups.some((group) => group.scope === section.scope) ? groups.filter((group) => group.scope === section.scope).map((group) => (0, import_react25.createElement)(
+ import_react25.Fragment,
{ key: group.key },
- group.topic ? (0, import_react24.createElement)("div", { className: "bt-mem-topic" }, group.topic) : null,
- (0, import_react24.createElement)("ul", { className: "bt-mem-list" }, group.entries.map((entry) => (0, import_react24.createElement)(EntryRow, { key: `${entry.topic ?? ""}:${entry.text}`, entry, remove })))
- )) : (0, import_react24.createElement)("div", { className: "bt-mem-none" }, t("Nothing saved yet"))
+ group.topic ? (0, import_react25.createElement)("div", { className: "bt-mem-topic" }, group.topic) : null,
+ (0, import_react25.createElement)("ul", { className: "bt-mem-list" }, group.entries.map((entry) => (0, import_react25.createElement)(EntryRow, { key: `${entry.topic ?? ""}:${entry.text}`, entry, remove })))
+ )) : (0, import_react25.createElement)("div", { className: "bt-mem-none" }, t("Nothing saved yet"))
))
);
}
@@ -11703,52 +11968,52 @@ function changeLine(change) {
return change.scope === "team" ? t("Added to team memory: {text}", { text }) : t("Added: {text}", { text });
}
function Reply({ answer, dismiss }) {
- return (0, import_react24.createElement)(
+ return (0, import_react25.createElement)(
"div",
{ className: "bt-mem-reply", role: "status" },
- (0, import_react24.createElement)(
+ (0, import_react25.createElement)(
"div",
{ className: "bt-mem-reply-head" },
- (0, import_react24.createElement)("span", { className: "bt-mem-reply-asked" }, answer.asked),
- answer.pending ? null : (0, import_react24.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Dismiss"), onClick: dismiss }, (0, import_react24.createElement)(CloseIcon))
+ (0, import_react25.createElement)("span", { className: "bt-mem-reply-asked" }, answer.asked),
+ answer.pending ? null : (0, import_react25.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Dismiss"), onClick: dismiss }, (0, import_react25.createElement)(CloseIcon))
),
- answer.pending ? (0, import_react24.createElement)("div", { className: "bt-mem-reply-text bt-shimmer" }, t("Thinking…")) : answer.error ? (0, import_react24.createElement)("div", { className: "bt-mem-reply-text bt-danger" }, hostText(answer.error)) : (0, import_react24.createElement)(
- import_react24.Fragment,
+ answer.pending ? (0, import_react25.createElement)("div", { className: "bt-mem-reply-text bt-shimmer" }, t("Thinking…")) : answer.error ? (0, import_react25.createElement)("div", { className: "bt-mem-reply-text bt-danger" }, hostText(answer.error)) : (0, import_react25.createElement)(
+ import_react25.Fragment,
null,
- answer.reply ? (0, import_react24.createElement)("div", { className: "bt-mem-reply-text" }, answer.reply) : null,
- answer.changes.length > 0 ? (0, import_react24.createElement)("ul", { className: "bt-mem-changes" }, answer.changes.map((change, index) => (0, import_react24.createElement)(
+ answer.reply ? (0, import_react25.createElement)("div", { className: "bt-mem-reply-text" }, answer.reply) : null,
+ answer.changes.length > 0 ? (0, import_react25.createElement)("ul", { className: "bt-mem-changes" }, answer.changes.map((change, index) => (0, import_react25.createElement)(
"li",
{ key: index, "data-ok": change.ok || void 0 },
- change.ok ? (0, import_react24.createElement)(CheckIcon) : (0, import_react24.createElement)(CloseIcon),
- (0, import_react24.createElement)("span", null, changeLine(change))
+ change.ok ? (0, import_react25.createElement)(CheckIcon) : (0, import_react25.createElement)(CloseIcon),
+ (0, import_react25.createElement)("span", null, changeLine(change))
))) : null
)
);
}
function useMemoryView(botId, actions) {
- const [view, setView] = (0, import_react24.useState)(null);
- const [error, setError] = (0, import_react24.useState)("");
- const timer = (0, import_react24.useRef)(0);
- const latest = (0, import_react24.useRef)(0);
- const alive = (0, import_react24.useRef)(true);
- const show = (0, import_react24.useCallback)((next) => {
+ const [view, setView] = (0, import_react25.useState)(null);
+ const [error, setError] = (0, import_react25.useState)("");
+ const timer = (0, import_react25.useRef)(0);
+ const latest = (0, import_react25.useRef)(0);
+ const alive = (0, import_react25.useRef)(true);
+ const show = (0, import_react25.useCallback)((next) => {
setView(next);
setError("");
noteCount(botId, next.entries.length);
}, [botId]);
- const load = (0, import_react24.useCallback)(async (flags = {}) => {
+ const load = (0, import_react25.useCallback)(async (flags = {}) => {
clearTimeout(timer.current);
const ticket = ++latest.current;
try {
const next = await actions.memoryView(botId, flags);
if (!alive.current || ticket !== latest.current) return;
show(next);
- if (next.summarizing) timer.current = setTimeout(() => void load({ summarize: flags.summarize || flags.regenerate }), POLL_MS5);
+ if (next.summarizing) timer.current = setTimeout(() => void load({ summarize: flags.summarize || flags.regenerate }), POLL_MS6);
} catch (failure) {
if (alive.current && ticket === latest.current) setError(failure?.message ?? String(failure));
}
}, [botId]);
- (0, import_react24.useEffect)(() => {
+ (0, import_react25.useEffect)(() => {
alive.current = true;
void load({ summarize: true });
return () => {
@@ -11759,8 +12024,8 @@ function useMemoryView(botId, actions) {
return { view, error, load, show };
}
function useNow3(every) {
- const [now, setNow] = (0, import_react24.useState)(Date.now());
- (0, import_react24.useEffect)(() => {
+ const [now, setNow] = (0, import_react25.useState)(Date.now());
+ (0, import_react25.useEffect)(() => {
const id = setInterval(() => setNow(Date.now()), every);
return () => clearInterval(id);
}, [every]);
@@ -11768,18 +12033,18 @@ function useNow3(every) {
}
function MemoryDialog({ bot, actions, leaving = false }) {
const { view, error, load, show } = useMemoryView(bot.id, actions);
- const [page, setPage] = (0, import_react24.useState)("summary");
- const [menu, setMenu] = (0, import_react24.useState)(false);
+ const [page, setPage] = (0, import_react25.useState)("summary");
+ const [menu, setMenu] = (0, import_react25.useState)(false);
const [menuShown, menuLeaving] = useLinger(menu, MENU_EXIT_MS2);
- const [text, setText] = (0, import_react24.useState)("");
- const [answer, setAnswer] = (0, import_react24.useState)(null);
- const menuRef = (0, import_react24.useRef)(null);
- const dotsRef = (0, import_react24.useRef)(null);
- const inputRef = (0, import_react24.useRef)(null);
+ const [text, setText] = (0, import_react25.useState)("");
+ const [answer, setAnswer] = (0, import_react25.useState)(null);
+ const menuRef = (0, import_react25.useRef)(null);
+ const dotsRef = (0, import_react25.useRef)(null);
+ const inputRef = (0, import_react25.useRef)(null);
const now = useNow3(3e4);
- const close = (0, import_react24.useCallback)(() => actions.closeMemory(), []);
+ const close = (0, import_react25.useCallback)(() => actions.closeMemory(), []);
useEscape(close);
- (0, import_react24.useEffect)(() => {
+ (0, import_react25.useEffect)(() => {
if (!menu) return void 0;
const onDown = (event) => {
if (menuRef.current?.contains(event.target) || dotsRef.current?.contains(event.target)) return;
@@ -11841,52 +12106,52 @@ function MemoryDialog({ bot, actions, leaving = false }) {
const when3 = view?.summary ? ago(view.summary.at, now) : null;
const status = view === null ? "" : page === "entries" ? count === 1 ? t("1 entry") : t("{count} entries", { count }) : view.summarizing && view.summary ? t("Updating…") : view.summary && view.fresh ? when3 ? t("Updated {time}", { time: when3 }) : t("Updated just now") : "";
const busy = answer?.pending === true;
- return (0, import_react24.createElement)(
+ return (0, import_react25.createElement)(
"div",
{ className: "bt-mem-layer", "data-leaving": leaving || void 0 },
- (0, import_react24.createElement)("div", { className: "bt-scrim bt-mem-scrim", onMouseDown: close }),
- (0, import_react24.createElement)(
+ (0, import_react25.createElement)("div", { className: "bt-scrim bt-mem-scrim", onMouseDown: close }),
+ (0, import_react25.createElement)(
"div",
{ className: "bt-mem", role: "dialog", "aria-modal": true, "aria-label": t("{name}'s memory", { name: bot.name }) },
- (0, import_react24.createElement)(
+ (0, import_react25.createElement)(
"div",
{ className: "bt-mem-head" },
- page === "entries" ? (0, import_react24.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to the summary"), onClick: backToSummary }, (0, import_react24.createElement)(ChevronLeftIcon)) : null,
- (0, import_react24.createElement)("h2", null, page === "entries" ? t("All entries") : t("Memory summary")),
- (0, import_react24.createElement)("span", { className: "bt-mem-status" }, page === "summary" ? [bot.name, status].filter(Boolean).join(" · ") : status),
- (0, import_react24.createElement)("span", { className: "bt-mem-head-gap" }),
- (0, import_react24.createElement)("button", { ref: dotsRef, type: "button", className: "bt-icon-btn", "aria-label": t("Memory options"), "aria-haspopup": "menu", "aria-expanded": menu, onClick: () => setMenu((value) => !value) }, (0, import_react24.createElement)(DotsIcon)),
- (0, import_react24.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close memory"), onClick: close }, (0, import_react24.createElement)(CloseIcon)),
- menuShown ? (0, import_react24.createElement)(
+ page === "entries" ? (0, import_react25.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to the summary"), onClick: backToSummary }, (0, import_react25.createElement)(ChevronLeftIcon)) : null,
+ (0, import_react25.createElement)("h2", null, page === "entries" ? t("All entries") : t("Memory summary")),
+ (0, import_react25.createElement)("span", { className: "bt-mem-status" }, page === "summary" ? [bot.name, status].filter(Boolean).join(" · ") : status),
+ (0, import_react25.createElement)("span", { className: "bt-mem-head-gap" }),
+ (0, import_react25.createElement)("button", { ref: dotsRef, type: "button", className: "bt-icon-btn", "aria-label": t("Memory options"), "aria-haspopup": "menu", "aria-expanded": menu, onClick: () => setMenu((value) => !value) }, (0, import_react25.createElement)(DotsIcon)),
+ (0, import_react25.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close memory"), onClick: close }, (0, import_react25.createElement)(CloseIcon)),
+ menuShown ? (0, import_react25.createElement)(
"div",
{ ref: menuRef, className: "bt-menu bt-mem-menu", role: "menu", "aria-label": t("Memory options"), "data-leaving": menuLeaving || void 0 },
- (0, import_react24.createElement)(
+ (0, import_react25.createElement)(
"button",
{ type: "button", role: "menuitem", onClick: openEntries },
- (0, import_react24.createElement)("span", { className: "bt-menu-label" }, t("All entries")),
- (0, import_react24.createElement)("span", { className: "bt-menu-hint" }, String(count))
+ (0, import_react25.createElement)("span", { className: "bt-menu-label" }, t("All entries")),
+ (0, import_react25.createElement)("span", { className: "bt-menu-hint" }, String(count))
),
- (0, import_react24.createElement)(
+ (0, import_react25.createElement)(
"button",
{ type: "button", role: "menuitem", disabled: count === 0 || view?.summarizing, onClick: regenerate },
- (0, import_react24.createElement)("span", { className: "bt-menu-label" }, t("Regenerate summary"))
+ (0, import_react25.createElement)("span", { className: "bt-menu-label" }, t("Regenerate summary"))
)
) : null
),
- (0, import_react24.createElement)(
+ (0, import_react25.createElement)(
"div",
{ className: "bt-mem-body" },
- error ? (0, import_react24.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, hostText(error)) : null,
- view === null ? error ? null : (0, import_react24.createElement)(Skeleton) : page === "entries" ? (0, import_react24.createElement)(Entries, { bot, view, remove }) : (0, import_react24.createElement)(Summary, { bot, view, regenerate })
+ error ? (0, import_react25.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, hostText(error)) : null,
+ view === null ? error ? null : (0, import_react25.createElement)(Skeleton) : page === "entries" ? (0, import_react25.createElement)(Entries, { bot, view, remove }) : (0, import_react25.createElement)(Summary, { bot, view, regenerate })
),
- (0, import_react24.createElement)(
+ (0, import_react25.createElement)(
"div",
{ className: "bt-mem-foot" },
- answer ? (0, import_react24.createElement)(Reply, { answer, dismiss: () => setAnswer(null) }) : null,
- (0, import_react24.createElement)(
+ answer ? (0, import_react25.createElement)(Reply, { answer, dismiss: () => setAnswer(null) }) : null,
+ (0, import_react25.createElement)(
"form",
{ className: "bt-mem-ask", onSubmit: ask },
- (0, import_react24.createElement)("input", {
+ (0, import_react25.createElement)("input", {
ref: inputRef,
className: "bt-mem-input",
value: text,
@@ -11896,10 +12161,10 @@ function MemoryDialog({ bot, actions, leaving = false }) {
"aria-label": t("Ask about or update {name}'s memory", { name: bot.name }),
onChange: (event) => setText(event.target.value)
}),
- (0, import_react24.createElement)(
+ (0, import_react25.createElement)(
"button",
{ type: "submit", className: "bt-mem-send", disabled: busy || text.trim() === "", "aria-label": t("Send") },
- busy ? (0, import_react24.createElement)("span", { className: "bt-mem-spin", "aria-hidden": true }) : (0, import_react24.createElement)(ArrowUpIcon)
+ busy ? (0, import_react25.createElement)("span", { className: "bt-mem-spin", "aria-hidden": true }) : (0, import_react25.createElement)(ArrowUpIcon)
)
)
)
@@ -11908,7 +12173,7 @@ function MemoryDialog({ bot, actions, leaving = false }) {
}
// src/client/standing-approvals.js
-var import_react25 = require("react");
+var import_react26 = require("react");
var standingOf = (target, roster) => {
const me = roster?.self?.memberId;
return (target?.standingApprovals ?? []).filter((grant) => me === void 0 || grant.ownerId === me);
@@ -11917,19 +12182,19 @@ function StandingApprovalsCard({ scope, target, roster, actions, run, Card: Card
const grants = scope === "room" ? standingOf(target, roster) : target?.standingApprovals ?? [];
if (grants.length === 0) return null;
const hint = scope === "room" ? t("Your Bots in this group do these without asking.") : t("This Bot does these without asking.");
- return (0, import_react25.createElement)(
+ return (0, import_react26.createElement)(
Card2,
{ title: t("Always allowed") },
- grants.map((grant) => (0, import_react25.createElement)(
+ grants.map((grant) => (0, import_react26.createElement)(
"div",
{ key: grant.kind, className: "bt-set-row bt-bs-row", "data-standing": grant.kind },
- (0, import_react25.createElement)(
+ (0, import_react26.createElement)(
"span",
{ className: "bt-set-copy" },
- (0, import_react25.createElement)("span", { className: "bt-bs-label" }, grant.label || grant.kind),
- (0, import_react25.createElement)("span", { className: "bt-set-hint" }, hint)
+ (0, import_react26.createElement)("span", { className: "bt-bs-label" }, grant.label || grant.kind),
+ (0, import_react26.createElement)("span", { className: "bt-set-hint" }, hint)
),
- (0, import_react25.createElement)("button", {
+ (0, import_react26.createElement)("button", {
type: "button",
className: "bt-soft bt-soft-sm",
"aria-label": t("Remove always allow for {kind}", { kind: grant.label || grant.kind }),
@@ -11940,7 +12205,7 @@ function StandingApprovalsCard({ scope, target, roster, actions, run, Card: Card
}
// src/client/bot-settings.js
-var import_react26 = require("react");
+var import_react27 = require("react");
var capitalize = (word) => word[0].toUpperCase() + word.slice(1);
async function avatarImage(file) {
if (!/^image\/(png|jpeg|webp|gif)$/.test(file.type)) throw new Error(t("Choose a PNG, JPEG, WebP, or GIF image"));
@@ -11964,8 +12229,8 @@ async function avatarImage(file) {
throw new Error(t("That image is too large"));
}
function InlineText({ label, value, placeholder, required = false, maxLength, multiline = false, onSave }) {
- const [draft, setDraft] = (0, import_react26.useState)(null);
- const reverting = (0, import_react26.useRef)(false);
+ const [draft, setDraft] = (0, import_react27.useState)(null);
+ const reverting = (0, import_react27.useRef)(false);
const commit = () => {
const next = draft?.trim();
setDraft(null);
@@ -11976,7 +12241,7 @@ function InlineText({ label, value, placeholder, required = false, maxLength, mu
if (next === void 0 || next === (value ?? "") || required && next === "") return;
void onSave(next);
};
- return (0, import_react26.createElement)(multiline ? "textarea" : "input", {
+ return (0, import_react27.createElement)(multiline ? "textarea" : "input", {
className: multiline ? "bt-bs-input bt-bs-area" : "bt-bs-input",
value: draft ?? value ?? "",
placeholder,
@@ -11997,29 +12262,29 @@ function InlineText({ label, value, placeholder, required = false, maxLength, mu
});
}
function Row({ label, hint, stack = false, children }) {
- return (0, import_react26.createElement)(
+ return (0, import_react27.createElement)(
"label",
{ className: stack ? "bt-set-row bt-bs-row bt-bs-stack" : "bt-set-row bt-bs-row" },
- (0, import_react26.createElement)("span", { className: "bt-set-copy" }, (0, import_react26.createElement)("span", { className: "bt-bs-label" }, label), hint ? (0, import_react26.createElement)("span", { className: "bt-set-hint" }, hint) : null),
+ (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label" }, label), hint ? (0, import_react27.createElement)("span", { className: "bt-set-hint" }, hint) : null),
children
);
}
function Card({ title, children }) {
- return (0, import_react26.createElement)("section", { className: "bt-set-section" }, title ? (0, import_react26.createElement)("h3", null, title) : null, (0, import_react26.createElement)("div", { className: "bt-set-card" }, children));
+ return (0, import_react27.createElement)("section", { className: "bt-set-section" }, title ? (0, import_react27.createElement)("h3", null, title) : null, (0, import_react27.createElement)("div", { className: "bt-set-card" }, children));
}
function Switch({ on, label, disabled, onChange }) {
- return (0, import_react26.createElement)(
+ return (0, import_react27.createElement)(
"button",
{ type: "button", role: "switch", className: "bt-switch", "aria-checked": on, "aria-label": label, disabled, onClick: () => onChange(!on) },
- (0, import_react26.createElement)("span", { className: "bt-switch-knob", "aria-hidden": true })
+ (0, import_react27.createElement)("span", { className: "bt-switch-knob", "aria-hidden": true })
);
}
function SwitchRow({ label, hint, on, disabled, onChange, showLabel = true }) {
- return (0, import_react26.createElement)(
+ return (0, import_react27.createElement)(
"div",
{ className: "bt-set-row bt-bs-row" },
- (0, import_react26.createElement)("span", { className: "bt-set-copy" }, showLabel ? (0, import_react26.createElement)("span", { className: "bt-bs-label" }, label) : null, hint ? (0, import_react26.createElement)("span", { className: "bt-set-hint" }, hint) : null),
- (0, import_react26.createElement)(Switch, { on, label, disabled, onChange })
+ (0, import_react27.createElement)("span", { className: "bt-set-copy" }, showLabel ? (0, import_react27.createElement)("span", { className: "bt-bs-label" }, label) : null, hint ? (0, import_react27.createElement)("span", { className: "bt-set-hint" }, hint) : null),
+ (0, import_react27.createElement)(Switch, { on, label, disabled, onChange })
);
}
function modelHint(bot, roster) {
@@ -12030,22 +12295,22 @@ function modelHint(bot, roster) {
return t("Applies from the next message.");
}
function ShapeRing({ shape, size }) {
- const maskId = (0, import_react26.useRef)("");
+ const maskId = (0, import_react27.useRef)("");
if (maskId.current === "") maskId.current = `bt-ring-${nextMarkSerial()}`;
const def = shapeOf(shape);
const unit = def.size / size;
const markup = `${holes(def, `${bodyOf(def, "#000", true)}`)}${bodyOf(def, "currentColor", true)}`;
- return (0, import_react26.createElement)("svg", { className: "bt-ring", viewBox: `0 0 ${def.size} ${def.size}`, "aria-hidden": true, dangerouslySetInnerHTML: { __html: markup } });
+ return (0, import_react27.createElement)("svg", { className: "bt-ring", viewBox: `0 0 ${def.size} ${def.size}`, "aria-hidden": true, dangerouslySetInnerHTML: { __html: markup } });
}
function CharacterGrid({ look, hasPhoto = false, onShape, onColor }) {
const shapes = [...PICKER_SHAPES, ...Object.keys(SHAPES).filter((id) => !Object.hasOwn(CHARACTERS, id))];
if (!shapes.includes(look.shape)) shapes.push(look.shape);
const rows = [];
for (let index = 0; index < shapes.length; index += PICKER_COLUMNS) rows.push(shapes.slice(index, index + PICKER_COLUMNS));
- return (0, import_react26.createElement)(
- import_react26.Fragment,
+ return (0, import_react27.createElement)(
+ import_react27.Fragment,
null,
- (0, import_react26.createElement)("div", { className: "bt-shapes", role: "group", "aria-label": t("Character shape") }, rows.map((row, index) => (0, import_react26.createElement)("div", { key: index, className: "bt-shape-row" }, row.map((id) => (0, import_react26.createElement)("button", {
+ (0, import_react27.createElement)("div", { className: "bt-shapes", role: "group", "aria-label": t("Character shape") }, rows.map((row, index) => (0, import_react27.createElement)("div", { key: index, className: "bt-shape-row" }, row.map((id) => (0, import_react27.createElement)("button", {
key: id,
type: "button",
className: "bt-shape",
@@ -12053,8 +12318,8 @@ function CharacterGrid({ look, hasPhoto = false, onShape, onColor }) {
title: t(shapeOf(id).label),
"aria-pressed": !hasPhoto && look.shape === id,
onClick: () => onShape(id)
- }, (0, import_react26.createElement)(ShapeRing, { shape: id, size: 36 }), (0, import_react26.createElement)(BotMark, { look: { shape: id, color: look.color }, size: 36 })))))),
- (0, import_react26.createElement)("div", { className: "bt-colors", role: "group", "aria-label": t("Character color") }, CHARACTER_COLORS.map((color) => (0, import_react26.createElement)("button", {
+ }, (0, import_react27.createElement)(ShapeRing, { shape: id, size: 36 }), (0, import_react27.createElement)(BotMark, { look: { shape: id, color: look.color }, size: 36 })))))),
+ (0, import_react27.createElement)("div", { className: "bt-colors", role: "group", "aria-label": t("Character color") }, CHARACTER_COLORS.map((color) => (0, import_react27.createElement)("button", {
key: color,
type: "button",
className: "bt-color",
@@ -12062,19 +12327,19 @@ function CharacterGrid({ look, hasPhoto = false, onShape, onColor }) {
title: t(capitalize(color)),
"aria-pressed": look.color === color,
onClick: () => onColor(color)
- }, (0, import_react26.createElement)("span", { style: { background: paintCss(color) } }))))
+ }, (0, import_react27.createElement)("span", { style: { background: paintCss(color) } }))))
);
}
function AvatarEditor({ bot, actions, run, onClose }) {
const look = lookOf(bot);
- const [tab, setTab] = (0, import_react26.useState)(look.image ? "upload" : "bot");
- const [over, setOver] = (0, import_react26.useState)(false);
- const ref = (0, import_react26.useRef)(null);
- const fileRef = (0, import_react26.useRef)(null);
+ const [tab, setTab] = (0, import_react27.useState)(look.image ? "upload" : "bot");
+ const [over, setOver] = (0, import_react27.useState)(false);
+ const ref = (0, import_react27.useRef)(null);
+ const fileRef = (0, import_react27.useRef)(null);
const upload = (file) => {
if (file) void run(avatarImage(file).then((image) => actions.updateBot(bot.id, { avatar: { ...bot.avatar ?? {}, image } })));
};
- (0, import_react26.useEffect)(() => {
+ (0, import_react27.useEffect)(() => {
const onDown = (event) => {
if (!(event.target instanceof Element) || ref.current?.contains(event.target) || event.target.closest(".bt-avatar-trigger")) return;
onClose();
@@ -12092,7 +12357,7 @@ function AvatarEditor({ bot, actions, run, onClose }) {
window.removeEventListener("keydown", onKey, true);
};
}, [onClose]);
- (0, import_react26.useEffect)(() => {
+ (0, import_react27.useEffect)(() => {
if (tab !== "upload") return void 0;
const onPaste = (event) => {
const file = [...event.clipboardData?.files ?? []].find((item) => item.type.startsWith("image/"));
@@ -12106,32 +12371,32 @@ function AvatarEditor({ bot, actions, run, onClose }) {
}, [tab, bot]);
const hasPhoto = Boolean(look.image);
const glide = useGlide(tab);
- return (0, import_react26.createElement)(
+ return (0, import_react27.createElement)(
"div",
{ ref, className: "bt-avedit", role: "dialog", "aria-label": t("Avatar editor") },
- (0, import_react26.createElement)(
+ (0, import_react27.createElement)(
"div",
{ className: "bt-avedit-top" },
- (0, import_react26.createElement)(
+ (0, import_react27.createElement)(
"div",
{ ref: glide.box, role: "tablist", "aria-label": t("Avatar source"), className: "bt-avedit-tabs" },
- (0, import_react26.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
- [["bot", "Bot"], ["upload", "Upload"]].map(([id, label]) => (0, import_react26.createElement)("button", { key: id, type: "button", role: "tab", className: "bt-avedit-tab", "aria-selected": tab === id, onClick: () => setTab(id) }, t(label)))
+ (0, import_react27.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
+ [["bot", "Bot"], ["upload", "Upload"]].map(([id, label]) => (0, import_react27.createElement)("button", { key: id, type: "button", role: "tab", className: "bt-avedit-tab", "aria-selected": tab === id, onClick: () => setTab(id) }, t(label)))
),
- (0, import_react26.createElement)("button", {
+ (0, import_react27.createElement)("button", {
type: "button",
className: "bt-avedit-tab bt-avedit-reset",
title: t("Reset character to default"),
onClick: () => run(actions.updateBot(bot.id, { avatar: null, color: null }))
}, t("Reset"))
),
- tab === "bot" ? (0, import_react26.createElement)(CharacterGrid, {
+ tab === "bot" ? (0, import_react27.createElement)(CharacterGrid, {
look,
hasPhoto,
onShape: (shape) => run(actions.updateBot(bot.id, { avatar: { shape } })),
onColor: (color) => run(actions.updateBot(bot.id, { color }))
}) : null,
- tab === "upload" ? (0, import_react26.createElement)(
+ tab === "upload" ? (0, import_react27.createElement)(
"div",
{
className: "bt-dropzone",
@@ -12147,15 +12412,15 @@ function AvatarEditor({ bot, actions, run, onClose }) {
upload(event.dataTransfer.files?.[0]);
}
},
- hasPhoto ? (0, import_react26.createElement)("img", { src: look.image, alt: "" }) : null,
- (0, import_react26.createElement)("div", null, t("Drag, drop, or paste an image")),
- (0, import_react26.createElement)(
+ hasPhoto ? (0, import_react27.createElement)("img", { src: look.image, alt: "" }) : null,
+ (0, import_react27.createElement)("div", null, t("Drag, drop, or paste an image")),
+ (0, import_react27.createElement)(
"div",
{ className: "bt-actions", style: { justifyContent: "center" } },
- (0, import_react26.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, hasPhoto ? t("Replace") : t("Browse files")),
- hasPhoto ? (0, import_react26.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.updateBot(bot.id, { avatar: hasShape(bot.avatar?.shape) ? { shape: bot.avatar.shape } : null })) }, t("Remove photo")) : null
+ (0, import_react27.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, hasPhoto ? t("Replace") : t("Browse files")),
+ hasPhoto ? (0, import_react27.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.updateBot(bot.id, { avatar: hasShape(bot.avatar?.shape) ? { shape: bot.avatar.shape } : null })) }, t("Remove photo")) : null
),
- (0, import_react26.createElement)("input", { ref: fileRef, type: "file", accept: "image/png,image/jpeg,image/webp,image/gif", hidden: true, onChange: (event) => {
+ (0, import_react27.createElement)("input", { ref: fileRef, type: "file", accept: "image/png,image/jpeg,image/webp,image/gif", hidden: true, onChange: (event) => {
const file = event.target.files?.[0];
event.target.value = "";
upload(file);
@@ -12166,22 +12431,22 @@ function AvatarEditor({ bot, actions, run, onClose }) {
function MemoryCard({ bot, actions }) {
const count = useMemoryCount(bot.id, actions);
const label = count === null ? t("Loading…") : count === 0 ? t("Nothing saved yet") : count === 1 ? t("1 entry") : t("{count} entries", { count });
- return (0, import_react26.createElement)(
+ return (0, import_react27.createElement)(
Card,
{ title: t("Memory") },
- (0, import_react26.createElement)(
+ (0, import_react27.createElement)(
"button",
{ type: "button", className: "bt-set-row bt-bs-row", "aria-label": t("Manage {name}'s memory", { name: bot.name }), onClick: () => actions.openMemory(bot.id) },
- (0, import_react26.createElement)("span", { className: "bt-set-copy" }, (0, import_react26.createElement)("span", { className: "bt-bs-label" }, label)),
- (0, import_react26.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react26.createElement)(ChevronRightIcon))
+ (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label" }, label)),
+ (0, import_react27.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react27.createElement)(ChevronRightIcon))
)
);
}
function BotSettingsForm({ bot, roster, actions, run }) {
- const [editing, setEditing] = (0, import_react26.useState)(false);
- const [confirming, setConfirming] = (0, import_react26.useState)(false);
- const closeEditor = (0, import_react26.useCallback)(() => setEditing(false), []);
- (0, import_react26.useEffect)(() => {
+ const [editing, setEditing] = (0, import_react27.useState)(false);
+ const [confirming, setConfirming] = (0, import_react27.useState)(false);
+ const closeEditor = (0, import_react27.useCallback)(() => setEditing(false), []);
+ (0, import_react27.useEffect)(() => {
if (!confirming) return void 0;
const timer = setTimeout(() => setConfirming(false), 4e3);
return () => clearTimeout(timer);
@@ -12196,116 +12461,116 @@ function BotSettingsForm({ bot, roster, actions, run }) {
if (confirming) void run(actions.deleteBot(bot.id));
else setConfirming(true);
};
- (0, import_react26.useEffect)(() => {
+ (0, import_react27.useEffect)(() => {
void actions.refreshModels?.();
}, [bot.id]);
- return (0, import_react26.createElement)(
+ return (0, import_react27.createElement)(
"div",
{ className: "bt-bs" },
- (0, import_react26.createElement)(
+ (0, import_react27.createElement)(
"div",
{ className: "bt-bs-hero" },
- (0, import_react26.createElement)(
+ (0, import_react27.createElement)(
"div",
{ className: "bt-avatar-anchor" },
- (0, import_react26.createElement)(
+ (0, import_react27.createElement)(
"button",
{ type: "button", className: "bt-avatar-trigger", "aria-label": t("Edit Bot avatar"), "aria-expanded": editing, onClick: () => setEditing((value) => !value) },
- (0, import_react26.createElement)(BotMark, { bot, size: 64, live: true }),
- (0, import_react26.createElement)("span", { className: "bt-avatar-pencil", "aria-hidden": true }, (0, import_react26.createElement)(PencilIcon))
+ (0, import_react27.createElement)(BotMark, { bot, size: 64, live: true }),
+ (0, import_react27.createElement)("span", { className: "bt-avatar-pencil", "aria-hidden": true }, (0, import_react27.createElement)(PencilIcon))
),
- editing ? (0, import_react26.createElement)(AvatarEditor, { bot, actions, run, onClose: closeEditor }) : null
+ editing ? (0, import_react27.createElement)(AvatarEditor, { bot, actions, run, onClose: closeEditor }) : null
),
- (0, import_react26.createElement)(
+ (0, import_react27.createElement)(
"div",
{ className: "bt-bs-who" },
- (0, import_react26.createElement)("span", { className: "bt-bs-name" }, bot.name),
- (0, import_react26.createElement)("span", { className: "bt-bs-sub" }, [bot.role, isMainBot ? t("Main Bot") : ""].filter(Boolean).join(" · ") || t("Bot"))
+ (0, import_react27.createElement)("span", { className: "bt-bs-name" }, bot.name),
+ (0, import_react27.createElement)("span", { className: "bt-bs-sub" }, [bot.role, isMainBot ? t("Main Bot") : ""].filter(Boolean).join(" · ") || t("Bot"))
)
),
- (0, import_react26.createElement)(
+ (0, import_react27.createElement)(
Card,
{ title: t("Profile") },
- (0, import_react26.createElement)(Row, { label: t("Name") }, (0, import_react26.createElement)(InlineText, { label: t("Name"), value: bot.name, placeholder: "Bob", required: true, maxLength: 40, onSave: (name) => save({ name }) })),
- (0, import_react26.createElement)(Row, { label: t("Label"), hint: t("Optional. Shown under the name.") }, (0, import_react26.createElement)(InlineText, { label: t("Label"), value: bot.role, placeholder: t("Research, admin…"), maxLength: 24, onSave: (role) => save({ role }) }))
+ (0, import_react27.createElement)(Row, { label: t("Name") }, (0, import_react27.createElement)(InlineText, { label: t("Name"), value: bot.name, placeholder: "Bob", required: true, maxLength: 40, onSave: (name) => save({ name }) })),
+ (0, import_react27.createElement)(Row, { label: t("Label"), hint: t("Optional. Shown under the name.") }, (0, import_react27.createElement)(InlineText, { label: t("Label"), value: bot.role, placeholder: t("Research, admin…"), maxLength: 24, onSave: (role) => save({ role }) }))
),
- (0, import_react26.createElement)(
+ (0, import_react27.createElement)(
Card,
{ title: t("Model") },
- (0, import_react26.createElement)(
+ (0, import_react27.createElement)(
"div",
{ className: "bt-set-row bt-bs-row" },
- (0, import_react26.createElement)("span", { className: "bt-set-copy" }, (0, import_react26.createElement)("span", { className: "bt-set-hint" }, modelHint(bot, roster))),
- (0, import_react26.createElement)(ModelMenu, { bot, roster, actions, run })
+ (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-set-hint" }, modelHint(bot, roster))),
+ (0, import_react27.createElement)(ModelMenu, { bot, roster, actions, run })
),
- bot.model ? (0, import_react26.createElement)(ModelTestRow, { bot, modelName: modelOf(bot, roster)?.name }) : null
+ bot.model ? (0, import_react27.createElement)(ModelTestRow, { bot, modelName: modelOf(bot, roster)?.name }) : null
),
- (0, import_react26.createElement)(
+ (0, import_react27.createElement)(
Card,
{ title: t("Working folder") },
- (0, import_react26.createElement)(
+ (0, import_react27.createElement)(
"div",
{ className: "bt-set-row bt-bs-row" },
- (0, import_react26.createElement)("span", { className: "bt-set-copy" }, (0, import_react26.createElement)("span", { className: "bt-bs-label" }, t("Folder"))),
- (0, import_react26.createElement)(FolderMenu, { value: bot.workDir, actions, run, onPick: (workDir) => save({ workDir }) })
+ (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label" }, t("Folder"))),
+ (0, import_react27.createElement)(FolderMenu, { value: bot.workDir, actions, run, onPick: (workDir) => save({ workDir }) })
)
),
- (0, import_react26.createElement)(
+ (0, import_react27.createElement)(
Card,
{ title: t("Instructions") },
- (0, import_react26.createElement)(
+ (0, import_react27.createElement)(
Row,
{ label: t("What this Bot does"), hint: t("Its job on the team. Part of the Bot's system prompt."), stack: true },
- (0, import_react26.createElement)(InlineText, { label: t("Instructions"), value: bot.instructions, multiline: true, placeholder: t("What this Bot is responsible for…"), onSave: (instructions) => save({ instructions }) })
+ (0, import_react27.createElement)(InlineText, { label: t("Instructions"), value: bot.instructions, multiline: true, placeholder: t("What this Bot is responsible for…"), onSave: (instructions) => save({ instructions }) })
)
),
// Sharing sits near the top with a title like Profile and Model, not at the end of the page (#406).
- (0, import_react26.createElement)(FlyBotDetails, { bot, roster, actions, wrap: (children) => (0, import_react26.createElement)(Card, { title: t("Sharing") }, children) }),
- (0, import_react26.createElement)(BotCapabilitiesCard, { bot, roster, actions, run, Card, SwitchRow }),
- (0, import_react26.createElement)(BotConnectorsCard, { bot, roster, actions, run, Card, SwitchRow }),
- roster.memory === false ? null : (0, import_react26.createElement)(MemoryCard, { bot, actions }),
- (0, import_react26.createElement)(BotSchedules, { bot, roster, actions }),
- (0, import_react26.createElement)(StandingApprovalsCard, { scope: "bot", target: bot, roster, actions, run, Card }),
- (0, import_react26.createElement)(
+ (0, import_react27.createElement)(FlyBotDetails, { bot, roster, actions, wrap: (children) => (0, import_react27.createElement)(Card, { title: t("Sharing") }, children) }),
+ (0, import_react27.createElement)(BotCapabilitiesCard, { bot, roster, actions, run, Card, SwitchRow }),
+ (0, import_react27.createElement)(BotConnectorsCard, { bot, roster, actions, run, Card, SwitchRow }),
+ roster.memory === false ? null : (0, import_react27.createElement)(MemoryCard, { bot, actions }),
+ (0, import_react27.createElement)(BotSchedules, { bot, roster, actions }),
+ (0, import_react27.createElement)(StandingApprovalsCard, { scope: "bot", target: bot, roster, actions, run, Card }),
+ (0, import_react27.createElement)(
Card,
{ title: t("Main Bot") },
- onlyMain ? (0, import_react26.createElement)(
+ onlyMain ? (0, import_react27.createElement)(
"div",
{ className: "bt-set-row bt-bs-row" },
- (0, import_react26.createElement)(
+ (0, import_react27.createElement)(
"span",
{ className: "bt-set-copy" },
- (0, import_react26.createElement)("span", { className: "bt-set-hint" }, t("The only Main Bot. To hand the role to another Bot, use Main Bot on the Bots page."))
+ (0, import_react27.createElement)("span", { className: "bt-set-hint" }, t("The only Main Bot. To hand the role to another Bot, use Main Bot on the Bots page."))
),
- (0, import_react26.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("bots") }, t("Change"))
- ) : (0, import_react26.createElement)(SwitchRow, { label: t("Main Bot"), showLabel: false, hint: t("Can create and change Bots, and runs every group chat."), on: isMainBot, onChange: (on) => run(actions.setMain(bot.id, on)) })
+ (0, import_react27.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("bots") }, t("Change"))
+ ) : (0, import_react27.createElement)(SwitchRow, { label: t("Main Bot"), showLabel: false, hint: t("Can create and change Bots, and runs every group chat."), on: isMainBot, onChange: (on) => run(actions.setMain(bot.id, on)) })
),
// The Main Bot tile is always first and always shown, like in the context menu.
- isTile ? null : (0, import_react26.createElement)(
+ isTile ? null : (0, import_react27.createElement)(
Card,
{ title: t("Sidebar") },
- (0, import_react26.createElement)(SwitchRow, { label: t("Pin"), hint: t("Kept above the other chats."), on: bot.pinned === true, onChange: (pinned) => run(actions.setFlags(bot.id, { pinned })) }),
- isMainBot ? null : (0, import_react26.createElement)(SwitchRow, { label: t("Hide from sidebar"), hint: t("Search still finds it."), on: bot.hidden === true, onChange: (hidden) => run(actions.setFlags(bot.id, { hidden })) })
+ (0, import_react27.createElement)(SwitchRow, { label: t("Pin"), hint: t("Kept above the other chats."), on: bot.pinned === true, onChange: (pinned) => run(actions.setFlags(bot.id, { pinned })) }),
+ isMainBot ? null : (0, import_react27.createElement)(SwitchRow, { label: t("Hide from sidebar"), hint: t("Search still finds it."), on: bot.hidden === true, onChange: (hidden) => run(actions.setFlags(bot.id, { hidden })) })
),
- (0, import_react26.createElement)(
+ (0, import_react27.createElement)(
Card,
{ title: t("More") },
- (0, import_react26.createElement)(
+ (0, import_react27.createElement)(
"button",
{ type: "button", className: "bt-set-row bt-bs-row", onClick: duplicate },
- (0, import_react26.createElement)("span", { className: "bt-set-copy" }, (0, import_react26.createElement)("span", { className: "bt-bs-label" }, t("Duplicate")), (0, import_react26.createElement)("span", { className: "bt-set-hint" }, t("A copy with the same job and model, and fresh memory."))),
- (0, import_react26.createElement)("span", { className: "bt-chevron" }, (0, import_react26.createElement)(ChevronRightIcon))
+ (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label" }, t("Duplicate")), (0, import_react27.createElement)("span", { className: "bt-set-hint" }, t("A copy with the same job and model, and fresh memory."))),
+ (0, import_react27.createElement)("span", { className: "bt-chevron" }, (0, import_react27.createElement)(ChevronRightIcon))
),
- isMainBot ? null : (0, import_react26.createElement)(
+ isMainBot ? null : (0, import_react27.createElement)(
"button",
{ type: "button", className: "bt-set-row bt-bs-row bt-bs-danger", "data-confirm": confirming || void 0, onClick: remove },
- (0, import_react26.createElement)(
+ (0, import_react27.createElement)(
"span",
{ className: "bt-set-copy" },
- (0, import_react26.createElement)("span", { className: "bt-bs-label" }, confirming ? t("Delete {name}?", { name: bot.name }) : t("Delete Bot")),
- (0, import_react26.createElement)("span", { className: "bt-set-hint" }, confirming ? t("Click again to delete. Its chats are archived.") : t("Removes the Bot from the team."))
+ (0, import_react27.createElement)("span", { className: "bt-bs-label" }, confirming ? t("Delete {name}?", { name: bot.name }) : t("Delete Bot")),
+ (0, import_react27.createElement)("span", { className: "bt-set-hint" }, confirming ? t("Click again to delete. Its chats are archived.") : t("Removes the Bot from the team."))
),
- (0, import_react26.createElement)("span", { className: "bt-chevron" }, (0, import_react26.createElement)(ChevronRightIcon))
+ (0, import_react27.createElement)("span", { className: "bt-chevron" }, (0, import_react27.createElement)(ChevronRightIcon))
)
)
);
@@ -12346,7 +12611,7 @@ ${MODEL_TEST_CSS}
`;
// src/client/group-settings.js
-var import_react27 = require("react");
+var import_react28 = require("react");
var ROOM_MODES = [
["admin", "Admin leads", "Plain messages go to the admin, who calls others with @Name."],
["everyone", "Everyone", "Every member answers in turn, admin first."]
@@ -12378,9 +12643,9 @@ function faceMarks(person, roster, size) {
for (const seat of person?.seats ?? []) {
const bot = faceSeatBot(seat, roster);
if (!bot) continue;
- marks.push((0, import_react27.createElement)(BotMark, { key: seat.key, bot, size, live: false }));
+ marks.push((0, import_react28.createElement)(BotMark, { key: seat.key, bot, size, live: false }));
}
- if (marks.length === 0) return [(0, import_react27.createElement)(PersonMark, { key: "person", size, name: person?.name })];
+ if (marks.length === 0) return [(0, import_react28.createElement)(PersonMark, { key: "person", size, name: person?.name })];
return marks;
}
function faceRoomCount(room2, roster) {
@@ -12394,31 +12659,31 @@ var handleKey = (handle) => String(handle ?? "").trim().replace(/^@+/, "").toLow
var isLeadSeat = (seat, lead) => Boolean(handleKey(lead) && handleKey(seat.record?.handle) === handleKey(lead));
function FacePersonRow({ person, onOpenBot, lead, roster, className = "bt-set-row bt-bs-row bt-gs-member", size = 26 }) {
const bots = person.seats.flatMap((seat, index) => {
- const name = seat.local && onOpenBot ? (0, import_react27.createElement)("button", { key: seat.key, type: "button", className: "bt-face-bot", title: t("Open {name}'s chat", { name: seat.bot }), onClick: () => onOpenBot(seat.local.id) }, seat.bot) : (0, import_react27.createElement)("span", { key: seat.key, className: "bt-face-bot", title: seat.record?.handle || void 0 }, seat.bot);
- const marked = isLeadSeat(seat, lead) ? [name, (0, import_react27.createElement)("span", { key: `${seat.key}-lead`, className: "bt-tag", "data-flybot": "face-lead-tag" }, t("Lead"))] : [name];
- return index === 0 ? marked : [(0, import_react27.createElement)("span", { key: `${seat.key}-sep` }, t(", ")), ...marked];
+ const name = seat.local && onOpenBot ? (0, import_react28.createElement)("button", { key: seat.key, type: "button", className: "bt-face-bot", title: t("Open {name}'s chat", { name: seat.bot }), onClick: () => onOpenBot(seat.local.id) }, seat.bot) : (0, import_react28.createElement)("span", { key: seat.key, className: "bt-face-bot", title: seat.record?.handle || void 0 }, seat.bot);
+ const marked = isLeadSeat(seat, lead) ? [name, (0, import_react28.createElement)("span", { key: `${seat.key}-lead`, className: "bt-tag", "data-flybot": "face-lead-tag" }, t("Lead"))] : [name];
+ return index === 0 ? marked : [(0, import_react28.createElement)("span", { key: `${seat.key}-sep` }, t(", ")), ...marked];
});
- return (0, import_react27.createElement)(
+ return (0, import_react28.createElement)(
"div",
{ className, role: "listitem", "data-flybot": "face-person", "data-mine": person.mine || void 0 },
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)(
"span",
{ className: "bt-gs-who bt-face-person" },
- (0, import_react27.createElement)("span", { className: "bt-face-marks", "data-flybot": "face-person-avatars" }, faceMarks(person, roster, size)),
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)("span", { className: "bt-face-marks", "data-flybot": "face-person-avatars" }, faceMarks(person, roster, size)),
+ (0, import_react28.createElement)(
"span",
{ className: "bt-face-person-text" },
- (0, import_react27.createElement)("span", { className: "bt-row-title" }, facePersonLabel(person)),
- (0, import_react27.createElement)("span", { className: "bt-face-bots" }, bots)
+ (0, import_react28.createElement)("span", { className: "bt-row-title" }, facePersonLabel(person)),
+ (0, import_react28.createElement)("span", { className: "bt-face-bots" }, bots)
)
)
);
}
function FaceLead({ room: room2, roster, pick: pick2 }) {
const lead = room2.face?.lead;
- const [open, setOpen] = (0, import_react27.useState)(false);
- const [busy, setBusy] = (0, import_react27.useState)(false);
- const [error, setError] = (0, import_react27.useState)("");
+ const [open, setOpen] = (0, import_react28.useState)(false);
+ const [busy, setBusy] = (0, import_react28.useState)(false);
+ const [error, setError] = (0, import_react28.useState)("");
const seats = faceSeats(room2, roster);
const current = seats.find((seat) => isLeadSeat(seat, lead?.handle));
if (!current) return null;
@@ -12435,30 +12700,30 @@ function FaceLead({ room: room2, roster, pick: pick2 }) {
setBusy(false);
}
};
- return (0, import_react27.createElement)(
+ return (0, import_react28.createElement)(
"div",
{ className: "bt-face-lead", "data-flybot": "face-lead" },
- (0, import_react27.createElement)("div", { className: "bt-section-title" }, t("Room lead")),
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)("div", { className: "bt-section-title" }, t("Room lead")),
+ (0, import_react28.createElement)(
"div",
{ className: "bt-set-row" },
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)(
"span",
{ className: "bt-set-copy" },
- (0, import_react27.createElement)("span", { className: "bt-row-title" }, faceSeatLabel(current)),
- (0, import_react27.createElement)("span", { className: "bt-set-hint" }, lead.picked ? t("Writes the plan and gives each Bot its part.") : t("Default: the first Bot of the room creator that joined."))
+ (0, import_react28.createElement)("span", { className: "bt-row-title" }, faceSeatLabel(current)),
+ (0, import_react28.createElement)("span", { className: "bt-set-hint" }, lead.picked ? t("Writes the plan and gives each Bot its part.") : t("Default: the first Bot of the room creator that joined."))
),
- canPick ? (0, import_react27.createElement)("button", { type: "button", className: "bt-mini", "aria-expanded": open, onClick: () => setOpen(!open) }, open ? t("Done") : t("Change")) : null
+ canPick ? (0, import_react28.createElement)("button", { type: "button", className: "bt-mini", "aria-expanded": open, onClick: () => setOpen(!open) }, open ? t("Done") : t("Change")) : null
),
- open && canPick ? seats.map((seat) => (0, import_react27.createElement)(
+ open && canPick ? seats.map((seat) => (0, import_react28.createElement)(
"div",
{ key: seat.key, className: "bt-set-row" },
- (0, import_react27.createElement)("span", { className: "bt-set-copy" }, faceSeatLabel(seat)),
- seat === current ? (0, import_react27.createElement)("span", { className: "bt-tag" }, t("Lead")) : (0, import_react27.createElement)("button", { type: "button", className: "bt-mini", disabled: busy, onClick: () => void choose(seat.record?.handle) }, t("Make lead"))
+ (0, import_react28.createElement)("span", { className: "bt-set-copy" }, faceSeatLabel(seat)),
+ seat === current ? (0, import_react28.createElement)("span", { className: "bt-tag" }, t("Lead")) : (0, import_react28.createElement)("button", { type: "button", className: "bt-mini", disabled: busy, onClick: () => void choose(seat.record?.handle) }, t("Make lead"))
)) : null,
- open && canPick && lead.picked ? (0, import_react27.createElement)("button", { type: "button", className: "bt-more", disabled: busy, onClick: () => void choose(null) }, t("Use the default lead")) : null,
- canPick || !lead.supported ? null : (0, import_react27.createElement)("div", { className: "bt-set-hint" }, t("Only the person who created this room can change it.")),
- error ? (0, import_react27.createElement)("div", { className: "bt-set-hint", role: "alert" }, error) : null
+ open && canPick && lead.picked ? (0, import_react28.createElement)("button", { type: "button", className: "bt-more", disabled: busy, onClick: () => void choose(null) }, t("Use the default lead")) : null,
+ canPick || !lead.supported ? null : (0, import_react28.createElement)("div", { className: "bt-set-hint" }, t("Only the person who created this room can change it.")),
+ error ? (0, import_react28.createElement)("div", { className: "bt-set-hint", role: "alert" }, error) : null
);
}
function seatedCount(room2) {
@@ -12474,9 +12739,9 @@ function roomSubtitle(room2, roster) {
return [t(count === 1 ? "{count} member" : "{count} members", { count }), admin ? t("Admin {name}", { name: admin.name }) : t("No admin")].join(" · ");
}
function GroupSettingsForm({ room: room2, roster, actions, run, onDeleted }) {
- const [adding, setAdding] = (0, import_react27.useState)(false);
- const [confirming, setConfirming] = (0, import_react27.useState)(false);
- (0, import_react27.useEffect)(() => {
+ const [adding, setAdding] = (0, import_react28.useState)(false);
+ const [confirming, setConfirming] = (0, import_react28.useState)(false);
+ (0, import_react28.useEffect)(() => {
if (!confirming) return void 0;
const timer = setTimeout(() => setConfirming(false), 4e3);
return () => clearTimeout(timer);
@@ -12514,41 +12779,41 @@ function GroupSettingsForm({ room: room2, roster, actions, run, onDeleted }) {
if (done) onDeleted?.();
});
};
- return (0, import_react27.createElement)(
+ return (0, import_react28.createElement)(
"div",
{ className: "bt-bs" },
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)(
"div",
{ className: "bt-bs-hero" },
- (0, import_react27.createElement)(RoomAvatar, { room: room2, roster, size: 64 }),
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)(RoomAvatar, { room: room2, roster, size: 64 }),
+ (0, import_react28.createElement)(
"div",
{ className: "bt-bs-who" },
- (0, import_react27.createElement)("span", { className: "bt-bs-name" }, room2.name),
- (0, import_react27.createElement)("span", { className: "bt-bs-sub" }, roomSubtitle(room2, roster))
+ (0, import_react28.createElement)("span", { className: "bt-bs-name" }, room2.name),
+ (0, import_react28.createElement)("span", { className: "bt-bs-sub" }, roomSubtitle(room2, roster))
)
),
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)(
Card,
{ title: t("Profile") },
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)(
Row,
{ label: t("Name"), hint: t("Leave it empty to name the group after its members.") },
- (0, import_react27.createElement)(InlineText, { label: t("Group name"), value: room2.named ? room2.name : "", placeholder: t("Name after members"), maxLength: 60, onSave: (name) => update({ name }) })
+ (0, import_react28.createElement)(InlineText, { label: t("Group name"), value: room2.named ? room2.name : "", placeholder: t("Name after members"), maxLength: 60, onSave: (name) => update({ name }) })
),
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)(
Row,
{ label: t("Notice"), hint: t("Every member reads it before speaking in this group."), stack: true },
- (0, import_react27.createElement)(InlineText, { label: t("Group notice"), value: room2.notice, multiline: true, maxLength: 2e3, placeholder: t("Shared instructions every member reads before speaking…"), onSave: (notice) => update({ notice }) })
+ (0, import_react28.createElement)(InlineText, { label: t("Group notice"), value: room2.notice, multiline: true, maxLength: 2e3, placeholder: t("Shared instructions every member reads before speaking…"), onSave: (notice) => update({ notice }) })
)
),
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)(
Card,
{ title: t("Who answers") },
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)(
"div",
{ className: "bt-set-row bt-bs-row bt-bs-stack" },
- (0, import_react27.createElement)(Segmented, { label: t("Who answers"), value: mode }, ROOM_MODES.map(([id, label]) => (0, import_react27.createElement)("button", {
+ (0, import_react28.createElement)(Segmented, { label: t("Who answers"), value: mode }, ROOM_MODES.map(([id, label]) => (0, import_react28.createElement)("button", {
key: id,
type: "button",
"aria-pressed": mode === id,
@@ -12558,108 +12823,108 @@ function GroupSettingsForm({ room: room2, roster, actions, run, onDeleted }) {
if (mode !== id) void update({ mode: id });
}
}, t(label)))),
- (0, import_react27.createElement)("span", { key: mode, className: "bt-set-hint bt-veil" }, `${t(modeHint)} ${t("@mentions always pick who answers.")}`)
+ (0, import_react28.createElement)("span", { key: mode, className: "bt-set-hint bt-veil" }, `${t(modeHint)} ${t("@mentions always pick who answers.")}`)
)
),
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)(
Card,
{ title: t("Working folder") },
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)(
"div",
{ className: "bt-set-row bt-bs-row" },
- (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label" }, t("Folder"))),
- (0, import_react27.createElement)(FolderMenu, { value: room2.workDir, group: true, actions, run, onPick: (workDir) => update({ workDir }) })
+ (0, import_react28.createElement)("span", { className: "bt-set-copy" }, (0, import_react28.createElement)("span", { className: "bt-bs-label" }, t("Folder"))),
+ (0, import_react28.createElement)(FolderMenu, { value: room2.workDir, group: true, actions, run, onPick: (workDir) => update({ workDir }) })
)
),
- face ? (0, import_react27.createElement)(
+ face ? (0, import_react28.createElement)(
Card,
{ title: t("Members · {count}", { count: people2.length }) },
- people2.map((person) => (0, import_react27.createElement)(FacePersonRow, { key: person.key, person, roster, onOpenBot: openBot, lead: room2.face?.lead?.handle }))
+ people2.map((person) => (0, import_react28.createElement)(FacePersonRow, { key: person.key, person, roster, onOpenBot: openBot, lead: room2.face?.lead?.handle }))
) : null,
- face ? null : (0, import_react27.createElement)(
+ face ? null : (0, import_react28.createElement)(
Card,
{ title: t("Members · {count}", { count: members.length + humans.length + remotes.length }) },
- humans.map((person) => (0, import_react27.createElement)(
+ humans.map((person) => (0, import_react28.createElement)(
"div",
{ key: person.id, className: "bt-set-row bt-bs-row bt-gs-member" },
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)(
"span",
{ className: "bt-gs-who" },
- (0, import_react27.createElement)("span", { className: "bt-row-title" }, person.displayName || person.id),
- (0, import_react27.createElement)("span", { className: "bt-tag" }, t("Human")),
- person.role === "admin" ? (0, import_react27.createElement)("span", { className: "bt-tag" }, t("Admin")) : null
+ (0, import_react28.createElement)("span", { className: "bt-row-title" }, person.displayName || person.id),
+ (0, import_react28.createElement)("span", { className: "bt-tag" }, t("Human")),
+ person.role === "admin" ? (0, import_react28.createElement)("span", { className: "bt-tag" }, t("Admin")) : null
),
- humans.length + members.length + remotes.length > 2 && person.id !== roster.self?.memberId ? (0, import_react27.createElement)("button", { type: "button", className: "bt-x", "aria-label": t("Remove {name} from the group", { name: person.displayName || person.id }), title: t("Remove from group"), onClick: () => update({ removeParticipants: [{ kind: "human", id: person.id }] }) }, "×") : null
+ humans.length + members.length + remotes.length > 2 && person.id !== roster.self?.memberId ? (0, import_react28.createElement)("button", { type: "button", className: "bt-x", "aria-label": t("Remove {name} from the group", { name: person.displayName || person.id }), title: t("Remove from group"), onClick: () => update({ removeParticipants: [{ kind: "human", id: person.id }] }) }, "×") : null
)),
members.map((member) => {
const leads = room2.admin === member.id;
const boardHere = room2.origin !== "face-to-face" && room2.origin !== "inbound-share";
const taskLead = room2.taskLead === member.id;
- return (0, import_react27.createElement)(
+ return (0, import_react28.createElement)(
"div",
{ key: member.id, className: "bt-set-row bt-bs-row bt-gs-member" },
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)(
"button",
{ type: "button", className: "bt-gs-who", title: t("Open {name}'s chat", { name: member.name }), onClick: () => openBot(member.id) },
- (0, import_react27.createElement)(BotAvatar, { bot: member, size: 26, main: isMainOf(roster, member.id), admin: leads, live: false }),
- (0, import_react27.createElement)("span", { className: "bt-row-title" }, member.name),
- leads ? (0, import_react27.createElement)("span", { className: "bt-tag" }, t("Admin")) : null,
- taskLead ? (0, import_react27.createElement)("span", { className: "bt-tag" }, t("Task lead")) : null,
- (roster.humans ?? []).some((person) => person.designatedChiefId === member.id) ? (0, import_react27.createElement)("span", { className: "bt-tag" }, t("Chief")) : null
+ (0, import_react28.createElement)(BotAvatar, { bot: member, size: 26, main: isMainOf(roster, member.id), admin: leads, live: false }),
+ (0, import_react28.createElement)("span", { className: "bt-row-title" }, member.name),
+ leads ? (0, import_react28.createElement)("span", { className: "bt-tag" }, t("Admin")) : null,
+ taskLead ? (0, import_react28.createElement)("span", { className: "bt-tag" }, t("Task lead")) : null,
+ (roster.humans ?? []).some((person) => person.designatedChiefId === member.id) ? (0, import_react28.createElement)("span", { className: "bt-tag" }, t("Chief")) : null
),
- leads ? (0, import_react27.createElement)("button", { type: "button", className: "bt-mini", title: t("Leave the group without an admin"), onClick: () => update({ admin: null }) }, t("Unset")) : (0, import_react27.createElement)("button", { type: "button", className: "bt-mini", onClick: () => update({ admin: member.id }) }, t("Make admin")),
- boardHere ? taskLead ? (0, import_react27.createElement)("button", { type: "button", className: "bt-mini", onClick: () => update({ taskLead: null }) }, t("Use the admin")) : (0, import_react27.createElement)("button", { type: "button", className: "bt-mini", onClick: () => update({ taskLead: member.id }) }, t("Make task lead")) : null,
- members.length > 2 ? (0, import_react27.createElement)("button", { type: "button", className: "bt-x", "aria-label": t("Remove {name} from the group", { name: member.name }), title: t("Remove from group"), onClick: () => update({ remove: [member.id] }) }, "×") : null
+ leads ? (0, import_react28.createElement)("button", { type: "button", className: "bt-mini", title: t("Leave the group without an admin"), onClick: () => update({ admin: null }) }, t("Unset")) : (0, import_react28.createElement)("button", { type: "button", className: "bt-mini", onClick: () => update({ admin: member.id }) }, t("Make admin")),
+ boardHere ? taskLead ? (0, import_react28.createElement)("button", { type: "button", className: "bt-mini", onClick: () => update({ taskLead: null }) }, t("Use the admin")) : (0, import_react28.createElement)("button", { type: "button", className: "bt-mini", onClick: () => update({ taskLead: member.id }) }, t("Make task lead")) : null,
+ members.length > 2 ? (0, import_react28.createElement)("button", { type: "button", className: "bt-x", "aria-label": t("Remove {name} from the group", { name: member.name }), title: t("Remove from group"), onClick: () => update({ remove: [member.id] }) }, "×") : null
);
}),
- remotes.map((person) => (0, import_react27.createElement)(
+ remotes.map((person) => (0, import_react28.createElement)(
"div",
{ key: person.handle || person.id, className: "bt-set-row bt-bs-row bt-gs-member" },
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)(
"span",
{ className: "bt-gs-who" },
- (0, import_react27.createElement)(BotAvatar, { bot: lookBotForRemote(person, roster), size: 26, badge: false, live: false }),
- (0, import_react27.createElement)("span", { className: "bt-row-title", title: person.handle || void 0 }, person.label || remoteBotTitle(person)),
+ (0, import_react28.createElement)(BotAvatar, { bot: lookBotForRemote(person, roster), size: 26, badge: false, live: false }),
+ (0, import_react28.createElement)("span", { className: "bt-row-title", title: person.handle || void 0 }, person.label || remoteBotTitle(person)),
// #904: a host's roster entry is not a friend's Bot, and one this home cannot confirm is
// labelled as such; a Bot with no Bot Social identity can never be written to at all.
- room2.origin === "face-to-face" ? null : (0, import_react27.createElement)("span", { className: "bt-tag" }, person.unconnected ? t("Not connected") : room2.origin === "inbound-share" && person.verified === false ? t("Unconfirmed") : t("Friend's Bot"))
+ room2.origin === "face-to-face" ? null : (0, import_react28.createElement)("span", { className: "bt-tag" }, person.unconnected ? t("Not connected") : room2.origin === "inbound-share" && person.verified === false ? t("Unconfirmed") : t("Friend's Bot"))
),
// A guest's mirror is not theirs to edit: the host's membership is changed on the host side.
- room2.origin === "face-to-face" || room2.origin === "inbound-share" || members.length + remotes.length <= 2 ? null : (0, import_react27.createElement)("button", { type: "button", className: "bt-x", "aria-label": t("Remove {name} from the group", { name: remoteBotTitle(person) }), title: t("Remove from group"), onClick: () => update({ removeParticipants: [{ kind: "bot", id: person.handle || person.id, remote: true }] }) }, "×")
+ room2.origin === "face-to-face" || room2.origin === "inbound-share" || members.length + remotes.length <= 2 ? null : (0, import_react28.createElement)("button", { type: "button", className: "bt-x", "aria-label": t("Remove {name} from the group", { name: remoteBotTitle(person) }), title: t("Remove from group"), onClick: () => update({ removeParticipants: [{ kind: "bot", id: person.handle || person.id, remote: true }] }) }, "×")
)),
room2.origin === "face-to-face" ? null : adding ? [
- ...outsidePeople.map((person) => (0, import_react27.createElement)(
+ ...outsidePeople.map((person) => (0, import_react28.createElement)(
"button",
{ key: person.id, type: "button", className: "bt-set-row bt-bs-row bt-gs-pick", onClick: () => {
setAdding(false);
void update({ addParticipants: [{ kind: "human", id: person.id, displayName: person.displayName }] });
} },
- (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label" }, person.displayName || person.id)),
- (0, import_react27.createElement)("span", { className: "bt-set-hint" }, t("Add person"))
+ (0, import_react28.createElement)("span", { className: "bt-set-copy" }, (0, import_react28.createElement)("span", { className: "bt-bs-label" }, person.displayName || person.id)),
+ (0, import_react28.createElement)("span", { className: "bt-set-hint" }, t("Add person"))
)),
- ...outside.map((bot) => (0, import_react27.createElement)(
+ ...outside.map((bot) => (0, import_react28.createElement)(
"button",
{ key: bot.id, type: "button", className: "bt-set-row bt-bs-row bt-gs-pick", onClick: () => {
setAdding(false);
void update({ add: [bot.id] });
} },
- (0, import_react27.createElement)(BotMark, { bot, size: 22 }),
- (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label" }, bot.name)),
- (0, import_react27.createElement)("span", { className: "bt-set-hint" }, t("Add"))
+ (0, import_react28.createElement)(BotMark, { bot, size: 22 }),
+ (0, import_react28.createElement)("span", { className: "bt-set-copy" }, (0, import_react28.createElement)("span", { className: "bt-bs-label" }, bot.name)),
+ (0, import_react28.createElement)("span", { className: "bt-set-hint" }, t("Add"))
)),
- ...outsideRemotes.map((bot) => (0, import_react27.createElement)(
+ ...outsideRemotes.map((bot) => (0, import_react28.createElement)(
"button",
{ key: bot.handle, type: "button", className: "bt-set-row bt-bs-row bt-gs-pick", onClick: () => {
setAdding(false);
void update({ addParticipants: [{ kind: "bot", remote: true, handle: bot.handle }] });
} },
- (0, import_react27.createElement)(BotAvatar, { bot: lookBotForRemote({ handle: bot.handle, displayName: bot.name, avatar: bot.avatar, color: bot.color }, roster), size: 22, badge: false, live: false }),
- (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label" }, remoteBotTitle({ displayName: bot.name, ownerName: bot.homeName || bot.owner, handle: bot.handle, isChief: bot.isChief }))),
- (0, import_react27.createElement)("span", { className: "bt-set-hint" }, t("Add friend's Bot"))
+ (0, import_react28.createElement)(BotAvatar, { bot: lookBotForRemote({ handle: bot.handle, displayName: bot.name, avatar: bot.avatar, color: bot.color }, roster), size: 22, badge: false, live: false }),
+ (0, import_react28.createElement)("span", { className: "bt-set-copy" }, (0, import_react28.createElement)("span", { className: "bt-bs-label" }, remoteBotTitle({ displayName: bot.name, ownerName: bot.homeName || bot.owner, handle: bot.handle, isChief: bot.isChief }))),
+ (0, import_react28.createElement)("span", { className: "bt-set-hint" }, t("Add friend's Bot"))
)),
- (0, import_react27.createElement)("button", { key: "cancel", type: "button", className: "bt-set-row bt-bs-row bt-gs-add", onClick: () => setAdding(false) }, t("Cancel"))
- ] : outside.length + outsidePeople.length + outsideRemotes.length > 0 ? (0, import_react27.createElement)("button", { type: "button", className: "bt-set-row bt-bs-row bt-gs-add", onClick: () => setAdding(true) }, (0, import_react27.createElement)(PlusIcon), t("Add member")) : null,
- (0, import_react27.createElement)("div", { className: "bt-set-row bt-gs-note" }, (0, import_react27.createElement)(
+ (0, import_react28.createElement)("button", { key: "cancel", type: "button", className: "bt-set-row bt-bs-row bt-gs-add", onClick: () => setAdding(false) }, t("Cancel"))
+ ] : outside.length + outsidePeople.length + outsideRemotes.length > 0 ? (0, import_react28.createElement)("button", { type: "button", className: "bt-set-row bt-bs-row bt-gs-add", onClick: () => setAdding(true) }, (0, import_react28.createElement)(PlusIcon), t("Add member")) : null,
+ (0, import_react28.createElement)("div", { className: "bt-set-row bt-gs-note" }, (0, import_react28.createElement)(
"span",
{ className: "bt-set-hint" },
// The host checks for two members on every change, even a rename.
@@ -12667,37 +12932,37 @@ function GroupSettingsForm({ room: room2, roster, actions, run, onDeleted }) {
)),
// #876: a plugin's rows for this room (Invite by link), only in a group that lives here. Last, after
// the note on who leads, so that note stays with the members it is about (#892).
- room2.origin === "face-to-face" || room2.origin === "inbound-share" ? null : (0, import_react27.createElement)(FlyBotRoomMembers, { room: room2, roster, actions })
+ room2.origin === "face-to-face" || room2.origin === "inbound-share" ? null : (0, import_react28.createElement)(FlyBotRoomMembers, { room: room2, roster, actions })
),
- (0, import_react27.createElement)(StandingApprovalsCard, { scope: "room", target: room2, roster, actions, run, Card }),
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)(StandingApprovalsCard, { scope: "room", target: room2, roster, actions, run, Card }),
+ (0, import_react28.createElement)(
Card,
{ title: t("Sidebar") },
- (0, import_react27.createElement)(SwitchRow, { label: t("Pin"), hint: t("Kept above the other chats."), on: room2.pinned === true, onChange: (pinned) => run(actions.setFlags(room2.id, { pinned })) }),
- (0, import_react27.createElement)(SwitchRow, { label: t("Hide from sidebar"), hint: t("Search still finds it."), on: room2.hidden === true, onChange: (hidden) => run(actions.setFlags(room2.id, { hidden })) })
+ (0, import_react28.createElement)(SwitchRow, { label: t("Pin"), hint: t("Kept above the other chats."), on: room2.pinned === true, onChange: (pinned) => run(actions.setFlags(room2.id, { pinned })) }),
+ (0, import_react28.createElement)(SwitchRow, { label: t("Hide from sidebar"), hint: t("Search still finds it."), on: room2.hidden === true, onChange: (hidden) => run(actions.setFlags(room2.id, { hidden })) })
),
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)(
Card,
{ title: t("More") },
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)(
"button",
{ type: "button", className: "bt-set-row bt-bs-row bt-bs-danger", "data-confirm": confirming || void 0, onClick: remove },
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)(
"span",
{ className: "bt-set-copy" },
- (0, import_react27.createElement)("span", { className: "bt-bs-label" }, confirming ? t("Delete {name}?", { name: room2.name }) : t("Delete group")),
- (0, import_react27.createElement)("span", { className: "bt-set-hint" }, confirming ? t("Click again to delete. Its history is archived.") : t("Removes the group chat. Its members stay on the team."))
+ (0, import_react28.createElement)("span", { className: "bt-bs-label" }, confirming ? t("Delete {name}?", { name: room2.name }) : t("Delete group")),
+ (0, import_react28.createElement)("span", { className: "bt-set-hint" }, confirming ? t("Click again to delete. Its history is archived.") : t("Removes the group chat. Its members stay on the team."))
),
- (0, import_react27.createElement)("span", { className: "bt-chevron" }, (0, import_react27.createElement)(ChevronRightIcon))
+ (0, import_react28.createElement)("span", { className: "bt-chevron" }, (0, import_react28.createElement)(ChevronRightIcon))
)
)
);
}
function NewGroupForm({ roster, actions, run, onCreated, onCancel }) {
- const [admin, setAdmin] = (0, import_react27.useState)(null);
- const [members, setMembers] = (0, import_react27.useState)([]);
- const [name, setName] = (0, import_react27.useState)("");
- const [busy, setBusy] = (0, import_react27.useState)(false);
+ const [admin, setAdmin] = (0, import_react28.useState)(null);
+ const [members, setMembers] = (0, import_react28.useState)([]);
+ const [name, setName] = (0, import_react28.useState)("");
+ const [busy, setBusy] = (0, import_react28.useState)(false);
const toggle = (id) => setMembers((list) => list.includes(id) ? list.filter((item) => item !== id) : [...list, id]);
const pickAdmin = (id) => {
setAdmin(id);
@@ -12713,48 +12978,48 @@ function NewGroupForm({ roster, actions, run, onCreated, onCancel }) {
if (done && room2) onCreated(room2);
else setBusy(false);
};
- const chip = (bot, on, onClick, role) => (0, import_react27.createElement)("button", {
+ const chip = (bot, on, onClick, role) => (0, import_react28.createElement)("button", {
key: bot.id,
type: "button",
role,
className: "bt-ng-chip",
"aria-checked": on,
onClick
- }, (0, import_react27.createElement)(BotAvatar, { bot, size: 22, badge: false, live: false }), (0, import_react27.createElement)("span", { className: "bt-ng-name" }, bot.name), on && role === "radio" ? (0, import_react27.createElement)(AdminStar) : null);
- return (0, import_react27.createElement)(
+ }, (0, import_react28.createElement)(BotAvatar, { bot, size: 22, badge: false, live: false }), (0, import_react28.createElement)("span", { className: "bt-ng-name" }, bot.name), on && role === "radio" ? (0, import_react28.createElement)(AdminStar) : null);
+ return (0, import_react28.createElement)(
"div",
{ className: "bt-set-card bt-ng" },
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)(
"div",
{ className: "bt-set-row bt-bs-row bt-bs-stack" },
- (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label bt-ng-label" }, (0, import_react27.createElement)(AdminStar), t("Choose the group admin"))),
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)("span", { className: "bt-set-copy" }, (0, import_react28.createElement)("span", { className: "bt-bs-label bt-ng-label" }, (0, import_react28.createElement)(AdminStar), t("Choose the group admin"))),
+ (0, import_react28.createElement)(
"div",
{ className: "bt-ng-picks", role: "radiogroup", "aria-label": t("Group admin") },
roster.bots.map((bot) => chip(bot, admin === bot.id, () => pickAdmin(bot.id), "radio"))
)
),
- admin === null ? null : (0, import_react27.createElement)(
+ admin === null ? null : (0, import_react28.createElement)(
"div",
{ className: "bt-set-row bt-bs-row bt-bs-stack bt-ng-step" },
- (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label" }, t("Who to chat with…"))),
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)("span", { className: "bt-set-copy" }, (0, import_react28.createElement)("span", { className: "bt-bs-label" }, t("Who to chat with…"))),
+ (0, import_react28.createElement)(
"div",
{ className: "bt-ng-picks", role: "group", "aria-label": t("Members") },
roster.bots.filter((bot) => bot.id !== admin).map((bot) => chip(bot, members.includes(bot.id), () => toggle(bot.id), "checkbox"))
)
),
- admin === null || members.length === 0 ? null : (0, import_react27.createElement)(
+ admin === null || members.length === 0 ? null : (0, import_react28.createElement)(
"label",
{ className: "bt-set-row bt-bs-row bt-ng-step" },
- (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label" }, t("Name"))),
- (0, import_react27.createElement)("input", { className: "bt-bs-input", value: name, maxLength: 60, placeholder: t("Name after members"), onChange: (event) => setName(event.target.value) })
+ (0, import_react28.createElement)("span", { className: "bt-set-copy" }, (0, import_react28.createElement)("span", { className: "bt-bs-label" }, t("Name"))),
+ (0, import_react28.createElement)("input", { className: "bt-bs-input", value: name, maxLength: 60, placeholder: t("Name after members"), onChange: (event) => setName(event.target.value) })
),
- (0, import_react27.createElement)(
+ (0, import_react28.createElement)(
"div",
{ className: "bt-set-row bt-task-foot" },
- (0, import_react27.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onCancel }, t("Cancel")),
- (0, import_react27.createElement)("button", { type: "button", className: "bt-send bt-soft-sm", disabled: busy || admin === null || members.length === 0, onClick: () => void create() }, t("Create group chat"))
+ (0, import_react28.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onCancel }, t("Cancel")),
+ (0, import_react28.createElement)("button", { type: "button", className: "bt-send bt-soft-sm", disabled: busy || admin === null || members.length === 0, onClick: () => void create() }, t("Create group chat"))
)
);
}
@@ -12790,13 +13055,13 @@ button.bt-face-bot:hover{color:var(--bt-ink);text-decoration:underline;text-unde
`;
// src/client/palette.js
-var import_react28 = require("react");
+var import_react29 = require("react");
var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
var PALETTE_EXIT_MS = 160;
function CommandPalette({ start, token, roster, actions, useSessions }) {
- const [query, setQuery] = (0, import_react28.useState)(start ?? "");
- const [cursor, setCursor] = (0, import_react28.useState)(0);
- const [leaving, setLeaving] = (0, import_react28.useState)(false);
+ const [query, setQuery] = (0, import_react29.useState)(start ?? "");
+ const [cursor, setCursor] = (0, import_react29.useState)(0);
+ const [leaving, setLeaving] = (0, import_react29.useState)(false);
const wanted = query.trim().toLowerCase();
const close = () => {
if (leaving) return;
@@ -12832,7 +13097,7 @@ function CommandPalette({ start, token, roster, actions, useSessions }) {
const people2 = [
...roster.bots.filter((bot) => isListedRemoteChat(bot) && matchesName(bot.name, bot.role, pickerBotLabel(bot))).map((bot) => ({
key: bot.id,
- avatar: (0, import_react28.createElement)(BotAvatar, { bot, size: 24, badge: false, live: false }),
+ avatar: (0, import_react29.createElement)(BotAvatar, { bot, size: 24, badge: false, live: false }),
title: pickerBotLabel(bot),
subtitle: [bot.role, isMainOf(roster, bot.id) ? t("Main Bot") : ""].filter(Boolean).join(" · "),
badge: bot.hidden ? t("Hidden") : void 0,
@@ -12843,7 +13108,7 @@ function CommandPalette({ start, token, roster, actions, useSessions }) {
})),
...roster.rooms.filter((room2) => matchesName(room2.name)).map((room2) => ({
key: room2.id,
- avatar: (0, import_react28.createElement)(RoomAvatar, { room: room2, roster, size: 24 }),
+ avatar: (0, import_react29.createElement)(RoomAvatar, { room: room2, roster, size: 24 }),
title: room2.name,
subtitle: t(seatedCount(room2) === 1 ? "{count} member" : "{count} members", { count: seatedCount(room2) }),
badge: room2.hidden ? t("Hidden") : void 0,
@@ -12856,7 +13121,7 @@ function CommandPalette({ start, token, roster, actions, useSessions }) {
if (people2.length) sections.push([t("Bots"), people2]);
const agents = (roster.agents ?? []).filter(() => matchesName("DSH Agent")).map((agent) => ({
key: agent.id,
- avatar: (0, import_react28.createElement)("span", { className: "bt-palette-agent" }, (0, import_react28.createElement)(import_dsh_client_ui_primitives3.FishLogo, { size: 18 })),
+ avatar: (0, import_react29.createElement)("span", { className: "bt-palette-agent" }, (0, import_react29.createElement)(import_dsh_client_ui_primitives3.FishLogo, { size: 18 })),
title: "DSH Agent",
subtitle: t("Plain dsh session"),
run: () => actions.openAgent(agent.id)
@@ -12869,16 +13134,16 @@ function CommandPalette({ start, token, roster, actions, useSessions }) {
key: `${id}:${turn}`,
title: bot?.name ?? room2?.name ?? t("Bot"),
subtitle: snippet,
- avatar: bot ? (0, import_react28.createElement)(BotAvatar, { bot, size: 24, badge: false, live: false }) : (0, import_react28.createElement)(RoomAvatar, { room: room2, roster, size: 24 }),
+ avatar: bot ? (0, import_react29.createElement)(BotAvatar, { bot, size: 24, badge: false, live: false }) : (0, import_react29.createElement)(RoomAvatar, { room: room2, roster, size: 24 }),
run: () => actions.openSession(id)
};
});
if (messages.length) sections.push([t("Messages"), messages]);
const commands = [
- { key: "cmd:new", icon: (0, import_react28.createElement)(PlusIcon), title: t("New chat"), run: () => actions.openNewChat("new") },
- { key: "cmd:bot", icon: (0, import_react28.createElement)(PlusIcon), title: t("Create Bot"), run: () => actions.openNewChat("create") },
- { key: "cmd:group", icon: (0, import_react28.createElement)(PeopleIcon), title: t("Create group chat"), run: () => actions.openNewChat("group") },
- { key: "cmd:settings", icon: (0, import_react28.createElement)(GearIcon), title: t("Settings"), run: () => actions.openSettings("general") }
+ { key: "cmd:new", icon: (0, import_react29.createElement)(PlusIcon), title: t("New chat"), run: () => actions.openNewChat("new") },
+ { key: "cmd:bot", icon: (0, import_react29.createElement)(PlusIcon), title: t("Create Bot"), run: () => actions.openNewChat("create") },
+ { key: "cmd:group", icon: (0, import_react29.createElement)(PeopleIcon), title: t("Create group chat"), run: () => actions.openNewChat("group") },
+ { key: "cmd:settings", icon: (0, import_react29.createElement)(GearIcon), title: t("Settings"), run: () => actions.openSettings("general") }
].filter((command) => matchesName(command.title));
if (commands.length) sections.push([t("Commands"), commands]);
const rows = sections.flatMap(([, items]) => items);
@@ -12888,7 +13153,7 @@ function CommandPalette({ start, token, roster, actions, useSessions }) {
${shown}`, { axis: "y", ...QUICK_EDGES });
const listRef = glide.box;
useFlip(listRef, shown, "[data-flip]");
- (0, import_react28.useEffect)(() => {
+ (0, import_react29.useEffect)(() => {
listRef.current?.querySelector("[aria-selected=true]")?.scrollIntoView({ block: "nearest" });
}, [active, query]);
const choose = (row) => {
@@ -12897,18 +13162,18 @@ ${shown}`, { axis: "y", ...QUICK_EDGES });
close();
};
let index = -1;
- return (0, import_react28.createElement)(
+ return (0, import_react29.createElement)(
"div",
{ className: "bt-palette-layer", "data-leaving": leaving || void 0 },
- (0, import_react28.createElement)("div", { className: "bt-backdrop", onMouseDown: close }),
- (0, import_react28.createElement)(
+ (0, import_react29.createElement)("div", { className: "bt-backdrop", onMouseDown: close }),
+ (0, import_react29.createElement)(
"div",
{ className: "bt-palette", role: "dialog", "aria-label": t("Search"), "aria-modal": true },
- (0, import_react28.createElement)(
+ (0, import_react29.createElement)(
"div",
{ className: "bt-palette-head" },
- (0, import_react28.createElement)("span", { className: "bt-palette-glyph", "aria-hidden": true }, (0, import_react28.createElement)(SearchIcon)),
- (0, import_react28.createElement)("input", {
+ (0, import_react29.createElement)("span", { className: "bt-palette-glyph", "aria-hidden": true }, (0, import_react29.createElement)(SearchIcon)),
+ (0, import_react29.createElement)("input", {
autoFocus: true,
value: query,
placeholder: t("Search Bots, chats and messages"),
@@ -12934,29 +13199,29 @@ ${shown}`, { axis: "y", ...QUICK_EDGES });
}
}
}),
- query ? (0, import_react28.createElement)("button", { type: "button", className: "bt-palette-clear", "aria-label": t("Clear search"), onClick: () => {
+ query ? (0, import_react29.createElement)("button", { type: "button", className: "bt-palette-clear", "aria-label": t("Clear search"), onClick: () => {
setQuery("");
setCursor(0);
- } }, (0, import_react28.createElement)(CloseIcon)) : null
+ } }, (0, import_react29.createElement)(CloseIcon)) : null
),
- (0, import_react28.createElement)(
+ (0, import_react29.createElement)(
"div",
{ ref: listRef, id: "bt-palette-list", className: "bt-palette-list", role: "listbox", "aria-label": t("Results") },
- (0, import_react28.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
- rows.length === 0 ? (0, import_react28.createElement)(
+ (0, import_react29.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
+ rows.length === 0 ? (0, import_react29.createElement)(
"div",
{ className: "bt-palette-empty" },
- (0, import_react28.createElement)("span", { className: "bt-palette-empty-icon", "aria-hidden": true }, (0, import_react28.createElement)(SearchIcon)),
- (0, import_react28.createElement)("span", { className: "bt-palette-empty-label" }, t("No results")),
- (0, import_react28.createElement)("span", { className: "bt-palette-empty-hint" }, t("Try a Bot name or words from a message"))
- ) : sections.map(([title, items]) => (0, import_react28.createElement)(
- import_react28.Fragment,
+ (0, import_react29.createElement)("span", { className: "bt-palette-empty-icon", "aria-hidden": true }, (0, import_react29.createElement)(SearchIcon)),
+ (0, import_react29.createElement)("span", { className: "bt-palette-empty-label" }, t("No results")),
+ (0, import_react29.createElement)("span", { className: "bt-palette-empty-hint" }, t("Try a Bot name or words from a message"))
+ ) : sections.map(([title, items]) => (0, import_react29.createElement)(
+ import_react29.Fragment,
{ key: title },
- (0, import_react28.createElement)("div", { className: "bt-palette-section", role: "presentation", "data-flip": `section:${title}` }, title),
+ (0, import_react29.createElement)("div", { className: "bt-palette-section", role: "presentation", "data-flip": `section:${title}` }, title),
items.map((row) => {
index += 1;
const at = index;
- return (0, import_react28.createElement)(
+ return (0, import_react29.createElement)(
"button",
{
key: row.key,
@@ -12970,14 +13235,14 @@ ${shown}`, { axis: "y", ...QUICK_EDGES });
},
onClick: () => choose(row)
},
- (0, import_react28.createElement)("span", { className: "bt-palette-lead" }, row.avatar ?? (0, import_react28.createElement)("span", { className: "bt-palette-cmd" }, row.icon)),
- (0, import_react28.createElement)(
+ (0, import_react29.createElement)("span", { className: "bt-palette-lead" }, row.avatar ?? (0, import_react29.createElement)("span", { className: "bt-palette-cmd" }, row.icon)),
+ (0, import_react29.createElement)(
"span",
{ className: "bt-palette-text" },
- (0, import_react28.createElement)("span", { className: "bt-palette-title" }, row.title),
- row.subtitle ? (0, import_react28.createElement)("span", { className: "bt-palette-sub" }, row.subtitle) : null
+ (0, import_react29.createElement)("span", { className: "bt-palette-title" }, row.title),
+ row.subtitle ? (0, import_react29.createElement)("span", { className: "bt-palette-sub" }, row.subtitle) : null
),
- row.badge ? (0, import_react28.createElement)("span", { className: "bt-palette-badge" }, row.badge) : null
+ row.badge ? (0, import_react29.createElement)("span", { className: "bt-palette-badge" }, row.badge) : null
);
})
))
@@ -13019,7 +13284,7 @@ async function afterCreate({ id, text, actions }) {
}
// src/client/create-bot.js
-var import_react29 = require("react");
+var import_react30 = require("react");
var pick = (list) => list[Math.floor(Math.random() * list.length)];
var randomLook = (avoid = {}) => {
const shapes = DEFAULT_SHAPES.filter((shape) => shape !== avoid.shape);
@@ -13027,17 +13292,17 @@ var randomLook = (avoid = {}) => {
return { shape: pick(shapes), color: pick(colors) };
};
function CreateBot({ roster, actions, start, onBack, canGoBack, onCreated, inline = false }) {
- const [look, setLook] = (0, import_react29.useState)(() => randomLook());
- const [image, setImage] = (0, import_react29.useState)(null);
- const [name, setName] = (0, import_react29.useState)(start?.name ?? "");
- const [model, setModel] = (0, import_react29.useState)(() => startModel(roster));
- const [effort, setEffort] = (0, import_react29.useState)(void 0);
- const [busy, setBusy] = (0, import_react29.useState)(false);
- const [error, setError] = (0, import_react29.useState)("");
- const fileRef = (0, import_react29.useRef)(null);
- const frame = (0, import_react29.useRef)(null);
+ const [look, setLook] = (0, import_react30.useState)(() => randomLook());
+ const [image, setImage] = (0, import_react30.useState)(null);
+ const [name, setName] = (0, import_react30.useState)(start?.name ?? "");
+ const [model, setModel] = (0, import_react30.useState)(() => startModel(roster));
+ const [effort, setEffort] = (0, import_react30.useState)(void 0);
+ const [busy, setBusy] = (0, import_react30.useState)(false);
+ const [error, setError] = (0, import_react30.useState)("");
+ const fileRef = (0, import_react30.useRef)(null);
+ const frame = (0, import_react30.useRef)(null);
useEscape(onBack);
- (0, import_react29.useEffect)(() => {
+ (0, import_react30.useEffect)(() => {
if (inline) frame.current?.scrollIntoView({ block: "start", behavior: "smooth" });
}, []);
const fallbackName = freshBotName(roster, t("New Bot"));
@@ -13062,25 +13327,25 @@ function CreateBot({ roster, actions, start, onBack, canGoBack, onCreated, inlin
avatarImage(file).then(setImage, (failure) => setError(failure?.message ?? String(failure)));
};
const previewLook = image ? { ...look, image } : look;
- const card = (0, import_react29.createElement)(
+ const card = (0, import_react30.createElement)(
"div",
{ className: "bt-create-card" },
- (0, import_react29.createElement)(
+ (0, import_react30.createElement)(
"div",
{ className: "bt-create-preview" },
// The key remounts the mark, so every new pick plays the pop.
- (0, import_react29.createElement)(
+ (0, import_react30.createElement)(
"span",
{ key: `${look.shape}:${look.color}:${image ? "photo" : ""}`, className: "bt-create-pop" },
- (0, import_react29.createElement)(BotMark, { look: previewLook, bot: { id: "new-bot" }, size: 88, live: true, gaze: true, pokeable: true })
+ (0, import_react30.createElement)(BotMark, { look: previewLook, bot: { id: "new-bot" }, size: 88, live: true, gaze: true, pokeable: true })
),
- (0, import_react29.createElement)("span", { className: "bt-create-name" }, finalName)
+ (0, import_react30.createElement)("span", { className: "bt-create-name" }, finalName)
),
- (0, import_react29.createElement)("div", { className: "bt-create-step" }, t("Look")),
- (0, import_react29.createElement)(
+ (0, import_react30.createElement)("div", { className: "bt-create-step" }, t("Look")),
+ (0, import_react30.createElement)(
"div",
{ className: "bt-create-looks" },
- (0, import_react29.createElement)(CharacterGrid, {
+ (0, import_react30.createElement)(CharacterGrid, {
look,
hasPhoto: Boolean(image),
onShape: (shape) => {
@@ -13092,27 +13357,27 @@ function CreateBot({ roster, actions, start, onBack, canGoBack, onCreated, inlin
setLook((current) => ({ ...current, color }));
}
}),
- (0, import_react29.createElement)(
+ (0, import_react30.createElement)(
"div",
{ className: "bt-actions bt-create-lookbar" },
- (0, import_react29.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => {
+ (0, import_react30.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => {
setImage(null);
setLook((current) => randomLook(current));
} }, t("Shuffle")),
- (0, import_react29.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, image ? t("Replace photo") : t("Upload photo")),
- image ? (0, import_react29.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setImage(null) }, t("Remove photo")) : null,
- (0, import_react29.createElement)("input", { ref: fileRef, type: "file", accept: "image/png,image/jpeg,image/webp,image/gif", hidden: true, onChange: (event) => {
+ (0, import_react30.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, image ? t("Replace photo") : t("Upload photo")),
+ image ? (0, import_react30.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setImage(null) }, t("Remove photo")) : null,
+ (0, import_react30.createElement)("input", { ref: fileRef, type: "file", accept: "image/png,image/jpeg,image/webp,image/gif", hidden: true, onChange: (event) => {
const file = event.target.files?.[0];
event.target.value = "";
upload(file);
} })
)
),
- (0, import_react29.createElement)(
+ (0, import_react30.createElement)(
"label",
{ className: "bt-field" },
- (0, import_react29.createElement)("span", { className: "bt-field-label" }, t("Name")),
- (0, import_react29.createElement)("input", {
+ (0, import_react30.createElement)("span", { className: "bt-field-label" }, t("Name")),
+ (0, import_react30.createElement)("input", {
className: "bt-input",
autoFocus: !inline,
value: name,
@@ -13127,59 +13392,59 @@ function CreateBot({ roster, actions, start, onBack, canGoBack, onCreated, inlin
}
}
}),
- problem ? (0, import_react29.createElement)("span", { className: "bt-note bt-danger" }, hostText(problem)) : clash ? (0, import_react29.createElement)("span", { className: "bt-note bt-danger" }, t("A Bot named {name} already exists", { name: finalName })) : null
+ problem ? (0, import_react30.createElement)("span", { className: "bt-note bt-danger" }, hostText(problem)) : clash ? (0, import_react30.createElement)("span", { className: "bt-note bt-danger" }, t("A Bot named {name} already exists", { name: finalName })) : null
),
- (0, import_react29.createElement)(
+ (0, import_react30.createElement)(
"div",
{ className: "bt-field" },
- (0, import_react29.createElement)("span", { className: "bt-field-label" }, t("Model")),
- (0, import_react29.createElement)(ModelMenu, { bot: { id: "new-bot", name: finalName, model: model || void 0, effort }, roster, actions, wide: true, onPick: (ref) => {
+ (0, import_react30.createElement)("span", { className: "bt-field-label" }, t("Model")),
+ (0, import_react30.createElement)(ModelMenu, { bot: { id: "new-bot", name: finalName, model: model || void 0, effort }, roster, actions, wide: true, onPick: (ref) => {
setModel(ref);
setEffort(void 0);
}, onPickEffort: setEffort }),
- (0, import_react29.createElement)("span", { className: "bt-note" }, (roster.models ?? []).length > 0 ? t("The Bot runs on this model. You can change it later in its details.") : t("Add a provider and a model in DeepSeek Harness first, or pick one in the Bot's chat later."))
+ (0, import_react30.createElement)("span", { className: "bt-note" }, (roster.models ?? []).length > 0 ? t("The Bot runs on this model. You can change it later in its details.") : t("Add a provider and a model in DeepSeek Harness first, or pick one in the Bot's chat later."))
),
- error ? (0, import_react29.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null,
- (0, import_react29.createElement)(
+ error ? (0, import_react30.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null,
+ (0, import_react30.createElement)(
"div",
{ className: "bt-create-foot" },
// The dialog's header already has Back and Close (#230); only the inline form needs its own.
- inline ? (0, import_react29.createElement)("button", { type: "button", className: "bt-soft", onClick: onBack }, canGoBack ? t("Back") : t("Cancel")) : null,
- (0, import_react29.createElement)("button", { type: "button", className: "bt-send bt-create-go", disabled: busy || clash || Boolean(problem), onClick: () => void create() }, busy ? t("Creating…") : t("Create"))
+ inline ? (0, import_react30.createElement)("button", { type: "button", className: "bt-soft", onClick: onBack }, canGoBack ? t("Back") : t("Cancel")) : null,
+ (0, import_react30.createElement)("button", { type: "button", className: "bt-send bt-create-go", disabled: busy || clash || Boolean(problem), onClick: () => void create() }, busy ? t("Creating…") : t("Create"))
)
);
- if (inline) return (0, import_react29.createElement)("div", { ref: frame, className: "bt-create-inline", role: "group", "aria-label": t("Create Bot") }, card);
- return (0, import_react29.createElement)(
+ if (inline) return (0, import_react30.createElement)("div", { ref: frame, className: "bt-create-inline", role: "group", "aria-label": t("Create Bot") }, card);
+ return (0, import_react30.createElement)(
"div",
{ className: "bt-create", role: "dialog", "aria-label": t("Create Bot") },
- (0, import_react29.createElement)(
+ (0, import_react30.createElement)(
"div",
{ className: "bt-create-head" },
- canGoBack ? (0, import_react29.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to new chat"), onClick: onBack }, (0, import_react29.createElement)(ChevronLeftIcon)) : (0, import_react29.createElement)("span", { className: "bt-create-gap" }),
- (0, import_react29.createElement)("span", { className: "bt-create-title" }, t("Create Bot")),
- (0, import_react29.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close"), onClick: () => actions.closeOverlay() }, (0, import_react29.createElement)(CloseIcon))
+ canGoBack ? (0, import_react30.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to new chat"), onClick: onBack }, (0, import_react30.createElement)(ChevronLeftIcon)) : (0, import_react30.createElement)("span", { className: "bt-create-gap" }),
+ (0, import_react30.createElement)("span", { className: "bt-create-title" }, t("Create Bot")),
+ (0, import_react30.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close"), onClick: () => actions.closeOverlay() }, (0, import_react30.createElement)(CloseIcon))
),
- (0, import_react29.createElement)("div", { className: "bt-create-body" }, card)
+ (0, import_react30.createElement)("div", { className: "bt-create-body" }, card)
);
}
// src/client/new-chat.js
-var import_react30 = require("react");
+var import_react31 = require("react");
function NewChat({ mode, roster, actions }) {
- const [query, setQuery] = (0, import_react30.useState)("");
- const [picked, setPicked] = (0, import_react30.useState)([]);
- const [group, setGroup] = (0, import_react30.useState)(mode === "group");
- const [compose, setCompose] = (0, import_react30.useState)(mode !== "new");
- const [admin, setAdmin] = (0, import_react30.useState)(null);
- const [message, setMessage] = (0, import_react30.useState)("");
- const [busy, setBusy] = (0, import_react30.useState)(false);
- const [error, setError] = (0, import_react30.useState)("");
- const [fix, setFix] = (0, import_react30.useState)(null);
- const [fixNote, setFixNote] = (0, import_react30.useState)("");
- const [inviteLink, setInviteLink] = (0, import_react30.useState)("");
- const [cursor, setCursor] = (0, import_react30.useState)(0);
- const [draft, setDraft] = (0, import_react30.useState)(mode === "create" ? { name: "", fromList: false } : null);
- const inputRef = (0, import_react30.useRef)(null);
+ const [query, setQuery] = (0, import_react31.useState)("");
+ const [picked, setPicked] = (0, import_react31.useState)([]);
+ const [group, setGroup] = (0, import_react31.useState)(mode === "group");
+ const [compose, setCompose] = (0, import_react31.useState)(mode !== "new");
+ const [admin, setAdmin] = (0, import_react31.useState)(null);
+ const [message, setMessage] = (0, import_react31.useState)("");
+ const [busy, setBusy] = (0, import_react31.useState)(false);
+ const [error, setError] = (0, import_react31.useState)("");
+ const [fix, setFix] = (0, import_react31.useState)(null);
+ const [fixNote, setFixNote] = (0, import_react31.useState)("");
+ const [inviteLink, setInviteLink] = (0, import_react31.useState)("");
+ const [cursor, setCursor] = (0, import_react31.useState)(0);
+ const [draft, setDraft] = (0, import_react31.useState)(mode === "create" ? { name: "", fromList: false } : null);
+ const inputRef = (0, import_react31.useRef)(null);
const close = () => actions.closeOverlay();
useEscape(close);
const paneLeft = usePaneLeft();
@@ -13310,14 +13575,14 @@ function NewChat({ mode, roster, actions }) {
const options = [];
if (!group && picked.length === 0 && mode !== "search" && wanted === "") {
if (menuOnly) {
- options.push({ key: "chat", icon: (0, import_react30.createElement)(ChatIcon), label: t("New chat"), hint: t("Message one of your Bots"), run: () => {
+ options.push({ key: "chat", icon: (0, import_react31.createElement)(ChatIcon), label: t("New chat"), hint: t("Message one of your Bots"), run: () => {
setCompose(true);
setCursor(0);
setTimeout(() => inputRef.current?.focus());
} });
}
- options.push({ key: "new", icon: (0, import_react30.createElement)(BotIcon), label: t("New Bot"), hint: t("Set up a Bot with its own role"), run: createBot });
- options.push({ key: "group", icon: (0, import_react30.createElement)(PeopleIcon), label: t("New group chat"), hint: t("Chat with several of your Bots"), run: () => {
+ options.push({ key: "new", icon: (0, import_react31.createElement)(BotIcon), label: t("New Bot"), hint: t("Set up a Bot with its own role"), run: createBot });
+ options.push({ key: "group", icon: (0, import_react31.createElement)(PeopleIcon), label: t("New group chat"), hint: t("Chat with several of your Bots"), run: () => {
setGroup(true);
setCompose(true);
setCursor(0);
@@ -13326,7 +13591,7 @@ function NewChat({ mode, roster, actions }) {
for (const action of newChatActionRows({ mode, group, picked, query, roster })) {
options.push({
key: action.key,
- icon: action.icon ? (0, import_react30.createElement)(SlotIcon, { id: action.key, icon: action.icon, fallback: (0, import_react30.createElement)(PeopleIcon) }) : (0, import_react30.createElement)(PeopleIcon),
+ icon: action.icon ? (0, import_react31.createElement)(SlotIcon, { id: action.key, icon: action.icon, fallback: (0, import_react31.createElement)(PeopleIcon) }) : (0, import_react31.createElement)(PeopleIcon),
label: t(action.label),
hint: action.hint ? t(action.hint) : void 0,
run: () => {
@@ -13338,7 +13603,7 @@ function NewChat({ mode, roster, actions }) {
});
}
if ((roster.agents ?? []).length === 0) {
- options.push({ key: "agent", icon: (0, import_react30.createElement)(TerminalIcon), label: t("Add coding agent"), hint: t("A coding session without a Bot"), run: () => run(async () => {
+ options.push({ key: "agent", icon: (0, import_react31.createElement)(TerminalIcon), label: t("Add coding agent"), hint: t("A coding session without a Bot"), run: () => run(async () => {
await actions.addAgent();
close();
}) });
@@ -13349,19 +13614,19 @@ function NewChat({ mode, roster, actions }) {
options.push({ key: bot.id, bot, label: pickerBotLabel(bot), hint: choosingAdmin ? t("Make admin") : group || picked.length > 0 ? t("Add to group chat") : void 0, run: () => openBot(bot) });
}
}
- if (wanted !== "" && !exact && mode !== "search") options.push({ key: "create", icon: (0, import_react30.createElement)(PlusIcon), label: t("New Bot “{name}”", { name: query.trim() }), run: createBot });
+ if (wanted !== "" && !exact && mode !== "search") options.push({ key: "create", icon: (0, import_react31.createElement)(PlusIcon), label: t("New Bot “{name}”", { name: query.trim() }), run: createBot });
const active = Math.min(cursor, Math.max(options.length - 1, 0));
const listed = options.map((option) => option.key).join("\n");
const glide = useGlide(`${active}
${listed}`, { axis: "y", ...QUICK_EDGES });
useFlip(glide.box, listed, "[data-flip]");
- const drop = (0, import_react30.useRef)(null);
+ const drop = (0, import_react31.useRef)(null);
useMorph(drop, listed);
if (draft) {
- return (0, import_react30.createElement)(
+ return (0, import_react31.createElement)(
"div",
{ className: "bt-pane", style: { left: paneLeft } },
- (0, import_react30.createElement)(CreateBot, {
+ (0, import_react31.createElement)(CreateBot, {
roster,
actions,
start: draft,
@@ -13381,7 +13646,7 @@ ${listed}`, { axis: "y", ...QUICK_EDGES });
if (picked.length > 0) setPicked((current) => current.slice(0, -1));
else if (admin !== null) setAdmin(null);
};
- return (0, import_react30.createElement)(
+ return (0, import_react31.createElement)(
"div",
{
className: "bt-pane",
@@ -13391,31 +13656,31 @@ ${listed}`, { axis: "y", ...QUICK_EDGES });
if (event.target === event.currentTarget) close();
} : void 0
},
- (0, import_react30.createElement)(
+ (0, import_react31.createElement)(
"div",
{ className: "bt-newchat", role: "dialog", "aria-label": mode === "search" ? t("Search") : menuOnly ? t("New…") : t("New chat"), "data-menu": menuOnly || void 0 },
// The popover needs no title row: Escape or a press outside closes it.
- menuOnly ? null : (0, import_react30.createElement)(
+ menuOnly ? null : (0, import_react31.createElement)(
"div",
{ className: "bt-to" },
- (0, import_react30.createElement)("span", { className: "bt-to-label" }, t("To:")),
- adminBot ? (0, import_react30.createElement)(
+ (0, import_react31.createElement)("span", { className: "bt-to-label" }, t("To:")),
+ adminBot ? (0, import_react31.createElement)(
"span",
{ key: adminBot.id, className: "bt-token bt-token-admin", title: t("Admin") },
- (0, import_react30.createElement)(BotMark, { bot: adminBot, size: 16 }),
+ (0, import_react31.createElement)(BotMark, { bot: adminBot, size: 16 }),
adminBot.name,
- (0, import_react30.createElement)(AdminStar),
- (0, import_react30.createElement)("button", { type: "button", "aria-label": t("Remove {name}", { name: adminBot.name }), onClick: () => setAdmin(null) }, "×")
+ (0, import_react31.createElement)(AdminStar),
+ (0, import_react31.createElement)("button", { type: "button", "aria-label": t("Remove {name}", { name: adminBot.name }), onClick: () => setAdmin(null) }, "×")
) : null,
- choosingAdmin ? (0, import_react30.createElement)("span", { className: "bt-to-star", "aria-hidden": true }, (0, import_react30.createElement)(AdminStar)) : null,
- pickedBots.map((bot) => (0, import_react30.createElement)(
+ choosingAdmin ? (0, import_react31.createElement)("span", { className: "bt-to-star", "aria-hidden": true }, (0, import_react31.createElement)(AdminStar)) : null,
+ pickedBots.map((bot) => (0, import_react31.createElement)(
"span",
{ key: bot.id, className: "bt-token" },
- (0, import_react30.createElement)(BotMark, { bot, size: 16 }),
+ (0, import_react31.createElement)(BotMark, { bot, size: 16 }),
bot.name,
- (0, import_react30.createElement)("button", { type: "button", "aria-label": t("Remove {name}", { name: bot.name }), onClick: () => setPicked((current) => current.filter((id) => id !== bot.id)) }, "×")
+ (0, import_react31.createElement)("button", { type: "button", "aria-label": t("Remove {name}", { name: bot.name }), onClick: () => setPicked((current) => current.filter((id) => id !== bot.id)) }, "×")
)),
- (0, import_react30.createElement)("input", {
+ (0, import_react31.createElement)("input", {
ref: inputRef,
autoFocus: true,
value: query,
@@ -13439,20 +13704,20 @@ ${listed}`, { axis: "y", ...QUICK_EDGES });
} else if (event.key === "Backspace" && query === "") unpick();
}
}),
- group && admin !== null ? (0, import_react30.createElement)("button", {
+ group && admin !== null ? (0, import_react31.createElement)("button", {
type: "button",
className: "bt-send bt-to-create",
disabled: busy || picked.length === 0,
title: picked.length === 0 ? t("Add at least one more Bot") : void 0,
onClick: createGroup
}, t("Create group chat")) : null,
- (0, import_react30.createElement)("button", { type: "button", className: "bt-x", "aria-label": t("Close new chat"), onClick: close }, "×")
+ (0, import_react31.createElement)("button", { type: "button", className: "bt-x", "aria-label": t("Close new chat"), onClick: close }, "×")
),
- (0, import_react30.createElement)("div", { ref: drop, className: "bt-drop" }, (0, import_react30.createElement)(
+ (0, import_react31.createElement)("div", { ref: drop, className: "bt-drop" }, (0, import_react31.createElement)(
"div",
{ ref: glide.box, role: "listbox", "aria-label": t("Recipients"), className: "bt-drop-list" },
- (0, import_react30.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
- options.length === 0 ? (0, import_react30.createElement)("div", { className: "bt-hint" }, mode === "search" ? t("No Bots match") : t("Type a name to create a Bot")) : options.map((option, index) => (0, import_react30.createElement)(
+ (0, import_react31.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
+ options.length === 0 ? (0, import_react31.createElement)("div", { className: "bt-hint" }, mode === "search" ? t("No Bots match") : t("Type a name to create a Bot")) : options.map((option, index) => (0, import_react31.createElement)(
"button",
{
key: option.key,
@@ -13464,36 +13729,36 @@ ${listed}`, { axis: "y", ...QUICK_EDGES });
onMouseEnter: () => setCursor(index),
onClick: option.run
},
- option.bot ? (0, import_react30.createElement)(BotMark, { bot: option.bot, size: 22 }) : (0, import_react30.createElement)("span", { className: "bt-option-icon" }, option.icon),
+ option.bot ? (0, import_react31.createElement)(BotMark, { bot: option.bot, size: 22 }) : (0, import_react31.createElement)("span", { className: "bt-option-icon" }, option.icon),
// An action row's description sits under its title and is always there (#283): a long line
// beside the title squeezed the title to nothing on hover, and a line that appears on hover moves the rows.
// A Bot row's short hint stays beside the name and shows on the active row only.
- option.bot || !option.hint ? (0, import_react30.createElement)("span", { className: "bt-option-label" }, option.label) : (0, import_react30.createElement)("span", { className: "bt-option-copy" }, (0, import_react30.createElement)("span", { className: "bt-option-label" }, option.label), (0, import_react30.createElement)("span", { className: "bt-option-sub" }, option.hint)),
- option.bot && option.hint && index === active ? (0, import_react30.createElement)("span", { className: "bt-option-hint" }, option.hint) : null
+ option.bot || !option.hint ? (0, import_react31.createElement)("span", { className: "bt-option-label" }, option.label) : (0, import_react31.createElement)("span", { className: "bt-option-copy" }, (0, import_react31.createElement)("span", { className: "bt-option-label" }, option.label), (0, import_react31.createElement)("span", { className: "bt-option-sub" }, option.hint)),
+ option.bot && option.hint && index === active ? (0, import_react31.createElement)("span", { className: "bt-option-hint" }, option.hint) : null
))
)),
- menuOnly ? null : (0, import_react30.createElement)("div", { className: "bt-nc-spacer" }),
- error && fix ? (0, import_react30.createElement)(
+ menuOnly ? null : (0, import_react31.createElement)("div", { className: "bt-nc-spacer" }),
+ error && fix ? (0, import_react31.createElement)(
"div",
{ className: "bt-error bt-fix", role: "alert", "data-fix": "ungranted-local" },
- (0, import_react30.createElement)("div", null, fix.bots.length === 1 ? t("{name} is not shared with {friend}, so it cannot be in a group with their Bot: the group's messages go to their home.", { name: fix.bots[0].name, friend: fix.friends.join(", ") || t("that friend") }) : t("{name} are not shared with {friend}, so they cannot be in a group with their Bot: the group's messages go to their home.", { name: fix.bots.map((bot) => bot.name).join(", "), friend: fix.friends.join(", ") || t("that friend") })),
- (0, import_react30.createElement)("div", { className: "bt-fix-actions" }, fix.bots.flatMap((bot) => [
- typeof globalThis.__flybot__?.social?.createInvite === "function" && globalThis.__flybot__.social.canInvite?.(bot.id) !== false ? (0, import_react30.createElement)("button", { key: `invite-${bot.id}`, type: "button", className: "bt-fix-btn", "data-fix-action": "invite", onClick: () => {
+ (0, import_react31.createElement)("div", null, fix.bots.length === 1 ? t("{name} is not shared with {friend}, so it cannot be in a group with their Bot: the group's messages go to their home.", { name: fix.bots[0].name, friend: fix.friends.join(", ") || t("that friend") }) : t("{name} are not shared with {friend}, so they cannot be in a group with their Bot: the group's messages go to their home.", { name: fix.bots.map((bot) => bot.name).join(", "), friend: fix.friends.join(", ") || t("that friend") })),
+ (0, import_react31.createElement)("div", { className: "bt-fix-actions" }, fix.bots.flatMap((bot) => [
+ typeof globalThis.__flybot__?.social?.createInvite === "function" && globalThis.__flybot__.social.canInvite?.(bot.id) !== false ? (0, import_react31.createElement)("button", { key: `invite-${bot.id}`, type: "button", className: "bt-fix-btn", "data-fix-action": "invite", onClick: () => {
void copyInvite(bot);
} }, t("Copy invite link for {name}", { name: bot.name })) : null,
- (0, import_react30.createElement)("button", { key: `out-${bot.id}`, type: "button", className: "bt-fix-btn", "data-fix-action": "leave-out", onClick: () => leaveOut(bot.id) }, t("Leave {name} out", { name: bot.name }))
+ (0, import_react31.createElement)("button", { key: `out-${bot.id}`, type: "button", className: "bt-fix-btn", "data-fix-action": "leave-out", onClick: () => leaveOut(bot.id) }, t("Leave {name} out", { name: bot.name }))
])),
- fixNote ? (0, import_react30.createElement)("div", { className: "bt-note", role: "status" }, fixNote) : null,
- inviteLink ? (0, import_react30.createElement)("input", { className: "bt-input bt-fix-link", type: "text", readOnly: true, value: inviteLink, "aria-label": t("Invite link"), "data-fix-link": "", autoFocus: true, onFocus: (event) => event.target.select(), onClick: (event) => event.target.select() }) : null
- ) : error ? (0, import_react30.createElement)("div", { className: "bt-error" }, error) : null,
- menuOnly ? null : (0, import_react30.createElement)(
+ fixNote ? (0, import_react31.createElement)("div", { className: "bt-note", role: "status" }, fixNote) : null,
+ inviteLink ? (0, import_react31.createElement)("input", { className: "bt-input bt-fix-link", type: "text", readOnly: true, value: inviteLink, "aria-label": t("Invite link"), "data-fix-link": "", autoFocus: true, onFocus: (event) => event.target.select(), onClick: (event) => event.target.select() }) : null
+ ) : error ? (0, import_react31.createElement)("div", { className: "bt-error" }, error) : null,
+ menuOnly ? null : (0, import_react31.createElement)(
"div",
{ className: "bt-nc-compose" },
- (0, import_react30.createElement)(
+ (0, import_react31.createElement)(
"div",
{ className: "bt-nc-card" },
- (0, import_react30.createElement)("span", { className: "bt-nc-plus", "aria-hidden": true }, (0, import_react30.createElement)(PlusIcon)),
- (0, import_react30.createElement)("textarea", {
+ (0, import_react31.createElement)("span", { className: "bt-nc-plus", "aria-hidden": true }, (0, import_react31.createElement)(PlusIcon)),
+ (0, import_react31.createElement)("textarea", {
rows: 1,
value: message,
placeholder,
@@ -13506,7 +13771,7 @@ ${listed}`, { axis: "y", ...QUICK_EDGES });
}
}
}),
- (0, import_react30.createElement)("button", { type: "button", className: "bt-nc-send", "aria-label": t("Send message"), disabled: busy || message.trim() === "" || picked.length === 0, onClick: sendMessage }, (0, import_react30.createElement)(ArrowUpIcon))
+ (0, import_react31.createElement)("button", { type: "button", className: "bt-nc-send", "aria-label": t("Send message"), disabled: busy || message.trim() === "" || picked.length === 0, onClick: sendMessage }, (0, import_react31.createElement)(ArrowUpIcon))
)
)
)
@@ -13514,18 +13779,18 @@ ${listed}`, { axis: "y", ...QUICK_EDGES });
}
// src/client/exchange.js
-var import_react31 = require("react");
+var import_react32 = require("react");
var SHEET_EXIT_MS = 220;
function ExchangeDialog({ pair, roster, actions }) {
- const [entries2, setEntries] = (0, import_react31.useState)(null);
- const [leaving, setLeaving] = (0, import_react31.useState)(false);
+ const [entries2, setEntries] = (0, import_react32.useState)(null);
+ const [leaving, setLeaving] = (0, import_react32.useState)(false);
const close = () => {
if (leaving) return;
setLeaving(true);
setTimeout(() => actions.closeOverlay(), SHEET_EXIT_MS);
};
useEscape(close);
- (0, import_react31.useEffect)(() => {
+ (0, import_react32.useEffect)(() => {
let stop = false;
let timer;
let seen = null;
@@ -13549,48 +13814,48 @@ function ExchangeDialog({ pair, roster, actions }) {
const right = roster.byId[pair[1]];
let lastDay = 0;
const paneLeft = usePaneLeft();
- return (0, import_react31.createElement)(
+ return (0, import_react32.createElement)(
"div",
{ className: "bt-pane bt-exchange", style: { left: paneLeft }, "data-leaving": leaving || void 0 },
- (0, import_react31.createElement)(
+ (0, import_react32.createElement)(
"div",
{ className: "bt-dialog", role: "dialog", "aria-label": t("Bot exchange") },
- (0, import_react31.createElement)("div", { className: "bt-head" }, (0, import_react31.createElement)(
+ (0, import_react32.createElement)("div", { className: "bt-head" }, (0, import_react32.createElement)(
"span",
{ className: "bt-pill", style: { cursor: "default" } },
- left ? (0, import_react31.createElement)(BotMark, { bot: left, size: 22 }) : null,
+ left ? (0, import_react32.createElement)(BotMark, { bot: left, size: 22 }) : null,
left?.name ?? "?",
- (0, import_react31.createElement)("span", { className: "bt-swap" }, "⇄"),
- right ? (0, import_react31.createElement)(BotMark, { bot: right, size: 22 }) : null,
+ (0, import_react32.createElement)("span", { className: "bt-swap" }, "⇄"),
+ right ? (0, import_react32.createElement)(BotMark, { bot: right, size: 22 }) : null,
right?.name ?? "?"
)),
- (0, import_react31.createElement)(
+ (0, import_react32.createElement)(
"div",
{ className: "bt-dialog-log", role: "log", "aria-label": t("Bot exchange transcript") },
- entries2 === null ? (0, import_react31.createElement)("div", { className: "bt-hint" }, t("Loading…")) : entries2.length === 0 ? (0, import_react31.createElement)("div", { className: "bt-hint" }, t("No messages yet")) : entries2.map((entry) => {
+ entries2 === null ? (0, import_react32.createElement)("div", { className: "bt-hint" }, t("Loading…")) : entries2.length === 0 ? (0, import_react32.createElement)("div", { className: "bt-hint" }, t("No messages yet")) : entries2.map((entry) => {
const bot = roster.byId[entry.from] ?? { id: entry.from, name: t("You"), color: "gray" };
const showDay = entry.time - lastDay > 30 * 60 * 1e3;
lastDay = entry.time;
- return (0, import_react31.createElement)(
- import_react31.Fragment,
+ return (0, import_react32.createElement)(
+ import_react32.Fragment,
{ key: entry.id },
- showDay ? (0, import_react31.createElement)("time", { className: "bt-time" }, dayLabel(entry.time)) : null,
- (0, import_react31.createElement)(
+ showDay ? (0, import_react32.createElement)("time", { className: "bt-time" }, dayLabel(entry.time)) : null,
+ (0, import_react32.createElement)(
"div",
{ className: "bt-group-msg" },
- (0, import_react31.createElement)("span", { className: "bt-group-name", style: { color: inkText(colorOf(bot)) } }, bot.name),
- (0, import_react31.createElement)(Bubbles, { texts: [entry.text], roster, selfId: bot.id, actions, lead: (0, import_react31.createElement)("span", { className: "bt-lead" }, (0, import_react31.createElement)(BotMark, { bot, size: 22 })) })
+ (0, import_react32.createElement)("span", { className: "bt-group-name", style: { color: inkText(colorOf(bot)) } }, bot.name),
+ (0, import_react32.createElement)(Bubbles, { texts: [entry.text], roster, selfId: bot.id, actions, lead: (0, import_react32.createElement)("span", { className: "bt-lead" }, (0, import_react32.createElement)(BotMark, { bot, size: 22 })) })
)
);
})
),
- (0, import_react31.createElement)("div", { className: "bt-dialog-foot" }, (0, import_react31.createElement)("button", { type: "button", className: "bt-soft", onClick: close }, t("Close Chat")))
+ (0, import_react32.createElement)("div", { className: "bt-dialog-foot" }, (0, import_react32.createElement)("button", { type: "button", className: "bt-soft", onClick: close }, t("Close Chat")))
)
);
}
// src/client/voice.js
-var import_react32 = require("react");
+var import_react33 = require("react");
var plainSpeech = (text) => stripHeader(text).replace(/```[\s\S]*?```/g, " ").replace(/\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/[*_`#>|~-]+/g, " ").replace(/\s+/g, " ").trim();
var VOICE_LABELS = {
listening: "Listening",
@@ -13602,8 +13867,8 @@ var VOICE_LABELS = {
};
var CAPTURE_NOTES = { blocked: "Microphone access is blocked", unavailable: "Voice chat is not available in this browser", "too-long": "That was too long to recognize" };
function useMicLevel(enabled) {
- const [level, setLevel] = (0, import_react32.useState)(0);
- (0, import_react32.useEffect)(() => {
+ const [level, setLevel] = (0, import_react33.useState)(0);
+ (0, import_react33.useEffect)(() => {
if (!enabled || !navigator.mediaDevices?.getUserMedia) return void 0;
let stream = null;
let audio = null;
@@ -13653,18 +13918,18 @@ function VoiceMode({ sessionId, roster, actions, useSessions, useSessionStatus }
const entry = Array.isArray(outline) ? outline[outline.length - 1] : void 0;
return entry ? `${outline.length}|${entry.response ?? ""}` : "0|";
});
- const [speech] = (0, import_react32.useState)(() => actions.speech());
- const [phase, setPhase] = (0, import_react32.useState)(speech ? "starting" : speechApi() ? "listening" : "unsupported");
- const [catalog, setCatalog] = (0, import_react32.useState)(null);
- const [heard, setHeard] = (0, import_react32.useState)("");
- const [said, setSaid] = (0, import_react32.useState)("");
- const [note, setNote] = (0, import_react32.useState)("");
- const [serviceLevel, setServiceLevel] = (0, import_react32.useState)(0);
- const [cycle, setCycle] = (0, import_react32.useState)(0);
- const waiting = (0, import_react32.useRef)(null);
- const reply = (0, import_react32.useRef)(lastReply);
+ const [speech] = (0, import_react33.useState)(() => actions.speech());
+ const [phase, setPhase] = (0, import_react33.useState)(speech ? "starting" : speechApi() ? "listening" : "unsupported");
+ const [catalog, setCatalog] = (0, import_react33.useState)(null);
+ const [heard, setHeard] = (0, import_react33.useState)("");
+ const [said, setSaid] = (0, import_react33.useState)("");
+ const [note, setNote] = (0, import_react33.useState)("");
+ const [serviceLevel, setServiceLevel] = (0, import_react33.useState)(0);
+ const [cycle, setCycle] = (0, import_react33.useState)(0);
+ const waiting = (0, import_react33.useRef)(null);
+ const reply = (0, import_react33.useRef)(lastReply);
reply.current = lastReply;
- const turn = (0, import_react32.useRef)(0);
+ const turn = (0, import_react33.useRef)(0);
const paneLeft = usePaneLeft();
const close = () => {
turn.current += 1;
@@ -13684,12 +13949,12 @@ function VoiceMode({ sessionId, roster, actions, useSessions, useSessionStatus }
dictation.stop();
submit(text);
});
- (0, import_react32.useEffect)(() => {
+ (0, import_react33.useEffect)(() => {
if (!note) return void 0;
const timer = setTimeout(() => setNote(""), 2600);
return () => clearTimeout(timer);
}, [note]);
- (0, import_react32.useEffect)(() => {
+ (0, import_react33.useEffect)(() => {
if (!speech) return void 0;
let live = true;
speechCatalog(speech).then(({ catalog: next, usable }) => {
@@ -13704,16 +13969,16 @@ function VoiceMode({ sessionId, roster, actions, useSessions, useSessionStatus }
};
}, [speech]);
const listen = phase === "listening";
- (0, import_react32.useEffect)(() => {
+ (0, import_react33.useEffect)(() => {
if (speech || !listen || dictation.listening) return void 0;
const timer = setTimeout(() => dictation.start({ continuous: false, onEnd: () => {
} }), 250);
return () => clearTimeout(timer);
}, [listen, dictation.listening]);
- (0, import_react32.useEffect)(() => {
+ (0, import_react33.useEffect)(() => {
if (phase !== "listening") dictation.stop();
}, [phase]);
- (0, import_react32.useEffect)(() => {
+ (0, import_react33.useEffect)(() => {
if (!speech || !catalog || !listen) return void 0;
const own = turn.current;
let capture = null;
@@ -13775,7 +14040,7 @@ function VoiceMode({ sessionId, roster, actions, useSessions, useSessionStatus }
setServiceLevel(0);
};
}, [speech, catalog, listen, cycle]);
- (0, import_react32.useEffect)(() => {
+ (0, import_react33.useEffect)(() => {
if (phase !== "thinking" || running || waiting.current === null) return;
const [count, text] = [lastReply.slice(0, lastReply.indexOf("|")), lastReply.slice(lastReply.indexOf("|") + 1)];
if (count === waiting.current || !text.trim()) return;
@@ -13795,7 +14060,7 @@ function VoiceMode({ sessionId, roster, actions, useSessions, useSessionStatus }
window.speechSynthesis.cancel();
window.speechSynthesis.speak(utterance);
}, [phase, running, lastReply]);
- (0, import_react32.useEffect)(() => () => window.speechSynthesis?.cancel(), []);
+ (0, import_react33.useEffect)(() => () => window.speechSynthesis?.cancel(), []);
const micLevel = useMicLevel(!speech && phase === "listening" && dictation.listening);
const level = speech ? serviceLevel : micLevel;
const markState = phase === "thinking" || phase === "transcribing" ? "thinking" : phase === "speaking" ? "sending" : "idle";
@@ -13812,44 +14077,44 @@ function VoiceMode({ sessionId, roster, actions, useSessions, useSessionStatus }
const openSetup = phase === "setup" ? actions.voiceSetup() : null;
const caption = phase === "speaking" ? said : heard;
const shownNote = note || dictation.note;
- return (0, import_react32.createElement)(
+ return (0, import_react33.createElement)(
"div",
{ className: "bt-pane bt-voice-pane", style: { left: paneLeft } },
- (0, import_react32.createElement)(
+ (0, import_react33.createElement)(
"div",
{ className: "bt-voice-stage", role: "dialog", "aria-label": t("Voice chat with {name}", { name }), "data-phase": phase === "transcribing" ? "thinking" : phase },
- (0, import_react32.createElement)(
+ (0, import_react33.createElement)(
"div",
{ className: "bt-voice-orb", style: { "--bt-level": level } },
- (0, import_react32.createElement)("span", { className: "bt-voice-ring", "aria-hidden": true }),
- (0, import_react32.createElement)("span", { className: "bt-voice-ring bt-voice-ring-2", "aria-hidden": true }),
- bot ? (0, import_react32.createElement)(BotMark, { bot, size: 112, state: markState, live: true, gaze: phase === "listening" }) : room2 ? (0, import_react32.createElement)(RoomAvatar, { room: room2, roster, size: 112 }) : null
+ (0, import_react33.createElement)("span", { className: "bt-voice-ring", "aria-hidden": true }),
+ (0, import_react33.createElement)("span", { className: "bt-voice-ring bt-voice-ring-2", "aria-hidden": true }),
+ bot ? (0, import_react33.createElement)(BotMark, { bot, size: 112, state: markState, live: true, gaze: phase === "listening" }) : room2 ? (0, import_react33.createElement)(RoomAvatar, { room: room2, roster, size: 112 }) : null
),
- (0, import_react32.createElement)("div", { className: "bt-voice-name" }, name),
- (0, import_react32.createElement)(
+ (0, import_react33.createElement)("div", { className: "bt-voice-name" }, name),
+ (0, import_react33.createElement)(
"div",
{ className: "bt-voice-status", role: "status" },
- phase === "thinking" ? (0, import_react32.createElement)(Shimmer, null, t("Thinking…")) : phase === "transcribing" ? (0, import_react32.createElement)(Shimmer, null, t("Recognizing…")) : VOICE_LABELS[phase] ? t(VOICE_LABELS[phase]) : ""
+ phase === "thinking" ? (0, import_react33.createElement)(Shimmer, null, t("Thinking…")) : phase === "transcribing" ? (0, import_react33.createElement)(Shimmer, null, t("Recognizing…")) : VOICE_LABELS[phase] ? t(VOICE_LABELS[phase]) : ""
),
- (0, import_react32.createElement)("div", { className: "bt-voice-caption", key: `${phase}:${caption.slice(0, 12)}` }, caption),
- openSetup ? (0, import_react32.createElement)("button", { type: "button", className: "bt-voice-setup", onClick: () => {
+ (0, import_react33.createElement)("div", { className: "bt-voice-caption", key: `${phase}:${caption.slice(0, 12)}` }, caption),
+ openSetup ? (0, import_react33.createElement)("button", { type: "button", className: "bt-voice-setup", onClick: () => {
close();
openSetup();
} }, t("Set up voice input")) : null,
- shownNote ? (0, import_react32.createElement)("div", { className: "bt-voice-note" }, shownNote) : null
+ shownNote ? (0, import_react33.createElement)("div", { className: "bt-voice-note" }, shownNote) : null
),
- (0, import_react32.createElement)(
+ (0, import_react33.createElement)(
"div",
{ className: "bt-voice-bar" },
- (0, import_react32.createElement)("button", {
+ (0, import_react33.createElement)("button", {
type: "button",
className: "bt-voice-btn",
"aria-pressed": phase === "paused",
disabled: blocked,
"aria-label": phase === "paused" ? t("Resume listening") : t("Pause"),
onClick: togglePause
- }, (0, import_react32.createElement)(MicIcon, { size: 20 }), phase === "paused" ? (0, import_react32.createElement)("span", { className: "bt-voice-slash", "aria-hidden": true }) : null),
- (0, import_react32.createElement)("button", { type: "button", className: "bt-voice-btn bt-voice-end", "aria-label": t("End voice chat"), onClick: close }, (0, import_react32.createElement)(CloseIcon))
+ }, (0, import_react33.createElement)(MicIcon, { size: 20 }), phase === "paused" ? (0, import_react33.createElement)("span", { className: "bt-voice-slash", "aria-hidden": true }) : null),
+ (0, import_react33.createElement)("button", { type: "button", className: "bt-voice-btn bt-voice-end", "aria-label": t("End voice chat"), onClick: close }, (0, import_react33.createElement)(CloseIcon))
)
);
}
@@ -13987,7 +14252,7 @@ function percent(part, whole) {
}
// src/client/usage-page.js
-var import_react33 = require("react");
+var import_react34 = require("react");
var HEAT_WEEKS = 53;
var TOP_SERIES = 7;
var RING_R = 42;
@@ -14034,9 +14299,9 @@ function titleOf(range, bucket) {
return dates({ year: "numeric", month: "long" }).format(bucket.start);
}
function useTween(value) {
- const [shown, setShown] = (0, import_react33.useState)(0);
- const from = (0, import_react33.useRef)(0);
- (0, import_react33.useEffect)(() => {
+ const [shown, setShown] = (0, import_react34.useState)(0);
+ const from = (0, import_react34.useRef)(0);
+ (0, import_react34.useEffect)(() => {
if (reducedMotion() || typeof requestAnimationFrame !== "function") {
from.current = value;
setShown(value);
@@ -14056,9 +14321,9 @@ function useTween(value) {
}, [value]);
return shown;
}
-var glyphBox = (size, icon3) => (0, import_react33.createElement)("span", { className: "bt-us-glyph", style: { width: size, height: size } }, (0, import_react33.createElement)(icon3));
+var glyphBox = (size, icon3) => (0, import_react34.createElement)("span", { className: "bt-us-glyph", style: { width: size, height: size } }, (0, import_react34.createElement)(icon3));
function ModelGlyph({ name, paint, size }) {
- return (0, import_react33.createElement)("span", {
+ return (0, import_react34.createElement)("span", {
className: "bt-us-model",
"aria-hidden": true,
style: { width: size, height: size, fontSize: Math.round(size * 0.42), background: `color-mix(in srgb, ${paint} 20%, var(--bt-card))`, color: `color-mix(in srgb, ${paint} 72%, var(--bt-ink))` }
@@ -14075,7 +14340,7 @@ function ownerFace(owner, roster) {
sub: owner.deleted ? t("Deleted") : role.toLowerCase() === name.toLowerCase() ? "" : role,
paint: paintCss(colorOf(bot)),
stops: GRADIENTS[colorOf(bot)],
- glyph: (size) => (0, import_react33.createElement)(BotAvatar, { bot, size, badge: false, live: false })
+ glyph: (size) => (0, import_react34.createElement)(BotAvatar, { bot, size, badge: false, live: false })
};
}
if (owner.kind === "room") {
@@ -14085,7 +14350,7 @@ function ownerFace(owner, roster) {
name: owner.name || t("Deleted group chat"),
sub: owner.deleted ? t("Deleted") : t("Group chat"),
paint: "var(--bt-us-rest)",
- glyph: (size) => room2 ? (0, import_react33.createElement)(RoomAvatar, { room: room2, roster, size }) : glyphBox(size, ChatsIcon)
+ glyph: (size) => room2 ? (0, import_react34.createElement)(RoomAvatar, { room: room2, roster, size }) : glyphBox(size, ChatsIcon)
};
}
if (owner.kind === "agent") {
@@ -14107,30 +14372,30 @@ function Tabs({ label, value, options, onChange, boxRef }) {
const names = options.map(([, text]) => text).join("\n");
const glide = useGlide(`${value}
${names}`, { box: boxRef });
- return (0, import_react33.createElement)(
+ return (0, import_react34.createElement)(
"div",
{ ref: glide.box, className: "bt-us-tabs", role: "group", "aria-label": label },
- (0, import_react33.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
- options.map(([id, text, icon3]) => (0, import_react33.createElement)("button", { key: id, type: "button", "aria-pressed": value === id, onClick: () => onChange(id) }, icon3 ? (0, import_react33.createElement)(icon3) : null, text))
+ (0, import_react34.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
+ options.map(([id, text, icon3]) => (0, import_react34.createElement)("button", { key: id, type: "button", "aria-pressed": value === id, onClick: () => onChange(id) }, icon3 ? (0, import_react34.createElement)(icon3) : null, text))
);
}
function Stats({ range, total, previous }) {
const shown = useTween(total.total);
const change = previous > 0 ? Math.round((total.total - previous) / previous * 100) : null;
- const cell = (label, value) => (0, import_react33.createElement)("div", { className: "bt-us-stat" }, (0, import_react33.createElement)("span", { className: "bt-us-stat-label" }, label), (0, import_react33.createElement)("span", { className: "bt-us-stat-value" }, value));
- return (0, import_react33.createElement)(
+ const cell = (label, value) => (0, import_react34.createElement)("div", { className: "bt-us-stat" }, (0, import_react34.createElement)("span", { className: "bt-us-stat-label" }, label), (0, import_react34.createElement)("span", { className: "bt-us-stat-value" }, value));
+ return (0, import_react34.createElement)(
"section",
{ className: "bt-us-stats", style: { "--i": 0 } },
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)(
"div",
{ className: "bt-us-stat bt-us-stat-main" },
- (0, import_react33.createElement)("span", { className: "bt-us-stat-label" }, lastText(range)),
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)("span", { className: "bt-us-stat-label" }, lastText(range)),
+ (0, import_react34.createElement)(
"span",
{ className: "bt-us-stat-value" },
compact(shown),
- (0, import_react33.createElement)("small", null, t("tokens")),
- change === null ? null : (0, import_react33.createElement)(
+ (0, import_react34.createElement)("small", null, t("tokens")),
+ change === null ? null : (0, import_react34.createElement)(
"span",
{ className: "bt-us-delta", title: compareText(range) },
`${change >= 0 ? "↑" : "↓"} ${Math.abs(change)}%`
@@ -14148,83 +14413,83 @@ function niceTop(max) {
return [1, 1.5, 2, 2.5, 3, 4, 5, 6, 8, 10].map((scale) => scale * step).find((value) => value >= max);
}
function Chart({ range, columns, series, tipSeries, by, onBy, onPick }) {
- const [hover, setHover] = (0, import_react33.useState)(null);
+ const [hover, setHover] = (0, import_react34.useState)(null);
const top = niceTop(Math.max(0, ...columns.map((column) => column.total)));
const count = columns.length;
const fillOf = new Map(series.map((entry) => [entry.key, entry.fill]));
const tipOf = new Map(tipSeries.map((entry) => [entry.key, entry]));
const tip = hover === null ? null : columns[hover];
const tipSide = hover !== null && hover >= count / 2 ? { right: `calc(${(count - hover) / count * 100}% + 8px)` } : { left: `calc(${(hover + 1) / count * 100}% + 8px)` };
- return (0, import_react33.createElement)(
+ return (0, import_react34.createElement)(
"section",
{ className: "bt-us-card bt-us-chart", style: { "--i": 1 } },
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)(
"div",
{ className: "bt-us-card-head" },
- (0, import_react33.createElement)("h3", null, t("Tokens over time"), (0, import_react33.createElement)("span", null, unitLabel(range.unit))),
- onBy ? (0, import_react33.createElement)(Tabs, { label: t("Group usage by"), value: by, onChange: onBy, options: [["bot", t("By Bot")], ["model", t("By model")]] }) : null
+ (0, import_react34.createElement)("h3", null, t("Tokens over time"), (0, import_react34.createElement)("span", null, unitLabel(range.unit))),
+ onBy ? (0, import_react34.createElement)(Tabs, { label: t("Group usage by"), value: by, onChange: onBy, options: [["bot", t("By Bot")], ["model", t("By model")]] }) : null
),
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)(
"div",
{ className: "bt-us-chart-body" },
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)(
"div",
{ className: "bt-us-plot", "data-hover": hover === null ? void 0 : "", onMouseLeave: () => setHover(null) },
- [1, 0.5].map((level) => (0, import_react33.createElement)("div", { key: level, className: "bt-us-grid", style: { bottom: `${level * 100}%` } }, (0, import_react33.createElement)("span", null, compact(top * level)))),
- (0, import_react33.createElement)("div", { className: "bt-us-grid bt-us-base", style: { bottom: 0 } }, (0, import_react33.createElement)("span", null, "0")),
- (0, import_react33.createElement)(
+ [1, 0.5].map((level) => (0, import_react34.createElement)("div", { key: level, className: "bt-us-grid", style: { bottom: `${level * 100}%` } }, (0, import_react34.createElement)("span", null, compact(top * level)))),
+ (0, import_react34.createElement)("div", { className: "bt-us-grid bt-us-base", style: { bottom: 0 } }, (0, import_react34.createElement)("span", null, "0")),
+ (0, import_react34.createElement)(
"div",
{ className: "bt-us-cols" },
- columns.map((column, at) => (0, import_react33.createElement)("div", {
+ columns.map((column, at) => (0, import_react34.createElement)("div", {
key: `${range.from ? `${range.from}~${range.to}` : range.id}:${column.key}`,
className: "bt-us-col",
"data-on": hover === at ? "" : void 0,
onMouseEnter: () => setHover(at)
- }, column.total > 0 ? (0, import_react33.createElement)(
+ }, column.total > 0 ? (0, import_react34.createElement)(
"div",
{ className: "bt-us-stack", style: { height: `${column.total / top * 100}%`, "--i": at } },
- column.parts.map(([key, value]) => value > 0 ? (0, import_react33.createElement)("i", { key, style: { flexGrow: value, background: fillOf.get(key) } }) : null)
- ) : (0, import_react33.createElement)("div", { className: "bt-us-stub" })))
+ column.parts.map(([key, value]) => value > 0 ? (0, import_react34.createElement)("i", { key, style: { flexGrow: value, background: fillOf.get(key) } }) : null)
+ ) : (0, import_react34.createElement)("div", { className: "bt-us-stub" })))
),
- tip ? (0, import_react33.createElement)(
+ tip ? (0, import_react34.createElement)(
"div",
{ className: "bt-us-tip", style: tipSide },
- (0, import_react33.createElement)("div", { className: "bt-us-tip-title" }, tip.title),
- (0, import_react33.createElement)("div", { className: "bt-us-tip-total" }, t("{count} tokens", { count: full(tip.total) })),
- tip.tip.filter(([, value]) => value > 0).sort((a, b) => b[1] - a[1]).map(([key, value]) => (0, import_react33.createElement)(
+ (0, import_react34.createElement)("div", { className: "bt-us-tip-title" }, tip.title),
+ (0, import_react34.createElement)("div", { className: "bt-us-tip-total" }, t("{count} tokens", { count: full(tip.total) })),
+ tip.tip.filter(([, value]) => value > 0).sort((a, b) => b[1] - a[1]).map(([key, value]) => (0, import_react34.createElement)(
"div",
{ key, className: "bt-us-tip-row" },
- (0, import_react33.createElement)("i", { className: "bt-us-dot", style: { background: tipOf.get(key)?.fill } }),
- (0, import_react33.createElement)("span", null, tipOf.get(key)?.name),
- (0, import_react33.createElement)("b", null, compact(value))
+ (0, import_react34.createElement)("i", { className: "bt-us-dot", style: { background: tipOf.get(key)?.fill } }),
+ (0, import_react34.createElement)("span", null, tipOf.get(key)?.name),
+ (0, import_react34.createElement)("b", null, compact(value))
))
) : null
),
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)(
"div",
{ className: "bt-us-ticks", "aria-hidden": true },
// A preset counts its labels back from now; a picked span forward from its first day.
- columns.map((column, at) => (0, import_react33.createElement)(
+ columns.map((column, at) => (0, import_react34.createElement)(
"span",
{ key: column.key, "data-now": at === count - 1 && range.ends !== false ? "" : void 0 },
(range.from ? at : count - 1 - at) % range.stride === 0 ? column.tick : ""
))
)
),
- series.length > 1 || series[0]?.pick ? (0, import_react33.createElement)(
+ series.length > 1 || series[0]?.pick ? (0, import_react34.createElement)(
"div",
{ className: "bt-us-legend" },
- series.map((entry) => (0, import_react33.createElement)(entry.pick ? "button" : "span", {
+ series.map((entry) => (0, import_react34.createElement)(entry.pick ? "button" : "span", {
key: entry.key,
className: "bt-us-key",
...entry.pick ? { type: "button", onClick: () => onPick(entry.pick) } : {}
- }, (0, import_react33.createElement)("i", { className: "bt-us-dot", style: { background: entry.fill } }), entry.name))
+ }, (0, import_react34.createElement)("i", { className: "bt-us-dot", style: { background: entry.fill } }), entry.name))
) : null
);
}
function Row2({ kind, glyph, name, sub, sum, whole, fill: fill2, index, onClick }) {
const width = whole > 0 ? Math.max(sum.total > 0 ? 2 : 0, sum.total / whole * 100) : 0;
- return (0, import_react33.createElement)(
+ return (0, import_react34.createElement)(
onClick ? "button" : "div",
{
className: "bt-us-row",
@@ -14233,69 +14498,69 @@ function Row2({ kind, glyph, name, sub, sum, whole, fill: fill2, index, onClick
title: t("{tokens} tokens · {calls} calls", { tokens: full(sum.total), calls: full(sum.calls) }),
...onClick ? { type: "button", onClick } : {}
},
- glyph ? (0, import_react33.createElement)("span", { className: "bt-us-row-glyph" }, glyph) : null,
- (0, import_react33.createElement)(
+ glyph ? (0, import_react34.createElement)("span", { className: "bt-us-row-glyph" }, glyph) : null,
+ (0, import_react34.createElement)(
"span",
{ className: "bt-us-row-body" },
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)(
"span",
{ className: "bt-us-row-line" },
- (0, import_react33.createElement)("span", { className: "bt-us-row-name" }, name),
- sub ? (0, import_react33.createElement)("span", { className: "bt-us-row-sub" }, sub) : null
+ (0, import_react34.createElement)("span", { className: "bt-us-row-name" }, name),
+ sub ? (0, import_react34.createElement)("span", { className: "bt-us-row-sub" }, sub) : null
),
- (0, import_react33.createElement)("span", { className: "bt-us-track" }, (0, import_react33.createElement)("span", { style: { width: `${width}%`, background: fill2 } }))
+ (0, import_react34.createElement)("span", { className: "bt-us-track" }, (0, import_react34.createElement)("span", { style: { width: `${width}%`, background: fill2 } }))
),
- (0, import_react33.createElement)("span", { className: "bt-us-row-num" }, (0, import_react33.createElement)("b", null, compact(sum.total)), (0, import_react33.createElement)("small", null, `${percent(sum.total, whole)}%`))
+ (0, import_react34.createElement)("span", { className: "bt-us-row-num" }, (0, import_react34.createElement)("b", null, compact(sum.total)), (0, import_react34.createElement)("small", null, `${percent(sum.total, whole)}%`))
);
}
function ListCard({ title, count, index, children }) {
- return (0, import_react33.createElement)(
+ return (0, import_react34.createElement)(
"section",
{ className: "bt-us-card", style: { "--i": index } },
- (0, import_react33.createElement)("div", { className: "bt-us-card-head" }, (0, import_react33.createElement)("h3", null, title, count === void 0 ? null : (0, import_react33.createElement)("span", null, count))),
- (0, import_react33.createElement)("div", { className: "bt-us-rows" }, children)
+ (0, import_react34.createElement)("div", { className: "bt-us-card-head" }, (0, import_react34.createElement)("h3", null, title, count === void 0 ? null : (0, import_react34.createElement)("span", null, count))),
+ (0, import_react34.createElement)("div", { className: "bt-us-rows" }, children)
);
}
function Profile({ face, share, range }) {
const arc = Math.max(0, Math.min(1, share)) * RING2;
- return (0, import_react33.createElement)(
+ return (0, import_react34.createElement)(
"section",
{ className: "bt-us-profile" },
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)(
"span",
{ className: "bt-us-ring" },
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)(
"svg",
{ viewBox: "0 0 96 96", "aria-hidden": true },
- face.stops ? (0, import_react33.createElement)("defs", null, (0, import_react33.createElement)(
+ face.stops ? (0, import_react34.createElement)("defs", null, (0, import_react34.createElement)(
"linearGradient",
{ id: "bt-us-ring-paint", x1: 0, y1: 1, x2: 1, y2: 0 },
- face.stops.map(([offset, color]) => (0, import_react33.createElement)("stop", { key: offset, offset, stopColor: color }))
+ face.stops.map(([offset, color]) => (0, import_react34.createElement)("stop", { key: offset, offset, stopColor: color }))
)) : null,
- (0, import_react33.createElement)("circle", { className: "bt-us-ring-track", cx: 48, cy: 48, r: RING_R }),
- arc > 0 ? (0, import_react33.createElement)("circle", { className: "bt-us-ring-arc", cx: 48, cy: 48, r: RING_R, style: { stroke: face.stops ? "url(#bt-us-ring-paint)" : face.paint, strokeDasharray: `${arc} ${RING2}` } }) : null
+ (0, import_react34.createElement)("circle", { className: "bt-us-ring-track", cx: 48, cy: 48, r: RING_R }),
+ arc > 0 ? (0, import_react34.createElement)("circle", { className: "bt-us-ring-arc", cx: 48, cy: 48, r: RING_R, style: { stroke: face.stops ? "url(#bt-us-ring-paint)" : face.paint, strokeDasharray: `${arc} ${RING2}` } }) : null
),
- (0, import_react33.createElement)("span", { className: "bt-us-ring-face" }, face.glyph(64))
+ (0, import_react34.createElement)("span", { className: "bt-us-ring-face" }, face.glyph(64))
),
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)(
"div",
{ className: "bt-us-profile-copy" },
- (0, import_react33.createElement)("h3", null, face.name),
- face.sub ? (0, import_react33.createElement)("span", { className: "bt-us-profile-sub" }, face.sub) : null,
- (0, import_react33.createElement)("span", { className: "bt-us-profile-share" }, range.from ? t("{share}% of all usage from {span}", { share: percent(share, 1), span: spanText(range.from, range.to) }) : t("{share}% of all usage in the last {range}", { share: percent(share, 1), range: rangeLabel(range.id) }))
+ (0, import_react34.createElement)("h3", null, face.name),
+ face.sub ? (0, import_react34.createElement)("span", { className: "bt-us-profile-sub" }, face.sub) : null,
+ (0, import_react34.createElement)("span", { className: "bt-us-profile-share" }, range.from ? t("{share}% of all usage from {span}", { share: percent(share, 1), span: spanText(range.from, range.to) }) : t("{share}% of all usage in the last {range}", { share: percent(share, 1), range: rangeLabel(range.id) }))
)
);
}
var monthOf = (ms) => Date.UTC(yearOf(ms), new Date(ms).getUTCMonth(), 1);
var addMonths = (ms, count) => Date.UTC(yearOf(ms), new Date(ms).getUTCMonth() + count, 1);
function SpanPicker({ span, today, oldest, active, near, onPick, onClose }) {
- const box = (0, import_react33.useRef)(null);
+ const box = (0, import_react34.useRef)(null);
const todayMs = hourMs(today);
const thisMonth = monthOf(todayMs);
- const [right, setRight] = (0, import_react33.useState)(() => Math.max(addMonths(oldest, 1), monthOf(hourMs(span?.to ?? today))));
- const [anchor, setAnchor] = (0, import_react33.useState)(null);
- const [hover, setHover] = (0, import_react33.useState)(null);
- (0, import_react33.useEffect)(() => {
+ const [right, setRight] = (0, import_react34.useState)(() => Math.max(addMonths(oldest, 1), monthOf(hourMs(span?.to ?? today))));
+ const [anchor, setAnchor] = (0, import_react34.useState)(null);
+ const [hover, setHover] = (0, import_react34.useState)(null);
+ (0, import_react34.useEffect)(() => {
const onDown = (event) => {
if (![box, near].some((ref) => ref.current?.contains(event.target))) onClose();
};
@@ -14321,17 +14586,17 @@ function SpanPicker({ span, today, oldest, active, near, onPick, onClose }) {
const [from, to] = [anchor, key].sort();
onPick(from, to);
};
- const weekdays = (0, import_react33.useMemo)(() => Array.from({ length: 7 }, (_, at) => dates({ weekday: "narrow" }).format(Date.UTC(2024, 0, 1 + at))), []);
+ const weekdays = (0, import_react34.useMemo)(() => Array.from({ length: 7 }, (_, at) => dates({ weekday: "narrow" }).format(Date.UTC(2024, 0, 1 + at))), []);
const month = (start, side) => {
const length = new Date(addMonths(start, 1) - DAY_MS).getUTCDate();
const lead = (new Date(start).getUTCDay() + 6) % 7;
- const cells = Array.from({ length: lead }, (_, at) => (0, import_react33.createElement)("span", { key: `b${at}` }));
+ const cells = Array.from({ length: lead }, (_, at) => (0, import_react34.createElement)("span", { key: `b${at}` }));
for (let day = 1; day <= length; day += 1) {
const ms = start + (day - 1) * DAY_MS;
const key = dayKey(ms);
const weekday = (lead + day - 1) % 7;
const flag = (on) => on ? "" : void 0;
- cells.push((0, import_react33.createElement)("button", {
+ cells.push((0, import_react34.createElement)("button", {
key,
type: "button",
className: "bt-us-day",
@@ -14347,15 +14612,15 @@ function SpanPicker({ span, today, oldest, active, near, onPick, onClose }) {
"data-has": flag(active.has(key)),
onMouseEnter: () => setHover(key),
onClick: () => press(key)
- }, (0, import_react33.createElement)("b", null, day)));
+ }, (0, import_react34.createElement)("b", null, day)));
}
- const nav = side === "left" ? (0, import_react33.createElement)("button", { type: "button", className: "bt-us-month-nav", "data-side": "left", "aria-label": t("Previous month"), disabled: start <= oldest, onClick: () => setRight(addMonths(right, -1)) }, (0, import_react33.createElement)(ChevronLeftIcon)) : (0, import_react33.createElement)("button", { type: "button", className: "bt-us-month-nav", "data-side": "right", "aria-label": t("Next month"), disabled: start >= thisMonth, onClick: () => setRight(addMonths(right, 1)) }, (0, import_react33.createElement)(ChevronRightIcon));
- return (0, import_react33.createElement)(
+ const nav = side === "left" ? (0, import_react34.createElement)("button", { type: "button", className: "bt-us-month-nav", "data-side": "left", "aria-label": t("Previous month"), disabled: start <= oldest, onClick: () => setRight(addMonths(right, -1)) }, (0, import_react34.createElement)(ChevronLeftIcon)) : (0, import_react34.createElement)("button", { type: "button", className: "bt-us-month-nav", "data-side": "right", "aria-label": t("Next month"), disabled: start >= thisMonth, onClick: () => setRight(addMonths(right, 1)) }, (0, import_react34.createElement)(ChevronRightIcon));
+ return (0, import_react34.createElement)(
"div",
{ key: start, className: "bt-us-month" },
- (0, import_react33.createElement)("div", { className: "bt-us-month-head" }, nav, (0, import_react33.createElement)("span", null, dates({ year: "numeric", month: "long" }).format(start))),
- (0, import_react33.createElement)("div", { className: "bt-us-weekdays", "aria-hidden": true }, weekdays.map((name, at) => (0, import_react33.createElement)("span", { key: at }, name))),
- (0, import_react33.createElement)("div", { className: "bt-us-days", onMouseLeave: () => setHover(null) }, cells)
+ (0, import_react34.createElement)("div", { className: "bt-us-month-head" }, nav, (0, import_react34.createElement)("span", null, dates({ year: "numeric", month: "long" }).format(start))),
+ (0, import_react34.createElement)("div", { className: "bt-us-weekdays", "aria-hidden": true }, weekdays.map((name, at) => (0, import_react34.createElement)("span", { key: at }, name))),
+ (0, import_react34.createElement)("div", { className: "bt-us-days", onMouseLeave: () => setHover(null) }, cells)
);
};
const shortcuts = [
@@ -14364,30 +14629,30 @@ function SpanPicker({ span, today, oldest, active, near, onPick, onClose }) {
["year", t("This year"), `${today.slice(0, 4)}-01-01`, today]
];
const count = low === null ? 0 : Math.round((hourMs(high) - hourMs(low)) / DAY_MS) + 1;
- return (0, import_react33.createElement)(
+ return (0, import_react34.createElement)(
"div",
{ ref: box, className: "bt-us-pick", role: "dialog", "aria-label": t("Custom range") },
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)(
"div",
{ className: "bt-us-pick-quick" },
- shortcuts.map(([id, label, from, to]) => (0, import_react33.createElement)("button", {
+ shortcuts.map(([id, label, from, to]) => (0, import_react34.createElement)("button", {
key: id,
type: "button",
"aria-pressed": span?.from === from && span?.to === to,
onClick: () => onPick(from, to)
}, label))
),
- (0, import_react33.createElement)("div", { className: "bt-us-pick-months" }, month(addMonths(right, -1), "left"), month(right, "right")),
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)("div", { className: "bt-us-pick-months" }, month(addMonths(right, -1), "left"), month(right, "right")),
+ (0, import_react34.createElement)(
"div",
{ className: "bt-us-pick-foot", role: "status" },
- (0, import_react33.createElement)("span", null, anchor ? t("Pick the last day") : t("Pick the first day")),
- low === null ? null : (0, import_react33.createElement)("span", null, (0, import_react33.createElement)("b", null, spanText(low, high)), ` · ${daysText(count)}`)
+ (0, import_react34.createElement)("span", null, anchor ? t("Pick the last day") : t("Pick the first day")),
+ low === null ? null : (0, import_react34.createElement)("span", null, (0, import_react34.createElement)("b", null, spanText(low, high)), ` · ${daysText(count)}`)
)
);
}
function Heat({ view, keep, paint, index }) {
- const [hover, setHover] = (0, import_react33.useState)(null);
+ const [hover, setHover] = (0, import_react34.useState)(null);
const today = hourMs(`${view.now.slice(0, 10)} 00`);
const first = mondayOf(today) - (HEAT_WEEKS - 1) * 7 * DAY_MS;
const from = dayKey(first);
@@ -14403,13 +14668,13 @@ function Heat({ view, keep, paint, index }) {
for (let week = 0; week < HEAT_WEEKS; week += 1) {
const monday = first + week * 7 * DAY_MS;
if (week > 0 && new Date(monday).getUTCMonth() !== new Date(monday - 7 * DAY_MS).getUTCMonth()) {
- months.push((0, import_react33.createElement)("span", { key: week, style: { gridColumn: week + 1 } }, dates({ month: "short" }).format(monday)));
+ months.push((0, import_react34.createElement)("span", { key: week, style: { gridColumn: week + 1 } }, dates({ month: "short" }).format(monday)));
}
for (let day = 0; day < 7; day += 1) {
const ms = monday + day * DAY_MS;
const value = daily.get(dayKey(ms)) ?? 0;
const level = value > 0 ? Math.max(1, Math.ceil(4 * Math.sqrt(value / most))) : 0;
- cells.push((0, import_react33.createElement)("span", {
+ cells.push((0, import_react34.createElement)("span", {
key: ms,
className: "bt-us-cell",
style: { "--w": week },
@@ -14417,7 +14682,7 @@ function Heat({ view, keep, paint, index }) {
"data-future": ms > today ? "" : void 0,
"data-today": ms === today ? "" : void 0,
onMouseEnter: ms > today ? void 0 : () => setHover({ ms, week, day })
- }, level > 0 ? (0, import_react33.createElement)("i", { style: { background: soften(paint, levels[level - 1]) } }) : null));
+ }, level > 0 ? (0, import_react34.createElement)("i", { style: { background: soften(paint, levels[level - 1]) } }) : null));
}
}
const tipSide = hover ? {
@@ -14426,61 +14691,61 @@ function Heat({ view, keep, paint, index }) {
} : null;
const active = [...daily.values()].filter((value) => value > 0).length;
const summary = active === 1 ? t("Active on 1 day in the last year") : t("Active on {count} days in the last year", { count: active });
- return (0, import_react33.createElement)(
+ return (0, import_react34.createElement)(
"section",
{ className: "bt-us-card bt-us-heat", style: { "--i": index } },
- (0, import_react33.createElement)("div", { className: "bt-us-card-head" }, (0, import_react33.createElement)("h3", null, t("Activity")), (0, import_react33.createElement)("span", { className: "bt-us-head-note" }, summary)),
- (0, import_react33.createElement)("div", { className: "bt-us-heat-months", "aria-hidden": true }, months),
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)("div", { className: "bt-us-card-head" }, (0, import_react34.createElement)("h3", null, t("Activity")), (0, import_react34.createElement)("span", { className: "bt-us-head-note" }, summary)),
+ (0, import_react34.createElement)("div", { className: "bt-us-heat-months", "aria-hidden": true }, months),
+ (0, import_react34.createElement)(
"div",
{ className: "bt-us-heat-plot", onMouseLeave: () => setHover(null) },
- (0, import_react33.createElement)("div", { className: "bt-us-heat-grid", role: "img", "aria-label": summary }, cells),
- hover ? (0, import_react33.createElement)(
+ (0, import_react34.createElement)("div", { className: "bt-us-heat-grid", role: "img", "aria-label": summary }, cells),
+ hover ? (0, import_react34.createElement)(
"div",
{ className: "bt-us-tip bt-us-heat-tip", style: tipSide },
- (0, import_react33.createElement)("div", { className: "bt-us-tip-title" }, dates({ month: "long", day: "numeric", weekday: "short" }).format(hover.ms)),
- (0, import_react33.createElement)("div", { className: "bt-us-tip-total" }, t("{count} tokens", { count: full(daily.get(dayKey(hover.ms)) ?? 0) }))
+ (0, import_react34.createElement)("div", { className: "bt-us-tip-title" }, dates({ month: "long", day: "numeric", weekday: "short" }).format(hover.ms)),
+ (0, import_react34.createElement)("div", { className: "bt-us-tip-total" }, t("{count} tokens", { count: full(daily.get(dayKey(hover.ms)) ?? 0) }))
) : null
),
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)(
"div",
{ className: "bt-us-heat-scale", "aria-hidden": true },
t("Light"),
- levels.map((level) => (0, import_react33.createElement)("span", { key: level, className: "bt-us-cell" }, (0, import_react33.createElement)("i", { style: { background: soften(paint, level) } }))),
+ levels.map((level) => (0, import_react34.createElement)("span", { key: level, className: "bt-us-cell" }, (0, import_react34.createElement)("i", { style: { background: soften(paint, level) } }))),
t("Heavy")
)
);
}
function Skeleton2() {
- return (0, import_react33.createElement)(
+ return (0, import_react34.createElement)(
"div",
{ className: "bt-us", "aria-busy": true },
- (0, import_react33.createElement)("div", { className: "bt-us-skel", style: { height: 32, width: 320, borderRadius: 999 } }),
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)("div", { className: "bt-us-skel", style: { height: 32, width: 320, borderRadius: 999 } }),
+ (0, import_react34.createElement)(
"div",
{ className: "bt-us-sheet bt-us-skel-sheet" },
- (0, import_react33.createElement)("div", { className: "bt-us-skel", style: { height: 94 } }),
- (0, import_react33.createElement)("div", { className: "bt-us-skel", style: { height: 318 } }),
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)("div", { className: "bt-us-skel", style: { height: 94 } }),
+ (0, import_react34.createElement)("div", { className: "bt-us-skel", style: { height: 318 } }),
+ (0, import_react34.createElement)(
"div",
{ className: "bt-us-pair" },
- (0, import_react33.createElement)("div", { className: "bt-us-skel", style: { height: 200 } }),
- (0, import_react33.createElement)("div", { className: "bt-us-skel", style: { height: 200 } })
+ (0, import_react34.createElement)("div", { className: "bt-us-skel", style: { height: 200 } }),
+ (0, import_react34.createElement)("div", { className: "bt-us-skel", style: { height: 200 } })
)
)
);
}
var focusOf = (id) => typeof id !== "string" ? null : id.startsWith("model:") ? { kind: "model", key: id.slice("model:".length) } : id.startsWith("owner:") ? { kind: "owner", key: id.slice("owner:".length) } : null;
function UsagePage({ roster, actions, focusId }) {
- const [view, setView] = (0, import_react33.useState)(null);
- const [error, setError] = (0, import_react33.useState)("");
- const [rangeId, setRangeId] = (0, import_react33.useState)("7d");
- const [span, setSpan] = (0, import_react33.useState)(null);
- const [picking, setPicking] = (0, import_react33.useState)(false);
- const [by, setBy] = (0, import_react33.useState)("bot");
- const tabs = (0, import_react33.useRef)(null);
+ const [view, setView] = (0, import_react34.useState)(null);
+ const [error, setError] = (0, import_react34.useState)("");
+ const [rangeId, setRangeId] = (0, import_react34.useState)("7d");
+ const [span, setSpan] = (0, import_react34.useState)(null);
+ const [picking, setPicking] = (0, import_react34.useState)(false);
+ const [by, setBy] = (0, import_react34.useState)("bot");
+ const tabs = (0, import_react34.useRef)(null);
const focus = focusOf(focusId);
- (0, import_react33.useEffect)(() => {
+ (0, import_react34.useEffect)(() => {
let stopped = false;
let timer;
const resized = Promise.all((document.querySelector(".bt-settings")?.getAnimations() ?? []).filter((animation) => animation.transitionProperty === "width" || animation.transitionProperty === "height").map((animation) => animation.finished.catch(() => {
@@ -14490,7 +14755,7 @@ function UsagePage({ roster, actions, focusId }) {
const value = await actions.usage();
await resized;
if (stopped) return;
- (0, import_react33.startTransition)(() => setView(value));
+ (0, import_react34.startTransition)(() => setView(value));
setError("");
timer = setTimeout(load, value.scanning ? 3e3 : 2e4);
} catch (failure) {
@@ -14507,7 +14772,7 @@ function UsagePage({ roster, actions, focusId }) {
}, []);
const today = view?.now.slice(0, 10);
const range = rangeId === "custom" && span ? { ...spanRange(span.from, span.to), ends: span.to >= today } : RANGES.find((item) => item.id === rangeId);
- const shaped = (0, import_react33.useMemo)(() => {
+ const shaped = (0, import_react34.useMemo)(() => {
if (!view) return null;
const faces2 = view.owners.map((owner) => ownerFace(owner, roster));
const lifetime = /* @__PURE__ */ new Map();
@@ -14516,7 +14781,7 @@ function UsagePage({ roster, actions, focusId }) {
const models2 = view.models.map((model, at) => {
const name = model.name || model.model || t("Unknown model");
const paint = modelPaint.get(at) ?? "var(--bt-us-rest)";
- return { kind: "model", name, sub: model.providerName ?? model.provider, paint, glyph: (size) => (0, import_react33.createElement)(ModelGlyph, { name, paint, size }) };
+ return { kind: "model", name, sub: model.providerName ?? model.provider, paint, glyph: (size) => (0, import_react34.createElement)(ModelGlyph, { name, paint, size }) };
});
const ownerAt2 = focus?.kind === "owner" ? view.owners.findIndex((owner) => owner.key === focus.key) : -1;
const modelAt = focus?.kind === "model" ? view.models.findIndex((model) => model.key === focus.key) : -1;
@@ -14564,23 +14829,23 @@ function UsagePage({ roster, actions, focusId }) {
});
return { faces: faces2, models: models2, ownerAt: ownerAt2, modelAt, face: face2, keep: keep2, all: all2, part: part2, series: series2, tipSeries: tipSeries2, fillOf: fillOf2, columns: columns2, ranked: ranked2, isBot: isBot2, activeDays: activeDays2, oldest: oldest2 };
}, [view, rangeId, span, by, focusId, roster]);
- const root = (0, import_react33.useRef)(null);
- (0, import_react33.useEffect)(() => {
+ const root = (0, import_react34.useRef)(null);
+ (0, import_react34.useEffect)(() => {
root.current?.closest(".bt-settings-scroll")?.scrollTo?.({ top: 0 });
}, [focusId]);
if (!view) {
- return error ? (0, import_react33.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : (0, import_react33.createElement)(Skeleton2);
+ return error ? (0, import_react34.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : (0, import_react34.createElement)(Skeleton2);
}
if (view.rows.length === 0) {
- return (0, import_react33.createElement)(
+ return (0, import_react34.createElement)(
"div",
{ className: "bt-us" },
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)(
"div",
{ className: "bt-us-empty" },
- (0, import_react33.createElement)(BotMark, { look: MAIN_LOOK, size: 56, live: true }),
- (0, import_react33.createElement)("b", null, view.scanning ? t("Reading your chats…") : t("No usage yet.")),
- (0, import_react33.createElement)("span", null, t("Token usage shows up here after a model is called."))
+ (0, import_react34.createElement)(BotMark, { look: MAIN_LOOK, size: 56, live: true }),
+ (0, import_react34.createElement)("b", null, view.scanning ? t("Reading your chats…") : t("No usage yet.")),
+ (0, import_react34.createElement)("span", null, t("Token usage shows up here after a model is called."))
)
);
}
@@ -14605,7 +14870,7 @@ function UsagePage({ roster, actions, focusId }) {
["custom", rangeId === "custom" && span ? spanText(span.from, span.to) : t("Custom"), CalendarIcon]
];
const whole = part.total.total;
- const ownerRow = ([at, sum], index, total = whole) => (0, import_react33.createElement)(Row2, {
+ const ownerRow = ([at, sum], index, total = whole) => (0, import_react34.createElement)(Row2, {
key: `o${at}`,
kind: faces[at].kind,
glyph: faces[at].glyph(32),
@@ -14617,7 +14882,7 @@ function UsagePage({ roster, actions, focusId }) {
fill: face ? soften(face.paint, 0.8) : fillOf.get(`o${at}`) ?? soften(faces[at].paint),
onClick: () => pick2({ kind: "owner", key: view.owners[at].key })
});
- const modelRow = ([at, sum], index) => (0, import_react33.createElement)(Row2, {
+ const modelRow = ([at, sum], index) => (0, import_react34.createElement)(Row2, {
key: `m${at}`,
kind: "model",
glyph: models[at].glyph(32),
@@ -14629,30 +14894,30 @@ function UsagePage({ roster, actions, focusId }) {
fill: face ? soften(face.paint, 0.8) : fillOf.get(`m${at}`) ?? soften(models[at].paint),
onClick: () => pick2({ kind: "model", key: view.models[at].key })
});
- const nothing = (0, import_react33.createElement)("div", { className: "bt-us-none" }, t("Nothing in this range."));
+ const nothing = (0, import_react34.createElement)("div", { className: "bt-us-none" }, t("Nothing in this range."));
let body;
if (face) {
const kinds = ranked(part.kinds);
const usedModels = ranked(part.models);
const owners = ranked(part.owners);
body = [
- (0, import_react33.createElement)(Profile, { key: "profile", face, range, share: all.total.total > 0 ? whole / all.total.total : 0 }),
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)(Profile, { key: "profile", face, range, share: all.total.total > 0 ? whole / all.total.total : 0 }),
+ (0, import_react34.createElement)(
"div",
{ key: "sheet", className: "bt-us-sheet" },
- (0, import_react33.createElement)(Stats, { key: "stats", range, total: part.total, previous: part.previous }),
- (0, import_react33.createElement)(Chart, { key: "chart", range, columns, series, tipSeries, onPick: pick2 }),
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)(Stats, { key: "stats", range, total: part.total, previous: part.previous }),
+ (0, import_react34.createElement)(Chart, { key: "chart", range, columns, series, tipSeries, onPick: pick2 }),
+ (0, import_react34.createElement)(
"div",
{ key: "pair", className: "bt-us-pair" },
- ownerAt >= 0 ? (0, import_react33.createElement)(ListCard, { title: t("Models"), count: usedModels.length, index: 2 }, usedModels.length > 0 ? usedModels.map(modelRow) : nothing) : (0, import_react33.createElement)(ListCard, { title: t("Who used it"), count: owners.length, index: 2 }, owners.length > 0 ? owners.map((entry, index) => ownerRow(entry, index)) : nothing),
- (0, import_react33.createElement)(
+ ownerAt >= 0 ? (0, import_react34.createElement)(ListCard, { title: t("Models"), count: usedModels.length, index: 2 }, usedModels.length > 0 ? usedModels.map(modelRow) : nothing) : (0, import_react34.createElement)(ListCard, { title: t("Who used it"), count: owners.length, index: 2 }, owners.length > 0 ? owners.map((entry, index) => ownerRow(entry, index)) : nothing),
+ (0, import_react34.createElement)(
ListCard,
{ title: t("What for"), index: 3 },
- kinds.length > 0 ? kinds.map(([at, sum], index) => (0, import_react33.createElement)(Row2, { key: at, name: kindLabel(view.kinds[at], ownerAt >= 0 && isBot(ownerAt)), sum, whole, index, fill: soften(face.paint, 0.8) })) : nothing
+ kinds.length > 0 ? kinds.map(([at, sum], index) => (0, import_react34.createElement)(Row2, { key: at, name: kindLabel(view.kinds[at], ownerAt >= 0 && isBot(ownerAt)), sum, whole, index, fill: soften(face.paint, 0.8) })) : nothing
)
),
- (0, import_react33.createElement)(Heat, { key: "heat", view, keep, paint: face.paint, index: 4 })
+ (0, import_react34.createElement)(Heat, { key: "heat", view, keep, paint: face.paint, index: 4 })
)
];
} else {
@@ -14661,39 +14926,39 @@ function UsagePage({ roster, actions, focusId }) {
const rest = owners.filter(([at]) => !isBot(at));
const usedModels = ranked(all.models);
body = [
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)(
"div",
{ key: "sheet", className: "bt-us-sheet" },
- (0, import_react33.createElement)(Stats, { key: "stats", range, total: all.total, previous: all.previous }),
- (0, import_react33.createElement)(Chart, { key: "chart", range, columns, series, tipSeries, by, onBy: setBy, onPick: pick2 }),
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)(Stats, { key: "stats", range, total: all.total, previous: all.previous }),
+ (0, import_react34.createElement)(Chart, { key: "chart", range, columns, series, tipSeries, by, onBy: setBy, onPick: pick2 }),
+ (0, import_react34.createElement)(
"div",
{ key: "pair", className: "bt-us-pair" },
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)(
ListCard,
{ title: t("Bots"), count: bots.length, index: 2 },
owners.length > 0 ? null : nothing,
bots.map((entry, index) => ownerRow(entry, index)),
- bots.length > 0 && rest.length > 0 ? (0, import_react33.createElement)("div", { className: "bt-us-split", role: "separator" }) : null,
+ bots.length > 0 && rest.length > 0 ? (0, import_react34.createElement)("div", { className: "bt-us-split", role: "separator" }) : null,
rest.map((entry, index) => ownerRow(entry, bots.length + index))
),
- (0, import_react33.createElement)(ListCard, { title: t("Models"), count: usedModels.length, index: 3 }, usedModels.length > 0 ? usedModels.map(modelRow) : nothing)
+ (0, import_react34.createElement)(ListCard, { title: t("Models"), count: usedModels.length, index: 3 }, usedModels.length > 0 ? usedModels.map(modelRow) : nothing)
),
- (0, import_react33.createElement)(Heat, { key: "heat", view, keep, paint: "var(--bt-accent)", index: 4 })
+ (0, import_react34.createElement)(Heat, { key: "heat", view, keep, paint: "var(--bt-accent)", index: 4 })
)
];
}
- return (0, import_react33.createElement)(
+ return (0, import_react34.createElement)(
"div",
{ ref: root, className: "bt-us", key: focusId ?? "all" },
- (0, import_react33.createElement)(
+ (0, import_react34.createElement)(
"div",
{ className: "bt-us-top" },
- (0, import_react33.createElement)(Tabs, { label: t("Time range"), value: rangeId, onChange: chooseRange, options: rangeOptions, boxRef: tabs }),
- view.scanning ? (0, import_react33.createElement)("span", { className: "bt-us-note", role: "status" }, t("Still reading older chats; totals may grow.")) : null,
- picking ? (0, import_react33.createElement)(SpanPicker, { span, today, oldest, active: activeDays, near: tabs, onPick: pickSpan, onClose: () => setPicking(false) }) : null
+ (0, import_react34.createElement)(Tabs, { label: t("Time range"), value: rangeId, onChange: chooseRange, options: rangeOptions, boxRef: tabs }),
+ view.scanning ? (0, import_react34.createElement)("span", { className: "bt-us-note", role: "status" }, t("Still reading older chats; totals may grow.")) : null,
+ picking ? (0, import_react34.createElement)(SpanPicker, { span, today, oldest, active: activeDays, near: tabs, onPick: pickSpan, onClose: () => setPicking(false) }) : null
),
- error ? (0, import_react33.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null,
+ error ? (0, import_react34.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null,
body
);
}
@@ -14850,7 +15115,7 @@ button.bt-us-row:hover{background:var(--bt-hover)}
`;
// src/client/connectors.js
-var import_react34 = require("react");
+var import_react35 = require("react");
var TOKEN_URL = "https://github.com/settings/personal-access-tokens/new";
var COMPOSIO_KEY_URL = "https://platform.composio.dev/";
var APPS = [
@@ -14883,10 +15148,10 @@ var APPS = [
["youtube", "YouTube"]
];
var appName = (slug) => APPS.find(([id]) => id === slug)?.[1] ?? slug;
-var GitHubMark = () => (0, import_react34.createElement)(
+var GitHubMark = () => (0, import_react35.createElement)(
"svg",
{ width: 20, height: 20, viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": true },
- (0, import_react34.createElement)("path", { d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z" })
+ (0, import_react35.createElement)("path", { d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z" })
);
var MARKS = { github: GitHubMark, composio: ConnectorIcon };
var ABOUT = {
@@ -14903,20 +15168,20 @@ function statusText2(connector) {
var APP_STATUS = { ready: () => t("Ready"), "sign-in": () => t("Needs sign-in") };
function AppChip({ name, status, onRemove }) {
const label = APP_STATUS[status]?.();
- return (0, import_react34.createElement)(
+ return (0, import_react35.createElement)(
"button",
{ type: "button", className: "bt-state bt-app-chip", "aria-pressed": true, "data-status": status ?? "unknown", title: t("Remove {app}", { app: name }), onClick: onRemove },
name,
- label ? (0, import_react34.createElement)("span", { className: "bt-app-status" }, ` · ${label}`) : null
+ label ? (0, import_react35.createElement)("span", { className: "bt-app-status" }, ` · ${label}`) : null
);
}
function AppPicker({ apps, onChange, search, statuses = {} }) {
- const [query, setQuery] = (0, import_react34.useState)("");
- const [found, setFound] = (0, import_react34.useState)(null);
- const [failed, setFailed] = (0, import_react34.useState)(null);
- const names = (0, import_react34.useRef)(new Map(APPS));
- const asked = (0, import_react34.useRef)(0);
- (0, import_react34.useEffect)(() => {
+ const [query, setQuery] = (0, import_react35.useState)("");
+ const [found, setFound] = (0, import_react35.useState)(null);
+ const [failed, setFailed] = (0, import_react35.useState)(null);
+ const names = (0, import_react35.useRef)(new Map(APPS));
+ const asked = (0, import_react35.useRef)(0);
+ (0, import_react35.useEffect)(() => {
const text = query.trim();
if (text === "" || search === void 0) {
setFound(null);
@@ -14943,13 +15208,13 @@ function AppPicker({ apps, onChange, search, statuses = {} }) {
const needle = query.trim().toLowerCase();
const local = APPS.filter(([slug, name]) => needle === "" || slug.includes(needle) || name.toLowerCase().includes(needle)).map(([slug, name]) => ({ slug, name }));
const results = (found ?? local).filter((app) => !picked.has(app.slug));
- return (0, import_react34.createElement)(
+ return (0, import_react35.createElement)(
"div",
{ className: "bt-connector-apps" },
- apps.length > 0 ? (0, import_react34.createElement)("div", { className: "bt-states", "aria-label": t("Picked apps") }, apps.map((slug) => (0, import_react34.createElement)(AppChip, { key: slug, name: nameOf(slug), status: statuses[slug], onRemove: () => onChange(apps.filter((app) => app !== slug)) }))) : null,
- (0, import_react34.createElement)("input", { className: "bt-input", type: "search", value: query, spellCheck: false, "aria-label": t("Search apps"), placeholder: t("Search Composio apps"), onChange: (event) => setQuery(event.target.value) }),
- failed ? (0, import_react34.createElement)("span", { className: "bt-set-hint" }, t("Could not search Composio: {error}", { error: failed })) : null,
- (0, import_react34.createElement)("div", { className: "bt-states", "aria-label": t("Apps to add") }, results.length === 0 ? (0, import_react34.createElement)("span", { className: "bt-set-hint" }, t("No apps match")) : results.map((app) => (0, import_react34.createElement)("button", { key: app.slug, type: "button", className: "bt-state", "aria-pressed": false, onClick: () => {
+ apps.length > 0 ? (0, import_react35.createElement)("div", { className: "bt-states", "aria-label": t("Picked apps") }, apps.map((slug) => (0, import_react35.createElement)(AppChip, { key: slug, name: nameOf(slug), status: statuses[slug], onRemove: () => onChange(apps.filter((app) => app !== slug)) }))) : null,
+ (0, import_react35.createElement)("input", { className: "bt-input", type: "search", value: query, spellCheck: false, "aria-label": t("Search apps"), placeholder: t("Search Composio apps"), onChange: (event) => setQuery(event.target.value) }),
+ failed ? (0, import_react35.createElement)("span", { className: "bt-set-hint" }, t("Could not search Composio: {error}", { error: failed })) : null,
+ (0, import_react35.createElement)("div", { className: "bt-states", "aria-label": t("Apps to add") }, results.length === 0 ? (0, import_react35.createElement)("span", { className: "bt-set-hint" }, t("No apps match")) : results.map((app) => (0, import_react35.createElement)("button", { key: app.slug, type: "button", className: "bt-state", "aria-pressed": false, onClick: () => {
names.current.set(app.slug, app.name);
onChange([...apps, app.slug]);
} }, app.name)))
@@ -14957,21 +15222,21 @@ function AppPicker({ apps, onChange, search, statuses = {} }) {
}
function AppStatusList({ apps, statuses }) {
if (apps.length === 0 || Object.keys(statuses).length === 0) return null;
- return (0, import_react34.createElement)("ul", { className: "bt-connector-app-list", "aria-label": t("App status") }, apps.map((slug) => (0, import_react34.createElement)(
+ return (0, import_react35.createElement)("ul", { className: "bt-connector-app-list", "aria-label": t("App status") }, apps.map((slug) => (0, import_react35.createElement)(
"li",
{ key: slug, className: "bt-connector-app", "data-status": statuses[slug] ?? "unknown" },
- (0, import_react34.createElement)("span", { className: "bt-connector-app-name" }, appName(slug)),
- (0, import_react34.createElement)("span", { className: "bt-app-status" }, APP_STATUS[statuses[slug]]?.() ?? "")
+ (0, import_react35.createElement)("span", { className: "bt-connector-app-name" }, appName(slug)),
+ (0, import_react35.createElement)("span", { className: "bt-app-status" }, APP_STATUS[statuses[slug]]?.() ?? "")
)));
}
function ConnectorRow({ connector, roster, actions }) {
- const [form, setForm] = (0, import_react34.useState)(false);
- const [bots, setBots] = (0, import_react34.useState)(false);
- const [token, setToken] = (0, import_react34.useState)("");
- const [apps, setApps] = (0, import_react34.useState)(() => connector.apps ?? []);
- const [picking, setPicking] = (0, import_react34.useState)(false);
- const [busy, setBusy] = (0, import_react34.useState)(false);
- const [error, setError] = (0, import_react34.useState)(null);
+ const [form, setForm] = (0, import_react35.useState)(false);
+ const [bots, setBots] = (0, import_react35.useState)(false);
+ const [token, setToken] = (0, import_react35.useState)("");
+ const [apps, setApps] = (0, import_react35.useState)(() => connector.apps ?? []);
+ const [picking, setPicking] = (0, import_react35.useState)(false);
+ const [busy, setBusy] = (0, import_react35.useState)(false);
+ const [error, setError] = (0, import_react35.useState)(null);
const run = (task, after) => {
setBusy(true);
setError(null);
@@ -14980,9 +15245,9 @@ function ConnectorRow({ connector, roster, actions }) {
}, (failure) => setError(failure?.message ?? String(failure))).finally(() => setBusy(false));
};
const gateway = connector.id === "composio";
- const [statuses, setStatuses] = (0, import_react34.useState)({});
+ const [statuses, setStatuses] = (0, import_react35.useState)({});
const appsKey = (connector.apps ?? []).join(",");
- (0, import_react34.useEffect)(() => {
+ (0, import_react35.useEffect)(() => {
if (!gateway || connector.state !== "ready" || appsKey === "" || actions.connectorAppStatus === void 0) {
setStatuses({});
return void 0;
@@ -14997,7 +15262,7 @@ function ConnectorRow({ connector, roster, actions }) {
live = false;
};
}, [gateway, connector.state, appsKey, picking]);
- const search = (0, import_react34.useCallback)((query) => actions.connectorAppSearch(connector.id, query, connector.state === "off" ? token : void 0), [connector.id, connector.state, token]);
+ const search = (0, import_react35.useCallback)((query) => actions.connectorAppSearch(connector.id, query, connector.state === "off" ? token : void 0), [connector.id, connector.state, token]);
const connect = () => {
if (busy || token.trim() === "") return;
if (gateway && apps.length === 0) {
@@ -15019,88 +15284,88 @@ function ConnectorRow({ connector, roster, actions }) {
};
const on = connector.state !== "off";
const Mark = MARKS[connector.id];
- const row = (0, import_react34.useRef)(null);
+ const row = (0, import_react35.useRef)(null);
useMorph(row, `${form}:${picking}:${bots}:${error !== null}:${connector.state}`);
- return (0, import_react34.createElement)(
+ return (0, import_react35.createElement)(
"div",
{ ref: row, className: "bt-connector", "data-state": connector.state },
- (0, import_react34.createElement)(
+ (0, import_react35.createElement)(
"div",
{ className: "bt-connector-head" },
- (0, import_react34.createElement)("span", { className: "bt-connector-mark" }, Mark ? (0, import_react34.createElement)(Mark) : null),
- (0, import_react34.createElement)(
+ (0, import_react35.createElement)("span", { className: "bt-connector-mark" }, Mark ? (0, import_react35.createElement)(Mark) : null),
+ (0, import_react35.createElement)(
"span",
{ className: "bt-connector-text" },
- (0, import_react34.createElement)("span", { className: "bt-connector-name" }, connector.name),
- (0, import_react34.createElement)("span", { className: "bt-connector-status" }, statusText2(connector))
+ (0, import_react35.createElement)("span", { className: "bt-connector-name" }, connector.name),
+ (0, import_react35.createElement)("span", { className: "bt-connector-status" }, statusText2(connector))
),
- (0, import_react34.createElement)(
+ (0, import_react35.createElement)(
"span",
{ className: "bt-connector-actions" },
- connector.state === "error" ? (0, import_react34.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => void run(actions.connectorRetry(connector.id)) }, t("Try again")) : null,
- on && gateway && !picking ? (0, import_react34.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => {
+ connector.state === "error" ? (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => void run(actions.connectorRetry(connector.id)) }, t("Try again")) : null,
+ on && gateway && !picking ? (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => {
setApps(connector.apps ?? []);
setPicking(true);
} }, t("Choose apps")) : null,
- on ? (0, import_react34.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", "aria-expanded": bots, onClick: () => setBots((value) => !value) }, bots ? t("Done") : t("Choose Bots")) : null,
- on ? (0, import_react34.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => void run(actions.connectorDisconnect(connector.id)) }, t("Disconnect")) : form ? null : (0, import_react34.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setForm(true) }, t("Connect"))
+ on ? (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", "aria-expanded": bots, onClick: () => setBots((value) => !value) }, bots ? t("Done") : t("Choose Bots")) : null,
+ on ? (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => void run(actions.connectorDisconnect(connector.id)) }, t("Disconnect")) : form ? null : (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setForm(true) }, t("Connect"))
)
),
- on && gateway && !picking ? (0, import_react34.createElement)(AppStatusList, { apps: connector.apps ?? [], statuses }) : null,
- on ? (0, import_react34.createElement)("span", { className: "bt-connector-uses" }, usageText(roster, connector.id)) : null,
- on && bots ? (0, import_react34.createElement)(ConnectorBots, { connector, roster, actions, run, SwitchRow }) : null,
- !on && form ? (0, import_react34.createElement)(
+ on && gateway && !picking ? (0, import_react35.createElement)(AppStatusList, { apps: connector.apps ?? [], statuses }) : null,
+ on ? (0, import_react35.createElement)("span", { className: "bt-connector-uses" }, usageText(roster, connector.id)) : null,
+ on && bots ? (0, import_react35.createElement)(ConnectorBots, { connector, roster, actions, run, SwitchRow }) : null,
+ !on && form ? (0, import_react35.createElement)(
"div",
{ className: "bt-connector-form" },
- (0, import_react34.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react34.createElement)(MaskedInput, { value: token, onChange: setToken, onEnter: connect, label: gateway ? t("Composio API key") : t("GitHub token"), autoFocus: true })),
- gateway ? (0, import_react34.createElement)(AppPicker, { apps, onChange: setApps, search: token.trim() === "" ? void 0 : search }) : null,
- (0, import_react34.createElement)(
+ (0, import_react35.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react35.createElement)(MaskedInput, { value: token, onChange: setToken, onEnter: connect, label: gateway ? t("Composio API key") : t("GitHub token"), autoFocus: true })),
+ gateway ? (0, import_react35.createElement)(AppPicker, { apps, onChange: setApps, search: token.trim() === "" ? void 0 : search }) : null,
+ (0, import_react35.createElement)(
"div",
{ className: "bt-connector-form-row" },
- (0, import_react34.createElement)("a", { className: "bt-connector-link", href: gateway ? COMPOSIO_KEY_URL : TOKEN_URL, target: "_blank", rel: "noopener noreferrer" }, gateway ? t("Get a Composio API key") : t("Create a token on GitHub")),
- (0, import_react34.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => {
+ (0, import_react35.createElement)("a", { className: "bt-connector-link", href: gateway ? COMPOSIO_KEY_URL : TOKEN_URL, target: "_blank", rel: "noopener noreferrer" }, gateway ? t("Get a Composio API key") : t("Create a token on GitHub")),
+ (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => {
setForm(false);
setToken("");
setError(null);
} }, t("Cancel")),
- (0, import_react34.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy || token.trim() === "", onClick: connect }, busy ? t("Connecting…") : t("Connect"))
+ (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy || token.trim() === "", onClick: connect }, busy ? t("Connecting…") : t("Connect"))
)
) : null,
- on && gateway && picking ? (0, import_react34.createElement)(
+ on && gateway && picking ? (0, import_react35.createElement)(
"div",
{ className: "bt-connector-form" },
- (0, import_react34.createElement)(AppPicker, { apps, onChange: setApps, search, statuses }),
- (0, import_react34.createElement)("span", { className: "bt-set-hint" }, t("The first time a Bot uses an app, it shows a sign-in link in the chat.")),
- (0, import_react34.createElement)(
+ (0, import_react35.createElement)(AppPicker, { apps, onChange: setApps, search, statuses }),
+ (0, import_react35.createElement)("span", { className: "bt-set-hint" }, t("The first time a Bot uses an app, it shows a sign-in link in the chat.")),
+ (0, import_react35.createElement)(
"div",
{ className: "bt-connector-form-row" },
- (0, import_react34.createElement)("span", { className: "bt-connector-link" }),
- (0, import_react34.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => {
+ (0, import_react35.createElement)("span", { className: "bt-connector-link" }),
+ (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => {
setPicking(false);
setError(null);
} }, t("Cancel")),
- (0, import_react34.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy || apps.length === 0, onClick: saveApps }, busy ? t("Connecting…") : t("Save"))
+ (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy || apps.length === 0, onClick: saveApps }, busy ? t("Connecting…") : t("Save"))
)
) : null,
- error ? (0, import_react34.createElement)("div", { className: "bt-connector-error", role: "alert" }, error) : null
+ error ? (0, import_react35.createElement)("div", { className: "bt-connector-error", role: "alert" }, error) : null
);
}
function ConnectorsPage({ roster, actions }) {
const list = roster?.connectors ?? [];
- return (0, import_react34.createElement)(
+ return (0, import_react35.createElement)(
"section",
{ className: "bt-set-section" },
- (0, import_react34.createElement)("div", { className: "bt-set-card bt-connectors-card" }, list.length === 0 ? (0, import_react34.createElement)("div", { className: "bt-set-row" }, (0, import_react34.createElement)("span", { className: "bt-set-hint" }, t("No connectors"))) : list.map((connector) => (0, import_react34.createElement)(ConnectorRow, { key: connector.id, connector, roster, actions })))
+ (0, import_react35.createElement)("div", { className: "bt-set-card bt-connectors-card" }, list.length === 0 ? (0, import_react35.createElement)("div", { className: "bt-set-row" }, (0, import_react35.createElement)("span", { className: "bt-set-hint" }, t("No connectors"))) : list.map((connector) => (0, import_react35.createElement)(ConnectorRow, { key: connector.id, connector, roster, actions })))
);
}
// src/client/feedback.js
-var import_react35 = require("react");
-var FeedbackIcon = () => (0, import_react35.createElement)(
+var import_react36 = require("react");
+var FeedbackIcon = () => (0, import_react36.createElement)(
"svg",
{ width: 15, height: 15, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
- (0, import_react35.createElement)("path", { d: "M4 4.5h12a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H9l-3.5 3v-3H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1z" }),
- (0, import_react35.createElement)("path", { d: "M10 7v2.6M10 11.4h.01" })
+ (0, import_react36.createElement)("path", { d: "M4 4.5h12a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H9l-3.5 3v-3H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1z" }),
+ (0, import_react36.createElement)("path", { d: "M10 7v2.6M10 11.4h.01" })
);
function download(name, text) {
const url = URL.createObjectURL(new Blob([text], { type: "text/plain;charset=utf-8" }));
@@ -15123,16 +15388,16 @@ function entrySummary(entry) {
}
var SOURCES = { turn: "Model call", host: "FlyBot", api: "FlyBot", browser: "This window" };
function FeedbackPage({ actions, run, Section, Row: Row3 }) {
- const [what, setWhat] = (0, import_react35.useState)("");
- const [report, setReport] = (0, import_react35.useState)(null);
- const [preview, setPreview] = (0, import_react35.useState)(false);
- const [note, setNote] = (0, import_react35.useState)("");
+ const [what, setWhat] = (0, import_react36.useState)("");
+ const [report, setReport] = (0, import_react36.useState)(null);
+ const [preview, setPreview] = (0, import_react36.useState)(false);
+ const [note, setNote] = (0, import_react36.useState)("");
const fetchReport = () => actions.diagnostics({ client: clientFacts(), clientErrors: clientErrors() }).then((next) => {
setReport(next);
return next;
});
const load = () => fetchReport().then(() => void 0);
- (0, import_react35.useEffect)(() => {
+ (0, import_react36.useEffect)(() => {
void run(load());
}, []);
const copyReport = () => run(fetchReport().then(async (next) => {
@@ -15140,7 +15405,7 @@ function FeedbackPage({ actions, run, Section, Row: Row3 }) {
setNote(copied ? t("Copied the diagnostics.") : t("Could not copy. Select the text below and copy it."));
if (!copied) setPreview(true);
}));
- const [issueLink, setIssueLink] = (0, import_react35.useState)(null);
+ const [issueLink, setIssueLink] = (0, import_react36.useState)(null);
const openIssue = () => {
const win = window.open("", "_blank");
if (win !== null) win.opener = null;
@@ -15168,59 +15433,59 @@ function FeedbackPage({ actions, run, Section, Row: Row3 }) {
const total = (report?.total ?? 0) + browserErrors.length;
const shown = entries2.slice(0, 8);
return [
- (0, import_react35.createElement)(
+ (0, import_react36.createElement)(
Section,
{ key: "report", title: t("Report a problem") },
- (0, import_react35.createElement)(
+ (0, import_react36.createElement)(
"div",
{ className: "bt-set-row bt-set-paste bt-fb-what" },
- (0, import_react35.createElement)(
+ (0, import_react36.createElement)(
"label",
{ className: "bt-set-copy", htmlFor: "bt-fb-what" },
- (0, import_react35.createElement)("span", null, t("What happened?")),
- (0, import_react35.createElement)("span", { className: "bt-set-hint" }, t("What you did, what you expected, and what happened instead. It goes into the issue."))
+ (0, import_react36.createElement)("span", null, t("What happened?")),
+ (0, import_react36.createElement)("span", { className: "bt-set-hint" }, t("What you did, what you expected, and what happened instead. It goes into the issue."))
),
- (0, import_react35.createElement)("textarea", { id: "bt-fb-what", className: "bt-input bt-input-area", value: what, maxLength: WHAT_MAX, placeholder: t("For example: I asked Writer in the group chat and it showed an error."), onChange: (event) => setWhat(event.target.value) })
+ (0, import_react36.createElement)("textarea", { id: "bt-fb-what", className: "bt-input bt-input-area", value: what, maxLength: WHAT_MAX, placeholder: t("For example: I asked Writer in the group chat and it showed an error."), onChange: (event) => setWhat(event.target.value) })
),
- (0, import_react35.createElement)(
+ (0, import_react36.createElement)(
Row3,
{ label: t("Diagnostics"), hint: t("Versions, system, models, and the latest errors. Saved keys, tokens, and your home folder are hidden.") },
- (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setPreview(!preview), "aria-expanded": preview }, preview ? t("Hide") : t("Show")),
- (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: copyReport }, t("Copy"))
+ (0, import_react36.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setPreview(!preview), "aria-expanded": preview }, preview ? t("Hide") : t("Show")),
+ (0, import_react36.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: copyReport }, t("Copy"))
),
- preview ? (0, import_react35.createElement)("div", { className: "bt-set-row bt-fb-preview" }, (0, import_react35.createElement)("pre", { tabIndex: 0, "aria-label": t("Diagnostics") }, report?.markdown || t("Loading…"))) : null,
- (0, import_react35.createElement)(
+ preview ? (0, import_react36.createElement)("div", { className: "bt-set-row bt-fb-preview" }, (0, import_react36.createElement)("pre", { tabIndex: 0, "aria-label": t("Diagnostics") }, report?.markdown || t("Loading…"))) : null,
+ (0, import_react36.createElement)(
Row3,
{ label: t("GitHub issue"), hint: t("Opens a new issue in the FlyBot repository with all of this filled in. Nothing is sent until you submit it there.") },
- (0, import_react35.createElement)("button", { type: "button", className: "bt-fb-primary", onClick: openIssue }, t("Report on GitHub"))
+ (0, import_react36.createElement)("button", { type: "button", className: "bt-fb-primary", onClick: openIssue }, t("Report on GitHub"))
)
),
- note ? (0, import_react35.createElement)(
+ note ? (0, import_react36.createElement)(
"div",
{ key: "note", className: "bt-note bt-fb-note", role: "status" },
note,
- issueLink ? [" ", (0, import_react35.createElement)("a", { key: "link", href: issueLink, target: "_blank", rel: "noopener noreferrer" }, t("Open the issue"))] : null
+ issueLink ? [" ", (0, import_react36.createElement)("a", { key: "link", href: issueLink, target: "_blank", rel: "noopener noreferrer" }, t("Open the issue"))] : null
) : null,
- (0, import_react35.createElement)(
+ (0, import_react36.createElement)(
Section,
{ key: "errors", title: report ? t("Recent errors · {count}", { count: total }) : t("Recent errors") },
- shown.length === 0 ? (0, import_react35.createElement)(Row3, { label: t("No errors recorded."), hint: t("Failed model calls and FlyBot problems show here, newest first.") }) : shown.map((entry, index) => (0, import_react35.createElement)(
+ shown.length === 0 ? (0, import_react36.createElement)(Row3, { label: t("No errors recorded."), hint: t("Failed model calls and FlyBot problems show here, newest first.") }) : shown.map((entry, index) => (0, import_react36.createElement)(
"div",
{ key: `${entry.time}-${index}`, className: "bt-set-row bt-fb-entry", title: entry.text },
- (0, import_react35.createElement)("span", { className: "bt-fb-dot", "data-level": entry.level, "aria-hidden": true }),
- (0, import_react35.createElement)(
+ (0, import_react36.createElement)("span", { className: "bt-fb-dot", "data-level": entry.level, "aria-hidden": true }),
+ (0, import_react36.createElement)(
"div",
{ className: "bt-set-copy" },
- (0, import_react35.createElement)("span", { className: "bt-fb-text" }, entrySummary(entry)),
- (0, import_react35.createElement)("span", { className: "bt-set-hint" }, [whenText2(entry.time), entry.bot, entry.where, t(SOURCES[entry.source] ?? "FlyBot")].filter(Boolean).join(" · "))
+ (0, import_react36.createElement)("span", { className: "bt-fb-text" }, entrySummary(entry)),
+ (0, import_react36.createElement)("span", { className: "bt-set-hint" }, [whenText2(entry.time), entry.bot, entry.where, t(SOURCES[entry.source] ?? "FlyBot")].filter(Boolean).join(" · "))
),
- entry.code ? (0, import_react35.createElement)("span", { className: "bt-tag bt-fb-code" }, entry.status ? `${entry.code} ${entry.status}` : entry.code) : null
+ entry.code ? (0, import_react36.createElement)("span", { className: "bt-tag bt-fb-code" }, entry.status ? `${entry.code} ${entry.status}` : entry.code) : null
)),
- (0, import_react35.createElement)(
+ (0, import_react36.createElement)(
Row3,
{ label: t("Error log"), hint: t("Kept on this computer across restarts, up to about 1 MB.") },
- (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: downloadLog }, t("Download")),
- (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: clearLog, disabled: !report || total === 0 }, t("Clear"))
+ (0, import_react36.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: downloadLog }, t("Download")),
+ (0, import_react36.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: clearLog, disabled: !report || total === 0 }, t("Clear"))
)
)
];
@@ -15228,8 +15493,8 @@ function FeedbackPage({ actions, run, Section, Row: Row3 }) {
var TOAST_MS = 6e3;
function ErrorToast({ useUi, actions }) {
const toast = useUi((state) => state.toast);
- const [leaving, setLeaving] = (0, import_react35.useState)(false);
- (0, import_react35.useEffect)(() => {
+ const [leaving, setLeaving] = (0, import_react36.useState)(false);
+ (0, import_react36.useEffect)(() => {
if (!toast) return void 0;
setLeaving(false);
const fade = setTimeout(() => setLeaving(true), TOAST_MS);
@@ -15241,15 +15506,15 @@ function ErrorToast({ useUi, actions }) {
}, [toast?.token]);
if (!toast) return null;
const info = toast.tone === "info";
- return (0, import_react35.createElement)(
+ return (0, import_react36.createElement)(
"div",
{ className: "bt-toast", role: info ? "status" : "alert", "data-tone": toast.tone, "data-leaving": leaving || void 0 },
- (0, import_react35.createElement)("span", { className: "bt-toast-text" }, toast.text),
- info ? null : (0, import_react35.createElement)("button", { type: "button", className: "bt-toast-link", onClick: () => {
+ (0, import_react36.createElement)("span", { className: "bt-toast-text" }, toast.text),
+ info ? null : (0, import_react36.createElement)("button", { type: "button", className: "bt-toast-link", onClick: () => {
actions.dismissToast(toast.token);
actions.openSettings("feedback");
} }, t("Details")),
- (0, import_react35.createElement)("button", { type: "button", className: "bt-icon-btn bt-toast-close", "aria-label": t("Dismiss"), onClick: () => actions.dismissToast(toast.token) }, (0, import_react35.createElement)(CloseIcon))
+ (0, import_react36.createElement)("button", { type: "button", className: "bt-icon-btn bt-toast-close", "aria-label": t("Dismiss"), onClick: () => actions.dismissToast(toast.token) }, (0, import_react36.createElement)(CloseIcon))
);
}
var FEEDBACK_CSS = `
@@ -15280,7 +15545,7 @@ var FEEDBACK_CSS = `
`;
// src/client/about.js
-var import_react36 = require("react");
+var import_react37 = require("react");
var starCount = (count) => new Intl.NumberFormat(dateLocale(), { notation: "compact", maximumFractionDigits: 1 }).format(count);
function botHint(update) {
if (update.phase === "installing") return t("Updating FlyBot core…");
@@ -15315,9 +15580,9 @@ function dshHint(dsh, shown) {
var linkProps = (href) => ({ className: "bt-soft bt-soft-sm bt-about-link", href, target: "_blank", rel: "noopener noreferrer" });
function AboutPage({ useUpdate, actions, run, Section, Row: Row3 }) {
const update = useUpdate((value) => value) ?? {};
- const [checking, setChecking] = (0, import_react36.useState)(false);
- const [stars, setStars] = (0, import_react36.useState)(null);
- (0, import_react36.useEffect)(() => {
+ const [checking, setChecking] = (0, import_react37.useState)(false);
+ const [stars, setStars] = (0, import_react37.useState)(null);
+ (0, import_react37.useEffect)(() => {
let live = true;
actions.repoStars().then((count) => {
if (live && Number.isInteger(count)) setStars(count);
@@ -15338,29 +15603,29 @@ function AboutPage({ useUpdate, actions, run, Section, Row: Row3 }) {
const dshPhase = dsh?.phase ?? "idle";
const dshNew = showsDshRow(dsh, update.app);
const dshShown = dshNew && dsh.available;
- const botControl = phase === "installed" ? null : update.available || phase === "installing" ? (0, import_react36.createElement)(
+ const botControl = phase === "installed" ? null : update.available || phase === "installing" ? (0, import_react37.createElement)(
"button",
{ type: "button", className: "bt-fb-primary", disabled: phase === "installing", onClick: () => run(actions.installUpdate()) },
phase === "installing" ? t("Updating…") : phase === "failed" ? t("Try again") : t("Update")
- ) : (0, import_react36.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: checking || update.enabled === false, onClick: check }, checking ? t("Checking…") : t("Check for updates"));
- const dshControl = !dshNew || dshPhase === "installed" ? null : dsh.kind === "app" ? dsh.available ? (0, import_react36.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.openAppUpdates(dsh.verified)) }, t("Open updates")) : null : dsh.available || dshPhase !== "idle" ? (0, import_react36.createElement)(
+ ) : (0, import_react37.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: checking || update.enabled === false, onClick: check }, checking ? t("Checking…") : t("Check for updates"));
+ const dshControl = !dshNew || dshPhase === "installed" ? null : dsh.kind === "app" ? dsh.available ? (0, import_react37.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.openAppUpdates(dsh.verified)) }, t("Open updates")) : null : dsh.available || dshPhase !== "idle" ? (0, import_react37.createElement)(
"button",
{ type: "button", className: "bt-fb-primary", disabled: dshPhase === "installing", onClick: () => run(actions.installDshUpdate()) },
dshPhase === "installing" ? t("Updating…") : dshPhase === "failed" ? t("Try again") : t("Update")
) : null;
const repo = update.repoUrl;
return [
- (0, import_react36.createElement)(
+ (0, import_react37.createElement)(
"div",
{ key: "hero", className: "bt-about-hero" },
- (0, import_react36.createElement)("span", { className: "bt-about-mark" }, (0, import_react36.createElement)(FlyBotMark, { size: 52 })),
- (0, import_react36.createElement)(
+ (0, import_react37.createElement)("span", { className: "bt-about-mark" }, (0, import_react37.createElement)(FlyBotMark, { size: 52 })),
+ (0, import_react37.createElement)(
"div",
{ className: "bt-about-copy" },
- (0, import_react36.createElement)("span", { className: "bt-about-name" }, t("FlyBot")),
- update.current ? (0, import_react36.createElement)("span", { className: "bt-about-version" }, versionLine(update)) : null
+ (0, import_react37.createElement)("span", { className: "bt-about-name" }, t("FlyBot")),
+ update.current ? (0, import_react37.createElement)("span", { className: "bt-about-version" }, versionLine(update)) : null
),
- repo ? (0, import_react36.createElement)(
+ repo ? (0, import_react37.createElement)(
"a",
{
className: "bt-star",
@@ -15370,23 +15635,23 @@ function AboutPage({ useUpdate, actions, run, Section, Row: Row3 }) {
title: t("Star FlyBot on GitHub"),
"aria-label": stars === null ? t("Star FlyBot on GitHub") : `${t("Star FlyBot on GitHub")} · ${t("{count} stars", { count: stars })}`
},
- (0, import_react36.createElement)("span", { className: "bt-star-main" }, (0, import_react36.createElement)("span", { className: "bt-star-icon" }, (0, import_react36.createElement)(StarLineIcon)), "Star"),
- stars === null ? null : (0, import_react36.createElement)("span", { className: "bt-star-count" }, starCount(stars))
+ (0, import_react37.createElement)("span", { className: "bt-star-main" }, (0, import_react37.createElement)("span", { className: "bt-star-icon" }, (0, import_react37.createElement)(StarLineIcon)), "Star"),
+ stars === null ? null : (0, import_react37.createElement)("span", { className: "bt-star-count" }, starCount(stars))
) : null
),
- repo ? (0, import_react36.createElement)("p", { key: "ask", className: "bt-about-ask" }, t("If FlyBot helps you, a star on GitHub helps more people find it.")) : null,
- (0, import_react36.createElement)(
+ repo ? (0, import_react37.createElement)("p", { key: "ask", className: "bt-about-ask" }, t("If FlyBot helps you, a star on GitHub helps more people find it.")) : null,
+ (0, import_react37.createElement)(
Section,
{ key: "updates", title: t("Updates") },
- (0, import_react36.createElement)(Row3, { label: t("FlyBot core"), hint: botHint(update) }, botControl, update.available && update.notesUrl ? (0, import_react36.createElement)("a", linkProps(update.notesUrl), t("What's new")) : null),
- dsh?.current ? (0, import_react36.createElement)(Row3, { label: t("DeepSeek Harness (underlying)"), hint: dshHint(dsh, dshShown) }, dshControl) : null
+ (0, import_react37.createElement)(Row3, { label: t("FlyBot core"), hint: botHint(update) }, botControl, update.available && update.notesUrl ? (0, import_react37.createElement)("a", linkProps(update.notesUrl), t("What's new")) : null),
+ dsh?.current ? (0, import_react37.createElement)(Row3, { label: t("DeepSeek Harness (underlying)"), hint: dshHint(dsh, dshShown) }, dshControl) : null
),
- (0, import_react36.createElement)(
+ (0, import_react37.createElement)(
Section,
{ key: "links", title: t("Links") },
- repo ? (0, import_react36.createElement)(Row3, { label: t("Source code"), hint: repo.replace(/^https:\/\//, "") }, (0, import_react36.createElement)("a", linkProps(repo), (0, import_react36.createElement)(GitHubMark), t("Open"))) : null,
- update.notesUrl ? (0, import_react36.createElement)(Row3, { label: t("Release notes") }, (0, import_react36.createElement)("a", linkProps(update.notesUrl), t("Open"))) : null,
- (0, import_react36.createElement)(Row3, { label: t("Report a problem") }, (0, import_react36.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("feedback") }, t("Open")))
+ repo ? (0, import_react37.createElement)(Row3, { label: t("Source code"), hint: repo.replace(/^https:\/\//, "") }, (0, import_react37.createElement)("a", linkProps(repo), (0, import_react37.createElement)(GitHubMark), t("Open"))) : null,
+ update.notesUrl ? (0, import_react37.createElement)(Row3, { label: t("Release notes") }, (0, import_react37.createElement)("a", linkProps(update.notesUrl), t("Open"))) : null,
+ (0, import_react37.createElement)(Row3, { label: t("Report a problem") }, (0, import_react37.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("feedback") }, t("Open")))
)
];
}
@@ -15415,19 +15680,19 @@ var ABOUT_CSS = `
`;
// src/client/settings.js
-var import_react37 = require("react");
+var import_react38 = require("react");
var capitalize2 = (word) => word[0].toUpperCase() + word.slice(1);
var SETTINGS_PAGES = [["general", "General"], ["bots", "Bots"], ["groups", "Group chats"], ["connectors", "Connectors"], ["capabilities", "Capabilities"], ["schedules", "Scheduled tasks"], ["usage", "Usage"], ["secrets", "Secrets"], ["feedback", "Feedback"], ["about", "About FlyBot"]];
var PAGE_ICONS = { ...SETTINGS_ICONS, connectors: ConnectorIcon, capabilities: PlugIcon, schedules: ClockIcon, secrets: KeyIcon, feedback: FeedbackIcon, about: InfoIcon };
function SetSection({ title, children }) {
- return (0, import_react37.createElement)("section", { className: "bt-set-section" }, (0, import_react37.createElement)("h3", null, title), (0, import_react37.createElement)("div", { className: "bt-set-card" }, children));
+ return (0, import_react38.createElement)("section", { className: "bt-set-section" }, (0, import_react38.createElement)("h3", null, title), (0, import_react38.createElement)("div", { className: "bt-set-card" }, children));
}
function SetRow({ label, hint, children }) {
- return (0, import_react37.createElement)(
+ return (0, import_react38.createElement)(
"div",
{ className: "bt-set-row" },
- (0, import_react37.createElement)("div", { className: "bt-set-copy" }, (0, import_react37.createElement)("span", null, label), hint ? (0, import_react37.createElement)("span", { className: "bt-set-hint" }, hint) : null),
- children ? (0, import_react37.createElement)("div", { className: "bt-set-control" }, children) : null
+ (0, import_react38.createElement)("div", { className: "bt-set-copy" }, (0, import_react38.createElement)("span", null, label), hint ? (0, import_react38.createElement)("span", { className: "bt-set-hint" }, hint) : null),
+ children ? (0, import_react38.createElement)("div", { className: "bt-set-control" }, children) : null
);
}
var NOTIFY_KINDS = [
@@ -15439,35 +15704,35 @@ function GeneralPage({ roster, actions, run }) {
const prefs = roster.prefs ?? {};
const themes = allThemes();
const current = themes[prefs.theme] ? prefs.theme : "deepseek";
- const [custom, setCustom] = (0, import_react37.useState)(prefs.accent ?? "#4d6bfe");
- const timer = (0, import_react37.useRef)(0);
- (0, import_react37.useEffect)(() => () => clearTimeout(timer.current), []);
+ const [custom, setCustom] = (0, import_react38.useState)(prefs.accent ?? "#4d6bfe");
+ const timer = (0, import_react38.useRef)(0);
+ (0, import_react38.useEffect)(() => () => clearTimeout(timer.current), []);
const pickCustom = (value) => {
setCustom(value);
clearTimeout(timer.current);
timer.current = setTimeout(() => run(actions.setPrefs({ accent: value })), 350);
};
return [
- (0, import_react37.createElement)(
+ (0, import_react38.createElement)(
SetSection,
{ key: "look", title: t("Appearance") },
- (0, import_react37.createElement)(
+ (0, import_react38.createElement)(
SetRow,
{ label: t("Theme"), hint: t("Colors for the whole team, on every device.") },
- (0, import_react37.createElement)(
+ (0, import_react38.createElement)(
"select",
{ className: "bt-select", "aria-label": t("Theme"), value: current, onChange: (event) => run(actions.setPrefs({ theme: event.target.value })) },
- Object.entries(themes).map(([id, theme]) => (0, import_react37.createElement)("option", { key: id, value: id }, t(theme.label)))
+ Object.entries(themes).map(([id, theme]) => (0, import_react38.createElement)("option", { key: id, value: id }, t(theme.label)))
)
),
- (0, import_react37.createElement)(
+ (0, import_react38.createElement)(
SetRow,
{ label: t("Accent"), hint: t("Unread marks, badges, and the brand mark.") },
- (0, import_react37.createElement)(
+ (0, import_react38.createElement)(
"div",
{ className: "bt-swatches" },
- (0, import_react37.createElement)("button", { type: "button", className: "bt-swatch bt-swatch-default", title: t("Theme accent"), "aria-label": t("Theme accent"), "aria-pressed": !prefs.accent, onClick: () => run(actions.setPrefs({ accent: null })) }),
- ACCENT_INKS.map((ink) => (0, import_react37.createElement)("button", {
+ (0, import_react38.createElement)("button", { type: "button", className: "bt-swatch bt-swatch-default", title: t("Theme accent"), "aria-label": t("Theme accent"), "aria-pressed": !prefs.accent, onClick: () => run(actions.setPrefs({ accent: null })) }),
+ ACCENT_INKS.map((ink) => (0, import_react38.createElement)("button", {
key: ink,
type: "button",
className: "bt-swatch",
@@ -15477,26 +15742,26 @@ function GeneralPage({ roster, actions, run }) {
style: { background: INKS[ink][0] },
onClick: () => run(actions.setPrefs({ accent: INKS[ink][0] }))
})),
- (0, import_react37.createElement)(
+ (0, import_react38.createElement)(
"label",
{ className: "bt-swatch bt-swatch-custom", title: t("Custom accent"), "data-on": Boolean(prefs.accent) && !ACCENT_INKS.some((ink) => INKS[ink][0] === prefs.accent) },
- (0, import_react37.createElement)("input", { type: "color", value: custom, "aria-label": t("Custom accent"), onChange: (event) => pickCustom(event.target.value) })
+ (0, import_react38.createElement)("input", { type: "color", value: custom, "aria-label": t("Custom accent"), onChange: (event) => pickCustom(event.target.value) })
)
)
)
),
// One switch for every system notification (#353), then one per kind (#469).
- (0, import_react37.createElement)(
+ (0, import_react38.createElement)(
SetSection,
{ key: "notify", title: t("Notifications") },
- (0, import_react37.createElement)(SwitchRow, {
+ (0, import_react38.createElement)(SwitchRow, {
label: t("Notifications"),
showLabel: false,
hint: t("When your Bots finish, fail, or wait for your approval while you are in another chat or app."),
on: prefs.notifications !== false,
onChange: (on) => run(actions.setPrefs({ notifications: on }))
}),
- NOTIFY_KINDS.map(([kind, label, hint]) => (0, import_react37.createElement)(SwitchRow, {
+ NOTIFY_KINDS.map(([kind, label, hint]) => (0, import_react38.createElement)(SwitchRow, {
key: kind,
label: t(label),
hint: hint ? t(hint) : void 0,
@@ -15512,52 +15777,52 @@ function MainBotsSection({ roster, actions, run }) {
const [first, ...others] = mains;
const own = roster.bots.filter((bot) => !bot.remote);
const candidates = own.filter((bot) => !isMainOf(roster, bot.id));
- return (0, import_react37.createElement)(
+ return (0, import_react38.createElement)(
SetSection,
{ title: t("Main Bot") },
- (0, import_react37.createElement)(
+ (0, import_react38.createElement)(
SetRow,
{
label: t("Main Bot"),
hint: first ? t("First in the sidebar. Pick another Bot to hand it the role; {name} then stops being a Main Bot.", { name: first.name }) : void 0
},
- (0, import_react37.createElement)("select", {
+ (0, import_react38.createElement)("select", {
className: "bt-select",
"aria-label": t("Main Bot"),
value: first?.id ?? "",
onChange: (event) => run(actions.setMain(event.target.value, true, first ? { replace: first.id } : {}))
- }, first ? null : (0, import_react37.createElement)("option", { value: "" }, t("Choose a Bot…")), own.map((bot) => (0, import_react37.createElement)("option", { key: bot.id, value: bot.id }, bot.name)))
+ }, first ? null : (0, import_react38.createElement)("option", { value: "" }, t("Choose a Bot…")), own.map((bot) => (0, import_react38.createElement)("option", { key: bot.id, value: bot.id }, bot.name)))
),
- others.map((bot) => (0, import_react37.createElement)(
+ others.map((bot) => (0, import_react38.createElement)(
SetRow,
{ key: bot.id, label: bot.name, hint: t("Also a Main Bot.") },
- (0, import_react37.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.setMain(bot.id, true, { primary: true })) }, t("Move to first")),
- (0, import_react37.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.setMain(bot.id, false)) }, t("Remove Main Bot role"))
+ (0, import_react38.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.setMain(bot.id, true, { primary: true })) }, t("Move to first")),
+ (0, import_react38.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.setMain(bot.id, false)) }, t("Remove Main Bot role"))
)),
- candidates.length > 0 ? (0, import_react37.createElement)(
+ candidates.length > 0 ? (0, import_react38.createElement)(
SetRow,
{ label: t("Add a Main Bot"), hint: t("Main Bots can create and change Bots, and run every group chat.") },
- (0, import_react37.createElement)("select", {
+ (0, import_react38.createElement)("select", {
className: "bt-select",
"aria-label": t("Add a Main Bot"),
value: "",
onChange: (event) => {
if (event.target.value) void run(actions.setMain(event.target.value, true));
}
- }, (0, import_react37.createElement)("option", { value: "" }, t("Choose a Bot…")), candidates.map((bot) => (0, import_react37.createElement)("option", { key: bot.id, value: bot.id }, bot.name)))
+ }, (0, import_react38.createElement)("option", { value: "" }, t("Choose a Bot…")), candidates.map((bot) => (0, import_react38.createElement)("option", { key: bot.id, value: bot.id }, bot.name)))
) : null
);
}
var MOTIONS = [["quiet", "Quiet"], ["normal", "Normal"], ["lively", "Lively"]];
function MotionSection({ roster, actions, run }) {
const motion = roster.prefs?.motion === "quiet" || roster.prefs?.motion === "lively" ? roster.prefs.motion : "normal";
- return (0, import_react37.createElement)(
+ return (0, import_react38.createElement)(
SetSection,
{ title: t("Animation") },
- (0, import_react37.createElement)(
+ (0, import_react38.createElement)(
SetRow,
{ label: t("Bot animation") },
- (0, import_react37.createElement)(Segmented, { label: t("Bot animation"), value: motion, className: "bt-motion-seg" }, MOTIONS.map(([id, label]) => (0, import_react37.createElement)("button", {
+ (0, import_react38.createElement)(Segmented, { label: t("Bot animation"), value: motion, className: "bt-motion-seg" }, MOTIONS.map(([id, label]) => (0, import_react38.createElement)("button", {
key: id,
type: "button",
"aria-pressed": motion === id,
@@ -15569,69 +15834,69 @@ function MotionSection({ roster, actions, run }) {
);
}
function BotsPage({ roster, actions, run }) {
- const [creating, setCreating] = (0, import_react37.useState)(false);
+ const [creating, setCreating] = (0, import_react38.useState)(false);
return [
- (0, import_react37.createElement)(MainBotsSection, { key: "main", roster, actions, run }),
- (0, import_react37.createElement)(MotionSection, { key: "motion", roster, actions, run }),
- creating ? (0, import_react37.createElement)(CreateBot, { key: "create", roster, actions, inline: true, onBack: () => setCreating(false), onCreated: (bot) => actions.openSettings("bots", bot.id) }) : (0, import_react37.createElement)(
+ (0, import_react38.createElement)(MainBotsSection, { key: "main", roster, actions, run }),
+ (0, import_react38.createElement)(MotionSection, { key: "motion", roster, actions, run }),
+ creating ? (0, import_react38.createElement)(CreateBot, { key: "create", roster, actions, inline: true, onBack: () => setCreating(false), onCreated: (bot) => actions.openSettings("bots", bot.id) }) : (0, import_react38.createElement)(
"div",
{ key: "new", className: "bt-actions" },
- (0, import_react37.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", onClick: () => setCreating(true) }, (0, import_react37.createElement)(PlusIcon), t("New Bot"))
+ (0, import_react38.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", onClick: () => setCreating(true) }, (0, import_react38.createElement)(PlusIcon), t("New Bot"))
),
- (0, import_react37.createElement)(
+ (0, import_react38.createElement)(
SetSection,
{ key: "bots", title: t("Bots · {count}", { count: roster.bots.filter((bot) => !bot.remote).length }) },
- roster.bots.filter((bot) => !bot.remote).map((bot) => (0, import_react37.createElement)(
+ roster.bots.filter((bot) => !bot.remote).map((bot) => (0, import_react38.createElement)(
"button",
{ key: bot.id, type: "button", className: "bt-set-row", onClick: () => actions.openSettings("bots", bot.id) },
- (0, import_react37.createElement)(
+ (0, import_react38.createElement)(
"span",
{ className: "bt-set-bot" },
- (0, import_react37.createElement)(BotAvatar, { bot, size: 28, badge: false, live: false }),
- (0, import_react37.createElement)("span", { className: "bt-row-title" }, bot.name),
- bot.role ? (0, import_react37.createElement)("span", { className: "bt-tag" }, bot.role) : null,
- isMainOf(roster, bot.id) ? (0, import_react37.createElement)("span", { className: "bt-tag" }, t("Main Bot")) : null,
- bot.hidden && !isMainOf(roster, bot.id) ? (0, import_react37.createElement)("span", { className: "bt-tag" }, t("Hidden")) : null
+ (0, import_react38.createElement)(BotAvatar, { bot, size: 28, badge: false, live: false }),
+ (0, import_react38.createElement)("span", { className: "bt-row-title" }, bot.name),
+ bot.role ? (0, import_react38.createElement)("span", { className: "bt-tag" }, bot.role) : null,
+ isMainOf(roster, bot.id) ? (0, import_react38.createElement)("span", { className: "bt-tag" }, t("Main Bot")) : null,
+ bot.hidden && !isMainOf(roster, bot.id) ? (0, import_react38.createElement)("span", { className: "bt-tag" }, t("Hidden")) : null
),
- (0, import_react37.createElement)("span", { className: "bt-chevron" }, (0, import_react37.createElement)(ChevronRightIcon))
+ (0, import_react38.createElement)("span", { className: "bt-chevron" }, (0, import_react38.createElement)(ChevronRightIcon))
))
)
];
}
function GroupsPage({ roster, actions, run }) {
- const [creating, setCreating] = (0, import_react37.useState)(false);
+ const [creating, setCreating] = (0, import_react38.useState)(false);
return [
- creating ? (0, import_react37.createElement)(NewGroupForm, { key: "create", roster, actions, run, onCancel: () => setCreating(false), onCreated: (room2) => actions.openSettings("groups", room2.id) }) : (0, import_react37.createElement)(
+ creating ? (0, import_react38.createElement)(NewGroupForm, { key: "create", roster, actions, run, onCancel: () => setCreating(false), onCreated: (room2) => actions.openSettings("groups", room2.id) }) : (0, import_react38.createElement)(
"div",
{ key: "new", className: "bt-actions" },
- (0, import_react37.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", disabled: roster.bots.length < 2, title: roster.bots.length < 2 ? t("A group chat needs at least two Bots") : void 0, onClick: () => setCreating(true) }, (0, import_react37.createElement)(PlusIcon), t("Create group chat"))
+ (0, import_react38.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", disabled: roster.bots.length < 2, title: roster.bots.length < 2 ? t("A group chat needs at least two Bots") : void 0, onClick: () => setCreating(true) }, (0, import_react38.createElement)(PlusIcon), t("Create group chat"))
),
- (0, import_react37.createElement)(
+ (0, import_react38.createElement)(
SetSection,
{ key: "groups", title: t("Group chats · {count}", { count: roster.rooms.length }) },
- roster.rooms.length === 0 ? (0, import_react37.createElement)(SetRow, { label: t("No group chats yet."), hint: t("A group chat lets several Bots work on one thing with you.") }) : roster.rooms.map((room2) => {
+ roster.rooms.length === 0 ? (0, import_react38.createElement)(SetRow, { label: t("No group chats yet."), hint: t("A group chat lets several Bots work on one thing with you.") }) : roster.rooms.map((room2) => {
const admin = roster.byId[room2.admin];
- return (0, import_react37.createElement)(
+ return (0, import_react38.createElement)(
"button",
{ key: room2.id, type: "button", className: "bt-set-row", onClick: () => actions.openSettings("groups", room2.id) },
- (0, import_react37.createElement)(
+ (0, import_react38.createElement)(
"span",
{ className: "bt-set-bot" },
- (0, import_react37.createElement)(RoomAvatar, { room: room2, roster, size: 28 }),
- (0, import_react37.createElement)("span", { className: "bt-row-title" }, room2.name),
- (0, import_react37.createElement)("span", { className: "bt-tag" }, t(seatedCount(room2) === 1 ? "{count} member" : "{count} members", { count: seatedCount(room2) })),
- admin ? (0, import_react37.createElement)("span", { className: "bt-tag bt-tag-admin" }, (0, import_react37.createElement)(AdminStar), admin.name) : null,
- room2.hidden ? (0, import_react37.createElement)("span", { className: "bt-tag" }, t("Hidden")) : null
+ (0, import_react38.createElement)(RoomAvatar, { room: room2, roster, size: 28 }),
+ (0, import_react38.createElement)("span", { className: "bt-row-title" }, room2.name),
+ (0, import_react38.createElement)("span", { className: "bt-tag" }, t(seatedCount(room2) === 1 ? "{count} member" : "{count} members", { count: seatedCount(room2) })),
+ admin ? (0, import_react38.createElement)("span", { className: "bt-tag bt-tag-admin" }, (0, import_react38.createElement)(AdminStar), admin.name) : null,
+ room2.hidden ? (0, import_react38.createElement)("span", { className: "bt-tag" }, t("Hidden")) : null
),
- (0, import_react37.createElement)("span", { className: "bt-chevron" }, (0, import_react37.createElement)(ChevronRightIcon))
+ (0, import_react38.createElement)("span", { className: "bt-chevron" }, (0, import_react38.createElement)(ChevronRightIcon))
);
})
)
];
}
function SettingsDialog({ page, id, roster, actions, useUpdate, leaving = false }) {
- const [error, setError] = (0, import_react37.useState)("");
- const close = (0, import_react37.useCallback)(() => actions.closeSettings(), []);
+ const [error, setError] = (0, import_react38.useState)("");
+ const close = (0, import_react38.useCallback)(() => actions.closeSettings(), []);
useEscape(close);
const run = (promise) => Promise.resolve(promise).then(() => {
setError("");
@@ -15652,34 +15917,34 @@ function SettingsDialog({ page, id, roster, actions, useUpdate, leaving = false
const nav = useGlide(shown, { axis: "y" });
const pageKey = `${shown}:${bot?.id ?? room2?.id ?? ""}`;
const depth = bot || room2 ? 1 : 0;
- const last = (0, import_react37.useRef)({ key: pageKey, depth, move: "up" });
+ const last = (0, import_react38.useRef)({ key: pageKey, depth, move: "up" });
if (last.current.key !== pageKey) {
last.current = { key: pageKey, depth, move: depth > last.current.depth ? "in" : depth < last.current.depth ? "out" : "up" };
}
- const [usageOpened, setUsageOpened] = (0, import_react37.useState)(shown === "usage");
+ const [usageOpened, setUsageOpened] = (0, import_react38.useState)(shown === "usage");
if (shown === "usage" && !usageOpened) setUsageOpened(true);
- const errorLine = error ? (0, import_react37.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null;
- return (0, import_react37.createElement)(
+ const errorLine = error ? (0, import_react38.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null;
+ return (0, import_react38.createElement)(
"div",
{ className: "bt-settings-layer", "data-leaving": leaving || void 0 },
- (0, import_react37.createElement)("div", { className: "bt-scrim", onMouseDown: close }),
- (0, import_react37.createElement)(
+ (0, import_react38.createElement)("div", { className: "bt-scrim", onMouseDown: close }),
+ (0, import_react38.createElement)(
"div",
{ className: "bt-settings", role: "dialog", "aria-modal": true, "aria-label": t("FlyBot settings"), "data-wide": shown === "usage" ? "" : void 0 },
- (0, import_react37.createElement)(
+ (0, import_react38.createElement)(
"nav",
{ ref: nav.box, className: "bt-settings-nav", "aria-label": t("Settings pages") },
- (0, import_react37.createElement)("span", { ref: nav.thumb, className: "bt-thumb", "aria-hidden": true }),
- pages.map(([key, text]) => (0, import_react37.createElement)("button", {
+ (0, import_react38.createElement)("span", { ref: nav.thumb, className: "bt-thumb", "aria-hidden": true }),
+ pages.map(([key, text]) => (0, import_react38.createElement)("button", {
key,
type: "button",
className: "bt-settings-item",
"aria-current": shown === key ? "page" : void 0,
onClick: () => actions.openSettings(key)
- }, (0, import_react37.createElement)(extra.find((item) => item.key === key)?.entry.icon ?? PAGE_ICONS[key] ?? ConnectorIcon), t(text))),
+ }, (0, import_react38.createElement)(extra.find((item) => item.key === key)?.entry.icon ?? PAGE_ICONS[key] ?? ConnectorIcon), t(text))),
// DeepSeek Harness's own settings are a separate window with its own title and look; FlyBot
// does not embed or retitle it (never patch DSH), so the entry says it leaves (#421).
- (0, import_react37.createElement)("button", {
+ (0, import_react38.createElement)("button", {
type: "button",
className: "bt-settings-item bt-settings-shell",
title: t("Opens DeepSeek Harness's own settings (models, providers, permissions) in a separate window"),
@@ -15688,51 +15953,51 @@ function SettingsDialog({ page, id, roster, actions, useUpdate, leaving = false
close();
openHarnessSettings();
}
- }, (0, import_react37.createElement)(SlidersIcon), t("Harness settings"), (0, import_react37.createElement)("span", { className: "bt-settings-out", "aria-hidden": true }, "↗"))
+ }, (0, import_react38.createElement)(SlidersIcon), t("Harness settings"), (0, import_react38.createElement)("span", { className: "bt-settings-out", "aria-hidden": true }, "↗"))
),
- (0, import_react37.createElement)(
+ (0, import_react38.createElement)(
"div",
{ className: "bt-settings-main" },
- (0, import_react37.createElement)(
+ (0, import_react38.createElement)(
"div",
{ className: "bt-settings-head" },
- back ? (0, import_react37.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": back, title: back, onClick: () => actions.openSettings(shown) }, (0, import_react37.createElement)(ChevronLeftIcon)) : null,
- (0, import_react37.createElement)("h2", { key: bot?.id ?? room2?.id ?? shown }, bot?.name ?? room2?.name ?? label)
+ back ? (0, import_react38.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": back, title: back, onClick: () => actions.openSettings(shown) }, (0, import_react38.createElement)(ChevronLeftIcon)) : null,
+ (0, import_react38.createElement)("h2", { key: bot?.id ?? room2?.id ?? shown }, bot?.name ?? room2?.name ?? label)
),
- shown === "usage" ? null : (0, import_react37.createElement)(
+ shown === "usage" ? null : (0, import_react38.createElement)(
"div",
{ key: pageKey, className: "bt-settings-scroll bt-settings-page", "data-move": last.current.move },
errorLine,
- shown === "general" ? (0, import_react37.createElement)(GeneralPage, { roster, actions, run }) : null,
- bot ? (0, import_react37.createElement)("div", { className: "bt-settings-form" }, (0, import_react37.createElement)(BotSettingsForm, { key: bot.id, bot, roster, actions, run })) : null,
- shown === "bots" && !bot ? (0, import_react37.createElement)(BotsPage, { roster, actions, run }) : null,
- room2 ? (0, import_react37.createElement)("div", { className: "bt-settings-form" }, (0, import_react37.createElement)(GroupSettingsForm, { key: room2.id, room: room2, roster, actions, run })) : null,
- shown === "groups" && !room2 ? (0, import_react37.createElement)(GroupsPage, { roster, actions, run }) : null,
- shown === "connectors" ? (0, import_react37.createElement)(ConnectorsPage, { roster, actions }) : null,
- pluginPage ? (0, import_react37.createElement)(SettingsPageSlot, { entry: pluginPage, props: { roster, actions, call: call2, run, t, Section: SetSection, Row: SetRow } }) : null,
- shown === "capabilities" ? (0, import_react37.createElement)(CapabilitiesPage, { roster, actions, run }) : null,
- shown === "schedules" ? (0, import_react37.createElement)(SchedulesPage, { roster, actions, start: id ?? void 0 }) : null,
- shown === "secrets" ? (0, import_react37.createElement)(SecretsPage, { roster, actions, run, Section: SetSection }) : null,
- shown === "feedback" ? (0, import_react37.createElement)(FeedbackPage, { actions, run, Section: SetSection, Row: SetRow }) : null,
- shown === "about" ? (0, import_react37.createElement)(AboutPage, { useUpdate, actions, run, Section: SetSection, Row: SetRow }) : null
+ shown === "general" ? (0, import_react38.createElement)(GeneralPage, { roster, actions, run }) : null,
+ bot ? (0, import_react38.createElement)("div", { className: "bt-settings-form" }, (0, import_react38.createElement)(BotSettingsForm, { key: bot.id, bot, roster, actions, run })) : null,
+ shown === "bots" && !bot ? (0, import_react38.createElement)(BotsPage, { roster, actions, run }) : null,
+ room2 ? (0, import_react38.createElement)("div", { className: "bt-settings-form" }, (0, import_react38.createElement)(GroupSettingsForm, { key: room2.id, room: room2, roster, actions, run })) : null,
+ shown === "groups" && !room2 ? (0, import_react38.createElement)(GroupsPage, { roster, actions, run }) : null,
+ shown === "connectors" ? (0, import_react38.createElement)(ConnectorsPage, { roster, actions }) : null,
+ pluginPage ? (0, import_react38.createElement)(SettingsPageSlot, { entry: pluginPage, props: { roster, actions, call: call2, run, t, Section: SetSection, Row: SetRow } }) : null,
+ shown === "capabilities" ? (0, import_react38.createElement)(CapabilitiesPage, { roster, actions, run }) : null,
+ shown === "schedules" ? (0, import_react38.createElement)(SchedulesPage, { roster, actions, start: id ?? void 0 }) : null,
+ shown === "secrets" ? (0, import_react38.createElement)(SecretsPage, { roster, actions, run, Section: SetSection }) : null,
+ shown === "feedback" ? (0, import_react38.createElement)(FeedbackPage, { actions, run, Section: SetSection, Row: SetRow }) : null,
+ shown === "about" ? (0, import_react38.createElement)(AboutPage, { useUpdate, actions, run, Section: SetSection, Row: SetRow }) : null
),
- usageOpened ? (0, import_react37.createElement)(
+ usageOpened ? (0, import_react38.createElement)(
"div",
{ key: "usage", className: "bt-settings-scroll bt-settings-usage", "data-off": shown === "usage" ? void 0 : "", "aria-hidden": shown === "usage" ? void 0 : true },
shown === "usage" ? errorLine : null,
- (0, import_react37.createElement)(UsagePage, { roster, actions, focusId: usageFocus })
+ (0, import_react38.createElement)(UsagePage, { roster, actions, focusId: usageFocus })
) : null
),
- (0, import_react37.createElement)("button", { type: "button", className: "bt-settings-close", "aria-label": t("Close settings"), onClick: close }, (0, import_react37.createElement)(CloseIcon))
+ (0, import_react38.createElement)("button", { type: "button", className: "bt-settings-close", "aria-label": t("Close settings"), onClick: close }, (0, import_react38.createElement)(CloseIcon))
)
);
}
// src/client/context-menu.js
-var import_react38 = require("react");
+var import_react39 = require("react");
function ContextMenu({ menu, roster, actions, leaving = false }) {
useEscape(() => actions.closeMenu());
- (0, import_react38.useEffect)(() => {
+ (0, import_react39.useEffect)(() => {
const onDown = (event) => {
if (!(event.target instanceof Element) || !event.target.closest(".bt-menu")) actions.closeMenu();
};
@@ -15740,14 +16005,14 @@ function ContextMenu({ menu, roster, actions, leaving = false }) {
return () => window.removeEventListener("mousedown", onDown);
}, []);
const structure = useSidebarStructure();
- const ref = (0, import_react38.useRef)(null);
- const [place, setPlace] = (0, import_react38.useState)({ left: menu.x, top: menu.y });
- (0, import_react38.useLayoutEffect)(() => {
+ const ref = (0, import_react39.useRef)(null);
+ const [place, setPlace] = (0, import_react39.useState)({ left: menu.x, top: menu.y });
+ (0, import_react39.useLayoutEffect)(() => {
const box = ref.current?.getBoundingClientRect();
if (!box) return;
setPlace({ left: Math.max(8, Math.min(menu.x, window.innerWidth - box.width - 8)), top: Math.max(8, Math.min(menu.y, window.innerHeight - box.height - 8)) });
}, [menu.x, menu.y]);
- if (menu.kind === "agent" || menu.kind === "agent-session") return (0, import_react38.createElement)(AgentMenu, { menu, roster, actions, leaving });
+ if (menu.kind === "agent" || menu.kind === "agent-session") return (0, import_react39.createElement)(AgentMenu, { menu, roster, actions, leaving });
const bot = roster.byId[menu.id];
const room2 = roster.roomsById[menu.id];
const entry = bot ?? room2;
@@ -15789,14 +16054,14 @@ function ContextMenu({ menu, roster, actions, leaving = false }) {
]
];
const shown = groups.map((group) => group.filter(Boolean)).filter((group) => group.length > 0);
- return (0, import_react38.createElement)(
+ return (0, import_react39.createElement)(
"div",
{ ref, className: "bt-menu", role: "menu", "aria-label": t("{name} actions", { name: bot?.name ?? room2.name }), style: place, "data-leaving": leaving || void 0 },
- shown.map((group, index) => (0, import_react38.createElement)(
- import_react38.Fragment,
+ shown.map((group, index) => (0, import_react39.createElement)(
+ import_react39.Fragment,
{ key: index },
- index > 0 ? (0, import_react38.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null,
- group.map(([label, Icon, run, danger]) => (0, import_react38.createElement)("button", {
+ index > 0 ? (0, import_react39.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null,
+ group.map(([label, Icon, run, danger]) => (0, import_react39.createElement)("button", {
key: label,
type: "button",
role: "menuitem",
@@ -15805,14 +16070,14 @@ function ContextMenu({ menu, roster, actions, leaving = false }) {
actions.closeMenu();
void Promise.resolve(run()).catch((error) => actions.reportError(error, "menu"));
}
- }, (0, import_react38.createElement)(Icon), label))
+ }, (0, import_react39.createElement)(Icon), label))
))
);
}
function AgentMenu({ menu, roster, actions, leaving }) {
- const ref = (0, import_react38.useRef)(null);
- const [place, setPlace] = (0, import_react38.useState)({ left: menu.x, top: menu.y });
- (0, import_react38.useLayoutEffect)(() => {
+ const ref = (0, import_react39.useRef)(null);
+ const [place, setPlace] = (0, import_react39.useState)({ left: menu.x, top: menu.y });
+ (0, import_react39.useLayoutEffect)(() => {
const box = ref.current?.getBoundingClientRect();
if (!box) return;
setPlace({ left: Math.max(8, Math.min(menu.x, window.innerWidth - box.width - 8)), top: Math.max(8, Math.min(menu.y, window.innerHeight - box.height - 8)) });
@@ -15834,14 +16099,14 @@ function AgentMenu({ menu, roster, actions, leaving }) {
[t("Archive"), TrashIcon, () => actions.archiveAgentSession(agent.id, menu.id), true]
]
];
- return (0, import_react38.createElement)(
+ return (0, import_react39.createElement)(
"div",
{ ref, className: "bt-menu", role: "menu", "aria-label": menu.kind === "agent" ? "DSH Agent" : t("Session actions"), style: place, "data-leaving": leaving || void 0 },
- groups.map((group, index) => (0, import_react38.createElement)(
- import_react38.Fragment,
+ groups.map((group, index) => (0, import_react39.createElement)(
+ import_react39.Fragment,
{ key: index },
- index > 0 ? (0, import_react38.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null,
- group.map(([label, Icon, run, danger]) => (0, import_react38.createElement)("button", {
+ index > 0 ? (0, import_react39.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null,
+ group.map(([label, Icon, run, danger]) => (0, import_react39.createElement)("button", {
key: label,
type: "button",
role: "menuitem",
@@ -15850,7 +16115,7 @@ function AgentMenu({ menu, roster, actions, leaving }) {
actions.closeMenu();
void Promise.resolve(run()).catch((error) => console.warn("[ds-bot]", error));
}
- }, (0, import_react38.createElement)(Icon), label))
+ }, (0, import_react39.createElement)(Icon), label))
))
);
}
@@ -15936,7 +16201,7 @@ function migrateStorage(storage = globalThis.localStorage) {
}
// src/client/details-drawer.js
-var import_react39 = require("react");
+var import_react40 = require("react");
function transcriptOf(list, id, name, hiddenTurns = []) {
const outline = list.projectionsBySession?.[id]?.values?.turnOutline ?? list.byId[id]?.projectionValues?.turnOutline;
if (!Array.isArray(outline)) return "";
@@ -15961,10 +16226,10 @@ var EMPTY_TABS = { ids: [], active: null };
var PERMISSION_LABELS = { "read-only": "Read only", "workspace-write": "Workspace", "danger-full-access": "Full access" };
var DANGER = /* @__PURE__ */ new Set(["danger-full-access"]);
function PermissionRow({ bot, roster, actions, run }) {
- const [pending, setPending] = (0, import_react39.useState)(null);
+ const [pending, setPending] = (0, import_react40.useState)(null);
const catalog = roster.permissions;
const saved = bot.permission ?? catalog?.defaultPreset;
- (0, import_react39.useEffect)(() => {
+ (0, import_react40.useEffect)(() => {
if (pending === saved) setPending(null);
}, [pending, saved]);
if (!catalog?.options?.length) return null;
@@ -15974,14 +16239,14 @@ function PermissionRow({ bot, roster, actions, run }) {
setPending(value);
void run(actions.updateBot(bot.id, { permission: value })).catch(() => setPending(null));
};
- return (0, import_react39.createElement)(
+ return (0, import_react40.createElement)(
"div",
{ className: "bt-drawer-permission" },
- (0, import_react39.createElement)("div", { className: "bt-section-title" }, t("Permissions")),
- (0, import_react39.createElement)(
+ (0, import_react40.createElement)("div", { className: "bt-section-title" }, t("Permissions")),
+ (0, import_react40.createElement)(
Segmented,
{ label: t("Permissions"), value: current },
- catalog.options.map((option) => (0, import_react39.createElement)("button", {
+ catalog.options.map((option) => (0, import_react40.createElement)("button", {
key: option.value,
type: "button",
"aria-pressed": option.value === current,
@@ -15995,42 +16260,42 @@ function PermissionRow({ bot, roster, actions, run }) {
function BrowserCards({ bot, sessionId, roster, actions, useBrowserTabs, useBrowserPages }) {
const state = useBrowserTabs((map) => map[bot.id] ?? EMPTY_TABS);
const pages = useBrowserPages((map) => map);
- (0, import_react39.useEffect)(() => {
+ (0, import_react40.useEffect)(() => {
actions.browserEnsure?.(bot.id);
}, [bot.id]);
if (roster.browser !== true || !actions.browserShow) {
- return (0, import_react39.createElement)("div", { className: "bt-muted" }, t("The browser is in the DSH Desktop app."));
+ return (0, import_react40.createElement)("div", { className: "bt-muted" }, t("The browser is in the DSH Desktop app."));
}
if (state.ids.length === 0) {
- return (0, import_react39.createElement)(
+ return (0, import_react40.createElement)(
"div",
{ className: "bt-browser-empty-mark" },
- (0, import_react39.createElement)(BotMark, { bot, size: 40, state: "idle", live: true }),
- (0, import_react39.createElement)("div", { className: "bt-browser-empty-title" }, t("{name}'s browser", { name: bot.name })),
- (0, import_react39.createElement)("div", { className: "bt-muted" }, t("Open a page here and {name} can read it with you. Logins and cookies stay with {name}; other Bots never see them.", { name: bot.name })),
- (0, import_react39.createElement)("button", { type: "button", className: "bt-browser-retry", onClick: () => actions.openBrowser(sessionId) }, t("Open browser"))
+ (0, import_react40.createElement)(BotMark, { bot, size: 40, state: "idle", live: true }),
+ (0, import_react40.createElement)("div", { className: "bt-browser-empty-title" }, t("{name}'s browser", { name: bot.name })),
+ (0, import_react40.createElement)("div", { className: "bt-muted" }, t("Open a page here and {name} can read it with you. Logins and cookies stay with {name}; other Bots never see them.", { name: bot.name })),
+ (0, import_react40.createElement)("button", { type: "button", className: "bt-browser-retry", onClick: () => actions.openBrowser(sessionId) }, t("Open browser"))
);
}
- return (0, import_react39.createElement)(
+ return (0, import_react40.createElement)(
"div",
{ className: "bt-bcards" },
state.ids.map((tabId, index) => {
const page = pages[tabId] ?? {};
const label = page.title || shortUrl(page.url) || t("New tab");
- return (0, import_react39.createElement)(
+ return (0, import_react40.createElement)(
"div",
{ key: tabId, className: "bt-bcard", "data-active": state.active === tabId || void 0, style: { animationDelay: `${index * 30}ms` } },
- (0, import_react39.createElement)(
+ (0, import_react40.createElement)(
"button",
{ type: "button", className: "bt-bcard-shot", "aria-label": t("Open {title}", { title: label }), title: page.url, onClick: () => actions.browserPick(sessionId, tabId) },
- page.excerpt ? (0, import_react39.createElement)(
+ page.excerpt ? (0, import_react40.createElement)(
"span",
{ className: "bt-bcard-preview" },
- (0, import_react39.createElement)("span", { className: "bt-bcard-ptitle" }, label),
- (0, import_react39.createElement)("span", { className: "bt-bcard-excerpt" }, page.excerpt)
- ) : (0, import_react39.createElement)("span", { className: "bt-bcard-blank" }, (0, import_react39.createElement)(GlobeIcon), (0, import_react39.createElement)("span", null, label))
+ (0, import_react40.createElement)("span", { className: "bt-bcard-ptitle" }, label),
+ (0, import_react40.createElement)("span", { className: "bt-bcard-excerpt" }, page.excerpt)
+ ) : (0, import_react40.createElement)("span", { className: "bt-bcard-blank" }, (0, import_react40.createElement)(GlobeIcon), (0, import_react40.createElement)("span", null, label))
),
- (0, import_react39.createElement)("button", {
+ (0, import_react40.createElement)("button", {
type: "button",
className: "bt-bcard-x",
"aria-label": t("Close tab"),
@@ -16039,36 +16304,36 @@ function BrowserCards({ bot, sessionId, roster, actions, useBrowserTabs, useBrow
void actions.browserCloseTab(bot.id, tabId);
}
}, "×"),
- (0, import_react39.createElement)(
+ (0, import_react40.createElement)(
"div",
{ className: "bt-bcard-row" },
- (0, import_react39.createElement)(Favicon, { src: page.favicon, className: "bt-bcard-fav" }),
- (0, import_react39.createElement)("span", { className: "bt-bcard-title" }, label),
- page.url ? (0, import_react39.createElement)("span", { className: "bt-bcard-host" }, hostOf(page.url)) : null
+ (0, import_react40.createElement)(Favicon, { src: page.favicon, className: "bt-bcard-fav" }),
+ (0, import_react40.createElement)("span", { className: "bt-bcard-title" }, label),
+ page.url ? (0, import_react40.createElement)("span", { className: "bt-bcard-host" }, hostOf(page.url)) : null
)
);
}),
- (0, import_react39.createElement)("button", { type: "button", className: "bt-bcard-new", style: { animationDelay: `${state.ids.length * 30}ms` }, onClick: () => actions.browserNewTab(sessionId) }, (0, import_react39.createElement)(PlusIcon), t("New tab"))
+ (0, import_react40.createElement)("button", { type: "button", className: "bt-bcard-new", style: { animationDelay: `${state.ids.length * 30}ms` }, onClick: () => actions.browserNewTab(sessionId) }, (0, import_react40.createElement)(PlusIcon), t("New tab"))
);
}
function About({ text, title = "About" }) {
- const [open, setOpen] = (0, import_react39.useState)(false);
+ const [open, setOpen] = (0, import_react40.useState)(false);
const long = text.split("\n").length > 5 || text.length > 240;
- const body = (0, import_react39.useRef)(null);
+ const body = (0, import_react40.useRef)(null);
useMorph(body, open);
- return (0, import_react39.createElement)(
+ return (0, import_react40.createElement)(
"div",
null,
- (0, import_react39.createElement)("div", { className: "bt-section-title" }, t(title)),
- (0, import_react39.createElement)("div", { ref: body, className: "bt-about", "data-open": open || void 0 }, text),
- long ? (0, import_react39.createElement)("button", { type: "button", className: "bt-more", onClick: () => setOpen((value) => !value) }, open ? t("Show less") : t("Show more")) : null
+ (0, import_react40.createElement)("div", { className: "bt-section-title" }, t(title)),
+ (0, import_react40.createElement)("div", { ref: body, className: "bt-about", "data-open": open || void 0 }, text),
+ long ? (0, import_react40.createElement)("button", { type: "button", className: "bt-more", onClick: () => setOpen((value) => !value) }, open ? t("Show less") : t("Show more")) : null
);
}
function SharedRoomApprovals({ room: room2 }) {
- const [items, setItems] = (0, import_react39.useState)(room2.pendingApprovals ?? []);
- const [busy, setBusy] = (0, import_react39.useState)("");
+ const [items, setItems] = (0, import_react40.useState)(room2.pendingApprovals ?? []);
+ const [busy, setBusy] = (0, import_react40.useState)("");
const face = room2.origin === "face-to-face";
- (0, import_react39.useEffect)(() => {
+ (0, import_react40.useEffect)(() => {
const haveItems = Array.isArray(room2.pendingApprovals) && room2.pendingApprovals.length;
if (haveItems) setItems(room2.pendingApprovals);
if (room2.viewerRole !== "invited-owner" && !face) return void 0;
@@ -16094,28 +16359,28 @@ function SharedRoomApprovals({ room: room2 }) {
setBusy("");
}
};
- return (0, import_react39.createElement)(
+ return (0, import_react40.createElement)(
"div",
{ key: "approvals", className: "bt-shared-wait", "data-flybot": "room-pending-approvals" },
- (0, import_react39.createElement)("div", { className: "bt-section-title" }, t("Waiting for your approval"), (0, import_react39.createElement)("span", { className: "bt-chip" }, t("{count} to approve", { count: items.length }))),
- items.map((item) => (0, import_react39.createElement)(
+ (0, import_react40.createElement)("div", { className: "bt-section-title" }, t("Waiting for your approval"), (0, import_react40.createElement)("span", { className: "bt-chip" }, t("{count} to approve", { count: items.length }))),
+ items.map((item) => (0, import_react40.createElement)(
"div",
{ key: item.id, className: "bt-set-row" },
- (0, import_react39.createElement)("span", { className: "bt-set-copy" }, item.text || item.summary || item.to || t("Outbound reply")),
- (0, import_react39.createElement)("button", { type: "button", className: "bt-mini", disabled: busy === item.id, onClick: () => decide(item, "approve") }, t("Approve")),
- (0, import_react39.createElement)("button", { type: "button", className: "bt-mini", disabled: busy === item.id, onClick: () => decide(item, "reject") }, t("Reject"))
+ (0, import_react40.createElement)("span", { className: "bt-set-copy" }, item.text || item.summary || item.to || t("Outbound reply")),
+ (0, import_react40.createElement)("button", { type: "button", className: "bt-mini", disabled: busy === item.id, onClick: () => decide(item, "approve") }, t("Approve")),
+ (0, import_react40.createElement)("button", { type: "button", className: "bt-mini", disabled: busy === item.id, onClick: () => decide(item, "reject") }, t("Reject"))
))
);
}
function FaceMembers({ room: room2, roster, actions }) {
const people2 = facePeople(room2, roster);
const pick2 = (bot) => call("social/face-lead", { roomId: room2.id, bot });
- return (0, import_react39.createElement)(
+ return (0, import_react40.createElement)(
"div",
null,
- (0, import_react39.createElement)(FaceLead, { room: room2, roster, pick: pick2 }),
- (0, import_react39.createElement)("div", { className: "bt-section-title" }, t("Members · {count}", { count: people2.length })),
- (0, import_react39.createElement)("div", { className: "bt-members", role: "list" }, people2.map((person) => (0, import_react39.createElement)(FacePersonRow, {
+ (0, import_react40.createElement)(FaceLead, { room: room2, roster, pick: pick2 }),
+ (0, import_react40.createElement)("div", { className: "bt-section-title" }, t("Members · {count}", { count: people2.length })),
+ (0, import_react40.createElement)("div", { className: "bt-members", role: "list" }, people2.map((person) => (0, import_react40.createElement)(FacePersonRow, {
key: person.key,
person,
roster,
@@ -16139,79 +16404,79 @@ function GroupOverview({ room: room2, roster, actions, usage, useWork, openSetti
};
const face = room2.origin === "face-to-face";
return [
- (0, import_react39.createElement)(FlyBotRoomOverview, { key: "plugin-overview", room: room2, roster, actions }),
- invited && room2.sharedFrom && !face ? (0, import_react39.createElement)(
+ (0, import_react40.createElement)(FlyBotRoomOverview, { key: "plugin-overview", room: room2, roster, actions }),
+ invited && room2.sharedFrom && !face ? (0, import_react40.createElement)(
"div",
{ key: "from", className: "bt-shared-from" },
- (0, import_react39.createElement)("div", { className: "bt-section-title" }, title),
- (0, import_react39.createElement)("div", { className: "bt-set-hint" }, t("Your Bot was invited to this room by {name}", { name: room2.sharedFrom.inviterName })),
- room2.sharedFrom.invitedAt ? (0, import_react39.createElement)("div", { className: "bt-set-hint" }, t("Invited {when}", { when: new Date(room2.sharedFrom.invitedAt).toLocaleString() })) : null,
- (0, import_react39.createElement)("button", { type: "button", className: "bt-more", onClick: leaveMine }, t("Remove my Bot"))
- ) : face ? null : room2.notice ? (0, import_react39.createElement)(About, { key: "notice", title: "Notice", text: room2.notice }) : (0, import_react39.createElement)("button", { key: "notice", type: "button", className: "bt-more", onClick: openSettings }, t("Add a notice in group settings")),
- face ? null : (0, import_react39.createElement)(SharedRoomApprovals, { key: "approvals", room: room2 }),
- face && (room2.face?.status === "candidate" || room2.face?.status === "joining") ? null : face ? (0, import_react39.createElement)(FaceMembers, { key: "members", room: room2, roster, actions }) : (0, import_react39.createElement)(
+ (0, import_react40.createElement)("div", { className: "bt-section-title" }, title),
+ (0, import_react40.createElement)("div", { className: "bt-set-hint" }, t("Your Bot was invited to this room by {name}", { name: room2.sharedFrom.inviterName })),
+ room2.sharedFrom.invitedAt ? (0, import_react40.createElement)("div", { className: "bt-set-hint" }, t("Invited {when}", { when: new Date(room2.sharedFrom.invitedAt).toLocaleString() })) : null,
+ (0, import_react40.createElement)("button", { type: "button", className: "bt-more", onClick: leaveMine }, t("Remove my Bot"))
+ ) : face ? null : room2.notice ? (0, import_react40.createElement)(About, { key: "notice", title: "Notice", text: room2.notice }) : (0, import_react40.createElement)("button", { key: "notice", type: "button", className: "bt-more", onClick: openSettings }, t("Add a notice in group settings")),
+ face ? null : (0, import_react40.createElement)(SharedRoomApprovals, { key: "approvals", room: room2 }),
+ face && (room2.face?.status === "candidate" || room2.face?.status === "joining") ? null : face ? (0, import_react40.createElement)(FaceMembers, { key: "members", room: room2, roster, actions }) : (0, import_react40.createElement)(
"div",
{ key: "members" },
- (0, import_react39.createElement)("div", { className: "bt-section-title" }, t("Members · {count}", { count: members.length + humans.length + remotes.length })),
- (0, import_react39.createElement)("div", { className: "bt-members", role: "list" }, [
- ...humans.map((person) => (0, import_react39.createElement)(
+ (0, import_react40.createElement)("div", { className: "bt-section-title" }, t("Members · {count}", { count: members.length + humans.length + remotes.length })),
+ (0, import_react40.createElement)("div", { className: "bt-members", role: "list" }, [
+ ...humans.map((person) => (0, import_react40.createElement)(
"div",
{ key: person.id, role: "listitem" },
- (0, import_react39.createElement)(
+ (0, import_react40.createElement)(
"div",
{ className: "bt-member" },
- (0, import_react39.createElement)("span", { className: "bt-member-name" }, (0, import_react39.createElement)("span", null, person.displayName || person.id)),
- (0, import_react39.createElement)("span", { className: "bt-chip" }, t("Human")),
- person.role === "admin" ? (0, import_react39.createElement)("span", { className: "bt-chip bt-chip-admin" }, t("Admin")) : null
+ (0, import_react40.createElement)("span", { className: "bt-member-name" }, (0, import_react40.createElement)("span", null, person.displayName || person.id)),
+ (0, import_react40.createElement)("span", { className: "bt-chip" }, t("Human")),
+ person.role === "admin" ? (0, import_react40.createElement)("span", { className: "bt-chip bt-chip-admin" }, t("Admin")) : null
)
)),
- ...remotes.map((person) => (0, import_react39.createElement)(
+ ...remotes.map((person) => (0, import_react40.createElement)(
"div",
{ key: person.handle || person.id, role: "listitem" },
- (0, import_react39.createElement)(
+ (0, import_react40.createElement)(
"div",
{ className: "bt-member" },
- (0, import_react39.createElement)(
+ (0, import_react40.createElement)(
"span",
{ className: "bt-member-name" },
- (0, import_react39.createElement)(BotAvatar, { bot: lookBotForRemote(person, roster), size: 26, badge: false, live: false }),
- (0, import_react39.createElement)("span", { title: person.handle || void 0 }, person.label || remoteBotTitle(person))
+ (0, import_react40.createElement)(BotAvatar, { bot: lookBotForRemote(person, roster), size: 26, badge: false, live: false }),
+ (0, import_react40.createElement)("span", { title: person.handle || void 0 }, person.label || remoteBotTitle(person))
),
- face ? null : (0, import_react39.createElement)("span", { className: "bt-chip" }, t("Friend's Bot"))
+ face ? null : (0, import_react40.createElement)("span", { className: "bt-chip" }, t("Friend's Bot"))
)
)),
...members.map((member) => {
const entry = entries2.find((item) => item.id === member.id);
- return (0, import_react39.createElement)(
+ return (0, import_react40.createElement)(
"div",
{ key: member.id, role: "listitem" },
- (0, import_react39.createElement)(
+ (0, import_react40.createElement)(
"div",
{ className: "bt-member" },
- (0, import_react39.createElement)(
+ (0, import_react40.createElement)(
"button",
{ type: "button", className: "bt-member-name", title: t("Open {name}'s chat", { name: member.name }), onClick: () => actions.openSession(member.id) },
- (0, import_react39.createElement)(BotAvatar, { bot: member, size: 26, main: isMainOf(roster, member.id), admin: room2.admin === member.id, live: false }),
- (0, import_react39.createElement)("span", null, member.name)
+ (0, import_react40.createElement)(BotAvatar, { bot: member, size: 26, main: isMainOf(roster, member.id), admin: room2.admin === member.id, live: false }),
+ (0, import_react40.createElement)("span", null, member.name)
),
- room2.admin === member.id ? (0, import_react39.createElement)("span", { className: "bt-chip bt-chip-admin" }, t("Admin")) : null
+ room2.admin === member.id ? (0, import_react40.createElement)("span", { className: "bt-chip bt-chip-admin" }, t("Admin")) : null
),
- entry ? (0, import_react39.createElement)(MemberWork, { entry, bot: member, room: room2, roster, actions, now }) : null
+ entry ? (0, import_react40.createElement)(MemberWork, { entry, bot: member, room: room2, roster, actions, now }) : null
);
})
])
),
- face ? null : (0, import_react39.createElement)(
+ face ? null : (0, import_react40.createElement)(
"div",
{ key: "mode" },
- (0, import_react39.createElement)("div", { className: "bt-section-title" }, t("Who answers")),
- (0, import_react39.createElement)("div", { className: "bt-kv" }, (0, import_react39.createElement)("span", null, t(ROOM_MODES.find(([id]) => id === shownMode(room2, roster))?.[1] ?? "Everyone")))
+ (0, import_react40.createElement)("div", { className: "bt-section-title" }, t("Who answers")),
+ (0, import_react40.createElement)("div", { className: "bt-kv" }, (0, import_react40.createElement)("span", null, t(ROOM_MODES.find(([id]) => id === shownMode(room2, roster))?.[1] ?? "Everyone")))
),
- face || !usage ? null : (0, import_react39.createElement)(
+ face || !usage ? null : (0, import_react40.createElement)(
"div",
{ key: "usage" },
- (0, import_react39.createElement)("div", { className: "bt-section-title" }, t("Usage")),
- (0, import_react39.createElement)("div", { className: "bt-kv" }, (0, import_react39.createElement)("span", null, room2.name), (0, import_react39.createElement)("span", null, usage))
+ (0, import_react40.createElement)("div", { className: "bt-section-title" }, t("Usage")),
+ (0, import_react40.createElement)("div", { className: "bt-kv" }, (0, import_react40.createElement)("span", null, room2.name), (0, import_react40.createElement)("span", null, usage))
)
];
}
@@ -16219,15 +16484,15 @@ function DetailsDrawer({ sessionId, startRenaming, startTab, hasStrip, roster, a
const owner = roster.byId[sessionId];
const part = owner ? currentPart(owner) : sessionId;
const isMainBot = isMainOf(roster, owner?.id);
- const [tab, setTab] = (0, import_react39.useState)("details");
+ const [tab, setTab] = (0, import_react40.useState)("details");
const room2 = roster.roomsById[sessionId];
- const [view, setView] = (0, import_react39.useState)(startTab === "settings" && (owner || room2) ? "settings" : "overview");
- const [editing, setEditing] = (0, import_react39.useState)(Boolean(startRenaming && (roster.byId[sessionId] || roster.roomsById[sessionId])));
- const [draftName, setDraftName] = (0, import_react39.useState)(roster.byId[sessionId]?.name ?? (roster.roomsById[sessionId]?.named ? roster.roomsById[sessionId].name : ""));
- const [copied, setCopied] = (0, import_react39.useState)(false);
- const [error, setError] = (0, import_react39.useState)("");
+ const [view, setView] = (0, import_react40.useState)(startTab === "settings" && (owner || room2) ? "settings" : "overview");
+ const [editing, setEditing] = (0, import_react40.useState)(Boolean(startRenaming && (roster.byId[sessionId] || roster.roomsById[sessionId])));
+ const [draftName, setDraftName] = (0, import_react40.useState)(roster.byId[sessionId]?.name ?? (roster.roomsById[sessionId]?.named ? roster.roomsById[sessionId].name : ""));
+ const [copied, setCopied] = (0, import_react40.useState)(false);
+ const [error, setError] = (0, import_react40.useState)("");
const glide = useGlide(tab);
- const last = (0, import_react39.useRef)({ view, tab, move: void 0 });
+ const last = (0, import_react40.useRef)({ view, tab, move: void 0 });
if (last.current.view !== view) last.current = { view, tab, move: view === "settings" ? "in" : "out" };
else if (last.current.tab !== tab) last.current = { view, tab, move: "tab" };
const move = last.current.move;
@@ -16252,43 +16517,43 @@ function DetailsDrawer({ sessionId, startRenaming, startTab, hasStrip, roster, a
setTimeout(() => setCopied(false), 1600);
});
};
- const errorLine = error ? (0, import_react39.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null;
+ const errorLine = error ? (0, import_react40.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null;
if ((bot || room2) && view === "settings" && !bot?.remote) {
return [
- (0, import_react39.createElement)(
+ (0, import_react40.createElement)(
"div",
{ key: "head", className: "bt-subhead", "data-move": move },
- (0, import_react39.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to details"), onClick: () => setView("overview") }, (0, import_react39.createElement)(ChevronLeftIcon)),
- (0, import_react39.createElement)("span", { className: "bt-subhead-title" }, bot ? t("Settings") : t("Group settings")),
- hasStrip ? null : (0, import_react39.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close details"), onClick: close }, (0, import_react39.createElement)(CloseIcon))
+ (0, import_react40.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to details"), onClick: () => setView("overview") }, (0, import_react40.createElement)(ChevronLeftIcon)),
+ (0, import_react40.createElement)("span", { className: "bt-subhead-title" }, bot ? t("Settings") : t("Group settings")),
+ hasStrip ? null : (0, import_react40.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close details"), onClick: close }, (0, import_react40.createElement)(CloseIcon))
),
- (0, import_react39.createElement)(
+ (0, import_react40.createElement)(
"div",
{ key: "set-body", className: "bt-drawer-body bt-set-body", "data-move": move },
errorLine,
- bot ? (0, import_react39.createElement)(BotSettingsForm, { bot, roster, actions, run }) : (0, import_react39.createElement)(GroupSettingsForm, { room: room2, roster, actions, run, onDeleted: close })
+ bot ? (0, import_react40.createElement)(BotSettingsForm, { bot, roster, actions, run }) : (0, import_react40.createElement)(GroupSettingsForm, { room: room2, roster, actions, run, onDeleted: close })
)
];
}
- const top = (0, import_react39.createElement)(
+ const top = (0, import_react40.createElement)(
"div",
{ className: "bt-drawer-top", "data-move": side },
- bot || room2 ? (0, import_react39.createElement)("button", {
+ bot || room2 ? (0, import_react40.createElement)("button", {
type: "button",
className: "bt-round",
"aria-label": bot ? bot.remote ? t("Bot settings") : t("Edit Bot") : t("Group settings"),
title: bot ? bot.remote ? t("Bot settings") : t("Edit Bot") : t("Group settings"),
"data-info-row": "settings",
onClick: () => bot?.remote ? actions.openSettings("bots", bot.id) : setView("settings")
- }, (0, import_react39.createElement)(GearIcon)) : null,
- bot && !bot.remote && roster.browser === true && actions.openBrowser ? (0, import_react39.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Open browser"), title: t("Open this Bot's browser"), onClick: () => actions.openBrowser(sessionId) }, (0, import_react39.createElement)(GlobeIcon)) : null,
- bot || room2 ? (0, import_react39.createElement)("button", { type: "button", className: "bt-round", "aria-label": copied ? t("Copied conversation") : t("Share conversation"), title: copied ? t("Copied") : t("Copy conversation as Markdown"), onClick: share }, copied ? (0, import_react39.createElement)("span", { key: "copied", className: "bt-pop-in" }, "✓") : (0, import_react39.createElement)(ShareIcon)) : null,
- hasStrip ? null : (0, import_react39.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Close details"), onClick: close }, (0, import_react39.createElement)(CloseIcon))
+ }, (0, import_react40.createElement)(GearIcon)) : null,
+ bot && !bot.remote && roster.browser === true && actions.openBrowser ? (0, import_react40.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Open browser"), title: t("Open this Bot's browser"), onClick: () => actions.openBrowser(sessionId) }, (0, import_react40.createElement)(GlobeIcon)) : null,
+ bot || room2 ? (0, import_react40.createElement)("button", { type: "button", className: "bt-round", "aria-label": copied ? t("Copied conversation") : t("Share conversation"), title: copied ? t("Copied") : t("Copy conversation as Markdown"), onClick: share }, copied ? (0, import_react40.createElement)("span", { key: "copied", className: "bt-pop-in" }, "✓") : (0, import_react40.createElement)(ShareIcon)) : null,
+ hasStrip ? null : (0, import_react40.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Close details"), onClick: close }, (0, import_react40.createElement)(CloseIcon))
);
if (!bot && !room2) {
return [
- (0, import_react39.createElement)(import_react39.Fragment, { key: "top" }, top),
- (0, import_react39.createElement)("div", { key: "body", className: "bt-drawer-body" }, (0, import_react39.createElement)("div", { className: "bt-muted" }, t("This conversation is not part of your Bot team.")))
+ (0, import_react40.createElement)(import_react40.Fragment, { key: "top" }, top),
+ (0, import_react40.createElement)("div", { key: "body", className: "bt-drawer-body" }, (0, import_react40.createElement)("div", { className: "bt-muted" }, t("This conversation is not part of your Bot team.")))
];
}
const current = bot?.name ?? room2.name;
@@ -16302,12 +16567,12 @@ function DetailsDrawer({ sessionId, startRenaming, startTab, hasStrip, roster, a
const subtitle = bot ? bot.role : roomSubtitle(room2, roster);
const tabs = bot ? ["details", "browser"] : ["details"];
return [
- (0, import_react39.createElement)(import_react39.Fragment, { key: "top" }, top),
- (0, import_react39.createElement)(
+ (0, import_react40.createElement)(import_react40.Fragment, { key: "top" }, top),
+ (0, import_react40.createElement)(
"div",
{ key: "id", className: "bt-drawer-id", "data-move": side },
- bot ? (0, import_react39.createElement)(BotAvatar, { bot, size: 64, state: botState(running, doing, roster.questions?.[part] !== void 0), main: isMainBot, badge: false, gaze: true, pokeable: true }) : (0, import_react39.createElement)(RoomAvatar, { room: room2, roster, size: 64 }),
- bot?.remote ? (0, import_react39.createElement)("div", { className: "bt-drawer-name" }, current) : room2?.origin === "face-to-face" ? (0, import_react39.createElement)("div", { className: "bt-drawer-name bt-drawer-name-face", title: current }, current) : editing ? (0, import_react39.createElement)("input", {
+ bot ? (0, import_react40.createElement)(BotAvatar, { bot, size: 64, state: botState(running, doing, roster.questions?.[part] !== void 0), main: isMainBot, badge: false, gaze: true, pokeable: true }) : (0, import_react40.createElement)(RoomAvatar, { room: room2, roster, size: 64 }),
+ bot?.remote ? (0, import_react40.createElement)("div", { className: "bt-drawer-name" }, current) : room2?.origin === "face-to-face" ? (0, import_react40.createElement)("div", { className: "bt-drawer-name bt-drawer-name-face", title: current }, current) : editing ? (0, import_react40.createElement)("input", {
className: "bt-drawer-name-input",
autoFocus: true,
value: draftName,
@@ -16322,59 +16587,59 @@ function DetailsDrawer({ sessionId, startRenaming, startTab, hasStrip, roster, a
setEditing(false);
}
}
- }) : (0, import_react39.createElement)("button", { type: "button", className: "bt-drawer-name", "aria-label": t("Rename {name}", { name: current }), title: t("Rename"), onClick: () => {
+ }) : (0, import_react40.createElement)("button", { type: "button", className: "bt-drawer-name", "aria-label": t("Rename {name}", { name: current }), title: t("Rename"), onClick: () => {
setDraftName(room2 && !room2.named ? "" : current);
setEditing(true);
} }, current),
- subtitle ? (0, import_react39.createElement)("span", { className: "bt-drawer-role" }, subtitle) : bot?.remote ? (0, import_react39.createElement)("span", { className: "bt-drawer-role" }, t("Friend's Bot")) : null
+ subtitle ? (0, import_react40.createElement)("span", { className: "bt-drawer-role" }, subtitle) : bot?.remote ? (0, import_react40.createElement)("span", { className: "bt-drawer-role" }, t("Friend's Bot")) : null
),
- bot?.remote ? null : (0, import_react39.createElement)(
+ bot?.remote ? null : (0, import_react40.createElement)(
"div",
{ key: "tabs", ref: glide.box, className: "bt-tabs", role: "tablist", "data-move": side },
- (0, import_react39.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
- tabs.map((key) => (0, import_react39.createElement)("button", { key, type: "button", role: "tab", className: "bt-tab", "aria-selected": tab === key, onClick: () => setTab(key) }, t(TAB_LABELS[key])))
+ (0, import_react40.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
+ tabs.map((key) => (0, import_react40.createElement)("button", { key, type: "button", role: "tab", className: "bt-tab", "aria-selected": tab === key, onClick: () => setTab(key) }, t(TAB_LABELS[key])))
),
- (0, import_react39.createElement)(
+ (0, import_react40.createElement)(
"div",
{ key: `body:${tab}`, className: "bt-drawer-body", "data-move": move },
errorLine,
- room2 && tab === "details" ? (0, import_react39.createElement)(GroupOverview, { room: room2, roster, actions, usage, useWork, openSettings: () => setView("settings") }) : null,
+ room2 && tab === "details" ? (0, import_react40.createElement)(GroupOverview, { room: room2, roster, actions, usage, useWork, openSettings: () => setView("settings") }) : null,
bot && bot.remote && tab === "details" ? [
- bot.remote.handle ? (0, import_react39.createElement)("div", { key: "handle", className: "bt-muted" }, bot.remote.handle) : null,
- (0, import_react39.createElement)(FlyBotDetails, { key: "social", bot, roster, actions })
+ bot.remote.handle ? (0, import_react40.createElement)("div", { key: "handle", className: "bt-muted" }, bot.remote.handle) : null,
+ (0, import_react40.createElement)(FlyBotDetails, { key: "social", bot, roster, actions })
] : null,
bot && !bot.remote && tab === "details" ? [
- (0, import_react39.createElement)(
+ (0, import_react40.createElement)(
"div",
{ key: "model", className: "bt-drawer-model" },
- (0, import_react39.createElement)("div", { className: "bt-section-title" }, t("Model")),
- (0, import_react39.createElement)(ModelMenu, { bot, roster, actions, run, wide: true }),
- modelOf(bot, roster) ? null : (0, import_react39.createElement)("div", { className: "bt-note" }, t("Pick a model and {name} can start.", { name: bot.name }))
+ (0, import_react40.createElement)("div", { className: "bt-section-title" }, t("Model")),
+ (0, import_react40.createElement)(ModelMenu, { bot, roster, actions, run, wide: true }),
+ modelOf(bot, roster) ? null : (0, import_react40.createElement)("div", { className: "bt-note" }, t("Pick a model and {name} can start.", { name: bot.name }))
),
- (0, import_react39.createElement)(PermissionRow, { key: "permission", bot, roster, actions, run }),
- (0, import_react39.createElement)(
+ (0, import_react40.createElement)(PermissionRow, { key: "permission", bot, roster, actions, run }),
+ (0, import_react40.createElement)(
"div",
{ key: "folder", className: "bt-drawer-model" },
- (0, import_react39.createElement)("div", { className: "bt-section-title" }, t("Working folder")),
- (0, import_react39.createElement)(FolderMenu, { value: bot.workDir, actions, run, wide: true, onPick: (workDir) => run(actions.updateBot(bot.id, { workDir })) })
+ (0, import_react40.createElement)("div", { className: "bt-section-title" }, t("Working folder")),
+ (0, import_react40.createElement)(FolderMenu, { value: bot.workDir, actions, run, wide: true, onPick: (workDir) => run(actions.updateBot(bot.id, { workDir })) })
),
- bot.instructions ? (0, import_react39.createElement)(About, { key: "about", text: bot.instructions }) : (0, import_react39.createElement)("button", { key: "about", type: "button", className: "bt-more", onClick: () => setView("settings") }, t("Add instructions in Bot settings")),
- roster.memory === false ? null : (0, import_react39.createElement)(MemoryRow, { key: "memory", bot, actions }),
- usage ? (0, import_react39.createElement)(
+ bot.instructions ? (0, import_react40.createElement)(About, { key: "about", text: bot.instructions }) : (0, import_react40.createElement)("button", { key: "about", type: "button", className: "bt-more", onClick: () => setView("settings") }, t("Add instructions in Bot settings")),
+ roster.memory === false ? null : (0, import_react40.createElement)(MemoryRow, { key: "memory", bot, actions }),
+ usage ? (0, import_react40.createElement)(
"div",
{ key: "usage" },
- (0, import_react39.createElement)("div", { className: "bt-section-title" }, t("Usage")),
- (0, import_react39.createElement)("div", { className: "bt-kv" }, (0, import_react39.createElement)("span", null, bot.name), (0, import_react39.createElement)("span", null, usage))
+ (0, import_react40.createElement)("div", { className: "bt-section-title" }, t("Usage")),
+ (0, import_react40.createElement)("div", { className: "bt-kv" }, (0, import_react40.createElement)("span", null, bot.name), (0, import_react40.createElement)("span", null, usage))
) : null,
- (0, import_react39.createElement)(ScheduleSummary, { key: "routines", bot, actions })
+ (0, import_react40.createElement)(ScheduleSummary, { key: "routines", bot, actions })
] : null,
- bot && !bot.remote && tab === "browser" ? (0, import_react39.createElement)(BrowserCards, { bot, sessionId, roster, actions, useBrowserTabs, useBrowserPages }) : null
+ bot && !bot.remote && tab === "browser" ? (0, import_react40.createElement)(BrowserCards, { bot, sessionId, roster, actions, useBrowserTabs, useBrowserPages }) : null
)
];
}
// src/client/browser-pane.js
-var import_react40 = require("react");
+var import_react41 = require("react");
var import_react_dom8 = require("react-dom");
var PANEL_LINGER_MS = 300;
var WIDTH_KEY = STORAGE.browserWidth;
@@ -16384,10 +16649,10 @@ var EMPTY_TABS2 = { ids: [], active: null };
var SPRING_LEAD2 = springEasing(576, 39.4);
var SPRING_TRAIL2 = springEasing(144, 19.7);
var icon2 = (paths) => function BrowserIcon() {
- return (0, import_react40.createElement)(
+ return (0, import_react41.createElement)(
"svg",
{ width: 16, height: 16, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
- paths.map((d, index) => (0, import_react40.createElement)("path", { key: index, d }))
+ paths.map((d, index) => (0, import_react41.createElement)("path", { key: index, d }))
);
};
var GlobeIcon = icon2(["M10 3a7 7 0 1 0 0 14 7 7 0 0 0 0-14z", "M3 10h14", "M10 3c2 2.2 2.9 4.5 2.9 7S12 14.8 10 17c-2-2.2-2.9-4.5-2.9-7S8 5.2 10 3z"]);
@@ -16399,9 +16664,9 @@ var CloseIcon2 = icon2(["M5.5 5.5l9 9M14.5 5.5l-9 9"]);
var PlusTabIcon = icon2(["M10 5v10M5 10h10"]);
var LockIcon2 = icon2(["M6.5 9V7a3.5 3.5 0 0 1 7 0v2", "M5.5 9h9v7h-9z"]);
function Favicon({ src, className }) {
- const [failed, setFailed] = (0, import_react40.useState)(null);
- if (!src || failed === src) return (0, import_react40.createElement)("span", { className: `${className} bt-ptab-globe` }, (0, import_react40.createElement)(GlobeIcon));
- return (0, import_react40.createElement)("img", { className, src, alt: "", "aria-hidden": true, onError: () => setFailed(src) });
+ const [failed, setFailed] = (0, import_react41.useState)(null);
+ if (!src || failed === src) return (0, import_react41.createElement)("span", { className: `${className} bt-ptab-globe` }, (0, import_react41.createElement)(GlobeIcon));
+ return (0, import_react41.createElement)("img", { className, src, alt: "", "aria-hidden": true, onError: () => setFailed(src) });
}
var savedWidth = () => {
try {
@@ -16460,11 +16725,11 @@ var reducedMotion2 = () => typeof matchMedia === "function" && matchMedia("(pref
var tabLabel = (page) => page.title || shortAddress(page.url) || t("New tab");
function PanelStrip({ bot, subject, view, ids, active, reading, onView, actions, useBrowserPages }) {
const pages = useBrowserPages((map) => map);
- const wrap = (0, import_react40.useRef)(null);
- const ind = (0, import_react40.useRef)(null);
- const spot = (0, import_react40.useRef)(null);
- const under = (0, import_react40.useRef)(null);
- (0, import_react40.useLayoutEffect)(() => {
+ const wrap = (0, import_react41.useRef)(null);
+ const ind = (0, import_react41.useRef)(null);
+ const spot = (0, import_react41.useRef)(null);
+ const under = (0, import_react41.useRef)(null);
+ (0, import_react41.useLayoutEffect)(() => {
const box = wrap.current;
const capsule = ind.current;
if (!box || !capsule) return void 0;
@@ -16493,7 +16758,7 @@ function PanelStrip({ bot, subject, view, ids, active, reading, onView, actions,
trail.cancel();
};
});
- (0, import_react40.useEffect)(() => {
+ (0, import_react41.useEffect)(() => {
const box = wrap.current;
if (!box) return void 0;
const observer = new ResizeObserver(() => {
@@ -16507,13 +16772,13 @@ function PanelStrip({ bot, subject, view, ids, active, reading, onView, actions,
observer.observe(box);
return () => observer.disconnect();
}, []);
- return (0, import_react40.createElement)(
+ return (0, import_react41.createElement)(
"div",
{ className: "bt-ptabs", role: "tablist", "aria-label": t("Panel tabs") },
- (0, import_react40.createElement)(
+ (0, import_react41.createElement)(
"div",
{ className: "bt-ptabs-in", ref: wrap },
- (0, import_react40.createElement)(
+ (0, import_react41.createElement)(
"button",
{
type: "button",
@@ -16523,13 +16788,13 @@ function PanelStrip({ bot, subject, view, ids, active, reading, onView, actions,
title: bot.name,
onClick: () => onView("details")
},
- (0, import_react40.createElement)(BotMark, { bot, size: 20, state: reading ? "searching" : "idle" }),
- view === "details" ? (0, import_react40.createElement)("span", { className: "bt-ptab-name" }, bot.name) : null
+ (0, import_react41.createElement)(BotMark, { bot, size: 20, state: reading ? "searching" : "idle" }),
+ view === "details" ? (0, import_react41.createElement)("span", { className: "bt-ptab-name" }, bot.name) : null
),
ids.map((tabId) => {
const page = pages[tabId] ?? EMPTY_PAGE;
const on = view === "browser" && tabId === active;
- return (0, import_react40.createElement)(
+ return (0, import_react41.createElement)(
"button",
{
key: tabId,
@@ -16550,9 +16815,9 @@ function PanelStrip({ bot, subject, view, ids, active, reading, onView, actions,
}
}
},
- (0, import_react40.createElement)(Favicon, { src: page.favicon, className: "bt-ptab-fav" }),
- (0, import_react40.createElement)("span", { className: "bt-ptab-title" }, tabLabel(page)),
- (0, import_react40.createElement)("span", {
+ (0, import_react41.createElement)(Favicon, { src: page.favicon, className: "bt-ptab-fav" }),
+ (0, import_react41.createElement)("span", { className: "bt-ptab-title" }, tabLabel(page)),
+ (0, import_react41.createElement)("span", {
className: "bt-ptab-x",
role: "button",
"aria-label": t("Close tab"),
@@ -16564,20 +16829,20 @@ function PanelStrip({ bot, subject, view, ids, active, reading, onView, actions,
}, "×")
);
}),
- (0, import_react40.createElement)("span", { ref: ind, className: "bt-ptab-ind", "aria-hidden": true })
+ (0, import_react41.createElement)("span", { ref: ind, className: "bt-ptab-ind", "aria-hidden": true })
),
// New tab and Close stay outside the scrolling tabs, so a narrow panel keeps both.
- (0, import_react40.createElement)("button", { type: "button", className: "bt-ptab-new", "aria-label": t("New tab"), title: t("New tab"), onClick: () => actions.browserNewTab(subject) }, (0, import_react40.createElement)(PlusTabIcon)),
- (0, import_react40.createElement)("button", { type: "button", className: "bt-icon-btn bt-ptab-close", "aria-label": t("Close panel"), title: t("Close panel"), onClick: () => actions.closePanel() }, (0, import_react40.createElement)(CloseIcon2))
+ (0, import_react41.createElement)("button", { type: "button", className: "bt-ptab-new", "aria-label": t("New tab"), title: t("New tab"), onClick: () => actions.browserNewTab(subject) }, (0, import_react41.createElement)(PlusTabIcon)),
+ (0, import_react41.createElement)("button", { type: "button", className: "bt-icon-btn bt-ptab-close", "aria-label": t("Close panel"), title: t("Close panel"), onClick: () => actions.closePanel() }, (0, import_react41.createElement)(CloseIcon2))
);
}
function BrowserView({ bot, tabId, leaving, landed, actions, useBrowserPages }) {
const page = useBrowserPages((pages) => pages[tabId ?? ""]) ?? EMPTY_PAGE;
- const frame = (0, import_react40.useRef)(null);
- const input = (0, import_react40.useRef)(null);
- const [draft, setDraft] = (0, import_react40.useState)(null);
+ const frame = (0, import_react41.useRef)(null);
+ const input = (0, import_react41.useRef)(null);
+ const [draft, setDraft] = (0, import_react41.useState)(null);
const showGuest = landed && !leaving && Boolean(page.url) && !page.error;
- (0, import_react40.useLayoutEffect)(() => {
+ (0, import_react41.useLayoutEffect)(() => {
const element = frame.current;
if (!element || leaving || !tabId) {
void actions.browserShow(null);
@@ -16603,7 +16868,7 @@ function BrowserView({ bot, tabId, leaving, landed, actions, useBrowserPages })
window.removeEventListener("resize", schedule);
};
}, [tabId, showGuest, leaving]);
- (0, import_react40.useEffect)(() => {
+ (0, import_react41.useEffect)(() => {
setDraft(null);
if (landed && !page.url) input.current?.focus();
}, [tabId, landed]);
@@ -16619,27 +16884,27 @@ function BrowserView({ bot, tabId, leaving, landed, actions, useBrowserPages })
};
const editing = draft !== null;
const secure = /^https:/i.test(page.url);
- return (0, import_react40.createElement)(
+ return (0, import_react41.createElement)(
"div",
{ className: "bt-panel-view bt-panel-browser", "aria-label": t("{name}'s browser", { name: bot.name }) },
- (0, import_react40.createElement)(
+ (0, import_react41.createElement)(
"div",
{ className: "bt-browser-bar" },
- (0, import_react40.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back"), title: t("Back"), disabled: !page.canGoBack, onClick: () => actions.browserCommand(tabId, "back") }, (0, import_react40.createElement)(BackIcon)),
- (0, import_react40.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Forward"), title: t("Forward"), disabled: !page.canGoForward, onClick: () => actions.browserCommand(tabId, "forward") }, (0, import_react40.createElement)(ForwardIcon)),
- (0, import_react40.createElement)("button", {
+ (0, import_react41.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back"), title: t("Back"), disabled: !page.canGoBack, onClick: () => actions.browserCommand(tabId, "back") }, (0, import_react41.createElement)(BackIcon)),
+ (0, import_react41.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Forward"), title: t("Forward"), disabled: !page.canGoForward, onClick: () => actions.browserCommand(tabId, "forward") }, (0, import_react41.createElement)(ForwardIcon)),
+ (0, import_react41.createElement)("button", {
type: "button",
className: "bt-icon-btn",
disabled: !page.url,
"aria-label": page.loading ? t("Stop") : t("Reload"),
title: page.loading ? t("Stop") : t("Reload"),
onClick: () => actions.browserCommand(tabId, page.loading ? "stop" : "reload")
- }, (0, import_react40.createElement)(page.loading ? StopIcon : ReloadIcon)),
- (0, import_react40.createElement)(
+ }, (0, import_react41.createElement)(page.loading ? StopIcon : ReloadIcon)),
+ (0, import_react41.createElement)(
"form",
{ className: "bt-browser-address", onSubmit: go, "data-editing": editing || void 0 },
- (0, import_react40.createElement)("span", { className: "bt-browser-scheme", "aria-hidden": true }, (0, import_react40.createElement)(secure && !editing ? LockIcon2 : GlobeIcon)),
- (0, import_react40.createElement)("input", {
+ (0, import_react41.createElement)("span", { className: "bt-browser-scheme", "aria-hidden": true }, (0, import_react41.createElement)(secure && !editing ? LockIcon2 : GlobeIcon)),
+ (0, import_react41.createElement)("input", {
ref: input,
type: "text",
spellCheck: false,
@@ -16663,25 +16928,25 @@ function BrowserView({ bot, tabId, leaving, landed, actions, useBrowserPages })
}
})
),
- page.loading ? (0, import_react40.createElement)("span", { className: "bt-browser-progress", "aria-hidden": true }) : null
+ page.loading ? (0, import_react41.createElement)("span", { className: "bt-browser-progress", "aria-hidden": true }) : null
),
- (0, import_react40.createElement)(
+ (0, import_react41.createElement)(
"div",
{ ref: frame, className: "bt-browser-frame", "data-guest": showGuest || void 0 },
- page.error ? (0, import_react40.createElement)(
+ page.error ? (0, import_react41.createElement)(
"div",
{ className: "bt-browser-empty" },
- (0, import_react40.createElement)("div", { className: "bt-browser-empty-title" }, t("This page didn’t load")),
- (0, import_react40.createElement)("div", { className: "bt-browser-empty-text" }, t(page.error)),
- page.url ? (0, import_react40.createElement)("button", { type: "button", className: "bt-browser-retry", onClick: () => {
+ (0, import_react41.createElement)("div", { className: "bt-browser-empty-title" }, t("This page didn’t load")),
+ (0, import_react41.createElement)("div", { className: "bt-browser-empty-text" }, t(page.error)),
+ page.url ? (0, import_react41.createElement)("button", { type: "button", className: "bt-browser-retry", onClick: () => {
void actions.browserNavigate(tabId, page.url);
} }, t("Try again")) : null
- ) : !page.url ? (0, import_react40.createElement)(
+ ) : !page.url ? (0, import_react41.createElement)(
"div",
{ className: "bt-browser-empty" },
- (0, import_react40.createElement)(BotMark, { bot, size: 48, state: "idle", live: true }),
- (0, import_react40.createElement)("div", { className: "bt-browser-empty-title" }, t("{name}'s browser", { name: bot.name })),
- (0, import_react40.createElement)("div", { className: "bt-browser-empty-text" }, t("Open a page here and {name} can read it with you. Logins and cookies stay with {name}; other Bots never see them.", { name: bot.name }))
+ (0, import_react41.createElement)(BotMark, { bot, size: 48, state: "idle", live: true }),
+ (0, import_react41.createElement)("div", { className: "bt-browser-empty-title" }, t("{name}'s browser", { name: bot.name })),
+ (0, import_react41.createElement)("div", { className: "bt-browser-empty-text" }, t("Open a page here and {name} can read it with you. Logins and cookies stay with {name}; other Bots never see them.", { name: bot.name }))
) : null
)
);
@@ -16693,41 +16958,41 @@ function BotPanel({ pane, leaving, roster, actions, useSessions, useSessionStatu
const tabState = useBrowserTabs((map) => bot ? map[bot.id] ?? EMPTY_TABS2 : EMPTY_TABS2);
const active = tabState.active;
const page = useBrowserPages((pages) => (active ? pages[active] : null) ?? EMPTY_PAGE);
- const root = (0, import_react40.useRef)(null);
- const fly = (0, import_react40.useRef)(null);
- const [landed, setLanded] = (0, import_react40.useState)(false);
- const [settling, setSettling] = (0, import_react40.useState)(false);
- const [width, setWidth] = (0, import_react40.useState)(savedWidth);
- const [viewport, setViewport] = (0, import_react40.useState)(() => window.innerWidth);
- const [dragging, setDragging] = (0, import_react40.useState)(false);
- const [resizing, setResizing] = (0, import_react40.useState)(false);
+ const root = (0, import_react41.useRef)(null);
+ const fly = (0, import_react41.useRef)(null);
+ const [landed, setLanded] = (0, import_react41.useState)(false);
+ const [settling, setSettling] = (0, import_react41.useState)(false);
+ const [width, setWidth] = (0, import_react41.useState)(savedWidth);
+ const [viewport, setViewport] = (0, import_react41.useState)(() => window.innerWidth);
+ const [dragging, setDragging] = (0, import_react41.useState)(false);
+ const [resizing, setResizing] = (0, import_react41.useState)(false);
const instant = dragging || resizing;
- const [reading, setReading] = (0, import_react40.useState)(false);
+ const [reading, setReading] = (0, import_react41.useState)(false);
const panelWidth = fitWidth(width ?? (view === "browser" ? DEFAULT_WIDTH : DETAILS_WIDTH), widthRange(view, viewport));
- (0, import_react40.useLayoutEffect)(() => {
+ (0, import_react41.useLayoutEffect)(() => {
if (view === "browser" && width === null) setWidth(DEFAULT_WIDTH);
}, [view, width]);
- (0, import_react40.useLayoutEffect)(() => {
+ (0, import_react41.useLayoutEffect)(() => {
chatRoom.hold(instant);
}, [instant]);
- const [last, setLast] = (0, import_react40.useState)({ view, width: panelWidth });
+ const [last, setLast] = (0, import_react41.useState)({ view, width: panelWidth });
if (last.view !== view || last.width !== panelWidth) {
setLast({ view, width: panelWidth });
if (last.view !== view) setSettling(last.width !== panelWidth && !instant);
}
- const shownView = (0, import_react40.useRef)(view);
- (0, import_react40.useLayoutEffect)(() => {
+ const shownView = (0, import_react41.useRef)(view);
+ (0, import_react41.useLayoutEffect)(() => {
const switched = settling && shownView.current !== view;
shownView.current = view;
if (switched) chatRoom.hold(true);
chatRoom.set(leaving ? null : panelWidth);
if (switched) chatRoom.hold(false);
}, [view, panelWidth, leaving]);
- (0, import_react40.useEffect)(() => () => {
+ (0, import_react41.useEffect)(() => () => {
chatRoom.set(null);
chatRoom.hold(false);
}, []);
- (0, import_react40.useEffect)(() => {
+ (0, import_react41.useEffect)(() => {
let timer;
const onResize = () => {
setResizing(true);
@@ -16741,28 +17006,28 @@ function BotPanel({ pane, leaving, roster, actions, useSessions, useSessionStatu
window.removeEventListener("resize", onResize);
};
}, []);
- (0, import_react40.useEffect)(() => {
+ (0, import_react41.useEffect)(() => {
if (!settling) return void 0;
const timer = setTimeout(() => setSettling(false), SPRING_SHAPE.duration + 40);
return () => clearTimeout(timer);
}, [settling, view]);
- (0, import_react40.useEffect)(() => {
+ (0, import_react41.useEffect)(() => {
const timer = setTimeout(() => setLanded(true), 360);
return () => clearTimeout(timer);
}, []);
- (0, import_react40.useEffect)(() => {
+ (0, import_react41.useEffect)(() => {
if (canBrowse) actions.browserEnsure(bot.id);
}, [bot?.id, canBrowse]);
- (0, import_react40.useEffect)(() => {
+ (0, import_react41.useEffect)(() => {
if (view === "browser" && (active === null || !tabState.ids.includes(active))) actions.setPanelView("details");
}, [view, active, tabState.ids.length]);
- (0, import_react40.useEffect)(() => {
+ (0, import_react41.useEffect)(() => {
if (view !== "browser" || leaving) void actions.browserShow?.(null);
}, [view, leaving]);
- (0, import_react40.useEffect)(() => () => {
+ (0, import_react41.useEffect)(() => () => {
void actions.browserShow?.(null);
}, []);
- (0, import_react40.useEffect)(() => {
+ (0, import_react41.useEffect)(() => {
if (!page.readAt || Date.now() - page.readAt > READ_FLASH_MS) return void 0;
setReading(true);
const timer = setTimeout(() => setReading(false), READ_FLASH_MS);
@@ -16799,7 +17064,7 @@ function BotPanel({ pane, leaving, roster, actions, useSessions, useSessionStatu
return actions[name](...args);
};
}
- (0, import_react40.useLayoutEffect)(() => {
+ (0, import_react41.useLayoutEffect)(() => {
const move = fly.current;
if (!move) return;
fly.current = null;
@@ -16882,7 +17147,7 @@ function BotPanel({ pane, leaving, roster, actions, useSessions, useSessionStatu
for (const name of ends) grip.addEventListener(name, onEnd);
};
const hasStrip = canBrowse && tabState.ids.length > 0;
- return (0, import_react40.createElement)(
+ return (0, import_react41.createElement)(
"aside",
{
ref: root,
@@ -16899,15 +17164,15 @@ function BotPanel({ pane, leaving, roster, actions, useSessions, useSessionStatu
if (event.target === event.currentTarget) setLanded(true);
}
},
- leaving ? null : (0, import_react40.createElement)("div", { className: "bt-panel-grip", role: "separator", "aria-orientation": "vertical", "aria-label": t("Resize panel"), onPointerDown: startResize }),
+ leaving ? null : (0, import_react41.createElement)("div", { className: "bt-panel-grip", role: "separator", "aria-orientation": "vertical", "aria-label": t("Resize panel"), onPointerDown: startResize }),
// Over the whole window while dragging: the cursor stays a resize cursor and the
// pages underneath (the chat, the guest) see no pointer.
- dragging ? (0, import_react_dom8.createPortal)((0, import_react40.createElement)("div", { className: "bt-drag-shield", "aria-hidden": true }), document.body) : null,
- hasStrip ? (0, import_react40.createElement)(PanelStrip, { bot, subject: pane.id, view, ids: tabState.ids, active, reading, onView: switchView, actions: panelActions, useBrowserPages }) : null,
- view === "browser" && bot ? (0, import_react40.createElement)(BrowserView, { key: `browser:${active}`, bot, tabId: active, leaving, landed: landed && !settling, actions, useBrowserPages }) : (0, import_react40.createElement)(
+ dragging ? (0, import_react_dom8.createPortal)((0, import_react41.createElement)("div", { className: "bt-drag-shield", "aria-hidden": true }), document.body) : null,
+ hasStrip ? (0, import_react41.createElement)(PanelStrip, { bot, subject: pane.id, view, ids: tabState.ids, active, reading, onView: switchView, actions: panelActions, useBrowserPages }) : null,
+ view === "browser" && bot ? (0, import_react41.createElement)(BrowserView, { key: `browser:${active}`, bot, tabId: active, leaving, landed: landed && !settling, actions, useBrowserPages }) : (0, import_react41.createElement)(
"div",
{ key: `details:${pane.id}:${pane.renaming ? "rename" : ""}:${pane.tab ?? ""}`, className: "bt-panel-view" },
- (0, import_react40.createElement)(DetailsDrawer, {
+ (0, import_react41.createElement)(DetailsDrawer, {
sessionId: pane.id,
startRenaming: pane.renaming,
startTab: pane.tab,
@@ -17004,7 +17269,7 @@ var BROWSER_CSS = `
`;
// src/client/remote-bot-settings.js
-var import_react41 = require("react");
+var import_react42 = require("react");
var REMOTE_BOT_SETTINGS_CSS = `
.bt-remote-sheet-layer{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;padding:16px;pointer-events:none}
.bt-remote-sheet-layer[data-leaving]{pointer-events:none}
@@ -17028,8 +17293,8 @@ var REMOTE_BOT_SETTINGS_CSS = `
function RemoteBotSettingsSheet({ bot, roster, actions, leaving = false }) {
const close = () => actions.closeSettings();
useEscape(close);
- const dialog = (0, import_react41.useRef)(null);
- (0, import_react41.useEffect)(() => {
+ const dialog = (0, import_react42.useRef)(null);
+ (0, import_react42.useEffect)(() => {
const before = document.activeElement;
dialog.current?.focus?.({ preventScroll: true });
return () => {
@@ -17044,37 +17309,37 @@ function RemoteBotSettingsSheet({ bot, roster, actions, leaving = false }) {
};
if (!bot?.remote) return null;
const who = bot.remote.homeName || bot.remote.owner || bot.remote.home || t("Friend's Bot");
- return (0, import_react41.createElement)(
+ return (0, import_react42.createElement)(
"div",
{ className: "bt-remote-sheet-layer", "data-leaving": leaving || void 0, "data-flybot": "remote-bot-sheet" },
- (0, import_react41.createElement)("div", { className: "bt-scrim", onMouseDown: close }),
- (0, import_react41.createElement)(
+ (0, import_react42.createElement)("div", { className: "bt-scrim", onMouseDown: close }),
+ (0, import_react42.createElement)(
"div",
{ className: "bt-remote-sheet", role: "dialog", "aria-modal": true, "aria-label": t("Bot settings"), tabIndex: -1, ref: dialog, onKeyDown },
- (0, import_react41.createElement)(
+ (0, import_react42.createElement)(
"div",
{ className: "bt-remote-sheet-head" },
- (0, import_react41.createElement)(BotMark, { bot, size: 40, live: true }),
- (0, import_react41.createElement)(
+ (0, import_react42.createElement)(BotMark, { bot, size: 40, live: true }),
+ (0, import_react42.createElement)(
"div",
{ className: "bt-remote-sheet-who" },
- (0, import_react41.createElement)("span", { className: "bt-remote-sheet-name" }, bot.name),
- (0, import_react41.createElement)("span", { className: "bt-remote-sheet-sub" }, who)
+ (0, import_react42.createElement)("span", { className: "bt-remote-sheet-name" }, bot.name),
+ (0, import_react42.createElement)("span", { className: "bt-remote-sheet-sub" }, who)
),
- (0, import_react41.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close settings"), onClick: close }, (0, import_react41.createElement)(CloseIcon))
+ (0, import_react42.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close settings"), onClick: close }, (0, import_react42.createElement)(CloseIcon))
),
- (0, import_react41.createElement)(
+ (0, import_react42.createElement)(
"div",
{ className: "bt-remote-sheet-body" },
- bot.remote.handle ? (0, import_react41.createElement)("div", { className: "bt-muted", style: { marginBottom: 8, fontSize: 12 } }, bot.remote.handle) : null,
- (0, import_react41.createElement)(FlyBotDetails, { bot, roster, actions })
+ bot.remote.handle ? (0, import_react42.createElement)("div", { className: "bt-muted", style: { marginBottom: 8, fontSize: 12 } }, bot.remote.handle) : null,
+ (0, import_react42.createElement)(FlyBotDetails, { bot, roster, actions })
)
)
);
}
// src/client/overlays.js
-var import_react42 = require("react");
+var import_react43 = require("react");
var import_react_dom9 = require("react-dom");
var DIALOG_EXIT_MS = 160;
var MENU_EXIT_MS3 = 120;
@@ -17083,15 +17348,15 @@ function Overlays({ useRoster, useUi, useSessions, useSessionStatus, useActivity
const ui2 = useUi((value) => value);
useRegistry((value) => value);
const current = useSessions((list) => Object.values(list.byId).find((session) => (session?.retainedBy?.mainView ?? 0) > 0)?.id ?? null);
- const previous = (0, import_react42.useRef)(current);
- (0, import_react42.useEffect)(() => {
+ const previous = (0, import_react43.useRef)(current);
+ (0, import_react43.useEffect)(() => {
if (previous.current === current) return;
previous.current = current;
if (current) actions.followPanel?.(current);
}, [current]);
const open = ui2.details ? { id: ui2.details, view: ui2.view ?? "details", renaming: ui2.renaming, tab: ui2.tab } : null;
- const [kept, setKept] = (0, import_react42.useState)(open);
- (0, import_react42.useEffect)(() => {
+ const [kept, setKept] = (0, import_react43.useState)(open);
+ (0, import_react43.useEffect)(() => {
if (open) {
setKept(open);
return void 0;
@@ -17107,20 +17372,20 @@ function Overlays({ useRoster, useUi, useSessions, useSessionStatus, useActivity
const [menu, menuLeaving] = useLinger(ui2.menu, MENU_EXIT_MS3);
const [inbox, inboxLeaving] = useLinger(ui2.inbox ?? null, DIALOG_EXIT_MS);
const [board, boardLeaving] = useLinger(ui2.board ?? null, DIALOG_EXIT_MS);
- return (0, import_react42.createElement)(
- import_react42.Fragment,
+ return (0, import_react43.createElement)(
+ import_react43.Fragment,
null,
- pane ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(BotPanel, { pane, leaving: open === null, roster, actions, useSessions, useSessionStatus, useActivity, useWork, useBrowserTabs, useBrowserPages }), document.body) : null,
- ui2.newChat ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(NewChat, { key: ui2.newChat, mode: ui2.newChat, roster, actions }), document.body) : null,
- ui2.palette ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(CommandPalette, { key: ui2.palette.token, start: ui2.palette.query, token: ui2.palette.token, roster, actions, useSessions }), document.body) : null,
- ui2.exchange ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(ExchangeDialog, { pair: ui2.exchange, roster, actions }), document.body) : null,
- ui2.voice ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(VoiceMode, { key: ui2.voice, sessionId: ui2.voice, roster, actions, useSessions, useSessionStatus }), document.body) : null,
- menu ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(ContextMenu, { key: `${menu.kind ?? ""}:${menu.id}:${menu.x}:${menu.y}`, menu, roster, actions, leaving: menuLeaving }), document.body) : null,
- settings ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(SettingsDialog, { page: settings.page, id: settings.id, roster, actions, useUpdate, leaving: settingsLeaving }), document.body) : null,
- remoteBotSettings ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(RemoteBotSettingsSheet, { key: remoteBotSettings, bot: roster.byId[remoteBotSettings], roster, actions, leaving: remoteLeaving }), document.body) : null,
- memory && roster.byId[memory] ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(MemoryDialog, { key: memory, bot: roster.byId[memory], actions, leaving: memoryLeaving }), document.body) : null,
- inbox ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(InboxDialog, { roster, useWork, useSessions, actions, leaving: inboxLeaving }), document.body) : null,
- board ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(KanbanDialog, { roster, actions, leaving: boardLeaving }), document.body) : null
+ pane ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(BotPanel, { pane, leaving: open === null, roster, actions, useSessions, useSessionStatus, useActivity, useWork, useBrowserTabs, useBrowserPages }), document.body) : null,
+ ui2.newChat ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(NewChat, { key: ui2.newChat, mode: ui2.newChat, roster, actions }), document.body) : null,
+ ui2.palette ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(CommandPalette, { key: ui2.palette.token, start: ui2.palette.query, token: ui2.palette.token, roster, actions, useSessions }), document.body) : null,
+ ui2.exchange ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(ExchangeDialog, { pair: ui2.exchange, roster, actions }), document.body) : null,
+ ui2.voice ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(VoiceMode, { key: ui2.voice, sessionId: ui2.voice, roster, actions, useSessions, useSessionStatus }), document.body) : null,
+ menu ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(ContextMenu, { key: `${menu.kind ?? ""}:${menu.id}:${menu.x}:${menu.y}`, menu, roster, actions, leaving: menuLeaving }), document.body) : null,
+ settings ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(SettingsDialog, { page: settings.page, id: settings.id, roster, actions, useUpdate, leaving: settingsLeaving }), document.body) : null,
+ remoteBotSettings ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(RemoteBotSettingsSheet, { key: remoteBotSettings, bot: roster.byId[remoteBotSettings], roster, actions, leaving: remoteLeaving }), document.body) : null,
+ memory && roster.byId[memory] ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(MemoryDialog, { key: memory, bot: roster.byId[memory], actions, leaving: memoryLeaving }), document.body) : null,
+ inbox ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(InboxDialog, { roster, useWork, useSessions, actions, leaving: inboxLeaving }), document.body) : null,
+ board ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(KanbanDialog, { roster, actions, leaving: boardLeaving }), document.body) : null
);
}
@@ -18075,7 +18340,7 @@ function writeMode(mode, storage = globalThis.localStorage) {
}
// src/client/user-message.js
-var import_react43 = require("react");
+var import_react44 = require("react");
var ui = __toESM(require("@deepseek-ai/dsh-client-ui-primitives"), 1);
var canDrawUserMessages = () => typeof ui.projectUserText === "function";
function contentParts(content) {
@@ -18161,38 +18426,38 @@ function userTextParts(text, bots, referenceLabels = []) {
return parts;
}
function UserText({ text, bots, referenceLabels, skillNames, references, actions }) {
- const chip = (part) => [(0, import_react43.createElement)(BotMark, { bot: part.bot.draw ?? part.bot, size: 16 }), `@${part.bot.mentionLabel ?? part.label}`];
+ const chip = (part) => [(0, import_react44.createElement)(BotMark, { bot: part.bot.draw ?? part.bot, size: 16 }), `@${part.bot.mentionLabel ?? part.label}`];
return userTextParts(text, bots, referenceLabels).map((part, index) => {
- if (!part.bot) return (0, import_react43.createElement)(import_react43.Fragment, { key: index }, ui.projectUserText(part.text, referenceLabels, skillNames, "skill", references));
+ if (!part.bot) return (0, import_react44.createElement)(import_react44.Fragment, { key: index }, ui.projectUserText(part.text, referenceLabels, skillNames, "skill", references));
const title = `@${part.bot.name}`;
- return typeof part.bot.id === "string" ? (0, import_react43.createElement)("button", { key: index, type: "button", className: "bt-umention", title, onClick: () => actions.openSession(part.bot.id) }, chip(part)) : (0, import_react43.createElement)("span", { key: index, className: "bt-umention", title }, chip(part));
+ return typeof part.bot.id === "string" ? (0, import_react44.createElement)("button", { key: index, type: "button", className: "bt-umention", title, onClick: () => actions.openSession(part.bot.id) }, chip(part)) : (0, import_react44.createElement)("span", { key: index, className: "bt-umention", title }, chip(part));
});
}
function Attachments({ attachments, renderMessageImages }) {
const compact2 = attachments.length > 1;
- return (0, import_react43.createElement)("div", { className: "bt-uattach" }, attachments.map((block, index) => {
+ return (0, import_react44.createElement)("div", { className: "bt-uattach" }, attachments.map((block, index) => {
if (block.type === "image") {
- return renderMessageImages ? (0, import_react43.createElement)(import_react43.Fragment, { key: index }, renderMessageImages({ images: [{ attachment: block.attachment }], align: "end", compact: compact2 })) : null;
+ return renderMessageImages ? (0, import_react44.createElement)(import_react44.Fragment, { key: index }, renderMessageImages({ images: [{ attachment: block.attachment }], align: "end", compact: compact2 })) : null;
}
const file = block.attachment;
const meta = [ui.fileExtension?.(file.name)?.toUpperCase().slice(0, 8), ui.fileSizeText?.(file.bytes)].filter(Boolean).join(" · ");
- return (0, import_react43.createElement)(
+ return (0, import_react44.createElement)(
"span",
{ key: index, className: "bt-ufile", title: file.name },
- ui.FileTypeIcon ? (0, import_react43.createElement)(ui.FileTypeIcon, { path: file.name, className: "bt-ufile-icon" }) : null,
- (0, import_react43.createElement)("span", { className: "bt-ufile-text" }, (0, import_react43.createElement)("span", { className: "bt-ufile-name" }, file.name), meta ? (0, import_react43.createElement)("span", { className: "bt-ufile-meta" }, meta) : null)
+ ui.FileTypeIcon ? (0, import_react44.createElement)(ui.FileTypeIcon, { path: file.name, className: "bt-ufile-icon" }) : null,
+ (0, import_react44.createElement)("span", { className: "bt-ufile-text" }, (0, import_react44.createElement)("span", { className: "bt-ufile-name" }, file.name), meta ? (0, import_react44.createElement)("span", { className: "bt-ufile-meta" }, meta) : null)
);
}));
}
function CopyButton({ text }) {
- const [copied, setCopied] = (0, import_react43.useState)(false);
+ const [copied, setCopied] = (0, import_react44.useState)(false);
const copy2 = () => {
void navigator.clipboard?.writeText(text).then(() => {
setCopied(true);
setTimeout(() => setCopied(false), 1e3);
});
};
- return (0, import_react43.createElement)("button", { type: "button", className: "bt-tool", "aria-label": copied ? t("Copied") : t("Copy"), title: copied ? t("Copied") : t("Copy"), onClick: copy2 }, copied ? (0, import_react43.createElement)(CheckIcon) : (0, import_react43.createElement)(CopyIcon));
+ return (0, import_react44.createElement)("button", { type: "button", className: "bt-tool", "aria-label": copied ? t("Copied") : t("Copy"), title: copied ? t("Copied") : t("Copy"), onClick: copy2 }, copied ? (0, import_react44.createElement)(CheckIcon) : (0, import_react44.createElement)(CopyIcon));
}
var clock3 = (time) => typeof time === "number" ? new Date(time).toLocaleTimeString(dateLocale(), { hour: "numeric", minute: "2-digit" }) : void 0;
function UserMessageCell({ node, sessionId, useRoster, actions, renderMessageImages, openFile, openSkill }) {
@@ -18209,7 +18474,7 @@ function UserMessageCell({ node, sessionId, useRoster, actions, renderMessageIma
const person = incoming && author.authorKind === "human" && !author.ownerName;
const faceMine = Boolean(room2?.origin === "face-to-face" && !incoming);
const myName = faceMine ? facePeople(room2, roster).find((entry) => entry.mine)?.name || cleanPeerName(roster.self?.displayName, "") || author?.name || "" : "";
- return (0, import_react43.createElement)(
+ return (0, import_react44.createElement)(
"div",
{
className: incoming ? "bt-umsg bt-umsg-other" : "bt-umsg",
@@ -18219,22 +18484,22 @@ function UserMessageCell({ node, sessionId, useRoster, actions, renderMessageIma
"data-author-kind": author?.authorKind,
"data-author-name": author?.name
},
- person ? (0, import_react43.createElement)("span", { className: "bt-lead", title: author.name }, (0, import_react43.createElement)(PersonMark, { name: author.name })) : null,
- faceMine ? (0, import_react43.createElement)("span", { className: "bt-lead", title: myName || void 0 }, (0, import_react43.createElement)(PersonMark, { name: myName || void 0 })) : null,
- (0, import_react43.createElement)(
+ person ? (0, import_react44.createElement)("span", { className: "bt-lead", title: author.name }, (0, import_react44.createElement)(PersonMark, { name: author.name })) : null,
+ faceMine ? (0, import_react44.createElement)("span", { className: "bt-lead", title: myName || void 0 }, (0, import_react44.createElement)(PersonMark, { name: myName || void 0 })) : null,
+ (0, import_react44.createElement)(
"div",
{ className: "bt-ustack" },
- faceMine && myName ? (0, import_react43.createElement)("span", { className: "bt-uauthor" }, myName) : author && (incoming || multiHuman) ? (0, import_react43.createElement)("span", { className: "bt-uauthor" }, author.name, author.ownerName ? (0, import_react43.createElement)("span", { className: "bt-chip" }, t("Friend's Bot")) : null) : null,
- attachments.length > 0 ? (0, import_react43.createElement)(Attachments, { attachments, renderMessageImages }) : null,
- text !== "" || rest.length > 0 ? (0, import_react43.createElement)(
+ faceMine && myName ? (0, import_react44.createElement)("span", { className: "bt-uauthor" }, myName) : author && (incoming || multiHuman) ? (0, import_react44.createElement)("span", { className: "bt-uauthor" }, author.name, author.ownerName ? (0, import_react44.createElement)("span", { className: "bt-chip" }, t("Friend's Bot")) : null) : null,
+ attachments.length > 0 ? (0, import_react44.createElement)(Attachments, { attachments, renderMessageImages }) : null,
+ text !== "" || rest.length > 0 ? (0, import_react44.createElement)(
"div",
{ className: "bt-ubody", title: clock3(data.time) },
- (0, import_react43.createElement)(UserText, { text, bots: mentionableBots(roster, sessionId, { fromFriend: Boolean(incoming && author.ownerName) }), referenceLabels, skillNames: data.skillNames ?? [], references, actions }),
- rest.map((block, index) => ui.JsonBlock ? (0, import_react43.createElement)(ui.JsonBlock, { key: index, label: t("Content"), payload: block }) : null)
+ (0, import_react44.createElement)(UserText, { text, bots: mentionableBots(roster, sessionId, { fromFriend: Boolean(incoming && author.ownerName) }), referenceLabels, skillNames: data.skillNames ?? [], references, actions }),
+ rest.map((block, index) => ui.JsonBlock ? (0, import_react44.createElement)(ui.JsonBlock, { key: index, label: t("Content"), payload: block }) : null)
) : null,
- referenceLabels.length > 0 ? (0, import_react43.createElement)("div", { className: "bt-urefs" }, t("Referenced {labels}", { labels: referenceLabels.join(t(", ")) })) : null
+ referenceLabels.length > 0 ? (0, import_react44.createElement)("div", { className: "bt-urefs" }, t("Referenced {labels}", { labels: referenceLabels.join(t(", ")) })) : null
),
- text === "" ? null : (0, import_react43.createElement)("div", { className: "bt-utools" }, (0, import_react43.createElement)(CopyButton, { text }))
+ text === "" ? null : (0, import_react44.createElement)("div", { className: "bt-utools" }, (0, import_react44.createElement)(CopyButton, { text }))
);
}
var USER_MESSAGE_CSS = `
@@ -18332,7 +18597,7 @@ function noticeApprovals({ work, roster, shownSession, openSession, since: since
}
// src/client/stats-dock.js
-var import_react44 = require("react");
+var import_react45 = require("react");
var STATS_DOCK = "conversation.composer.dock";
var STATS_ID = "stats";
var STATS_IDS = [STATS_ID, "activity"];
@@ -18348,17 +18613,17 @@ function pluralStats(t2) {
function statsDock(entriesOf, id = STATS_ID) {
const shell = () => (entriesOf(STATS_DOCK) ?? []).find((entry) => entry?.component !== StatsDock && entry?.options?.id === id);
function StatsDock(props) {
- const t2 = (0, import_react44.useMemo)(() => typeof props.t === "function" ? pluralStats(props.t) : props.t, [props.t]);
+ const t2 = (0, import_react45.useMemo)(() => typeof props.t === "function" ? pluralStats(props.t) : props.t, [props.t]);
const entry = shell();
if (!entry || typeof props.usePerformanceUsage !== "function") return null;
- return (0, import_react44.createElement)(entry.component, { ...props, t: t2 });
+ return (0, import_react45.createElement)(entry.component, { ...props, t: t2 });
}
return { component: StatsDock, inject: (...args) => shell()?.inject?.(...args) ?? {} };
}
var statsDocks = (entriesOf) => STATS_IDS.map((id) => ({ id, ...statsDock(entriesOf, id) }));
// src/client/index.js
-var import_react45 = require("react");
+var import_react46 = require("react");
var inject = ["sessions", "uiWorkspace", "uiConversation", "slots", "theme", "layout"];
function apply(ctx) {
const flybot = createClientApi2();
@@ -18998,6 +19263,7 @@ function apply(ctx) {
setBotConnector: (botId, connector, enabled) => after(call("bot-connectors", { botId, connector, enabled })),
setBotCapability: (botId, name, attached) => after(call("bot-capability", { botId, name, attached })),
tasks: (payload) => call("tasks", payload ?? {}),
+ deliveryBoard: (payload) => call("delivery-board", payload ?? {}),
taskUpdate: (payload) => call("task-update", payload),
taskCreate: (payload) => call("task-create", payload),
schedules: () => call("schedules"),
@@ -19311,7 +19577,7 @@ function apply(ctx) {
];
ctx.effect(() => {
const style = installStyles(TURN_FAILURES_CSS, "turn-failures");
- const off = registry().register("flybot.session.dock", { id: "flybot-turn-failures", order: 20, component: (props) => (0, import_react45.createElement)(TurnFailures, { ...props, work }) });
+ const off = registry().register("flybot.session.dock", { id: "flybot-turn-failures", order: 20, component: (props) => (0, import_react46.createElement)(TurnFailures, { ...props, work }) });
return () => {
off();
style.remove();
diff --git a/core/index.js b/core/index.js
index f738b5d0..993bd4e2 100644
--- a/core/index.js
+++ b/core/index.js
@@ -41,6 +41,7 @@ import * as update from './src/host/update.js'
import * as dshUpdate from './src/host/dsh-update.js'
import * as hooks from './src/host/hooks.js'
import * as remoteChat from './src/host/remote-chat.js'
+import * as deliveryBoard from './src/host/delivery-board.js'
import * as channel from './src/host/channel.js'
export { COLORS } from './src/host/constants.js'
@@ -52,7 +53,7 @@ export const inject = ['llm', 'tools', 'systemPrompt', 'sessionController', 'ses
// the functions other modules call; they call them through `rt` at run time, never during
// install. Listeners run and tools are listed in registration order, so this order holds:
// usage meters model requests after every listener that rewrites them.
-const MODULES = [diagnostics, store, harness, memberAuth, authz, models, permissions, turns, delivery, roster, folders, agents, prompt, timeContext, tools, decisions, chatIndex, groups, roomMembership, reach, tasks, taskDrive, approvals, resume, memory, parts, images, secrets, connectors, connectorAccess, capabilities, schedules, automationDefault, browser, usage, update, dshUpdate, hooks, remoteChat, channel]
+const MODULES = [diagnostics, store, harness, memberAuth, authz, models, permissions, turns, delivery, roster, folders, agents, prompt, timeContext, tools, decisions, chatIndex, groups, roomMembership, reach, tasks, taskDrive, approvals, resume, memory, parts, images, secrets, connectors, connectorAccess, capabilities, schedules, automationDefault, browser, usage, update, dshUpdate, hooks, remoteChat, deliveryBoard, channel]
export function apply(ctx, config = {}) {
const rt = createRuntime(ctx, config)
diff --git a/core/src/client/delivery-view.js b/core/src/client/delivery-view.js
new file mode 100644
index 00000000..5281a770
--- /dev/null
+++ b/core/src/client/delivery-view.js
@@ -0,0 +1,197 @@
+// Delivery board (#1173): the repository's GitHub issues and pull requests by delivery stage,
+// in the same dialog as the per-Bot Tasks board. This is a view only — nothing here writes to
+// GitHub, and the snapshot it renders is built host-side (src/host/delivery-board.js).
+import { createElement as h, useEffect, useState } from 'react'
+import { t } from './i18n.js'
+
+const POLL_MS = 60_000
+
+export const DELIVERY_COLUMNS = [
+ { id: 'raw', label: 'Original issue' },
+ { id: 'ready', label: 'Ready to start' },
+ { id: 'working', label: 'In progress' },
+ { id: 'review', label: 'In review' },
+ { id: 'done-today', label: 'Done today' },
+]
+
+const BADGES = {
+ inc: 'INC · rework',
+ 'pass-enqueue': 'PASS · waiting for enqueue',
+ 'pass-merge': 'PASS · waiting for merge',
+ 'ci-red': 'CI red',
+ 'ci-running': 'CI running',
+ 'no-verdict': 'No verdict',
+}
+
+export const badgeLabel = (badge) => (badge ? t(BADGES[badge] ?? badge) : '')
+
+export function duration(ms) {
+ if (!Number.isFinite(ms) || ms < 0) return '—'
+ const hours = ms / 3_600_000
+ if (hours < 1) return `${Math.max(1, Math.round(ms / 60_000))}m`
+ if (hours < 48) return `${Math.round(hours)}h`
+ return `${Math.round(hours / 24)}d`
+}
+
+// The header rows the dialog renders; kept pure so the numbers can be checked without React.
+export function metricRows(snapshot) {
+ const today = snapshot?.today ?? {}
+ const week = snapshot?.week ?? {}
+ const ci = today.ci ?? {}
+ const count = (value) => (value === null || value === undefined ? '—' : String(value))
+ const rows = [
+ { label: t('New issues'), key: 'newIssues' },
+ { label: t('Closed issues'), key: 'closedIssues' },
+ { label: t('New pull requests'), key: 'newPullRequests' },
+ { label: t('Merged pull requests'), key: 'mergedPullRequests' },
+ { label: t('Median issue close'), key: 'medianIssueCloseMs', format: duration },
+ { label: t('Median PR merge'), key: 'medianPullMergeMs', format: duration },
+ ].map(row => {
+ const format = row.format ?? count
+ return { label: row.label, today: format(today[row.key]), week: format(week[row.key]) }
+ })
+ return {
+ dayStart: snapshot?.dayStart ?? null,
+ rows,
+ ci: {
+ failed: ci.failed ?? 0,
+ total: ci.total ?? 0,
+ counted: ci.counted ?? 0,
+ caveat: Number.isFinite(ci.total) && Number.isFinite(ci.counted) && ci.counted < ci.total,
+ superseded: ci.superseded ?? 0,
+ },
+ open: snapshot?.open ?? {},
+ }
+}
+
+export function useDeliveryBoard(actions) {
+ const [snapshot, setSnapshot] = useState(null)
+ const [message, setMessage] = useState('')
+ useEffect(() => {
+ let stopped = false
+ const load = () => {
+ const job = Promise.resolve(actions?.deliveryBoard?.())
+ void job.then((next) => {
+ if (stopped || !next || typeof next !== 'object') return
+ if (next.ok === false) {
+ setMessage(next.reason === 'no-github' ? t('No GitHub connection yet; the board fills in once one is added.') : t('The delivery board is not ready yet.'))
+ return
+ }
+ setSnapshot(next)
+ setMessage(next.error ? t('Showing the last snapshot from {time}: {error}', { time: timeOf(next.asOf), error: next.error }) : '')
+ }).catch((error) => { if (!stopped) setMessage(String(error?.message ?? error)) })
+ }
+ load()
+ const timer = setInterval(load, POLL_MS)
+ return () => { stopped = true; clearInterval(timer) }
+ }, [actions])
+ return { snapshot, message }
+}
+
+const timeOf = (iso) => {
+ const at = Date.parse(iso ?? '')
+ if (!Number.isFinite(at)) return '—'
+ return new Date(at).toLocaleString(undefined, { month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' })
+}
+
+function Label({ name }) {
+ return h('span', { className: 'bt-del-label', 'data-label': name }, name)
+}
+
+export function DeliveryCard({ card }) {
+ const badge = badgeLabel(card?.badge)
+ return h('article', { className: 'bt-del-card', 'data-kind': card?.kind, 'data-number': card?.number, 'data-badge': card?.badge ?? undefined },
+ h('span', { className: 'bt-del-card-top' },
+ h('span', { className: 'bt-del-id' }, `#${card?.number ?? '?'}`),
+ badge ? h('span', { className: 'bt-del-badge', 'data-badge': card?.badge }, badge) : null),
+ h('span', { className: 'bt-del-title' }, card?.title ?? ''),
+ card?.labels?.length ? h('span', { className: 'bt-del-labels' }, card.labels.map(name => h(Label, { key: name, name }))) : null,
+ card?.owner ? h('span', { className: 'bt-del-owner', 'data-kind': card.ownerKind ?? 'human' }, card.owner) : null,
+ card?.linked ? h('span', { className: 'bt-del-linked' }, t('linked to #{number}', { number: card.linked })) : null,
+ card?.sha ? h('span', { className: 'bt-del-sha' }, card.sha) : null,
+ card?.url ? h('a', { className: 'bt-del-open', href: card.url, target: '_blank', rel: 'noreferrer' }, t('Open')) : null)
+}
+
+export function DeliveryHeader({ snapshot }) {
+ if (!snapshot) return null
+ const { rows, ci, open } = metricRows(snapshot)
+ return h('header', { className: 'bt-del-head' },
+ h('div', { className: 'bt-del-metrics' },
+ h('table', { className: 'bt-del-table' },
+ h('thead', null, h('tr', null, h('th', null, ''), h('th', null, t('Today')), h('th', null, t('7 days')))),
+ h('tbody', null, rows.map(row => h('tr', { key: row.label },
+ h('th', { scope: 'row' }, row.label),
+ h('td', null, row.today),
+ h('td', null, row.week))))),
+ h('p', { className: 'bt-del-ci' }, t('CI failed {failed} of {total}', { failed: ci.failed, total: ci.total }),
+ ci.caveat ? ` · ${t('counted {counted} of {total}', { counted: ci.counted, total: ci.total })}` : '',
+ ci.superseded ? ` · ${t('{count} superseded', { count: ci.superseded })}` : ''),
+ h('p', { className: 'bt-del-open' }, t('Open: {issues} issues ({needs} need a human), {prs} pull requests', {
+ issues: open.issues ?? 0, needs: open.needsHuman ?? 0, prs: open.pullRequests ?? 0,
+ }), open.medianIssueAgeMs !== null && open.medianIssueAgeMs !== undefined
+ ? ` · ${t('median open age {age}', { age: duration(open.medianIssueAgeMs) })}` : '')),
+ h('p', { className: 'bt-del-asof' }, t('as of {time}', { time: timeOf(snapshot.asOf) }),
+ snapshot.refreshing ? ` · ${t('refreshing…')}` : ''))
+}
+
+export function DeliveryBoard({ snapshot, message }) {
+ if (!snapshot) {
+ return h('div', { className: 'bt-del-body', 'data-view': 'delivery' },
+ message
+ ? h('p', { className: 'bt-board-error', role: 'alert' }, message)
+ : h('p', { className: 'bt-board-empty' }, t('No snapshot yet.')))
+ }
+ const columns = snapshot.columns ?? {}
+ return h('div', { className: 'bt-del-body', 'data-view': 'delivery' },
+ message ? h('p', { className: 'bt-board-error', role: 'alert' }, message) : null,
+ h(DeliveryHeader, { snapshot: snapshot.metrics ? { ...snapshot.metrics, asOf: snapshot.asOf, refreshing: snapshot.refreshing } : null }),
+ h('div', { className: 'bt-del-columns' },
+ DELIVERY_COLUMNS.map(column => h('section', { key: column.id, className: 'bt-del-column', 'data-column': column.id },
+ h('h3', { className: 'bt-board-column-head' },
+ h('span', null, t(column.label)),
+ h('span', { className: 'bt-board-count' }, String((columns[column.id] ?? []).length))),
+ (columns[column.id] ?? []).length === 0
+ ? h('p', { className: 'bt-board-empty' }, t('Nothing here.'))
+ : (columns[column.id] ?? []).map(card => h(DeliveryCard, { key: `${card.kind}-${card.number}`, card }))))))
+}
+
+export function DeliveryView({ actions }) {
+ const { snapshot, message } = useDeliveryBoard(actions)
+ return h(DeliveryBoard, { snapshot, message })
+}
+
+export const DELIVERY_CSS = `
+.bt-del-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;padding:12px 14px 16px}
+.bt-del-head{display:flex;flex-direction:column;gap:6px;border-bottom:.5px solid var(--bt-line);padding-bottom:8px}
+.bt-del-metrics{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px}
+.bt-del-table{border-collapse:collapse;font-size:12px;line-height:16px;font-variant-numeric:tabular-nums}
+.bt-del-table th,.bt-del-table td{padding:2px 8px;text-align:right;white-space:nowrap}
+.bt-del-table th[scope=row]{text-align:left;font-weight:500;color:var(--bt-ink-2)}
+.bt-del-table thead th{font-weight:600;color:var(--bt-ink-3)}
+.bt-del-ci,.bt-del-open{margin:0;font-size:12px;line-height:16px;color:var(--bt-ink-2)}
+.bt-del-asof{margin:0;font-size:11.5px;line-height:15px;color:var(--bt-ink-3)}
+.bt-del-columns{flex:1 1 auto;min-height:0;display:flex;gap:10px;overflow:auto}
+.bt-del-column{flex:1 1 0;min-width:200px;display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:14px;background:var(--bt-hover);overflow:auto}
+.bt-del-card{display:flex;flex-direction:column;gap:5px;padding:10px;border:.5px solid var(--bt-line-2);border-radius:12px;background:var(--bt-card,var(--bt-main))}
+.bt-del-card-top{display:flex;align-items:center;gap:6px}
+.bt-del-id{font-size:12px;line-height:16px;color:var(--bt-ink-3);font-variant-numeric:tabular-nums}
+.bt-del-badge{margin-left:auto;font-size:10.5px;line-height:16px;padding:0 6px;border-radius:999px;background:var(--bt-hover);color:var(--bt-ink-2)}
+.bt-del-badge[data-badge=inc]{background:rgba(224,33,53,.12);color:#c21d2e}
+.bt-del-badge[data-badge=ci-red]{background:rgba(224,33,53,.12);color:#c21d2e}
+.bt-del-badge[data-badge=pass-enqueue],.bt-del-badge[data-badge=pass-merge]{background:color-mix(in srgb,var(--bt-green) 16%,transparent);color:color-mix(in srgb,var(--bt-green) 70%,var(--bt-ink))}
+.bt-del-title{font-size:13.5px;line-height:19px;color:var(--bt-ink)}
+.bt-del-labels{display:flex;flex-wrap:wrap;gap:4px}
+.bt-del-label{font-size:10.5px;line-height:16px;padding:0 6px;border-radius:999px;background:var(--bt-hover);color:var(--bt-ink-2)}
+.bt-del-owner{font-size:12px;line-height:16px;color:var(--bt-ink-2)}
+.bt-del-owner[data-kind=human]{font-weight:600;color:var(--bt-ink)}
+.bt-del-linked,.bt-del-sha{font-size:11.5px;line-height:15px;color:var(--bt-ink-3)}
+.bt-del-open{align-self:flex-start;font-size:12px;line-height:16px;color:var(--bt-accent)}
+@media (max-width:800px){
+ .bt-del-columns{overflow:auto}
+ .bt-del-column{min-width:220px}
+}
+@media (max-width:640px){
+ .bt-del-columns{flex-direction:column}
+ .bt-del-column{min-width:0}
+}
+`
diff --git a/core/src/client/i18n.js b/core/src/client/i18n.js
index 6b792fbc..c7d4b14e 100644
--- a/core/src/client/i18n.js
+++ b/core/src/client/i18n.js
@@ -1278,6 +1278,39 @@ const HOST_ZH = {
'This DeepSeek Harness cannot list folders': '这个 DeepSeek Harness 不能列出文件夹',
'No FlyBot core update is available': '没有可用的 FlyBot 核心更新',
'saved by a newer FlyBot; update FlyBot': '由更新的 FlyBot 保存；请更新 FlyBot',
+ // #1173: the delivery board — one repository-wide snapshot beside the per-Bot task board.
+ 'Delivery': '交付',
+ 'Board view': '看板视图',
+ 'Original issue': '原始单',
+ 'Ready to start': '待开工',
+ 'In review': '审查中',
+ 'Done today': '今天完成',
+ 'INC · rework': '打回 · 返工',
+ 'PASS · waiting for enqueue': '通过 · 待入队',
+ 'PASS · waiting for merge': '通过 · 待合入',
+ 'CI red': 'CI 红',
+ 'CI running': 'CI 跑着',
+ 'No verdict': '还没结论',
+ 'New issues': '新单',
+ 'Closed issues': '关单',
+ 'New pull requests': '新 PR',
+ 'Merged pull requests': '合入 PR',
+ 'Median issue close': '关单中位',
+ 'Median PR merge': '合入中位',
+ 'Today': '今天',
+ 'No GitHub connection yet; the board fills in once one is added.': '还没接 GitHub，接上后这里就有数了。',
+ 'The delivery board is not ready yet.': '交付看板还没准备好。',
+ 'Showing the last snapshot from {time}: {error}': '显示 {time} 的快照：{error}',
+ 'linked to #{number}': '关联 #{number}',
+ 'CI failed {failed} of {total}': 'CI 红 {failed} / 共 {total}',
+ 'counted {counted} of {total}': '已统计 {counted} / 共 {total}',
+ '{count} superseded': '{count} 条被取代',
+ 'Open: {issues} issues ({needs} need a human), {prs} pull requests': '开着：{issues} 张单（{needs} 张等人），{prs} 个 PR',
+ 'median open age {age}': '开着的单中位 {age}',
+ 'as of {time}': '截至 {time}',
+ 'refreshing…': '刷新中…',
+ 'No snapshot yet.': '还没有快照。',
+ 'Nothing here.': '这里还没有。',
}
Object.assign(ZH, HOST_ZH)
diff --git a/core/src/client/index.js b/core/src/client/index.js
index 4aad51ff..8c18ef14 100644
--- a/core/src/client/index.js
+++ b/core/src/client/index.js
@@ -608,6 +608,7 @@ export function apply(ctx) {
setBotConnector: (botId, connector, enabled) => after(call('bot-connectors', { botId, connector, enabled })),
setBotCapability: (botId, name, attached) => after(call('bot-capability', { botId, name, attached })),
tasks: (payload) => call('tasks', payload ?? {}),
+ deliveryBoard: (payload) => call('delivery-board', payload ?? {}),
taskUpdate: (payload) => call('task-update', payload),
taskCreate: (payload) => call('task-create', payload),
schedules: () => call('schedules'),
diff --git a/core/src/client/kanban.js b/core/src/client/kanban.js
index 1748ca0a..55861e5c 100644
--- a/core/src/client/kanban.js
+++ b/core/src/client/kanban.js
@@ -5,6 +5,7 @@ import { createElement as h, useCallback, useEffect, useState } from 'react'
import { columnOf, priorityOf, progressOf } from '../shared/task-board.js'
import { CloseIcon } from './icons.js'
import { useEscape } from './overlay-hooks.js'
+import { DeliveryView, DELIVERY_CSS } from './delivery-view.js'
import { t } from './i18n.js'
const POLL_MS = 15_000
@@ -315,6 +316,9 @@ function scopeName(roster, scope) {
}
export function KanbanDialog({ roster, actions, leaving = false }) {
+ // Two views on one surface: the per-Bot task board (#1058) and the repository's delivery
+ // board (#1173). Delivery is repo-wide, so its rail would be a lie — it is not rendered.
+ const [view, setView] = useState('tasks')
const rail = boardRail(roster)
const [scope, setScope] = useState(() => (rail.bots[0] ? { kind: 'bot', botId: rail.bots[0].id } : rail.groups[0] ? { kind: 'group', roomId: rail.groups[0].id } : null))
const [dragging, setDragging] = useState(null)
@@ -357,18 +361,25 @@ export function KanbanDialog({ roster, actions, leaving = false }) {
h('div', { className: 'bt-scrim', onClick: close }),
h('div', { className: 'bt-mem bt-board', role: 'dialog', 'aria-modal': true, 'aria-labelledby': 'bt-board-heading' },
h('div', { className: 'bt-mem-head' },
- h('h2', { id: 'bt-board-heading' }, t('Tasks')),
- h('span', { className: 'bt-mem-status' }, name),
+ h('h2', { id: 'bt-board-heading' }, view === 'delivery' ? t('Delivery') : t('Tasks')),
+ h('div', { className: 'bt-board-views', role: 'tablist', 'aria-label': t('Board view') },
+ h('button', { type: 'button', role: 'tab', className: 'bt-soft bt-soft-sm', 'data-view': 'tasks', 'aria-selected': view === 'tasks' ? 'true' : 'false', onClick: () => setView('tasks') }, t('Tasks')),
+ h('button', { type: 'button', role: 'tab', className: 'bt-soft bt-soft-sm', 'data-view': 'delivery', 'aria-selected': view === 'delivery' ? 'true' : 'false', onClick: () => setView('delivery') }, t('Delivery'))),
+ view === 'tasks' ? h('span', { className: 'bt-mem-status' }, name) : null,
h('span', { className: 'bt-mem-head-gap' }),
h('button', { type: 'button', className: 'bt-icon-btn', 'aria-label': t('Close tasks'), autoFocus: true, onClick: close }, h(CloseIcon))),
- h(BoardView, {
- roster, tasks, rail, scope, counts, dragging, error, draft,
- onDraft: setDraft, onSelect: setScope, onMove: move, onDrag: setDragging, onCreate: create,
- })))
+ view === 'delivery'
+ ? h(DeliveryView, { actions })
+ : h(BoardView, {
+ roster, tasks, rail, scope, counts, dragging, error, draft,
+ onDraft: setDraft, onSelect: setScope, onMove: move, onDrag: setDragging, onCreate: create,
+ })))
}
export const KANBAN_CSS = `
.bt-board-row{min-height:40px;padding:6px 8px;gap:10px}
+.bt-board-views{display:flex;gap:6px;align-items:center}
+.bt-board-views .bt-soft[aria-selected=true]{background:var(--bt-active,var(--bt-hover));color:var(--bt-ink)}
.bt-board-mark{flex:none;width:36px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--bt-ink-2)}
.bt-board-mark svg{width:18px;height:18px}
.bt-board-label{flex:1 1 auto;min-width:0;font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@@ -428,4 +439,4 @@ export const KANBAN_CSS = `
.bt-board-columns{flex-direction:column}
.bt-board-column{min-width:0}
}
-`
+` + DELIVERY_CSS
diff --git a/core/src/host/authz.js b/core/src/host/authz.js
index 81e6d2dc..7678d92f 100644
--- a/core/src/host/authz.js
+++ b/core/src/host/authz.js
@@ -398,7 +398,8 @@ export function install(rt) {
// Anything not in the table and not a known auth/read endpoint is denied.
if (NO_ACTOR_ALLOWED.has(ep) || ep.startsWith('auth-')) return ALLOW
if (ep === 'state' || ep === 'models' || ep === 'efforts' || ep === 'repo-stars' || ep === 'update-check'
- || ep === 'diagnostics' || ep === 'diagnostics-log' || ep === 'usage') return ALLOW
+ || ep === 'diagnostics' || ep === 'diagnostics-log' || ep === 'usage'
+ || ep === 'delivery-board') return ALLOW
return deny('bot/not-found', `Unknown endpoint ${ep}`)
}
diff --git a/core/src/host/channel.js b/core/src/host/channel.js
index 7c7aeb13..596940ee 100644
--- a/core/src/host/channel.js
+++ b/core/src/host/channel.js
@@ -640,6 +640,9 @@ export function install(rt) {
case 'task-answer-input':
await rt.load()
return ok(await rt.taskEndpoint(endpoint, body, actor))
+ case 'delivery-board':
+ await rt.load()
+ return ok(await rt.deliveryBoard(body))
case 'share-brief':
await rt.load()
await rt.setBriefShare(String(body.id ?? ''), String(body.botId ?? ''), body.share === true, actor)
diff --git a/core/src/host/delivery-board.js b/core/src/host/delivery-board.js
new file mode 100644
index 00000000..bbc5ae35
--- /dev/null
+++ b/core/src/host/delivery-board.js
@@ -0,0 +1,365 @@
+// Delivery board (#1173): one read-only snapshot of the repository's GitHub issues, pull
+// requests and CI runs, laid out by delivery stage. This module is a view over GitHub, not a
+// writer: every request it makes is a GET, the token stays in this process, and the payload the
+// client receives carries no credential. The snapshot is cached; a stale cache is still served
+// while a refresh runs, and the payload says when it was taken.
+import { repoSlug } from './update.js'
+
+export const DELIVERY_COLUMNS = ['raw', 'ready', 'working', 'review', 'done-today']
+
+// State labels first on a card, then the areas; the order is the order the board shows.
+const STATE_LABELS = ['needs-human', 'needs-info', 'agent-ready', 'agent-working', 'agent-pr', 'awaiting-approval', 'hold']
+const DAY_MS = 86_400_000
+// Asia/Shanghai has no daylight saving; the day boundary the owner reads is its 00:00.
+const SHANGHAI_OFFSET_MS = 8 * 3_600_000
+const CACHE_TTL_MS = 5 * 60_000
+const PAGE = 100
+// GitHub caps a list at 1000 items per query; the CI payload says counted/total instead of
+// pretending the tail does not exist.
+const MAX_PAGES = 10
+const REQUEST_TIMEOUT_MS = 20_000
+const MAX_DONE = 40
+
+export const startOfDay = (now = Date.now()) => Math.floor((now + SHANGHAI_OFFSET_MS) / DAY_MS) * DAY_MS - SHANGHAI_OFFSET_MS
+
+export function median(values) {
+ const list = (values ?? []).filter(value => Number.isFinite(value)).sort((a, b) => a - b)
+ if (list.length === 0) return null
+ const middle = Math.floor(list.length / 2)
+ return list.length % 2 === 0 ? (list[middle - 1] + list[middle]) / 2 : list[middle]
+}
+
+const labelNames = (row) => (row.labels ?? []).map(label => (typeof label === 'string' ? label : label?.name)).filter(Boolean)
+const orderLabels = (names) => [...names].sort((a, b) => {
+ const left = STATE_LABELS.indexOf(a), right = STATE_LABELS.indexOf(b)
+ if (left !== -1 || right !== -1) return (left === -1 ? STATE_LABELS.length : left) - (right === -1 ? STATE_LABELS.length : right)
+ return a.localeCompare(b)
+})
+// The issues endpoint returns pull requests too; the pulls endpoint never does, so the two
+// lists are told apart by that field rather than by sniffing a PR's shape.
+const isPull = (row) => row.pull_request !== undefined || row.merge_commit_sha !== undefined
+const verdictOf = (comments) => {
+ for (let index = (comments ?? []).length - 1; index >= 0; index -= 1) {
+ const body = String(comments[index]?.body ?? '')
+ const match = /^\s*Verdict:\s*(PASS|INC)\b(.*)$/im.exec(body)
+ if (!match) continue
+ // The Verdict line names the tip the conclusion is about, so its sha is the marker; an
+ // Attestation line only stands in when the verdict line carries no sha. Reading them the other
+ // way round would let an older attestation hide a verdict that names the current tip (#1173).
+ const at = /^\s*Verdict:\s*(?:PASS|INC)\s+at\s+([0-9a-f]{7,40})/im.exec(body)?.[1] ?? null
+ const attestation = at ?? /^\s*Attestation:\s*([0-9a-f]{7,40})/im.exec(body)?.[1] ?? null
+ return { verdict: match[1].toUpperCase(), attestation }
+ }
+ return null
+}
+
+// A delivery card is a GitHub issue or pull request, never a Bot task record (#1173 keeps the
+// track_tasks board separate).
+export function cardOf(row, { kind, linked = null, owner = null, badge = null, sha = null } = {}) {
+ return {
+ kind,
+ number: row.number,
+ title: String(row.title ?? ''),
+ url: String(row.html_url ?? ''),
+ labels: orderLabels(labelNames(row)),
+ owner,
+ created: row.created_at ?? null,
+ updated: row.updated_at ?? null,
+ linked,
+ badge,
+ sha,
+ draft: row.draft === true,
+ }
+}
+
+export function columnOfDelivery(row, { kind }) {
+ const labels = labelNames(row)
+ if (kind === 'pr') return 'review'
+ if (labels.includes('agent-working')) return 'working'
+ if (labels.includes('agent-ready')) return 'ready'
+ return 'raw'
+}
+
+async function readJson(response) {
+ if (!response.ok) throw new Error(`GitHub answered ${response.status}`)
+ return response.json()
+}
+
+export function createDeliveryBoard({ repo, token, request = fetch, now = Date.now, ttl = CACHE_TTL_MS, warn = () => {} } = {}) {
+ // Secrets are read asynchronously after install, so the token is resolved per request: a value
+ // captured at install time is empty until the next restart (#1173).
+ const tokenNow = () => (typeof token === 'function' ? token() : token)
+ const base = `https://api.github.com/repos/${repo}`
+ const cache = new Map()
+ let snapshot = null
+ let inflight = null
+
+ // Every URL this board asks for is a read. A write would be a bug, so the shape is refused
+ // here rather than trusted from the call sites (#1173 read-only invariant).
+ async function get(url) {
+ const cached = cache.get(url)
+ const headers = { Accept: 'application/vnd.github+json', 'User-Agent': 'flybot-delivery-board' }
+ const bearer = tokenNow()
+ if (bearer) headers.Authorization = `Bearer ${bearer}`
+ if (cached?.etag) headers['If-None-Match'] = cached.etag
+ const response = await request(url, { method: 'GET', headers, signal: AbortSignal.timeout(REQUEST_TIMEOUT_MS) })
+ if (response.status === 304 && cached !== undefined) {
+ cache.set(url, { ...cached, at: now() })
+ return cached.body
+ }
+ if (!response.ok) throw new Error(`GitHub answered ${response.status} for ${new URL(url).pathname}`)
+ const body = await readJson(response)
+ cache.set(url, { etag: response.headers?.get?.('etag') ?? null, body, at: now() })
+ return body
+ }
+
+ async function pages(path, { max = MAX_PAGES, stop = null } = {}) {
+ const rows = []
+ for (let page = 1; page <= max; page += 1) {
+ const separator = path.includes('?') ? '&' : '?'
+ const chunk = await get(`${base}${path}${separator}per_page=${PAGE}&page=${page}`)
+ if (!Array.isArray(chunk)) break
+ rows.push(...chunk)
+ if (chunk.length < PAGE || (stop !== null && chunk.some(stop))) break
+ }
+ return rows
+ }
+
+ async function commentsOf(number) {
+ return get(`${base}/issues/${number}/comments?per_page=100&page=1`)
+ }
+
+ async function runsOfDay(from, to) {
+ // GitHub reads `created` as a date-time range in ISO 8601; epoch milliseconds are accepted
+ // silently and match nothing, which reads as "no CI today" rather than an error (#1173).
+ const created = `${new Date(from).toISOString()}..${new Date(to).toISOString()}`
+ let total = null
+ let counted = 0
+ let failed = 0
+ let superseded = 0
+ for (let page = 1; page <= MAX_PAGES; page += 1) {
+ const body = await get(`${base}/actions/runs?created=${created}&per_page=${PAGE}&page=${page}`)
+ if (total === null) total = Number(body?.total_count ?? 0)
+ const runs = Array.isArray(body?.workflow_runs) ? body.workflow_runs : []
+ counted += runs.length
+ for (const run of runs) {
+ if (run.conclusion === 'failure' || run.conclusion === 'timed_out' || run.conclusion === 'startup_failure') failed += 1
+ else if (run.conclusion === 'cancelled') superseded += 1
+ }
+ if (runs.length < PAGE) break
+ }
+ return { failed, superseded, counted, total: total ?? counted }
+ }
+
+ const windowOf = (from) => ({ from, to: from + DAY_MS })
+
+ async function metricsFor(from, { days = 1, ciDays = 1 } = {}) {
+ const to = from + days * DAY_MS
+ const [issues, pulls] = await Promise.all([
+ pages(`/issues?state=all&since=${new Date(from - DAY_MS).toISOString()}`, { max: 4, stop: row => row.created_at !== undefined && Date.parse(row.created_at) < from - DAY_MS }),
+ pages('/pulls?state=all&sort=created&direction=desc', { max: 4, stop: row => Date.parse(row.created_at ?? 0) < from }),
+ ])
+ const plainIssues = issues.filter(row => !isPull(row))
+ const inWindow = (value) => { const at = Date.parse(value ?? ''); return Number.isFinite(at) && at >= from && at < to }
+ const newIssues = plainIssues.filter(row => inWindow(row.created_at)).length
+ const closedIssues = plainIssues.filter(row => inWindow(row.closed_at))
+ const newPrs = pulls.filter(row => inWindow(row.created_at)).length
+ const merged = pulls.filter(row => inWindow(row.merged_at))
+ const ci = { failed: 0, superseded: 0, counted: 0, total: 0 }
+ for (let day = 0; day < ciDays; day += 1) {
+ const window = windowOf(from - day * DAY_MS)
+ const runs = await runsOfDay(window.from, window.to)
+ ci.failed += runs.failed
+ ci.superseded += runs.superseded
+ ci.counted += runs.counted
+ ci.total += runs.total
+ }
+ return {
+ newIssues,
+ closedIssues: closedIssues.length,
+ closedReasons: {
+ completed: closedIssues.filter(row => row.state_reason === 'completed').length,
+ notPlanned: closedIssues.filter(row => row.state_reason === 'not_planned').length,
+ duplicate: closedIssues.filter(row => row.state_reason === 'duplicate').length,
+ },
+ newPullRequests: newPrs,
+ mergedPullRequests: merged.length,
+ medianIssueCloseMs: median(closedIssues.map(row => Date.parse(row.closed_at) - Date.parse(row.created_at))),
+ medianPullMergeMs: median(merged.map(row => Date.parse(row.merged_at) - Date.parse(row.created_at))),
+ ci,
+ }
+ }
+
+ function badgeFor(pr, verdict, checks) {
+ const head = pr.head?.sha ?? ''
+ const atTip = verdict !== null && verdict.attestation !== null && (head.startsWith(verdict.attestation) || verdict.attestation.startsWith(head))
+ // A verdict only counts at the tip it names; an older one is history, so CI speaks.
+ if (atTip) {
+ if (verdict.verdict === 'INC') return { badge: 'inc', basis: 'INC at this tip' }
+ } else {
+ const states = (checks ?? []).map(run => run.status === 'completed' ? run.conclusion : run.status)
+ if (states.some(state => state === 'in_progress' || state === 'queued' || state === 'requested' || state === 'waiting')) {
+ return { badge: 'ci-running', basis: 'checks running' }
+ }
+ if (states.some(state => state === 'failure' || state === 'timed_out')) return { badge: 'ci-red', basis: 'checks failed' }
+ return { badge: 'no-verdict', basis: verdict === null ? 'no verdict at this tip' : `verdict at ${verdict.attestation?.slice(0, 7) ?? 'another tip'} is older than this tip` }
+ }
+ // GitHub's REST API does not expose the merge queue. A clean, green PR is waiting to be
+ // enqueued; one that is blocked or still waiting on checks is waiting for its merge.
+ if (pr.mergeable_state === 'clean') return { badge: 'pass-enqueue', basis: 'PASS, mergeable, not queued yet' }
+ return { badge: 'pass-merge', basis: `PASS, ${pr.mergeable_state ?? 'unknown'}` }
+ }
+
+ async function ownerOf(row, kind) {
+ const assignee = (row.assignees ?? [])[0]?.login
+ if (typeof assignee === 'string' && assignee !== '') return { owner: assignee, ownerKind: 'human' }
+ if (kind === 'pr') {
+ const body = String(row.body ?? '')
+ const who = /^\s*(?:Written-by|Owner):\s*([^\n]+)$/im.exec(body)?.[1]?.trim()
+ if (who) return { owner: who, ownerKind: /bot/i.test(who) ? 'bot' : 'human' }
+ }
+ const comments = await commentsOf(row.number).catch(() => [])
+ for (let index = comments.length - 1; index >= 0; index -= 1) {
+ const claim = /^\s*Claimed by\s+([^\n]+)$/im.exec(String(comments[index]?.body ?? ''))?.[1]?.trim()
+ if (claim) return { owner: claim, ownerKind: /bot/i.test(claim) ? 'bot' : 'human' }
+ }
+ return { owner: null, ownerKind: null }
+ }
+
+ async function snapshotFromGitHub() {
+ const at = now()
+ const today = startOfDay(at)
+ const weekStart = today - 7 * DAY_MS
+ const [openIssues, openPulls] = await Promise.all([
+ pages('/issues?state=open&sort=updated&direction=desc'),
+ pages('/pulls?state=open&sort=updated&direction=desc'),
+ ])
+ const issues = openIssues.filter(row => !isPull(row))
+ const pullRows = openPulls
+ const linkedTo = new Map()
+ for (const pr of pullRows) {
+ const text = `${pr.title ?? ''}\n${pr.body ?? ''}`
+ for (const match of text.matchAll(/#(\d+)/g)) {
+ const number = Number(match[1])
+ if (!linkedTo.has(number)) linkedTo.set(number, pr.number)
+ }
+ }
+ const [todayMetrics, weekMetrics] = await Promise.all([
+ metricsFor(today),
+ metricsFor(weekStart, { days: 7, ciDays: 7 }),
+ ])
+ const closedToday = await pages(`/issues?state=closed&since=${new Date(today - DAY_MS).toISOString()}`, { max: 3 })
+ const mergedToday = await pages('/pulls?state=closed&sort=updated&direction=desc', { max: 3, stop: row => Date.parse(row.updated_at ?? 0) < today - 2 * DAY_MS })
+ const columns = { raw: [], ready: [], working: [], review: [], 'done-today': [] }
+ for (const issue of issues) {
+ const column = columnOfDelivery(issue, { kind: 'issue' })
+ const { owner, ownerKind } = column === 'raw' ? { owner: null, ownerKind: null } : await ownerOf(issue, 'issue')
+ columns[column].push(cardOf(issue, { kind: 'issue', linked: linkedTo.get(issue.number) ?? null, owner, ownerKind }))
+ }
+ for (const pr of pullRows) {
+ const [verdictComments, checks] = await Promise.all([
+ commentsOf(pr.number).catch(() => []),
+ get(`${base}/commits/${pr.head?.sha}/check-runs?per_page=100`).then(body => body?.check_runs ?? []).catch(() => []),
+ ])
+ const verdict = verdictOf(verdictComments)
+ const { badge, basis } = badgeFor(pr, verdict, checks)
+ const { owner, ownerKind } = await ownerOf(pr, 'pr')
+ columns.review.push({ ...cardOf(pr, { kind: 'pr', owner, ownerKind, badge, sha: String(pr.head?.sha ?? '').slice(0, 7) }), badgeBasis: basis })
+ }
+ const closedInDay = (row) => Date.parse(row.closed_at ?? '') >= today
+ const doneIssues = closedToday.filter(row => !isPull(row) && closedInDay(row))
+ const donePulls = mergedToday.filter(row => Date.parse(row.merged_at ?? '') >= today)
+ // A pull request closed today without a merge is finished work too, so it is done today and not
+ // nowhere (#1173). The issues endpoint describes its pull requests by the `pull_request` object
+ // and gives no top-level `merged_at` and no `head`: reading either would count a merged pull
+ // twice and name a commit this endpoint never returns. The numbers already counted as merged
+ // settle it even when that row carries no merge time.
+ const mergedNumbers = new Set(donePulls.map(row => row.number))
+ const abandonedPulls = closedToday.filter(row => isPull(row) && !row.pull_request?.merged_at && !mergedNumbers.has(row.number) && closedInDay(row))
+ for (const row of donePulls) columns['done-today'].push(cardOf(row, { kind: 'pr', sha: String(row.merge_commit_sha ?? '').slice(0, 7) || null }))
+ for (const row of abandonedPulls) columns['done-today'].push(cardOf(row, { kind: 'pr' }))
+ for (const row of doneIssues) columns['done-today'].push(cardOf(row, { kind: 'issue' }))
+ columns['done-today'] = columns['done-today'].slice(0, MAX_DONE)
+ const needsHuman = issues.filter(row => labelNames(row).includes('needs-human') || labelNames(row).includes('needs-info')).length
+ const openPrs = pullRows.length
+ return {
+ ok: true,
+ repo,
+ asOf: new Date(at).toISOString(),
+ computedMs: Date.now() - at,
+ columns,
+ counts: Object.fromEntries(DELIVERY_COLUMNS.map(column => [column, columns[column].length])),
+ metrics: {
+ dayStart: new Date(today).toISOString(),
+ timeZone: 'Asia/Shanghai',
+ today: todayMetrics,
+ week: weekMetrics,
+ open: {
+ issues: issues.length,
+ pullRequests: openPrs,
+ needsHuman,
+ medianIssueAgeMs: median(issues.map(row => at - Date.parse(row.created_at))),
+ },
+ },
+ }
+ }
+
+ function view(extra = {}) {
+ if (snapshot === null) return { ok: false, reason: 'no-github', asOf: null, columns: {}, metrics: null, ...extra }
+ return { ...snapshot, ...extra }
+ }
+
+ async function refresh() {
+ if (inflight !== null) return inflight
+ inflight = (async () => {
+ try {
+ snapshot = await snapshotFromGitHub()
+ return snapshot
+ } catch (error) {
+ const message = String(error?.message ?? error)
+ warn('ds-bot: delivery board refresh failed: %s', message)
+ if (snapshot !== null) snapshot = { ...snapshot, error: message }
+ else snapshot = null
+ return snapshot
+ } finally {
+ inflight = null
+ }
+ })()
+ return inflight
+ }
+
+ return {
+ columns: DELIVERY_COLUMNS,
+ async read({ force = false } = {}) {
+ if (snapshot === null) return view(await refresh() ? {} : {})
+ const age = now() - Date.parse(snapshot.asOf)
+ if (force || age >= ttl) {
+ void refresh()
+ return view({ refreshing: true, stale: true })
+ }
+ return view()
+ },
+ // Tests and the host's own diagnostics read the cache without touching GitHub.
+ cached: () => snapshot,
+ }
+}
+
+export function install(rt) {
+ const repo = (() => {
+ try { return rt.repoSlug?.() ?? repoSlug() } catch { return repoSlug() }
+ })()
+ const tokenOf = () => {
+ try { return rt.secretValue?.('GITHUB_TOKEN') } catch { return undefined }
+ }
+ const board = createDeliveryBoard({
+ repo,
+ token: tokenOf,
+ request: (url, init) => (rt.fetch ?? fetch)(url, init),
+ warn: (...args) => rt.warn?.(...args),
+ })
+ rt.deliveryBoard = async (payload = {}) => {
+ // The channel answers before a host restart would; load once so the first read is signed.
+ await rt.loadSecrets?.().catch(error => rt.warn?.('ds-bot: delivery board: secrets did not load: %s', error?.message ?? error))
+ return board.read({ force: payload?.force === true })
+ }
+}
diff --git a/core/test/delivery-board.test.js b/core/test/delivery-board.test.js
new file mode 100644
index 00000000..08f742d2
--- /dev/null
+++ b/core/test/delivery-board.test.js
@@ -0,0 +1,296 @@
+// The delivery board (#1173) is a read-only view of GitHub: five columns, one cached snapshot,
+// metrics with an Asia/Shanghai day boundary, and no write request anywhere.
+import assert from 'node:assert/strict'
+import { test } from 'node:test'
+import { readFileSync } from 'node:fs'
+import { createDeliveryBoard, DELIVERY_COLUMNS, install, median, startOfDay } from '../src/host/delivery-board.js'
+
+const NOW = Date.parse('2026-10-25T04:00:00Z') // 12:00 in Asia/Shanghai
+const AT = (iso) => Date.parse(iso)
+
+function fakeGitHub({ comments = {}, checks = {}, closedExtra = [], mergedExtra = [] } = {}) {
+ const calls = []
+ const write = (body, status = 200) => ({ ok: status < 400, status, headers: { get: () => 'etag-1' }, json: async () => body })
+ const request = async (url, init = {}) => {
+ const parsed = new URL(url)
+ const path = parsed.pathname.replace('/repos/o/r', '')
+ const page = Number(parsed.searchParams.get('page') ?? 1)
+ calls.push({ path, method: init.method, headers: init.headers ?? {}, query: parsed.search })
+ if (init.method !== 'GET') throw new Error(`the delivery board must not send ${init.method}`)
+ if (path === '/issues' && parsed.searchParams.get('state') === 'open') {
+ return write(page === 1 ? [
+ { number: 10, title: 'Untriaged', html_url: 'https://x/10', labels: [{ name: 'bug' }], created_at: '2026-10-20T00:00:00Z', updated_at: '2026-10-24T00:00:00Z' },
+ { number: 11, title: 'Ready', html_url: 'https://x/11', labels: [{ name: 'agent-ready' }, { name: 'enhancement' }], created_at: '2026-10-21T00:00:00Z', updated_at: '2026-10-23T00:00:00Z' },
+ { number: 12, title: 'Working', html_url: 'https://x/12', labels: [{ name: 'agent-working' }, { name: 'agent-ready' }], created_at: '2026-10-19T00:00:00Z', updated_at: '2026-10-22T00:00:00Z' },
+ { number: 13, title: 'Needs a human', html_url: 'https://x/13', labels: [{ name: 'needs-info' }], created_at: '2026-09-01T00:00:00Z', updated_at: '2026-10-01T00:00:00Z' },
+ ] : [])
+ }
+ if (path === '/pulls' && parsed.searchParams.get('state') === 'open') {
+ return write(page === 1 ? [
+ { number: 40, title: 'Pending verdict', html_url: 'https://x/40', body: 'Owner: Dev', head: { sha: 'aaaaaaa1' }, mergeable_state: 'unstable', created_at: '2026-10-24T00:00:00Z', updated_at: '2026-10-24T10:00:00Z', labels: [] },
+ { number: 41, title: 'Fix the thing', html_url: 'https://x/41', body: 'Fixes #12', head: { sha: 'bbbbbbb2' }, mergeable_state: 'clean', created_at: '2026-10-23T00:00:00Z', updated_at: '2026-10-24T09:00:00Z', labels: [{ name: 'agent-pr' }] },
+ ] : [])
+ }
+ if (path === '/pulls' && parsed.searchParams.get('state') === 'all') {
+ return write(page === 1 ? [
+ { number: 41, title: 'Fix the thing', html_url: 'https://x/41', created_at: '2026-10-23T00:00:00Z', merged_at: '2026-10-25T02:00:00Z', updated_at: '2026-10-25T02:00:00Z' },
+ { number: 42, title: 'Older merge', html_url: 'https://x/42', created_at: '2026-10-22T00:00:00Z', merged_at: '2026-10-24T02:00:00Z', updated_at: '2026-10-24T02:00:00Z' },
+ ] : [])
+ }
+ if (path === '/pulls' && parsed.searchParams.get('state') === 'closed') {
+ return write(page === 1 ? [
+ { number: 41, title: 'Fix the thing', html_url: 'https://x/41', created_at: '2026-10-23T00:00:00Z', merged_at: '2026-10-25T02:00:00Z', updated_at: '2026-10-25T02:00:00Z', merge_commit_sha: 'ccccccc3' },
+ ...mergedExtra,
+ ] : [])
+ }
+ if (path === '/issues' && parsed.searchParams.get('state') === 'all') {
+ return write(page === 1 ? [
+ { number: 10, title: 'Untriaged', created_at: '2026-10-20T00:00:00Z', closed_at: null, state_reason: null },
+ { number: 11, title: 'Ready', created_at: '2026-10-21T00:00:00Z', closed_at: null, state_reason: null },
+ { number: 12, title: 'Working', created_at: '2026-10-19T00:00:00Z', closed_at: null, state_reason: null },
+ { number: 41, title: 'a PR, not an issue', pull_request: { url: 'x' }, created_at: '2026-10-23T00:00:00Z' },
+ { number: 14, title: 'Closed today', created_at: '2026-10-20T00:00:00Z', closed_at: '2026-10-25T01:00:00Z', state_reason: 'completed' },
+ { number: 15, title: 'Closed yesterday', created_at: '2026-10-21T00:00:00Z', closed_at: '2026-10-24T01:00:00Z', state_reason: 'not_planned' },
+ ] : [])
+ }
+ if (path === '/issues' && parsed.searchParams.get('state') === 'closed') {
+ return write(page === 1 ? [
+ { number: 14, title: 'Closed today', html_url: 'https://x/14', created_at: '2026-10-20T00:00:00Z', closed_at: '2026-10-25T01:00:00Z', state_reason: 'completed', updated_at: '2026-10-25T01:00:00Z', labels: [] },
+ // A merged pull as /issues?state=closed really returns it: the merge time lives on the
+ // pull_request object, there is no top-level merged_at and no head (#1173).
+ { number: 41, title: 'Fix the thing', html_url: 'https://x/41', pull_request: { url: 'x', html_url: 'https://x/41', diff_url: 'https://x/41.diff', patch_url: 'https://x/41.patch', merged_at: '2026-10-25T02:00:00Z' }, created_at: '2026-10-23T00:00:00Z', closed_at: '2026-10-25T02:00:00Z', updated_at: '2026-10-25T02:00:00Z', labels: [] },
+ ...closedExtra,
+ ] : [])
+ }
+ if (path.startsWith('/actions/runs')) {
+ return write({
+ total_count: 3,
+ workflow_runs: [
+ { conclusion: 'failure' }, { conclusion: 'cancelled' }, { conclusion: 'success' },
+ ],
+ })
+ }
+ if (/^\/issues\/\d+\/comments$/.test(path)) {
+ const number = Number(path.split('/')[2])
+ return write(comments[number] ?? [])
+ }
+ if (/^\/commits\/.+\/check-runs$/.test(path)) {
+ const sha = path.split('/')[2]
+ return write({ check_runs: checks[sha] ?? [] })
+ }
+ return write({ message: 'not found' }, 404)
+ }
+ return { request, calls }
+}
+
+const build = (options = {}) => {
+ const github = fakeGitHub(options)
+ const board = createDeliveryBoard({ repo: 'o/r', token: 'SECRET-TOKEN', request: github.request, now: () => NOW })
+ return { board, github }
+}
+
+test('the delivery board is read-only and the payload carries no credential (#1173)', async () => {
+ const { board, github } = build()
+ const snapshot = await board.read()
+ assert.ok(github.calls.length > 0)
+ assert.deepEqual([...new Set(github.calls.map(call => call.method))], ['GET'])
+ for (const call of github.calls) assert.match(call.headers.Authorization ?? '', /^Bearer SECRET-TOKEN$/)
+ assert.doesNotMatch(JSON.stringify(snapshot), /SECRET-TOKEN|Authorization/)
+})
+
+test('five columns come from one snapshot, an issue and its PR linked (#1173)', async () => {
+ const { board } = build()
+ const snapshot = await board.read()
+ assert.deepEqual(Object.keys(snapshot.columns), DELIVERY_COLUMNS)
+ assert.deepEqual(snapshot.columns.raw.map(card => card.number), [10, 13])
+ assert.deepEqual(snapshot.columns.ready.map(card => card.number), [11])
+ assert.deepEqual(snapshot.columns.working.map(card => card.number), [12])
+ assert.deepEqual(snapshot.columns.review.map(card => card.number), [40, 41])
+ assert.deepEqual(snapshot.columns['done-today'].map(card => card.number), [41, 14])
+ const working = snapshot.columns.working[0]
+ assert.equal(working.linked, 41)
+ assert.equal(working.owner, null)
+ const ready = snapshot.columns.ready[0]
+ assert.deepEqual(ready.labels, ['agent-ready', 'enhancement'])
+ assert.deepEqual(snapshot.counts, { raw: 2, ready: 1, working: 1, review: 2, 'done-today': 2 })
+})
+
+test('a pull request closed today without a merge is done today, not nowhere (#1173)', async () => {
+ const { board } = build({
+ closedExtra: [
+ // The shape /issues?state=closed gives a closed pull: no top-level merged_at, no head.
+ { number: 52, title: 'Closed, never merged', html_url: 'https://x/52', pull_request: { url: 'x', html_url: 'https://x/52', diff_url: 'https://x/52.diff', patch_url: 'https://x/52.patch', merged_at: null }, created_at: '2026-10-22T00:00:00Z', closed_at: '2026-10-25T03:00:00Z', updated_at: '2026-10-25T03:00:00Z', labels: [] },
+ { number: 53, title: 'Closed yesterday, never merged', html_url: 'https://x/53', pull_request: { url: 'x', html_url: 'https://x/53', diff_url: 'https://x/53.diff', patch_url: 'https://x/53.patch', merged_at: null }, created_at: '2026-10-22T00:00:00Z', closed_at: '2026-10-24T03:00:00Z', updated_at: '2026-10-24T03:00:00Z', labels: [] },
+ ],
+ })
+ const snapshot = await board.read()
+ const done = snapshot.columns['done-today']
+ // Acceptance 2.5: today's merges plus today's closures, and a closed pull request counts even
+ // though it never merged. Yesterday's closure stays off the board.
+ assert.equal(done.filter(card => card.number === 41).length, 1)
+ assert.equal(done.filter(card => card.number === 52).length, 1)
+ assert.equal(done.filter(card => card.number === 14).length, 1)
+ const closed = done.find(card => card.number === 52)
+ assert.equal(closed.kind, 'pr')
+ // /issues?state=closed returns no head for a pull, so this card carries no merge commit.
+ assert.equal(closed.sha, null)
+ assert.equal(done.some(card => card.number === 53), false)
+ assert.equal(snapshot.counts['done-today'], done.length)
+})
+
+test('a pull merged today is done once although the closed page lists it too (#1173)', async () => {
+ const { board } = build({
+ mergedExtra: [
+ { number: 44, title: 'Merged today', html_url: 'https://x/44', created_at: '2026-10-23T00:00:00Z', merged_at: '2026-10-25T02:30:00Z', updated_at: '2026-10-25T02:30:00Z', merge_commit_sha: 'fffffff6' },
+ ],
+ // The closed page returns the same pull, and a row there can reach us without a merge time on
+ // its pull_request object, so reading that object alone would count it twice. A pull closed
+ // without merging sits on that page too and must still reach the board.
+ closedExtra: [
+ { number: 44, title: 'Merged today', html_url: 'https://x/44', pull_request: { url: 'x' }, created_at: '2026-10-23T00:00:00Z', closed_at: '2026-10-25T02:30:00Z', updated_at: '2026-10-25T02:30:00Z', labels: [] },
+ { number: 52, title: 'Closed, never merged', html_url: 'https://x/52', pull_request: { url: 'x' }, created_at: '2026-10-22T00:00:00Z', closed_at: '2026-10-25T03:00:00Z', updated_at: '2026-10-25T03:00:00Z', labels: [] },
+ ],
+ })
+ const snapshot = await board.read()
+ const done = snapshot.columns['done-today']
+ for (const number of [41, 44, 14, 52]) assert.equal(done.filter(card => card.number === number).length, 1, `#${number} is done today once`)
+ assert.equal(done.some(card => card.number === 15), false)
+ assert.equal(snapshot.counts['done-today'], done.length)
+})
+
+test('a verdict with no Attestation still counts at the sha it names (#1173)', async () => {
+ const { board } = build({
+ comments: { 41: [{ body: 'Verdict: PASS at bbbbbbb2' }] },
+ checks: { bbbbbbb2: [{ status: 'completed', conclusion: 'success' }] },
+ })
+ const snapshot = await board.read()
+ const card = snapshot.columns.review.find(item => item.number === 41)
+ assert.equal(card.badge, 'pass-enqueue')
+})
+
+test('a verdict line wins over an Attestation that names an older sha (#1173)', async () => {
+ // Two markers, two tips: the Attestation points at #40's sha, the Verdict line at this PR's.
+ // Reading Attestation first would hide a verdict that names the current tip (#1173 INC).
+ const { board } = build({
+ comments: { 41: [{ body: 'Verdict: PASS at bbbbbbb2\nAttestation: aaaaaaa1 role=Reviewer' }] },
+ checks: { aaaaaaa1: [{ status: 'in_progress', conclusion: null }], bbbbbbb2: [{ status: 'completed', conclusion: 'success' }] },
+ })
+ const snapshot = await board.read()
+ const card = snapshot.columns.review.find(item => item.number === 41)
+ assert.equal(card.badge, 'pass-enqueue')
+})
+
+test('the token is read per request, and install loads the secrets first (#1173)', async () => {
+ // A token captured at install time is empty until the host loads secrets; every request must
+ // resolve it again, and the first read must ask the host to load them (#1173 INC).
+ const direct = fakeGitHub()
+ let secret
+ const board = createDeliveryBoard({ repo: 'o/r', token: () => secret, request: direct.request, now: () => NOW })
+ await board.read()
+ assert.ok(direct.calls.every(call => call.headers.Authorization === undefined))
+ secret = 'SECRET-TOKEN'
+ await board.read({ force: true })
+ assert.ok(direct.calls.slice(-10).some(call => call.headers.Authorization === 'Bearer SECRET-TOKEN'))
+
+ const github = fakeGitHub()
+ let loads = 0
+ let loaded
+ const rt = {
+ repoSlug: () => 'o/r',
+ // The secrets file is read asynchronously, so at install time there is nothing to read yet.
+ secretValue: name => (name === 'GITHUB_TOKEN' ? loaded : undefined),
+ loadSecrets: async () => { loads += 1; loaded = 'SECRET-TOKEN' },
+ fetch: github.request,
+ warn: () => {},
+ }
+ const installed = Object.assign({}, rt)
+ install(installed)
+ const snapshot = await installed.deliveryBoard()
+ assert.equal(loads, 1)
+ assert.equal(snapshot.ok, true)
+ assert.ok(github.calls.length > 0)
+ assert.ok(github.calls.every(call => call.headers.Authorization === 'Bearer SECRET-TOKEN'))
+})
+
+test('a PR badge reads the verdict at its own tip, and CI when there is none (#1173)', async () => {
+ const { board } = build({
+ comments: {
+ 40: [{ body: 'Verdict: PASS at deadbee\nAttestation: deadbee role=Reviewer2' }],
+ 41: [{ body: 'Verdict: PASS at bbbbbbb\nAttestation: bbbbbbb2 role=Reviewer' }],
+ },
+ checks: { aaaaaaa1: [{ status: 'in_progress', conclusion: null }], bbbbbbb2: [{ status: 'completed', conclusion: 'success' }] },
+ })
+ const snapshot = await board.read()
+ const badges = Object.fromEntries(snapshot.columns.review.map(card => [card.number, card.badge]))
+ // Verdict names an older sha: it does not count at this tip, so CI speaks.
+ assert.equal(badges[40], 'ci-running')
+ assert.equal(badges[41], 'pass-enqueue')
+})
+
+test('metrics use the Shanghai day boundary, medians, and the CI counted/total caveat (#1173)', async () => {
+ assert.equal(startOfDay(NOW), AT('2026-10-24T16:00:00Z'))
+ assert.equal(median([5, 1, 3]), 3)
+ assert.equal(median([4, 1, 3, 2]), 2.5)
+ const { board } = build()
+ const snapshot = await board.read()
+ const { today, week, open } = snapshot.metrics
+ assert.equal(today.newIssues, 0)
+ assert.equal(today.closedIssues, 1)
+ assert.equal(today.closedReasons.completed, 1)
+ assert.equal(today.closedReasons.notPlanned, 0)
+ assert.equal(today.mergedPullRequests, 1)
+ assert.equal(today.medianPullMergeMs, AT('2026-10-25T02:00:00Z') - AT('2026-10-23T00:00:00Z'))
+ assert.deepEqual(today.ci, { failed: 1, superseded: 1, counted: 3, total: 3 })
+ assert.equal(week.newIssues, 5)
+ assert.equal(week.closedIssues, 1)
+ assert.equal(week.closedReasons.notPlanned, 1)
+ assert.equal(open.issues, 4)
+ assert.equal(open.pullRequests, 2)
+ assert.equal(open.needsHuman, 1)
+ assert.equal(open.medianIssueAgeMs, median([
+ NOW - AT('2026-10-20T00:00:00Z'), NOW - AT('2026-10-21T00:00:00Z'),
+ NOW - AT('2026-10-19T00:00:00Z'), NOW - AT('2026-09-01T00:00:00Z'),
+ ]))
+})
+
+test('a snapshot is cached, a stale one is served while it refreshes, and 304 reuses it (#1173)', async () => {
+ let clock = NOW
+ const github = fakeGitHub()
+ const board = createDeliveryBoard({ repo: 'o/r', token: 't', request: github.request, now: () => clock, ttl: 60_000 })
+ const first = await board.read({ force: true })
+ assert.equal(first.stale, undefined)
+ const requestsAfterFirst = github.calls.length
+ clock += 30_000
+ const cached = await board.read()
+ assert.equal(github.calls.length, requestsAfterFirst, 'a fresh cache makes no request')
+ assert.equal(cached.asOf, first.asOf)
+ // Past the TTL the old snapshot is served at once, and the refresh runs in the background.
+ clock += 60_000
+ const stale = await board.read()
+ assert.equal(stale.stale, true)
+ assert.equal(stale.refreshing, true)
+ assert.equal(stale.asOf, first.asOf)
+ await new Promise(resolve => setImmediate(resolve))
+ await board.read({ force: true })
+ const conditional = github.calls.filter(call => call.headers['If-None-Match'] !== undefined)
+ assert.ok(conditional.length > 0, 'a refresh asks with If-None-Match')
+})
+
+test('the host installs no timer: nothing refreshes behind the browser (#1173)', () => {
+ // A host-side interval would burn a turn's worth of GitHub reads with nobody looking; the
+ // snapshot moves only when the browser asks. The client's own poll is tested in delivery-view.
+ const source = readFileSync(new URL('../src/host/delivery-board.js', import.meta.url), 'utf8')
+ assert.equal(/\bset(?:Interval|Timeout)\s*\(/.test(source), false)
+})
+
+test('CI counts ask GitHub for the day in ISO time, not epoch numbers (#1173)', async () => {
+ // Epoch milliseconds answer 200 with no runs, so a wrong format reads as "CI never ran".
+ const { board, github } = build()
+ await board.read()
+ const runs = github.calls.filter(call => call.path.startsWith('/actions/runs'))
+ assert.ok(runs.length > 0)
+ for (const call of runs) {
+ const created = new URLSearchParams(call.query).get('created')
+ assert.match(created, /^\d{4}-\d{2}-\d{2}T[\d:.]+Z\.\.\d{4}-\d{2}-\d{2}T[\d:.]+Z$/, `created=${created}`)
+ }
+})
diff --git a/core/test/delivery-view.test.js b/core/test/delivery-view.test.js
new file mode 100644
index 00000000..312c3554
--- /dev/null
+++ b/core/test/delivery-view.test.js
@@ -0,0 +1,117 @@
+// The delivery board view (#1173): five columns from one snapshot, a read-only card, and the
+// header numbers with the CI counted caveat. The host module is tested in delivery-board.test.js.
+import assert from 'node:assert/strict'
+import { test } from 'node:test'
+import { fileURLToPath } from 'node:url'
+import { runInNewContext } from 'node:vm'
+import { build } from 'esbuild'
+
+const bundle = await build({
+ entryPoints: [fileURLToPath(new URL('../src/client/delivery-view.js', import.meta.url))],
+ bundle: true, format: 'cjs', platform: 'node', write: false,
+ external: ['react'],
+})
+const module = { exports: {} }
+runInNewContext(bundle.outputFiles[0].text, {
+ module, exports: module.exports, setTimeout, clearTimeout, setInterval, clearInterval, Date, Promise, Number, Math, String, Array, Object,
+ require: (name) => {
+ if (name !== 'react') throw new Error(`no platform module ${name}`)
+ return {
+ createElement: (type, props, ...children) => {
+ const kids = children.flat(Infinity)
+ if (typeof type === 'function') return type({ ...(props ?? {}), children: kids })
+ return { type, props: props ?? {}, children: kids }
+ },
+ useState: initial => [typeof initial === 'function' ? initial() : initial, () => {}],
+ useEffect: () => {},
+ }
+ },
+})
+const { DELIVERY_COLUMNS, DeliveryBoard, badgeLabel, duration, metricRows } = module.exports
+
+const text = (node) => {
+ if (node === null || node === undefined || typeof node !== 'object') return String(node ?? '')
+ return [node.props?.title ?? '', ...(node.children ?? []).map(text)].join(' ')
+}
+const walk = (node, out = []) => {
+ if (node === null || typeof node !== 'object') return out
+ out.push(node)
+ for (const child of node.children ?? []) walk(child, out)
+ return out
+}
+
+const snapshot = {
+ asOf: '2026-10-25T04:00:00Z',
+ columns: {
+ raw: [{ kind: 'issue', number: 10, title: 'Untriaged', labels: ['bug'], url: 'https://x/10', owner: null }],
+ ready: [{ kind: 'issue', number: 11, title: 'Ready', labels: ['agent-ready'], url: 'https://x/11', owner: 'Dev' }],
+ working: [{ kind: 'issue', number: 12, title: 'Working', labels: ['agent-working'], url: 'https://x/12', linked: 41 }],
+ review: [{ kind: 'pr', number: 41, title: 'Fix', labels: [], url: 'https://x/41', badge: 'inc', sha: 'abcdef1' }],
+ 'done-today': [{ kind: 'pr', number: 40, title: 'Merged', labels: [], url: 'https://x/40' }],
+ },
+ metrics: {
+ dayStart: '2026-10-24T16:00:00.000Z',
+ today: {
+ newIssues: 4, closedIssues: 2, newPullRequests: 5, mergedPullRequests: 3,
+ medianIssueCloseMs: 3_600_000, medianPullMergeMs: 90_000_000,
+ ci: { failed: 2, total: 1200, counted: 1000, superseded: 3 },
+ },
+ week: {
+ newIssues: 30, closedIssues: 20, newPullRequests: 40, mergedPullRequests: 25,
+ medianIssueCloseMs: 7_200_000, medianPullMergeMs: 180_000_000,
+ ci: { failed: 10, total: 10, counted: 10, superseded: 0 },
+ },
+ open: { issues: 54, pullRequests: 6, needsHuman: 4, medianIssueAgeMs: 259_200_000 },
+ },
+}
+
+test('five delivery columns, localized labels, badge wording (#1173)', () => {
+ assert.deepEqual([...DELIVERY_COLUMNS.map(column => column.id)], ['raw', 'ready', 'working', 'review', 'done-today'])
+ assert.equal(badgeLabel('inc'), 'INC · rework')
+ assert.equal(badgeLabel('pass-enqueue'), 'PASS · waiting for enqueue')
+ assert.equal(badgeLabel('pass-merge'), 'PASS · waiting for merge')
+ assert.equal(badgeLabel('ci-red'), 'CI red')
+ assert.equal(badgeLabel('no-verdict'), 'No verdict')
+ assert.equal(duration(45_000), '1m')
+ assert.equal(duration(3_600_000), '1h')
+ assert.equal(duration(90_000_000), '25h')
+ assert.equal(duration(200_000_000), '2d')
+ assert.equal(duration(null), '—')
+})
+
+test('the header carries today, the 7-day comparison, the CI caveat and open ages (#1173)', () => {
+ const rows = metricRows(snapshot.metrics)
+ assert.equal(rows.rows.length, 6)
+ assert.deepEqual({ ...rows.rows[0] }, { label: 'New issues', today: '4', week: '30' })
+ assert.deepEqual({ ...rows.rows[4] }, { label: 'Median issue close', today: '1h', week: '2h' })
+ assert.equal(rows.ci.failed, 2)
+ assert.equal(rows.ci.total, 1200)
+ assert.equal(rows.ci.caveat, true)
+ assert.equal(rows.ci.superseded, 3)
+ assert.equal(rows.open.needsHuman, 4)
+})
+
+test('the board renders all five columns and a card with labels, owner and link (#1173)', () => {
+ const board = DeliveryBoard({ snapshot: { ...snapshot, columns: snapshot.columns }, message: '' })
+ const sections = walk(board).filter(node => node.type === 'section' && node.props?.['data-column'])
+ assert.deepEqual([...sections.map(node => node.props['data-column'])], ['raw', 'ready', 'working', 'review', 'done-today'])
+ const review = sections.find(node => node.props['data-column'] === 'review')
+ assert.equal(review.children[0].children[1].children[0], '1')
+ const card = walk(review).find(node => node.props?.['data-badge'] === 'inc')
+ const words = text(card)
+ assert.match(words, /Fix/)
+ assert.match(words, /INC · rework/)
+ assert.match(words, /abcdef1/)
+ const workingCard = walk(sections.find(node => node.props['data-column'] === 'working')).find(node => node.type === 'article')
+ assert.match(text(workingCard), /linked to #41/)
+ assert.ok(walk(workingCard).some(node => node.type === 'a' && node.props.href === 'https://x/12'))
+ // A person is rendered as a person, not as a Bot.
+ const owner = walk(workingCard).concat(walk(sections.find(node => node.props['data-column'] === 'ready'))).find(node => node.props?.className === 'bt-del-owner')
+ assert.equal(owner.props['data-kind'], 'human')
+})
+
+test('an honest message replaces the board when there is no GitHub connection (#1173)', () => {
+ const board = DeliveryBoard({ snapshot: null, message: 'No GitHub connection yet; the board fills in once one is added.' })
+ assert.match(text(board), /No GitHub connection yet/)
+ assert.equal(walk(board).some(node => node.type === 'section'), false)
+})
diff --git a/core/test/kanban.test.js b/core/test/kanban.test.js
index 1684e793..9f88cfc0 100644
--- a/core/test/kanban.test.js
+++ b/core/test/kanban.test.js
@@ -13,21 +13,23 @@ const bundle = await build({
external: ['react', 'react-dom'],
})
const module = { exports: {} }
+// Preset state for the next useState calls; KanbanDialog's first hook is the view.
+const states = []
runInNewContext(bundle.outputFiles[0].text, {
module, exports: module.exports, setTimeout, clearTimeout, setInterval, clearInterval, Date, Promise,
require: (name) => {
const platform = {
react: {
createElement: (type, props, ...children) => ({ type, props: props ?? {}, children: children.flat(Infinity) }),
- useState: initial => [typeof initial === 'function' ? initial() : initial, () => {}],
- useEffect: () => {}, useCallback: fn => fn,
+ useState: initial => [states.length > 0 ? states.shift() : (typeof initial === 'function' ? initial() : initial), () => {}],
+ useEffect: () => {}, useCallback: fn => fn, useRef: current => ({ current }),
},
}
if (!(name in platform)) throw new Error(`no platform module ${name}`)
return platform[name]
},
})
-const { BoardView, boardColumns, boardRail, canMoveTask, columnTree, shortId } = module.exports
+const { BoardView, KanbanDialog, boardColumns, boardRail, canMoveTask, columnTree, shortId } = module.exports
const expand = (node) => {
if (Array.isArray(node)) return node.flatMap(expand)
@@ -164,3 +166,24 @@ test('a group column nests subtasks under the overall task', () => {
assert.match(textOf(progress), /Check it/)
assert.match(textOf(notStarted), /Theirs/)
})
+
+test('the Delivery view drops the Bot rail, while Tasks keeps it (#1173)', () => {
+ const actions = { closeBoard: () => {}, boardClose: () => {}, deliveryBoard: async () => ({ ok: false, reason: 'no-github' }) }
+ states.length = 0
+ const tasksView = expand(KanbanDialog({ roster, actions }))
+ const tabs = all(tasksView).filter(node => node.props?.role === 'tab')
+ assert.equal(tabs.map(node => node.props['data-view']).join('|'), 'tasks|delivery')
+ assert.equal(tabs.find(node => node.props['data-view'] === 'tasks').props['aria-selected'], 'true')
+ assert.equal(byClass(tasksView, 'bt-board-rail').length, 1)
+ assert.equal(all(tasksView).some(node => node.props?.['data-view'] === 'delivery' && node.props?.className === 'bt-del-body'), false)
+
+ states.push('delivery')
+ const deliveryView = expand(KanbanDialog({ roster, actions }))
+ // The rail is per-Bot; the delivery board is one per repository, so it must not carry one.
+ assert.equal(byClass(deliveryView, 'bt-board-rail').length, 0)
+ assert.equal(byClass(deliveryView, 'bt-board-body').length, 0)
+ assert.equal(all(deliveryView).some(node => node.props?.['data-view'] === 'delivery'), true)
+ assert.equal(all(deliveryView).find(node => node.props?.role === 'tab' && node.props['data-view'] === 'delivery').props['aria-selected'], 'true')
+ // No snapshot yet is the honest one-line empty state until the first read lands.
+ assert.match(textOf(deliveryView), /No snapshot yet/)
+})
diff --git a/docs/subsystems/core-client.md b/docs/subsystems/core-client.md
index 311864bd..ff522f1a 100644
--- a/docs/subsystems/core-client.md
+++ b/docs/subsystems/core-client.md
@@ -38,7 +38,8 @@ The browser side of the patched `ds-bot` core (`core/`): sources in `core/src/cl
| `core/src/client/schedules.js` | Settings → Scheduled tasks, a Bot's card and the details line. Each row has **Edit** (pencil; the row turns into the same form that creates a task, filled in, with **Save changes**; an edited task keeps its time zone, a cron rule it cannot show is kept) and **Pause** / **Resume**; a paused row reads **Paused** (#354). A row with a recorded run adds one line under it: "Running since …", "Last run …", "Last run … · Stopped" or, in red, "Last run … · Failed: "; a failed run of a task that is not paused gets **Retry**, which runs the task once now (`actions.scheduleRetry`, #473). With Automation tasks off, the hint reads "Switch on Automation tasks on the Plugins page." and the button **Open Plugins** closes the Settings dialog and opens DSH's Plugins panel (`actions.selectPanel('plugins')`); the Harness settings dialog has no such switch (#378). Tests: `core/test/schedules-client.test.js`. |
| `core/src/client/inbox.js` | Agent inbox, step 1 (#349): the **Inbox** row at the top of the sidebar (`InboxRow`, count badge = cards in *Needs you*) and the inbox dialog (`InboxDialog`, `ui.inbox`, `actions.openInbox` / `closeInbox`) with the groups **Needs you**, **In progress** and **Done** (`inboxModel`); failed turns, a *Latest* line and a per-card `N tool calls` count (#471); ask_user cards (a group's and the Bot's own chat) answered in the inbox (#552, #1140); a *Needs you* title and reason wrap in full so the ask can be read on the card (#1177); a result card accepted (**Accept**) or sent back with a note (**Send back** → the box → **Send it back**), with its `result.links` evidence and the producing Bot's model, and a sent-back card reading *Sent back: …* (#401). Tests: `core/test/inbox.test.js`. |
| `core/src/client/turn-failures.js` | Dead-turn lines (#1044): a turn that died with no text draws one line above the composer (`flybot.session.dock`, `data-flybot=turn-failures`), newest last, at most 3, naming the provider error from the host's `ended` entry and the streak when it is above 1. Registered by `index.js` (`flybot-turn-failures`, order 20); `failureLines(snapshot, place, t)` lives in `core/src/shared/turn-failures.js` so the test reads it without React. It never posts, retries or counts as a reply. Tests: `core/test/dead-turn.test.js`. |
-| `core/src/client/kanban.js` | Per-Bot task board (#1058, #1099): the **Tasks** row under Inbox (`KanbanRow`, `ui.board`, `actions.openBoard` / `closeBoard`) and `KanbanDialog`. `boardRail` lists the viewer's Bots nested by `createdBy` and the groups they administer; `boardColumns` maps task status onto **Not started** / **In progress** / **Done**. Cards show id, priority, title, note, assignee and progress. In a group scope, `columnTree` nests subtasks under the overall task (`kind: 'group'`) when they share a column, and a subtask in another column says which overall task it is part of. Drag or **Start** / **Complete** calls `actions.taskUpdate`; only the Bot's owner gets those actions. A group scope loads `tasks { roomId }`. Tests: `core/test/kanban.test.js`. |
+| `core/src/client/delivery-view.js` | The **Delivery** view of the task dialog (#1173): five columns (`raw`, `ready`, `working`, `review`, `done-today`) from one host snapshot, cards that link out, the verdict/CI badge, and the header numbers. It polls `actions.deliveryBoard` every 60s, shows `as of` with the snapshot time, and replaces the board with one honest line when there is no GitHub connection. Read-only: it renders, it never writes. Tests: `core/test/delivery-view.test.js`, `core/test/kanban.test.js`. |
+| `core/src/client/kanban.js` | Per-Bot task board (#1058, #1099): the **Tasks** row under Inbox (`KanbanRow`, `ui.board`, `actions.openBoard` / `closeBoard`) and `KanbanDialog`. `boardRail` lists the viewer's Bots nested by `createdBy` and the groups they administer; `boardColumns` maps task status onto **Not started** / **In progress** / **Done**. Cards show id, priority, title, note, assignee and progress. The dialog has two tabs (#1173), **Tasks** and **Delivery**; the Delivery view is repository-wide, so its Bot rail is not rendered and it cannot be pointed at one Bot. In a group scope, `columnTree` nests subtasks under the overall task (`kind: 'group'`) when they share a column, and a subtask in another column says which overall task it is part of. Drag or **Start** / **Complete** calls `actions.taskUpdate`; only the Bot's owner gets those actions. A group scope loads `tasks { roomId }`. Tests: `core/test/kanban.test.js`. |
| `core/src/client/standing-approvals.js` | Standing tool approvals (#540): `StandingApprovalsCard`, the **Always allowed** card in Bot settings (the Bot's grants) and Group settings (the grants this person gave in the group), one row per kind with **Remove** (`actions.removeStandingApproval`). The approval cards (`member-status.js` `ApprovalCard`, the inbox card) add **Always allow for this Bot** and, for an ask from a group, **Always allow for this group** (`alwaysChoices`; never on a friend's Bot). Host side in [core-host](core-host.md#standing-tool-approvals-540). Tests: `core/test/member-status.test.js`, `core/test/standing-approvals.test.js`. |
| `core/src/client/mobile.js` | Phone-width layout, step 1 (#362): `MOBILE_CSS` under `@media (max-width:640px)` for held-reply and floating approval buttons, the chat pointers and Agent inbox cards. Tests: `core/test/mobile-layout.test.js`. |
diff --git a/docs/subsystems/core-host.md b/docs/subsystems/core-host.md
index b64ee72c..eaf7ac2d 100644
--- a/docs/subsystems/core-host.md
+++ b/docs/subsystems/core-host.md
@@ -38,6 +38,7 @@ The server side of the patched `ds-bot` core (`core/`): the part of [ds-bot-core
| --- | --- |
| `core/index.js` | Server entry. |
| `core/src/host/` | Host-side helpers (non-hooks). |
+| `core/src/host/delivery-board.js` | The delivery board (#1173): one read-only snapshot of the repository's GitHub issues, pull requests and CI runs, laid out by delivery stage. Every request is a `GET`; the token is read host-side (`rt.secretValue`, falling back to none) and never leaves the payload, which carries no credential. `read({ force })` caches per URL with the ETag and revalidates with `If-None-Match`, serving the old snapshot on a 304 and while a refresh runs; there is no timer — the client asks. Issues are placed by label (`agent-working` → working, `agent-ready` → ready, else original), pull requests in review, and pull requests merged, and issues or pull requests closed, since the day start in done today — a pull request closed without merging counts, so finished work never sits in no column. A PR card carries the verdict badge of a recent `Verdict:` on its own tip (an old-tip verdict does not count; CI decides), and the header reports the Asia/Shanghai day, the 7-day window and CI as `counted` of `total`. Endpoint `delivery-board`, allowed to any signed-in member because it reads one repository rather than an owner's Bots. Tests: `core/test/delivery-board.test.js`. |
| `core/src/host/prompt.js` | The Bot system prompt; a Main Bot's section is headed `You are the Main Bot` and uses that one term, the one the UI shows (#276). The team rules state the idle default (#699): a Bot does nothing until the user addresses it, it is @-mentioned in a group, its parent gives it a task, or unfinished tasks it was already given are still on its board. It does not invent work. A coordinator acts on a user task rather than on its own initiative — an addressed Bot answers as before. |
| `core/src/host/room-membership.js` | Typed room participants (human / local bot / granted remote), authorship, membership-window history (#50); rooms with friends' Bots or other owners take granted local Bots only and evict a Bot that stops qualifying (#90). Face-to-face rooms (#83) reuse this model (`origin: 'face-to-face'`, room-only remotes without a person-grant, `upsertFaceRoom` / `syncFaceParticipants` / `applyFaceRoomLine`); a face-room local Bot is `viaCode` (brought by number), `evictUnshared` skips face rooms (membership is the server's), and a Bot that returns to the member list drops the empty local `left` line (#236). Refusing an ungranted local Bot next to a friend's Bot throws `ungrantedRefusal`: a message that names the Bot, the friend and the two ways out, plus `error.details` `{ reason: 'ungranted-local', bots, remotes }`; `channel.js` `fail` forwards a plain-object `details` (empty otherwise) and `client/api.js` puts it on the thrown error, where `client/new-chat.js` draws a card (**Copy invite link for {Bot}** via `__flybot__.social.createInvite`, **Leave {Bot} out**) read through `ungrantedLocalFix` in `shared/remote-label.js`; the same file's `copiedToClipboard` reports whether the invite link really reached the clipboard (none, or a refused write, is `false`), and the card then shows the link to copy by hand instead of saying it was copied. |
| `core/src/host/face-mentions.js` | Who "@" calls in a face-to-face room (#287): every alias of a participant (`faceAliases`, kept in `shared/remote-label.js` so the bubble chips the same names, #305; bare name, the picker label `'s Chief` / ` · 's Bot`, ` · `, handle), local and friend's Bots told apart. `faceMentions().handles` is the handle of every Bot a line names (the explicit mention list a sender attaches, #293) and `mentionedByHandle` resolves a received list to my Bots (`known` counts handles the room has). |
@@ -187,6 +188,12 @@ Deciding such a task leaves one comment for its Bot to post. `task-accept-result
`tasks` without a filter returns tasks the actor requested or whose Bot they own, including a descendant (`createdBy`) they do not themselves own. `tasks { botId }` is that Bot's list under the same rule. `tasks { roomId }` is the group view: a current human admin, or the owner of `room.admin`, sees tasks member Bots tagged with that group, and nobody else does. A room that never grew `participants` is read through `deriveParticipants`, so its `members` still count. A plain list does not include another Bot's group tasks. Names come back as `ownerBotName`, and a subtask also carries `parentTitle`. Tests: `core/test/bot-tasks.test.js`.
+### Delivery board (#1173)
+
+The dialog's **Delivery** view is one snapshot of this repository's GitHub work, not a Bot's task board. `src/host/delivery-board.js` reads issues, pulls and workflow runs, lays them into `raw`, `ready`, `working`, `review` and `done-today`, and caches each URL with its ETag; a stale snapshot is still served while a refresh runs, and a `304` reuses the cached body. It installs no timer: the browser asks (`delivery-board`, optional `force`) and the host answers.
+
+The module is read-only by construction: every request is a `GET`, and the payload carries no token. Issues are placed by state label (`agent-working` → working, `agent-ready` → ready, otherwise raw), pull requests in review, and pull requests merged, and issues or pull requests closed, since the Asia/Shanghai day start in done today (a closed pull request counts whether or not it merged). A pull request card shows the newest `Verdict:` on its own tip — a verdict that names an older tip is ignored and CI speaks instead — plus the tip sha. The header reports today and the 7-day window, medians for issue close and pull merge, the open counts, and CI as `counted` of `total` (the list is capped, and the payload says so rather than pretending the tail does not exist). `authz.js` allows the endpoint to any signed-in member: it reads one repository, not an owner's Bots.
+
### Task-driven turns (#1109)
Unfinished conversation tasks wake the owning Bot. `src/host/task-drive.js` runs after a board write and after a turn ends. For each owner, the next task is the one `compareForWork` would name: `open`, `claimed`, or `working`, not `waitingFor: 'input'`, and not an overall group card (`kind: 'group'`). A decision whose comment is still `pending` counts as work even when the task is already `accepted`, and the wake says where to post it (#1154). That card is the plan; the subtasks are the work. One drive pass wakes every such owner, so a group assignment starts each member's own subtask in that same pass. One Bot still receives only its own next task. A task with no group wakes the Bot's own chat. The wake is a follow-up whose header is `[Continue task]` (`delivery.js`, role `task`). It names the task id, priority, and title. It is not a group post, so the reply is not posted back and does not start a round. A subtask wakes that Bot's Session in the group, opening the Session the first time (`memberSession`) so the driver does not wait for someone to speak there (#1182). That wake is a room turn (`role: 'room'`, `taskDrive: true`, header `[Group chat "…" · your task]`). The cue says to start the claimed card and not to wait for a confirmation, and to ask a blocking question in the reply, not in the Bot's own chat. There is no round waiter, so when the turn ends the reply is posted into the room as a late line: a late line calls only the Bots it names, and the driver itself does not post the cue or open a round.
diff --git a/patches/ds-bot/0001-core-fixes.patch b/patches/ds-bot/0001-core-fixes.patch
index 729190fc..01ac2b45 100644
--- a/patches/ds-bot/0001-core-fixes.patch
+++ b/patches/ds-bot/0001-core-fixes.patch
@@ -1161,12 +1161,45 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js
'The admin must be a member of the group': '管理员必须是群成员',
'Unknown group chat': '找不到这个群聊',
'Hand the admin role to another member instead of leaving the group without one': '请把管理员交给其他成员，不要让群聊没有管理员',
-@@ -905,6 +905,8 @@ const HOST_ZH = {
+@@ -905,6 +905,41 @@ const HOST_ZH = {
'Write the entry to save.': '请写下要保存的内容。',
'This DeepSeek Harness has no folder chooser': '这个 DeepSeek Harness 没有文件夹选择窗口',
'This DeepSeek Harness cannot list folders': '这个 DeepSeek Harness 不能列出文件夹',
+ 'No FlyBot core update is available': '没有可用的 FlyBot 核心更新',
+ 'saved by a newer FlyBot; update FlyBot': '由更新的 FlyBot 保存；请更新 FlyBot',
++ // #1173: the delivery board — one repository-wide snapshot beside the per-Bot task board.
++ 'Delivery': '交付',
++ 'Board view': '看板视图',
++ 'Original issue': '原始单',
++ 'Ready to start': '待开工',
++ 'In review': '审查中',
++ 'Done today': '今天完成',
++ 'INC · rework': '打回 · 返工',
++ 'PASS · waiting for enqueue': '通过 · 待入队',
++ 'PASS · waiting for merge': '通过 · 待合入',
++ 'CI red': 'CI 红',
++ 'CI running': 'CI 跑着',
++ 'No verdict': '还没结论',
++ 'New issues': '新单',
++ 'Closed issues': '关单',
++ 'New pull requests': '新 PR',
++ 'Merged pull requests': '合入 PR',
++ 'Median issue close': '关单中位',
++ 'Median PR merge': '合入中位',
++ 'Today': '今天',
++ 'No GitHub connection yet; the board fills in once one is added.': '还没接 GitHub，接上后这里就有数了。',
++ 'The delivery board is not ready yet.': '交付看板还没准备好。',
++ 'Showing the last snapshot from {time}: {error}': '显示 {time} 的快照：{error}',
++ 'linked to #{number}': '关联 #{number}',
++ 'CI failed {failed} of {total}': 'CI 红 {failed} / 共 {total}',
++ 'counted {counted} of {total}': '已统计 {counted} / 共 {total}',
++ '{count} superseded': '{count} 条被取代',
++ 'Open: {issues} issues ({needs} need a human), {prs} pull requests': '开着：{issues} 张单（{needs} 张等人），{prs} 个 PR',
++ 'median open age {age}': '开着的单中位 {age}',
++ 'as of {time}': '截至 {time}',
++ 'refreshing…': '刷新中…',
++ 'No snapshot yet.': '还没有快照。',
++ 'Nothing here.': '这里还没有。',
}
Object.assign(ZH, HOST_ZH)
diff --git a/patches/ds-bot/0002-flybot-api-host.patch b/patches/ds-bot/0002-flybot-api-host.patch
index 52fe8ae4..d808d542 100644
--- a/patches/ds-bot/0002-flybot-api-host.patch
+++ b/patches/ds-bot/0002-flybot-api-host.patch
@@ -25,7 +25,7 @@ diff --git a/index.js b/index.js
import * as chatIndex from './src/host/chat-index.js'
import * as groups from './src/host/groups.js'
import * as approvals from './src/host/approvals.js'
-@@ -24,11 +24,15 @@ import * as images from './src/host/images.js'
+@@ -24,11 +24,16 @@ import * as images from './src/host/images.js'
import * as browser from './src/host/browser.js'
import * as secrets from './src/host/secrets.js'
import * as connectors from './src/host/connectors.js'
@@ -38,6 +38,7 @@ diff --git a/index.js b/index.js
import * as dshUpdate from './src/host/dsh-update.js'
+import * as hooks from './src/host/hooks.js'
+import * as remoteChat from './src/host/remote-chat.js'
++import * as deliveryBoard from './src/host/delivery-board.js'
import * as channel from './src/host/channel.js'
export { COLORS } from './src/host/constants.js'
@@ -46,7 +47,7 @@ diff --git a/index.js b/index.js
// install. Listeners run and tools are listed in registration order, so this order holds:
// usage meters model requests after every listener that rewrites them.
-const MODULES = [diagnostics, store, models, permissions, turns, delivery, roster, folders, agents, prompt, timeContext, tools, chatIndex, groups, approvals, resume, memory, parts, images, secrets, connectors, capabilities, schedules, browser, usage, update, dshUpdate, channel]
-+const MODULES = [diagnostics, store, harness, memberAuth, authz, models, permissions, turns, delivery, roster, folders, agents, prompt, timeContext, tools, decisions, chatIndex, groups, roomMembership, reach, tasks, taskDrive, approvals, resume, memory, parts, images, secrets, connectors, connectorAccess, capabilities, schedules, automationDefault, browser, usage, update, dshUpdate, hooks, remoteChat, channel]
++const MODULES = [diagnostics, store, harness, memberAuth, authz, models, permissions, turns, delivery, roster, folders, agents, prompt, timeContext, tools, decisions, chatIndex, groups, roomMembership, reach, tasks, taskDrive, approvals, resume, memory, parts, images, secrets, connectors, connectorAccess, capabilities, schedules, automationDefault, browser, usage, update, dshUpdate, hooks, remoteChat, deliveryBoard, channel]
export function apply(ctx, config = {}) {
- createRuntime(ctx, config)
diff --git a/patches/ds-bot/0003-flybot-api-client.patch b/patches/ds-bot/0003-flybot-api-client.patch
index c58bf31a..fbec0c59 100644
--- a/patches/ds-bot/0003-flybot-api-client.patch
+++ b/patches/ds-bot/0003-flybot-api-client.patch
@@ -1467,7 +1467,7 @@ diff --git a/src/client/index.js b/src/client/index.js
stopMemberWork: (roomId, botId) => after(call('stop-member-work', { roomId, botId })),
// Values go out in these requests and never come back in a response.
secretSet: payload => after(call('secret-set', payload)),
-@@ -539,15 +539,26 @@ export function apply(ctx) {
+@@ -539,15 +539,27 @@ export function apply(ctx) {
secretCancel: requestId => after(call('secret-cancel', { requestId })),
secretUpdate: (name, scope) => after(call('secret-update', { name, scope })),
secretDelete: name => after(call('secret-delete', { name })),
@@ -1484,6 +1484,7 @@ diff --git a/src/client/index.js b/src/client/index.js
+ setBotConnector: (botId, connector, enabled) => after(call('bot-connectors', { botId, connector, enabled })),
setBotCapability: (botId, name, attached) => after(call('bot-capability', { botId, name, attached })),
+ tasks: (payload) => call('tasks', payload ?? {}),
++ deliveryBoard: (payload) => call('delivery-board', payload ?? {}),
+ taskUpdate: (payload) => call('task-update', payload),
+ taskCreate: (payload) => call('task-create', payload),
schedules: () => call('schedules'),
diff --git a/patches/ds-bot/0005-social-seams.patch b/patches/ds-bot/0005-social-seams.patch
index d4f2624a..c43a99ea 100644
--- a/patches/ds-bot/0005-social-seams.patch
+++ b/patches/ds-bot/0005-social-seams.patch
@@ -811,7 +811,7 @@ diff --git a/src/host/channel.js b/src/host/channel.js
await rt.ensureCapabilities(sessionId)
await ctx.sessionController.prompt({
requestId: randomUUID(),
-@@ -319,32 +319,114 @@ export function install(rt) {
+@@ -319,32 +319,117 @@ export function install(rt) {
case 'diagnostics-clear':
await rt.diagnostics.clear()
return ok(true)
@@ -828,6 +828,9 @@ diff --git a/src/host/channel.js b/src/host/channel.js
+ case 'task-answer-input':
+ await rt.load()
+ return ok(await rt.taskEndpoint(endpoint, body, actor))
++ case 'delivery-board':
++ await rt.load()
++ return ok(await rt.deliveryBoard(body))
+ case 'share-brief':
+ await rt.load()
+ await rt.setBriefShare(String(body.id ?? ''), String(body.botId ?? ''), body.share === true, actor)
diff --git a/patches/ds-bot/0008-client-bundle.patch b/patches/ds-bot/0008-client-bundle.patch
index c93d3121..16c200c5 100644
--- a/patches/ds-bot/0008-client-bundle.patch
+++ b/patches/ds-bot/0008-client-bundle.patch
@@ -697,14 +697,47 @@ diff --git a/client.js b/client.js
"The admin must be a member of the group": "管理员必须是群成员",
"Unknown group chat": "找不到这个群聊",
"Hand the admin role to another member instead of leaving the group without one": "请把管理员交给其他成员，不要让群聊没有管理员",
-@@ -951,7 +951,9 @@ var HOST_ZH = {
+@@ -951,7 +951,42 @@ var HOST_ZH = {
"The model wrote nothing": "模型没有输出内容",
"Write the entry to save.": "请写下要保存的内容。",
"This DeepSeek Harness has no folder chooser": "这个 DeepSeek Harness 没有文件夹选择窗口",
- "This DeepSeek Harness cannot list folders": "这个 DeepSeek Harness 不能列出文件夹"
+ "This DeepSeek Harness cannot list folders": "这个 DeepSeek Harness 不能列出文件夹",
+ "No FlyBot core update is available": "没有可用的 FlyBot 核心更新",
-+ "saved by a newer FlyBot; update FlyBot": "由更新的 FlyBot 保存；请更新 FlyBot"
++ "saved by a newer FlyBot; update FlyBot": "由更新的 FlyBot 保存；请更新 FlyBot",
++ // #1173: the delivery board — one repository-wide snapshot beside the per-Bot task board.
++ "Delivery": "交付",
++ "Board view": "看板视图",
++ "Original issue": "原始单",
++ "Ready to start": "待开工",
++ "In review": "审查中",
++ "Done today": "今天完成",
++ "INC · rework": "打回 · 返工",
++ "PASS · waiting for enqueue": "通过 · 待入队",
++ "PASS · waiting for merge": "通过 · 待合入",
++ "CI red": "CI 红",
++ "CI running": "CI 跑着",
++ "No verdict": "还没结论",
++ "New issues": "新单",
++ "Closed issues": "关单",
++ "New pull requests": "新 PR",
++ "Merged pull requests": "合入 PR",
++ "Median issue close": "关单中位",
++ "Median PR merge": "合入中位",
++ "Today": "今天",
++ "No GitHub connection yet; the board fills in once one is added.": "还没接 GitHub，接上后这里就有数了。",
++ "The delivery board is not ready yet.": "交付看板还没准备好。",
++ "Showing the last snapshot from {time}: {error}": "显示 {time} 的快照：{error}",
++ "linked to #{number}": "关联 #{number}",
++ "CI failed {failed} of {total}": "CI 红 {failed} / 共 {total}",
++ "counted {counted} of {total}": "已统计 {counted} / 共 {total}",
++ "{count} superseded": "{count} 条被取代",
++ "Open: {issues} issues ({needs} need a human), {prs} pull requests": "开着：{issues} 张单（{needs} 张等人），{prs} 个 PR",
++ "median open age {age}": "开着的单中位 {age}",
++ "as of {time}": "截至 {time}",
++ "refreshing…": "刷新中…",
++ "No snapshot yet.": "还没有快照。",
++ "Nothing here.": "这里还没有。"
};
Object.assign(ZH, HOST_ZH);
var fill = (text, params) => params ? text.replace(/\{(\w+)\}/g, (match, name) => name in params ? String(params[name]) : match) : text;
@@ -1261,8 +1294,8 @@ diff --git a/client.js b/client.js
}
-var eyeMarkup = ([cx, cy, w, h34, tilt]) => ``;
-var happyEyeMarkup = ([cx, cy, w, h34, tilt]) => ``;
-+var eyeMarkup = ([cx, cy, w, h45, tilt]) => ``;
-+var happyEyeMarkup = ([cx, cy, w, h45, tilt]) => ``;
++var eyeMarkup = ([cx, cy, w, h46, tilt]) => ``;
++var happyEyeMarkup = ([cx, cy, w, h46, tilt]) => ``;
var maskBox = (size) => `maskUnits="userSpaceOnUse" x="${-size}" y="${-size}" width="${size * 3}" height="${size * 3}"`;
var holes = (def, eyes) => `${eyes}`;
var MASK_ID = "%MASK%";
@@ -1597,7 +1630,7 @@ diff --git a/client.js b/client.js
}
return "";
}
-@@ -1624,869 +1624,1822 @@ function usageOf(list, ids) {
+@@ -1624,201 +1624,1109 @@ function usageOf(list, ids) {
const hit = input > 0 ? Math.round(cacheRead / input * 100) : 0;
return t("{tokens} tok · Cache hit {hit}%", { tokens: formatTokens(input + output), hit });
}
@@ -1887,8 +1920,6 @@ diff --git a/client.js b/client.js
+var toolState = (name) => /^(message_bot|stop_bot|create_bot|update_bot|create_group|update_group|delete_group|post_to_group)$/.test(name) ? "sending" : /search|fetch|browse|read|grep|glob|list|recall/i.test(name) ? "searching" : "working";
+function useGaze(ref, enabled) {
(0, import_react.useEffect)(() => {
-- if (value) {
-- setKept(value);
+ if (!enabled) return void 0;
+ let frame = 0;
+ let point = null;
@@ -2003,15 +2034,12 @@ diff --git a/client.js b/client.js
+ prev.current = state;
+ if (state !== "idle") {
+ setSettled(false);
- return void 0;
- }
-- const timer = setTimeout(() => setKept(value), reducedMotion() ? 0 : ms);
++ return void 0;
++ }
+ if (was === "idle" || was === "alert") return void 0;
+ setSettled(true);
+ const timer = setTimeout(() => setSettled(false), 1800);
- return () => clearTimeout(timer);
-- }, [value]);
-- return [value || kept, !value && Boolean(kept)];
++ return () => clearTimeout(timer);
+ }, [state]);
+ return settled;
+}
@@ -2104,108 +2132,8 @@ diff --git a/client.js b/client.js
+ return (0, import_react.createElement)("span", { key: bot?.id ?? "you", style }, seat(bot, s));
+ })
+ );
- }
-
--// src/client/styles.js
--var SHELL_CSS = `
--body{--bt-ink:#141414;--bt-ink-2:rgba(20,20,20,.6);--bt-ink-3:rgba(20,20,20,.36);--bt-bubble:#eeeeee;--bt-sidebar:#f7f7f7;--bt-main:#fcfcfc;--bt-line:rgba(20,20,20,.08);--bt-line-2:rgba(20,20,20,.15);--bt-line-weak:rgba(20,20,20,.1);--bt-hover:rgba(119,119,119,.09);--bt-active:rgba(119,119,119,.17);--bt-card:#ffffff;--bt-accent:#4d6bfe;--bt-green:#00c972;--bt-star:#ff9800;--bt-user:#070707;--bt-user-ink:#fcfcfc;--bt-tag-bg:rgba(20,20,20,.06);--bt-tag-ink:rgba(20,20,20,.56)}
--body[data-ds-dark-theme]{--bt-ink:#f2f2f2;--bt-ink-2:rgba(242,242,242,.6);--bt-ink-3:rgba(242,242,242,.36);--bt-bubble:#262626;--bt-sidebar:#1b1b1b;--bt-main:#141414;--bt-line:rgba(255,255,255,.08);--bt-line-2:rgba(255,255,255,.15);--bt-line-weak:rgba(255,255,255,.1);--bt-hover:rgba(160,160,160,.12);--bt-active:rgba(160,160,160,.2);--bt-card:#1f1f1f;--bt-user:#f2f2f2;--bt-user-ink:#141414;--bt-tag-bg:rgba(255,255,255,.09);--bt-tag-ink:rgba(242,242,242,.62)}
--${Object.entries(INKS).map(([name, [light]]) => `body{--bt-ink-${name}:${light}}`).join("")}
--${Object.entries(INKS).map(([name, [, dark]]) => `body[data-ds-dark-theme]{--bt-ink-${name}:${dark}}`).join("")}
--.bt-mark{display:inline-block;flex:none;position:relative;line-height:0}
--.bt-mark svg{width:100%;height:100%;overflow:visible}
--.bt-mark-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;box-shadow:inset 0 0 0 1px var(--bt-line)}
--.bt-mark .bt-b,.bt-mark .bt-eye,.bt-mark .bt-eyes,.bt-mark .bt-gaze{transform-box:fill-box}
--.bt-mark .bt-b{transform-origin:50% 100%}
--.bt-mark .bt-eye,.bt-mark .bt-eyes{transform-origin:center}
--/* Motion levels (Settings → Bots → Animation) set body[data-bt-motion]: quiet moves a
-- mark only for its state; normal, the default, adds petting, pokes and eyes that follow
-- the pointer; lively adds blinks and fidgets at rest and a question riding on the head. */
--body[data-bt-motion=lively] .bt-mark[data-live]:is([data-state=idle],[data-state=alert]) .bt-eye{animation:bt-blink-idle 5s linear infinite;animation-delay:var(--bt-delay,0s)}
--body[data-bt-motion=lively] .bt-mark[data-live][data-state=idle]:is([data-fidget=hop],[data-fidget=sway],[data-fidget=stretch]) :is(.bt-b,.bt-mark-img){animation:var(--bt-fidget) 9s ease-in-out var(--bt-fidget-delay,0s) infinite}
--body[data-bt-motion=lively] .bt-mark[data-live][data-state=idle][data-fidget=hop]{--bt-fidget:bt-fidget-hop}
--body[data-bt-motion=lively] .bt-mark[data-live][data-state=idle][data-fidget=sway]{--bt-fidget:bt-fidget-sway}
--body[data-bt-motion=lively] .bt-mark[data-live][data-state=idle][data-fidget=stretch]{--bt-fidget:bt-fidget-stretch}
--body[data-bt-motion=lively] .bt-mark[data-live][data-state=idle][data-fidget=look] .bt-eyes{animation:bt-fidget-look 9s ease-in-out var(--bt-fidget-delay,0s) infinite}
--@keyframes bt-fidget-hop{0%,8%,100%{transform:none}3%{transform:translateY(-10%) scale(.97,1.04)}5.5%{transform:translateY(0) scale(1.05,.95)}}
--@keyframes bt-fidget-sway{0%,10%,100%{transform:none}2.5%{transform:rotate(-8deg)}5%{transform:rotate(7deg)}7.5%{transform:rotate(-3deg)}}
--@keyframes bt-fidget-stretch{0%,9%,100%{transform:none}4%{transform:scale(.94,1.08)}7%{transform:scale(1.03,.97)}}
--@keyframes bt-fidget-look{0%,22%,100%{transform:none}3%,9%{transform:translateX(-14%)}12%,19%{transform:translateX(14%)}}
--body[data-bt-motion=lively] .bt-badge-alert{right:auto;bottom:auto;left:50%;top:calc(var(--bt-size,36px) * -.14);translate:-50% 0;animation:bt-q-ride 1.3s cubic-bezier(.3,.7,.4,1) infinite}
--body[data-bt-motion=lively] :is(.bt-row,.bt-tile)>.bt-mark:hover .bt-badge-alert{animation:none}
--@keyframes bt-q-ride{0%,55%,100%{transform:translateY(0)}20%{transform:translateY(calc(var(--bt-size,36px) * -.14))}40%{transform:translateY(0)}}
--/* Petting: with the pointer on a sidebar avatar or just around it (a ring a fifth of its
-- size wide), a resting mark leans into the pointer and keeps nuzzling it, its eyes
-- closed in a happy arc, and springs back when the pointer leaves. */
--:is(.bt-row,.bt-tile)>:is(.bt-mark,.bt-cluster)::before{content:'';position:absolute;inset:-20%;border-radius:50%}
--.bt-mark[data-live] .bt-b,.bt-mark[data-live] .bt-mark-img{transition:rotate .5s cubic-bezier(.34,1.56,.64,1),translate .5s cubic-bezier(.34,1.56,.64,1),scale .3s ease-out}
--.bt-mark[data-live] .bt-eye{transition:scale .14s ease-in}
--.bt-mark[data-live] .bt-eye-happy{transition:opacity .12s ease-out}
--body:not([data-bt-motion=quiet]) :is(.bt-row,.bt-tile)>:is(.bt-mark,.bt-cluster):hover .bt-mark[data-live]:is([data-state=idle],[data-state=alert]):not(.bt-mark-poke) :is(.bt-b,.bt-mark-img){rotate:8deg;translate:5% -1%;animation:bt-nuzzle .78s ease-in-out .32s infinite}
--body:not([data-bt-motion=quiet]) :is(.bt-row,.bt-tile)>:is(.bt-mark,.bt-cluster):hover .bt-mark[data-live]:is([data-state=idle],[data-state=alert]) .bt-eye{scale:1 0;animation:none}
--body:not([data-bt-motion=quiet]) :is(.bt-row,.bt-tile)>:is(.bt-mark,.bt-cluster):hover .bt-mark[data-live]:is([data-state=idle],[data-state=alert]) .bt-eye-happy{opacity:1;transition-delay:.1s}
--@keyframes bt-nuzzle{50%{rotate:14deg;translate:8% -3%;scale:1.03 .97}}
--.bt-mark[data-gaze] .bt-b{translate:calc(var(--bt-gx,0) * 5%) calc(var(--bt-gy,0) * 4%);transition:translate .18s ease-out}
--.bt-mark[data-gaze] .bt-gaze{transform:translate(calc(var(--bt-gx,0) * 12%),calc(var(--bt-gy,0) * 11%));transition:transform .18s ease-out}
--body[data-bt-motion=quiet] .bt-mark[data-gaze] .bt-b{translate:none}
--body[data-bt-motion=quiet] .bt-mark[data-gaze] .bt-gaze{transform:none}
--.bt-mark[data-state=thinking] .bt-b{animation:bt-ponder 2.2s ease-in-out infinite}
--.bt-mark[data-state=thinking] .bt-eyes{animation:bt-squint 2.2s ease-in-out infinite}
--.bt-mark[data-state=searching] .bt-b{animation:bt-seek 1s ease-in-out infinite}
--.bt-mark[data-state=searching] .bt-eyes{animation:bt-scan 1.6s ease-in-out infinite}
--.bt-mark[data-state=working] .bt-b{animation:bt-bob 1.6s ease-in-out infinite}
--.bt-mark[data-state=working]:is([data-shape=star],[data-shape=hex],[data-shape=plus],[data-shape=gem],[data-shape=magnet],[data-shape=ring]) .bt-b{animation:bt-wiggle 1.4s ease-in-out infinite;transform-origin:50% 50%}
--.bt-mark[data-state=working]:is([data-shape=gumdrop],[data-shape=peanut],[data-shape=cushion],[data-shape=squircle],[data-shape=moon],[data-shape=wave]) .bt-b{animation:bt-squash 1.2s ease-in-out infinite}
--.bt-mark[data-state=working] .bt-eye{animation:bt-blink 2.4s ease-in-out infinite}
--.bt-mark[data-state=sending] .bt-b{animation:bt-dash 1.1s cubic-bezier(.4,0,.2,1) infinite}
--.bt-mark[data-state=orbit] .bt-b{animation:bt-sway 2.6s ease-in-out infinite;transform-origin:50% 50%}
--.bt-mark[data-state=orbit] .bt-eyes{animation:bt-roll 2.6s linear infinite}
--/* A question for you hops twice when it arrives and the badge keeps it in view after;
-- a lively mark keeps hopping. */
--.bt-mark[data-state=alert] .bt-b{animation:bt-hop 1.3s cubic-bezier(.3,.7,.4,1) 2}
--.bt-mark[data-shape=image]:not([data-state=idle]) .bt-mark-img{animation:bt-bob 1.6s ease-in-out infinite}
--.bt-mark[data-shape=image][data-state=alert] .bt-mark-img{animation:bt-hop 1.3s cubic-bezier(.3,.7,.4,1) 2}
--body[data-bt-motion=lively] .bt-mark[data-state=alert] :is(.bt-b,.bt-mark-img){animation-iteration-count:infinite}
--.bt-mark[data-state=done] .bt-b{animation:bt-done 1.8s linear 1}
--.bt-mark[data-shape=image][data-state=done] .bt-mark-img{animation:bt-done 1.8s linear 1;transform-origin:50% 100%}
--@keyframes bt-done{0%{transform:none;animation-timing-function:cubic-bezier(.4,0,.2,1)}13.3%{transform:scale(1.12,.88);animation-timing-function:cubic-bezier(.4,0,.2,1)}25.6%{transform:scale(.93,1.09);animation-timing-function:cubic-bezier(.4,0,.2,1)}37.8%{transform:scale(1.04,.97);animation-timing-function:cubic-bezier(.4,0,.2,1)}51.1%,100%{transform:none}}
--.bt-mark-poke .bt-b{animation:bt-poke .8s cubic-bezier(.3,.7,.4,1) 1!important;transform-origin:50% 60%!important}
--.bt-mark-poke .bt-mark-img{animation:bt-poke-img .6s ease-out 1!important}
--.bt-mark[data-poke]{cursor:pointer}
--body[data-bt-motion=quiet] .bt-mark-poke :is(.bt-b,.bt-mark-img){animation:none!important}
--body[data-bt-motion=quiet] .bt-mark[data-poke]{cursor:default}
--@keyframes bt-bob{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-4%) rotate(-5deg)}65%{transform:translateY(0) rotate(4deg)}}
--@keyframes bt-wiggle{0%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(-12deg) scale(1.04)}75%{transform:rotate(12deg) scale(1.04)}}
--@keyframes bt-squash{0%,100%{transform:scale(1,1)}30%{transform:scale(1.08,.9)}55%{transform:translateY(-4%) scale(.94,1.08)}80%{transform:scale(1.02,.98)}}
--@keyframes bt-ponder{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-3%) rotate(7deg)}}
--@keyframes bt-squint{0%,100%{transform:translate(0,-4%) scaleY(.7)}50%{transform:translate(5%,-5%) scaleY(.78)}}
--@keyframes bt-seek{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5%) rotate(-1deg)}}
--@keyframes bt-scan{0%,100%{transform:translateX(-12%)}50%{transform:translateX(12%)}}
--@keyframes bt-dash{0%,100%{transform:translateX(0) rotate(0)}35%{transform:translateX(9%) rotate(7deg)}55%{transform:translateX(-2%) rotate(-3deg)}}
--@keyframes bt-sway{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}
--@keyframes bt-roll{0%,100%{transform:translate(12%,0)}25%{transform:translate(0,9%)}50%{transform:translate(-12%,0)}75%{transform:translate(0,-9%)}}
--@keyframes bt-hop{0%,55%,100%{transform:translateY(0) scale(1,1)}20%{transform:translateY(-14%) scale(.96,1.05)}40%{transform:translateY(0) scale(1.06,.94)}}
--@keyframes bt-poke{0%{transform:none}55%{transform:translateY(-16%) rotate(360deg)}78%{transform:translateY(0) scale(1.08,.92) rotate(360deg)}100%{transform:rotate(360deg)}}
--@keyframes bt-poke-img{0%,100%{transform:scale(1)}40%{transform:scale(1.14) rotate(-6deg)}}
--/* Idle clip: two .26s blinks (lid to 3%, then a 6% overshoot) at 1.48s and 3.46s. */
--@keyframes bt-blink-idle{0%,29.6%,35%,69.2%,74.6%,100%{transform:scaleY(1)}32.2%,71.8%{transform:scaleY(.03)}33.8%,73.4%{transform:scaleY(1.06)}}
--@keyframes bt-blink{0%,42%,50%,100%{transform:scaleY(1)}46%{transform:scaleY(.03)}48%{transform:scaleY(1.06)}}
--@media (prefers-reduced-motion:reduce){.bt-mark *{animation:none!important;transition:none!important}}
--.bt-badge{position:absolute;right:0;bottom:0;width:12px;height:12px;border-radius:50%;corner-shape:round;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1.5px var(--bt-sidebar)}
--.bt-badge-admin{background:color-mix(in srgb,var(--bt-star) 82%,var(--bt-sidebar))}
--.bt-badge-admin svg{width:7px;height:7px}
--.bt-badge-main{right:calc(var(--bt-size,36px) * -.07);bottom:calc(var(--bt-size,36px) * -.07);width:clamp(14px,calc(var(--bt-size,36px) * .36),22px);height:clamp(14px,calc(var(--bt-size,36px) * .36),22px);border-radius:0;box-shadow:none}
--.bt-badge-main svg{width:100%;height:100%;overflow:visible}
--.bt-badge-main path{fill:var(--bt-star);stroke:var(--bt-sidebar);stroke-width:2.6;stroke-linejoin:round;paint-order:stroke}
--.bt-badge-alert{background:color-mix(in srgb,var(--bt-accent) 78%,var(--bt-sidebar));color:var(--bt-accent-ink,#fff);font-size:8.5px;line-height:12px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
--.bt-badge-working{background:color-mix(in srgb,var(--bt-green) 82%,var(--bt-sidebar));width:8px;height:8px;right:1px;bottom:1px}
--.bt-cluster{position:relative;display:inline-block;flex:none;line-height:0}
--.bt-cluster>*{position:absolute}
--.bt-cluster-more,.bt-cluster-you{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bt-active);color:var(--bt-ink-3);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}
--.bt-cluster-you{background:color-mix(in srgb,var(--bt-ink) 12%,transparent)}
--.bt-stack{display:inline-flex;align-items:center;flex:none;line-height:0}
--.bt-stack>*+*{margin-left:calc(var(--bt-stack-size) * -.3)}
--.bt-stack-more{font-size:11px;line-height:16px;color:var(--bt-ink-3);margin-left:3px!important}
++}
++
+// src/client/room-invite-preview.js
+var INVITE_PREVIEW_NAME_MAX = 60;
+function stripInviteMarkers(text) {
@@ -2246,29 +2174,29 @@ diff --git a/client.js b/client.js
+ const total = Math.max(1, Math.ceil(left / 1e3));
+ return `${Math.floor(total / 60)}:${String(total % 60).padStart(2, "0")} left to join`;
+}
-+function RoomInvitePreview({ h: h45, preview, kind = "face-link-preview", busy = false, joinLabel = "Join", clearLabel = "Clear", showClear = true, onJoin, onClear, now } = {}) {
-+ if (!preview || typeof h45 !== "function") return null;
++function RoomInvitePreview({ h: h46, preview, kind = "face-link-preview", busy = false, joinLabel = "Join", clearLabel = "Clear", showClear = true, onJoin, onClear, now } = {}) {
++ if (!preview || typeof h46 !== "function") return null;
+ const at = `${kind}`;
+ const child = (name) => `${at}-${name}`;
+ const countdown = now === void 0 ? inviteCountdown(preview.expiresAt, preview.clockOffsetMs) : inviteCountdownAt(preview.expiresAt, preview.clockOffsetMs, now);
-+ return h45(
++ return h46(
+ "div",
+ { className: "fs-preview", "data-flybot": at, role: "status" },
-+ h45("div", { className: "fs-preview-name", "data-flybot": child("name") }, preview.name || "Face-to-face room"),
-+ preview.lead ? h45("div", { className: "fs-preview-meta", "data-flybot": child("lead") }, `Lead: ${preview.lead}`) : null,
-+ preview.people ? h45("div", { className: "fs-preview-meta", "data-flybot": child("members") }, preview.people) : null,
-+ preview.expiresAt ? h45("div", { className: "fs-preview-meta", "data-flybot": child("expiry") }, countdown) : null,
-+ onJoin || onClear ? h45(
++ h46("div", { className: "fs-preview-name", "data-flybot": child("name") }, preview.name || "Face-to-face room"),
++ preview.lead ? h46("div", { className: "fs-preview-meta", "data-flybot": child("lead") }, `Lead: ${preview.lead}`) : null,
++ preview.people ? h46("div", { className: "fs-preview-meta", "data-flybot": child("members") }, preview.people) : null,
++ preview.expiresAt ? h46("div", { className: "fs-preview-meta", "data-flybot": child("expiry") }, countdown) : null,
++ onJoin || onClear ? h46(
+ "div",
+ { className: "fs-preview-foot", "data-flybot": child("foot") },
-+ showClear && onClear ? h45("button", {
++ showClear && onClear ? h46("button", {
+ type: "button",
+ className: "fs-btn fs-btn-sm",
+ "data-flybot": child("clear"),
+ disabled: !!busy,
+ onClick: onClear
+ }, clearLabel) : null,
-+ onJoin ? h45("button", {
++ onJoin ? h46("button", {
+ type: "button",
+ className: "fs-btn fs-btn-sm fs-btn-primary",
+ "data-flybot": child("join"),
@@ -2286,42 +2214,7 @@ diff --git a/client.js b/client.js
+ const total = Math.max(1, Math.ceil(left / 1e3));
+ return `${Math.floor(total / 60)}:${String(total % 60).padStart(2, "0")} left to join`;
+}
-
--.bt-side{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;gap:2px;padding:0 12px 8px 0;color:var(--bt-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
--.bt-side-top{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:6px 5px 0 0}
--.bt-brand{display:inline-flex;align-items:center;gap:6px;margin-right:auto;padding:4px 8px 4px 4px;border:0;border-radius:8px;background:none;cursor:pointer;font-family:inherit;font-size:15px;line-height:20px;font-weight:600;letter-spacing:-.01em;color:var(--bt-ink);white-space:nowrap}
--.bt-brand-whale{display:inline-flex;color:var(--bt-accent)}
--.bt-round{width:36px;height:36px;border-radius:50%;border:1px solid var(--bt-line);background:var(--bt-main);color:var(--bt-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .12s ease,transform .12s ease}
--.bt-round:hover{background:var(--bt-hover)}
--.bt-round:active{transform:scale(.94)}
--.bt-list{display:flex;flex-direction:column;gap:3px;overflow-y:auto;min-height:0;flex:1 1 auto}
--.bt-tile-wrap{display:flex;justify-content:center;padding:20px 0 15px}
--.bt-tile{display:flex;flex-direction:column;align-items:center;gap:4px;width:95px;padding:6px 8px 4px;border-radius:12px;border:0;background:transparent;color:var(--bt-ink);cursor:pointer;font-family:inherit;transition:background-color .12s ease}
--.bt-tile:hover{background:var(--bt-hover)}
--.bt-tile[aria-current=page]{background:var(--bt-active)}
--.bt-tile-name{font-size:13px;line-height:18px;font-weight:400;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
--.bt-chip{font-size:11px;line-height:16px;padding:1px 4px;border-radius:4px;background:var(--bt-hover);border:1px solid var(--bt-line);color:var(--bt-ink-2);white-space:nowrap;max-width:84px;overflow:hidden;text-overflow:ellipsis}
--.bt-row{display:flex;align-items:center;gap:8px;min-height:54px;padding:8px;border:0;border-radius:10px;background:transparent;color:var(--bt-ink);text-align:left;cursor:pointer;width:100%;box-sizing:border-box;font-family:inherit;transition:background-color .12s ease}
--.bt-row:hover{background:var(--bt-hover)}
--.bt-row[aria-current=page]{background:var(--bt-active)}
--.bt-row-body{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
--.bt-row-name{display:flex;align-items:center;gap:6px;min-width:0;font-size:14px;line-height:20px;font-weight:400}
--.bt-row-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
--.bt-tag{flex:none;max-width:96px;font-size:12px;line-height:16px;font-weight:400;padding:1px 6px;border-radius:4px;background:var(--bt-tag-bg);color:var(--bt-tag-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
--.bt-row-preview{font-size:13px;line-height:18px;color:var(--bt-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
--.bt-unread{width:8px;height:8px;border-radius:50%;background:#1084fe;flex:none;margin-right:2px;animation:bt-fade .13s cubic-bezier(.22,1,.36,1)}
--.bt-unread-wait{background:var(--bt-star)}
--.bt-rail{align-items:center;padding:0 0 8px}
--.bt-rail .bt-row{justify-content:center;padding:6px 0;min-height:44px}
--.bt-side-foot{display:flex;padding-top:8px}
--.bt-connect{flex:1;height:36px;border-radius:999px;border:1px solid var(--bt-line);background:var(--bt-main);color:var(--bt-ink);font-family:inherit;font-size:14px;line-height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .12s ease}
--.bt-connect:hover{background:var(--bt-hover)}
--.bt-connect svg{flex:none;width:15px;height:15px}
--.bt-connect-wrap{position:relative;display:flex;flex:1 1 auto;min-width:0}
--.bt-connect-warn{flex:none;width:16px;height:16px;border-radius:50%;background:#E5484D;color:#fff;font-size:11px;line-height:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
--.bt-connect-tip{position:fixed;box-sizing:border-box;width:max-content;max-width:260px;padding:8px 12px;border-radius:10px;background:var(--bt-main);border:.5px solid var(--bt-line-2);box-shadow:0 8px 24px -4px rgba(0,0,0,.14);color:var(--bt-ink);font-size:12px;line-height:17px;white-space:normal;text-align:center;z-index:70;transform-origin:bottom left;animation:bt-tip-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing}}
--@keyframes bt-tip-in{from{opacity:0;transform:scale(.96);filter:blur(4px)}}
--@media (prefers-reduced-motion:reduce){.bt-connect-tip{animation:none}}
++
+// src/client/approval-claims.js
+var claims = /* @__PURE__ */ new Map();
+var claimListeners = /* @__PURE__ */ new Set();
@@ -2347,56 +2240,13 @@ diff --git a/client.js b/client.js
+ claimListeners.delete(fn);
+ };
+}
-
--.bt-head{position:relative;display:flex;justify-content:center;align-items:center;height:40px;flex:none;pointer-events:none}
--.bt-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;height:40px;padding:7.5px 13.5px 7.5px 7.5px;border-radius:999px;background:var(--bt-main);border:.5px solid var(--bt-line-2);box-shadow:0 2px 8px -1px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);color:var(--bt-ink);font-family:inherit;font-size:14px;line-height:20px;cursor:pointer;max-width:70%;box-sizing:border-box;transition:background-color .12s ease,transform ${SPRING_TAP.duration}ms ${SPRING_TAP.easing}}
--.bt-pill:hover{background:color-mix(in srgb,var(--bt-main),#777 9%)}
--.bt-pill:active{transform:scale(.965)}
--.bt-pill-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
--.bt-pill-mem{flex:none;display:inline-flex;width:0;margin-left:-8px;overflow:hidden;transition:${spring(SPRING_SHAPE, "width", "margin-left")}}
--.bt-pill[data-memory=updated] .bt-pill-mem{width:var(--bt-mem-w);margin-left:0;transition:${spring(SPRING_STRETCH, "width", "margin-left")}}
--.bt-pill-mem-in{flex:none;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:var(--bt-ink-2);font-size:13px;font-weight:500;opacity:0;filter:blur(6px);transform:translateX(-8px);transition:opacity .14s ease,filter .18s ease,${spring(SPRING_SHAPE, "transform")}}
--.bt-pill-mem-in::before{content:"";flex:none;width:1px;height:14px;margin-right:4px;background:var(--bt-line-2)}
--.bt-pill[data-memory=updated] .bt-pill-mem-in{opacity:1;filter:none;transform:none;transition-delay:70ms}
--.bt-pill-mem-ico{flex:none;display:inline-flex;width:16px;height:16px;color:var(--bt-accent)}
--.bt-pill-mem-ico svg{width:16px;height:16px}
--.bt-pill[data-memory=updated] .bt-pill-mem-ico{animation:bt-mem-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} 90ms both}
--@keyframes bt-mem-pop{from{transform:scale(.4) rotate(-14deg)}to{transform:none}}
--.bt-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
--@media (prefers-reduced-motion:reduce){.bt-pill-mem,.bt-pill-mem-in{transition:none!important}.bt-pill-mem-in{filter:none;transform:none}.bt-pill[data-memory=updated] .bt-pill-mem-ico{animation:none}}
--.bt-swap{color:var(--bt-ink-3);font-size:12px}
--.bt-pill-go{flex:none;display:inline-flex;align-items:center;justify-content:flex-end;width:0;margin-left:-8px;overflow:hidden;opacity:0;filter:blur(6px);transform:translateX(-6px);color:var(--bt-ink-2);transition:width ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},margin-left ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},transform ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},opacity .18s ease,filter .18s ease}
--.bt-pill-go svg{flex:none;transition:transform ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing}}
--.bt-pill:hover .bt-pill-go,.bt-pill:focus-visible .bt-pill-go,.bt-pill[aria-expanded=true] .bt-pill-go{width:18px;margin-left:0;opacity:1;filter:none;transform:none}
--.bt-pill[aria-expanded=true] .bt-pill-go svg{transform:rotate(180deg)}
--.bt-pill[data-memory=updated]:is(:hover,:focus-visible,[aria-expanded=true]) .bt-pill-go{width:0;margin-left:-8px;opacity:0;filter:blur(6px);transform:translateX(-6px)}
--@media (prefers-reduced-motion:reduce){.bt-pill,.bt-pill-go,.bt-pill-go svg{transition:none!important}.bt-pill-go{filter:none}.bt-pill:active{transform:none}}
++
+// src/shared/approval-waiting.js
+var WAITING_STATUSES = Object.freeze(["pending", "pending_approval"]);
+function isApprovalWaiting(status) {
+ return WAITING_STATUSES.includes(status);
+}
-
--.bt-astack{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0}
--.bt-bubble{max-width:min(80%,560px,calc(100% - 82px));background:var(--bt-bubble);color:var(--bt-ink);border-radius:18px;padding:7px 12px;font-size:var(--dsh-content-font-size,14px);line-height:calc(var(--dsh-content-font-size,14px) + 8px);box-sizing:border-box;overflow-wrap:anywhere}
--.bt-msg:not(:first-child)>.bt-msg-line>.bt-bubble{border-start-start-radius:6px}
--.bt-msg:not(:last-child)>.bt-msg-line>.bt-bubble{border-end-start-radius:6px}
--.bt-bubble [class*="_markdown"]>*+*{margin-top:10px}
--.bt-bubble [class*="_markdown"]{color:inherit!important;font-size:inherit!important;line-height:inherit!important}
--.bt-bubble p{margin:0}
--.bt-bubble p + p{margin-top:6px}
--.bt-bubble ul,.bt-bubble ol{margin:4px 0;padding-left:20px}
--.bt-bubble a[href^="${MENTION_ORIGIN}"]{text-decoration:none;font-weight:400;cursor:pointer;white-space:nowrap}
--.bt-bubble a[href^="${MENTION_ORIGIN}"]::before{content:"";display:inline-block;width:16px;height:16px;margin-right:3px;vertical-align:-3px;background:currentColor;-webkit-mask:${DEFAULT_MASK} center/contain no-repeat;mask:${DEFAULT_MASK} center/contain no-repeat}
--.bt-group-msg{display:flex;flex-direction:column;gap:4px;margin:16px 0 0}
--.bt-group-msg:first-child{margin-top:0}
--.bt-lead{flex:none;display:flex;margin-bottom:1px}
--button.bt-lead{border:0;background:none;padding:0;cursor:pointer}
--/* Rows without the avatar start where the bubble beside it starts: 22px avatar + 8px gap. */
--.bt-astack[data-lead]>.bt-msg:not(:last-child)>.bt-msg-line,.bt-astack[data-lead] .bt-reacts{margin-left:30px}
--.bt-group-name{font-size:12px;line-height:16px;font-weight:500;margin-left:42px}
--.bt-x{border:0;background:none;color:var(--bt-ink-2);cursor:pointer;width:24px;height:24px;border-radius:6px;font-size:16px;line-height:24px;padding:0;transition:background-color .12s ease,color .12s ease,${spring(SPRING_TAP, "scale")}}
--.bt-x:hover{background:var(--bt-hover);color:var(--bt-ink)}
++
+// src/shared/held-retry.js
+var TERMINAL = [
+ // A friend's Bot that is gone or no longer shared (plugins/social/src/social.js: botGoneError / notSharedError).
@@ -2416,79 +2266,7 @@ diff --git a/client.js b/client.js
+ const said = `${record.error ?? ""} ${record.code ?? ""}`;
+ return !TERMINAL.some((reason) => reason.test(said));
+};
-
--.bt-q{margin:0 auto 8px;width:100%;max-width:var(--dsh-chat-content-width,748px);display:flex;flex-direction:column;gap:12px;--bt-q-edge:color-mix(in srgb,var(--bt-ink) 10%,transparent);--bt-q-rule:color-mix(in srgb,var(--bt-ink) 8%,transparent);--bt-q-rule-2:color-mix(in srgb,var(--bt-ink) 5%,transparent);background:var(--bt-card);box-shadow:0 1px 3px rgba(20,20,20,.04),inset 0 0 0 1px var(--bt-q-edge);border-radius:16px;padding:14px 16px;box-sizing:border-box;color:var(--bt-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;animation:bt-q-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} backwards,bt-veil-in .2s ease-out backwards}
--body[data-ds-dark-theme] .bt-q{--bt-q-edge:rgba(255,255,255,.16);--bt-q-rule:rgba(255,255,255,.12);--bt-q-rule-2:rgba(255,255,255,.08)}
--@keyframes bt-q-in{from{transform:translateY(10px) scale(.97)}}
--.bt-q-settled{animation:none}
--.bt-q-head{display:flex;align-items:flex-start;gap:8px;min-width:0}
--.bt-q-text{flex:1 1 0;min-width:0;display:flex;flex-direction:column}
--.bt-q-title{margin:0;font-size:15px;line-height:22px;font-weight:600;overflow-wrap:anywhere}
--.bt-q-detail{font-size:13px;line-height:18px;color:var(--bt-ink-2)}
--.bt-q-x{flex:none;width:20px;height:20px;border:0;padding:0;border-radius:6px;background:none;color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .12s ease,color .12s ease,${spring(SPRING_TAP, "scale")}}
--.bt-q-x svg{width:14px;height:14px}
--.bt-q-x:hover{background:var(--bt-hover);color:var(--bt-ink)}
--.bt-q-x:focus-visible,.bt-q-opt:focus-visible{outline:2px solid var(--bt-accent);outline-offset:-2px}
--.bt-q-list{display:flex;flex-direction:column;gap:1px;min-width:0;box-sizing:border-box;margin:0 -8px}
--.bt-q-opt{position:relative;display:flex;align-items:flex-start;gap:16px;width:100%;min-width:0;box-sizing:border-box;margin:0;border:0;border-radius:12px;background:transparent;padding:10px 8px;font:inherit;color:var(--bt-ink);text-align:start;cursor:pointer;transition:background-color .12s ease}
--.bt-q:not(.bt-q-raised)>.bt-q-head:has(+.bt-q-list){padding-bottom:12px;border-bottom:1px solid var(--bt-q-rule)}
--.bt-q:not(.bt-q-raised)>.bt-q-head+.bt-q-list{margin-top:-6px}
--.bt-q-opt+.bt-q-opt::before{content:"";position:absolute;left:calc(var(--bt-key,24px) + 24px);right:8px;top:-1px;height:1px;background:var(--bt-q-rule-2);transition:opacity .12s ease;pointer-events:none}
--button.bt-q-opt:hover::before,button.bt-q-opt:hover+.bt-q-opt::before,.bt-q-opt[aria-pressed=true]::before,.bt-q-opt[aria-pressed=true]+.bt-q-opt::before{opacity:0}
--.bt-q-raised .bt-q-opt::before{display:none}
--button.bt-q-opt:hover{background:var(--bt-hover)}
--button.bt-q-opt:active{background:var(--bt-active)}
--.bt-q-opt[aria-pressed=true]{background:var(--bt-active)}
--.bt-q:not(.bt-q-raised) :is(button.bt-q-opt:hover,.bt-q-opt[aria-pressed=true]) .bt-key{background:var(--bt-card);color:var(--bt-ink)}
--.bt-key{flex:none;box-sizing:border-box;width:var(--bt-key,24px);height:var(--bt-key,24px);border-radius:8px;background:var(--bt-hover);color:var(--bt-ink-2);font-size:12px;line-height:var(--bt-key,24px);font-weight:500;text-align:center;font-variant-numeric:tabular-nums;transition:background-color .12s ease,color .12s ease}
--.bt-q-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px;padding-top:2px}
--/* With a description the key spans the two text lines less 2px above and below. */
--.bt-q-opt:has(.bt-q-desc){--bt-key:34px}
--.bt-q-opt:has(.bt-q-desc) .bt-key{margin-top:2px;border-radius:10px;font-size:13px}
--.bt-q-opt:has(.bt-q-desc) .bt-q-body{padding-top:0}
--.bt-q-label{font-size:14px;line-height:20px;font-weight:500;white-space:normal;overflow-wrap:anywhere}
--.bt-q-desc{font-size:12px;line-height:17px;color:var(--bt-ink-2);overflow-wrap:anywhere}
--.bt-q-check{flex:none;display:inline-flex;align-items:center;color:var(--bt-ink-2);animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} backwards}
--.bt-q-settled .bt-q-check{animation:none}
--.bt-q-check svg{width:16px;height:16px}
--.bt-q-settled .bt-key{opacity:.4}
--.bt-q-settled .bt-q-label{color:color-mix(in srgb,var(--bt-ink) 45%,transparent)}
--.bt-q-dismissed .bt-q-title{color:var(--bt-ink-2)}
--.bt-q.bt-q-settled{gap:6px;padding:12px 16px}
--.bt-q-settled .bt-q-title{font-size:14px;line-height:20px;font-weight:500}
--.bt-q.bt-q-settled>.bt-q-head:has(+.bt-q-list){padding-bottom:0;border-bottom:0}
--.bt-q.bt-q-settled>.bt-q-head+.bt-q-list{margin-top:0}
--.bt-q-settled .bt-q-opt{padding:4px 8px}
--.bt-q-badge{flex:none;height:20px;padding:0 7px;border-radius:999px;border:1px dotted var(--bt-line-2);color:var(--bt-ink-2);font-size:12px;line-height:18px;box-sizing:border-box}
--.bt-q-custom{display:flex;align-items:flex-start;gap:8px;width:100%;min-width:0}
--.bt-q-field{flex:1 1 0;min-width:0;display:flex;box-sizing:border-box;min-height:32px;padding:5px 11px;border-radius:8px;border:.5px solid var(--bt-line-2);background:none;cursor:text;transition:border-color .12s ease}
--.bt-q-field:focus-within{border-color:color-mix(in srgb,var(--bt-ink) 30%,transparent)}
--.bt-q-input{flex:1;width:100%;min-width:0;max-height:120px;margin:0;padding:0;border:0;outline:none;background:transparent;color:var(--bt-ink);font:inherit;font-size:14px;line-height:20px;resize:none;overflow-y:hidden;white-space:pre-wrap;overflow-wrap:anywhere}
--.bt-q-input:not(:placeholder-shown){field-sizing:content}
--.bt-q-input::placeholder{color:var(--bt-ink-3)}
--.bt-q-submit,.bt-q-btn{flex:none;height:36px;padding:0 14px;border:0;border-radius:999px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .12s ease,background-color .12s ease,${spring(SPRING_TAP, "scale")}}
--.bt-q-submit{background:var(--bt-accent);color:var(--bt-accent-ink,#fff);animation:bt-q-submit-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing} backwards,bt-veil-in .16s ease-out backwards}
--@keyframes bt-q-submit-in{from{transform:translateX(8px) scale(.9)}}
--.bt-q-submit:hover:not(:disabled){opacity:.86}
--.bt-q-submit:disabled{opacity:.4;cursor:default}
--.bt-q-btn{background:var(--bt-hover);color:var(--bt-ink)}
--.bt-q-btn:hover{background:var(--bt-active)}
--.bt-q-foot{display:flex;justify-content:flex-end;gap:8px}
--.bt-q-raised{width:calc(var(--dsh-chat-content-width,748px) - 32px);max-width:calc(100% - 32px);gap:0;padding:0;box-shadow:0 2px 8px rgba(20,20,20,.035),inset 0 0 0 .5px color-mix(in srgb,var(--bt-ink) 5%,transparent)}
--.bt-q-raised .bt-q-head{padding:14px 16px 4px 20px}
--.bt-q-raised .bt-q-head:last-child{padding-bottom:16px}
--.bt-q-raised .bt-q-list{gap:1px;margin:0;padding:8px}
--.bt-q-raised .bt-q-opt{gap:4px;padding:7px;border-radius:16px;color:var(--bt-ink-2)}
--.bt-q-raised button.bt-q-opt:hover{color:var(--bt-ink)}
--.bt-q-raised .bt-q-opt[aria-pressed=true]{background:transparent;color:var(--bt-ink)}
--.bt-q-raised .bt-q-opt[aria-pressed=true]:hover{background:var(--bt-hover)}
--.bt-q-raised .bt-q-opt[aria-pressed=true] .bt-key,.bt-q-ownrow:focus-within .bt-key,.bt-q-ownrow[data-filled] .bt-key{background:var(--bt-user);color:var(--bt-user-ink)}
--.bt-q-raised .bt-q-body{padding:2px 6px 0}
--.bt-q-raised .bt-q-desc{color:color-mix(in srgb,var(--bt-ink) 61%,transparent)}
--.bt-q-ownrow{cursor:text}
--.bt-q-ownrow .bt-q-input{color:var(--bt-ink)}
--.bt-q-raised .bt-q-foot{padding:0 8px 8px}
--@media (prefers-reduced-motion:reduce){.bt-q{animation:bt-fade .12s ease-out backwards}.bt-q-settled{animation:none}.bt-q-submit{animation:none}}
++
+// src/client/flybot-slots.js
+var import_react2 = require("react");
+var call2 = (endpoint, payload) => call(`flybot/${endpoint}`, payload);
@@ -2746,50 +2524,7 @@ diff --git a/client.js b/client.js
+.bt-flybot-approval-files { margin: 0 0 8px; padding-left: 18px; font-size: 12px; }
+.bt-file-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 0 30px; }
+.bt-file-chip { font-size: 12px; padding: 3px 8px; border-radius: 8px; border: 1px solid var(--bt-line, rgba(0,0,0,.15)); background: transparent; cursor: pointer; }
-
--.bt-newchat{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;animation:bt-veil-in .18s ease-out}
--.bt-to{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:48px;padding:6px 12px;border-bottom:1px solid var(--bt-line);font-size:14px;box-sizing:border-box}
--.bt-to-label{color:var(--bt-ink-2)}
--.bt-to input{flex:1;min-width:120px;border:0;outline:none;background:none;color:var(--bt-ink);font-size:14px;height:26px}
--.bt-token{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 6px 0 4px;border-radius:999px;background:var(--bt-hover);font-size:13px;animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
--.bt-token button{border:0;background:none;color:var(--bt-ink-2);cursor:pointer;padding:0 2px}
--.bt-admin-star{flex:none;display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;corner-shape:round;background:color-mix(in srgb,var(--bt-star) 82%,var(--bt-sidebar));vertical-align:-1px}
--.bt-to-star{display:inline-flex;margin-right:-2px;animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
--.bt-to .bt-to-create{flex:none;height:28px;padding:0 12px;font-size:13px;animation:bt-q-submit-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .16s ease-out}
--.bt-drop{position:absolute;top:48px;left:32px;width:min(550px,calc(100% - 64px));display:flex;flex-direction:column;padding:6px;max-height:min(420px,60vh);overflow-y:auto;background:var(--bt-card);border:1px solid var(--bt-line-2);border-radius:12px;box-shadow:0 6px 20px -4px rgba(0,0,0,.12);box-sizing:border-box;z-index:1;transform-origin:24px 0;animation:bt-pop-drop ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .14s ease-out}
--.bt-option{display:flex;align-items:center;gap:10px;border:0;background:none;border-radius:8px;padding:7px 8px;min-height:36px;box-sizing:border-box;font-size:13px;line-height:18px;color:var(--bt-ink);cursor:pointer;text-align:left;width:100%}
--.bt-option[aria-selected=true]{background:var(--bt-active)}
--.bt-drop-list>.bt-option:not([aria-selected=true]):hover{background:var(--bt-hover)}
--.bt-option-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
--.bt-option-hint{font-size:11px;color:var(--bt-ink-2);flex:none;animation:bt-veil-in .16s ease-out}
--.bt-option-icon{width:22px;height:22px;border-radius:50%;background:var(--bt-hover);color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;flex:none}
--.bt-hint{padding:14px;text-align:center;font-size:13px;color:var(--bt-ink-2)}
--.bt-nc-spacer{flex:1}
--.bt-nc-compose{padding:0 16px 14px;display:flex;justify-content:center}
--.bt-nc-card{display:flex;align-items:flex-end;gap:6px;width:100%;max-width:var(--dsh-chat-content-width,748px);min-height:44px;padding:4px 6px;border-radius:22px;border:1px solid var(--bt-line-2);background:var(--bt-main);box-shadow:0 2px 8px -2px rgba(0,0,0,.06);box-sizing:border-box}
--.bt-nc-plus{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--bt-ink-2);background:var(--bt-hover);flex:none}
--.bt-nc-card textarea{flex:1;resize:none;border:0;outline:none;background:none;color:var(--bt-ink);font:inherit;font-size:14px;line-height:20px;padding:7px 4px;min-height:34px;max-height:140px;box-sizing:border-box}
--.bt-nc-send{width:34px;height:34px;border-radius:50%;border:0;background:var(--bt-accent);color:var(--bt-accent-ink,#fff);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
--.bt-nc-send:disabled{opacity:.3;cursor:default}
--.bt-create{flex:1;display:flex;flex-direction:column;min-width:0}
--.bt-create-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:6px 12px;border-bottom:1px solid var(--bt-line);box-sizing:border-box}
--.bt-create-gap{width:28px}
--.bt-create-title{font-size:14px;line-height:20px;font-weight:500}
--.bt-create-body{flex:1;overflow-y:auto;padding:28px 16px 32px;display:flex;justify-content:center}
--.bt-create-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:18px;animation:bt-q-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} both,bt-veil-in .22s ease-out both}
--.bt-create-preview{display:flex;flex-direction:column;align-items:center;gap:10px}
--.bt-create-pop{display:inline-flex;animation:bt-create-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} both}
--@keyframes bt-create-pop{from{transform:scale(.72);opacity:.4}}
--.bt-create-name{font-size:17px;line-height:24px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
--.bt-create-step{font-size:12px;line-height:16px;color:var(--bt-ink-2);margin-bottom:-10px}
--.bt-create-looks{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid var(--bt-line);border-radius:12px;background:var(--bt-card)}
--.bt-create-lookbar{justify-content:center}
--.bt-create-foot{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}
--.bt-create-go{height:36px;padding:0 20px}
--@media (prefers-reduced-motion:reduce){.bt-create-card,.bt-create-pop{animation:none}}
--.bt-send{height:40px;min-width:40px;border-radius:999px;border:0;background:var(--bt-accent);color:var(--bt-accent-ink,#fff);font-size:14px;padding:0 14px;cursor:pointer}
--.bt-send:disabled{opacity:.35;cursor:default}
--.bt-error{padding:0 14px 10px;color:#e02135;font-size:12px}
++
+.bt-flybot-section { margin-top: 8px; border-top: 1px solid var(--bt-line, rgba(0,0,0,.08)); padding-top: 6px; }
+/* A section whose component renders null leaves the wrapper empty, and an empty wrapper must not draw
+ the separator: #818's "no border" held for the component but not for the box around it. Keyed on
@@ -2818,28 +2553,7 @@ diff --git a/client.js b/client.js
+.bt-flybot-pointer-note { opacity: .65; white-space: nowrap; }
+.bt-flybot-pointer button { border: 0; border-radius: 999px; padding: 3px 10px; font-size: 12px; cursor: pointer; background: var(--bt-accent, #2563eb); color: #fff; }
+`;
-
--.bt-pane{position:fixed;top:var(--dsh-frame-chrome-top,0px);right:0;bottom:0;z-index:45;pointer-events:auto;background:var(--bt-main);color:var(--bt-ink);display:flex;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
--.bt-dialog{flex:1;display:flex;flex-direction:column;min-width:0}
--.bt-dialog .bt-head{height:62px}
--.bt-dialog-log{flex:1;overflow-y:auto;padding:8px 16px 20px;width:100%;max-width:var(--dsh-chat-content-width,748px);margin:0 auto;box-sizing:border-box}
--.bt-dialog-foot{display:flex;justify-content:center;padding:10px 10px 16px}
--.bt-exchange{animation:bt-sheet-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} both,bt-veil-in .24s ease-out both}
--.bt-exchange[data-leaving]{animation:bt-sheet-out .22s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}
--@keyframes bt-sheet-in{from{transform:translateY(24px)}}
--@keyframes bt-sheet-out{to{opacity:0;transform:translateY(16px);filter:blur(4px)}}
--.bt-exchange .bt-dialog{position:relative}
--.bt-exchange .bt-dialog-log{max-width:none;margin:0;padding:39px max(16px,calc((100% - 960px)/2)) 76px;scrollbar-width:thin}
--.bt-exchange .bt-tools{display:none}
--.bt-exchange .bt-dialog-foot{position:absolute;left:0;right:0;bottom:0;height:76px;box-sizing:border-box;align-items:flex-end;padding:0 0 28px;background:var(--bt-main);z-index:3;animation:bt-foot-in .3s cubic-bezier(.22,1,.36,1) .3s both}
--.bt-exchange .bt-dialog-foot::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:40px;background:linear-gradient(to top,var(--bt-main),transparent);pointer-events:none}
--.bt-exchange[data-leaving] .bt-dialog-foot{animation:bt-foot-out .22s cubic-bezier(.4,0,1,1) forwards}
--@keyframes bt-foot-in{from{opacity:0;transform:translateY(6px)}}
--@keyframes bt-foot-out{to{opacity:0;transform:translateY(6px)}}
--@media (prefers-reduced-motion:reduce){.bt-exchange,.bt-exchange .bt-dialog-foot{animation-duration:.01s}}
--.bt-soft{height:36px;border-radius:999px;border:0;background:var(--bt-hover);color:var(--bt-ink);padding:0 16px;font-size:14px;cursor:pointer}
--.bt-soft:hover{background:var(--bt-active)}
--.bt-time{display:block;text-align:center;font-size:12px;line-height:16px;color:var(--bt-ink-2);padding:6px 0}
++
+// src/shared/turn-failures.js
+var FAILURE_LINES_SHOWN = 3;
+var failureLines = (snapshot, place, t2, limit = FAILURE_LINES_SHOWN) => {
@@ -2850,41 +2564,7 @@ diff --git a/client.js b/client.js
+ ...Number(entry.streak) > 1 ? { streak: Number(entry.streak) } : {}
+ }));
+};
-
--.bt-panel{position:fixed;top:var(--dsh-frame-chrome-top,0px);right:0;bottom:0;width:var(--bt-panel-w,320px);pointer-events:auto;z-index:40;background:var(--bt-main);border-left:.5px solid var(--bt-line-2);display:flex;flex-direction:column;color:var(--bt-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;box-sizing:border-box;animation:bt-pane-in .3s cubic-bezier(.2,0,0,1);transition:width ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing}}
--.bt-panel[data-leaving]{transform:translateX(100%);transition:transform .3s cubic-bezier(.2,0,0,1);pointer-events:none}
--.bt-panel[data-instant]{transition:none}
--@keyframes bt-pane-in{from{transform:translateX(100%)}}
--[class*="_centerCol"]{transition:margin-right ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing}}
--.bt-panel-grip{position:absolute;left:-5px;top:0;bottom:0;width:8px;cursor:col-resize;z-index:3;touch-action:none}
--.bt-panel-grip:hover,.bt-panel[data-dragging] .bt-panel-grip{background:linear-gradient(to right,transparent 4px,var(--bt-line-2) 4px,var(--bt-line-2) 6px,transparent 6px)}
--.bt-drag-shield{position:fixed;inset:0;z-index:45;cursor:col-resize}
--.bt-panel-view{flex:1;min-height:0;display:flex;flex-direction:column}
--.bt-drawer-top{display:flex;justify-content:flex-end;gap:8px;padding:12px 17px 6px 12px}
--.bt-drawer-id{display:flex;flex-direction:column;align-items:center;padding:14px 16px 0}
--.bt-drawer-id>.bt-mark,.bt-drawer-id>.bt-cluster{margin-bottom:16px}
--.bt-drawer-name{font-size:17px;line-height:24px;font-weight:500;border:0;background:none;color:inherit;cursor:text;padding:0 6px;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
--.bt-drawer-name:hover{background:var(--bt-hover)}
--.bt-drawer-name-input{font-size:17px;line-height:24px;text-align:center;border:.5px solid var(--bt-line-2);border-radius:6px;padding:0 6px;background:var(--bt-main);color:var(--bt-ink);outline:none;font-weight:500}
--.bt-drawer-role{font-size:12px;line-height:16px;color:var(--bt-ink-3);margin-top:6px;text-align:center}
--.bt-tabs{position:relative;display:flex;justify-content:center;gap:2px;margin:16px 16px 0}
--.bt-tab{position:relative;z-index:1;border:0;background:none;border-radius:9999px;padding:4px 8px;font-size:13px;line-height:20px;color:var(--bt-ink-2);cursor:pointer;white-space:nowrap}
--.bt-tab:hover{color:var(--bt-ink)}
--.bt-tab[aria-selected=true]{background:var(--bt-hover);color:var(--bt-ink)}
--.bt-tabs>.bt-thumb{top:0;bottom:0;border-radius:9999px;background:var(--bt-hover)}
--.bt-tabs[data-glide] .bt-tab[aria-selected=true]{background:transparent}
--.bt-drawer-body{flex:1;overflow-y:auto;padding:20px 16px 16px;font-size:13px;line-height:18px;display:flex;flex-direction:column;gap:16px}
--.bt-empty{text-align:center;color:var(--bt-ink-3);font-size:13px;line-height:18px;padding:8px 12px}
--.bt-section-title{font-size:12px;color:var(--bt-ink-2);margin-bottom:6px}
--.bt-muted{color:var(--bt-ink-2)}
--.bt-swatches{display:flex;flex-wrap:wrap;gap:6px}
--.bt-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px var(--bt-line-2)}
--.bt-swatch[aria-pressed=true]{border-color:var(--bt-ink)}
--.bt-textarea{width:100%;box-sizing:border-box;min-height:120px;border:1px solid var(--bt-line);border-radius:8px;padding:8px;background:var(--bt-card);color:var(--bt-ink);font:inherit;resize:vertical}
--.bt-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
--.bt-kv{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:20px;color:var(--bt-ink-2)}
--.bt-kv span:last-child{color:var(--bt-ink);font-variant-numeric:tabular-nums}
--.bt-danger{color:#e02135}
++
+// src/client/turn-failures.js
+var import_react3 = require("react");
+function TurnFailures({ sessionId, work }) {
@@ -2914,57 +2594,7 @@ diff --git a/client.js b/client.js
+.bt-turn-failure{display:flex;gap:6px;align-items:baseline;padding:6px 10px;border-radius:8px;font-size:12px;line-height:1.45;background:color-mix(in srgb,var(--bt-ink) 6%,transparent);color:color-mix(in srgb,var(--bt-ink) 72%,transparent)}
+.bt-turn-failure-streak{opacity:.72}
+`;
-
--/* Bot settings: fields, the avatar editor popover, and the details-pane sub-view. */
--.bt-field{display:flex;flex-direction:column;gap:6px}
--.bt-field-label{font-size:13px;line-height:18px;font-weight:500}
--.bt-input{width:100%;box-sizing:border-box;height:36px;border:1px solid var(--bt-line);border-radius:8px;padding:0 10px;background:var(--bt-card);color:var(--bt-ink);font:inherit;font-size:13px;outline:none}
--.bt-input:focus{border-color:var(--bt-line-2)}
--.bt-input-area{height:auto;min-height:96px;padding:8px 10px;line-height:18px;resize:vertical}
--.bt-note{font-size:12px;line-height:16px;color:var(--bt-ink-3)}
--.bt-soft-sm{height:28px;padding:0 12px;font-size:12px}
--.bt-set-avatar{display:flex;justify-content:center;padding:4px 0}
--.bt-avatar-anchor{position:relative}
--.bt-avatar-trigger{position:relative;width:64px;height:64px;border:0;border-radius:50%;background:none;cursor:pointer;padding:0}
--.bt-avatar-pencil{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:var(--bt-main);border:1px solid var(--bt-line-2);color:var(--bt-ink-2);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.12)}
--.bt-avedit{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:300px;background:var(--bt-main);border:1px solid var(--bt-line);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.18);padding:10px;z-index:70;display:flex;flex-direction:column;gap:10px;color:var(--bt-ink);transform-origin:top center;animation:bt-pop-drop ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .16s ease-out}
--.bt-bs .bt-avedit{transform-origin:32px 0}
--.bt-avedit-top{display:flex;align-items:center;justify-content:space-between}
--.bt-avedit-tabs{position:relative;display:flex;gap:2px;background:var(--bt-hover);border-radius:999px;padding:2px}
--.bt-avedit-tab{position:relative;z-index:1;border:0;background:none;border-radius:999px;padding:3px 10px;font-size:12px;line-height:16px;color:var(--bt-ink-2);cursor:pointer}
--.bt-avedit-tab[aria-selected=true]{background:var(--bt-main);color:var(--bt-ink)}
--.bt-avedit-tabs>.bt-thumb{top:2px;bottom:2px;border-radius:999px;background:var(--bt-main);box-shadow:0 1px 2px rgba(0,0,0,.06)}
--.bt-avedit-tabs[data-glide] .bt-avedit-tab[aria-selected=true]{background:transparent}
--.bt-avedit-reset{color:var(--bt-ink-3)}
--.bt-avedit-reset:hover{color:var(--bt-ink)}
--.bt-shapes{display:flex;flex-direction:column;gap:2px}
--.bt-shape-row{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}
--.bt-shape{position:relative;aspect-ratio:1;border:0;border-radius:8px;background:none;color:var(--bt-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
--.bt-shape:hover{background:var(--bt-hover)}
--.bt-shape .bt-ring{position:absolute;left:50%;top:50%;width:36px;height:36px;translate:-50% -50%;overflow:visible;opacity:0;scale:.82;pointer-events:none;transition:opacity .14s ease,${spring(SPRING_POP, "scale")}}
--.bt-shape[aria-pressed=true] .bt-ring{opacity:1;scale:1}
--.bt-colors{display:flex;justify-content:space-between}
--.bt-color{width:22px;height:22px;border-radius:50%;border:2px solid transparent;padding:2px;background:none;cursor:pointer;box-sizing:border-box;transition:border-color .14s ease,${spring(SPRING_TAP, "scale")}}
--.bt-color[aria-pressed=true] span{animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
--.bt-color span{display:block;width:100%;height:100%;border-radius:50%}
--.bt-color[aria-pressed=true]{border-color:var(--bt-ink)}
--.bt-dropzone{border:1.5px dashed var(--bt-line-2);border-radius:10px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--bt-ink-2);font-size:12px;line-height:16px;text-align:center}
--.bt-dropzone[data-over]{border-color:var(--bt-accent);color:var(--bt-ink)}
--.bt-dropzone img{width:64px;height:64px;border-radius:50%;object-fit:cover}
--.bt-set-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
--.bt-about{white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
--.bt-about[data-open]{display:block;-webkit-line-clamp:unset}
--.bt-more{border:0;background:none;color:var(--bt-ink-3);font-size:12px;line-height:16px;cursor:pointer;padding:2px 0}
--.bt-more:hover{color:var(--bt-ink)}
--.bt-subhead{display:flex;align-items:center;gap:4px;padding:10px 12px 4px}
--.bt-subhead-title{flex:1;font-size:15px;line-height:24px;font-weight:600;padding-left:4px}
--.bt-icon-btn{width:28px;height:28px;border-radius:50%;border:0;background:none;color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
--.bt-icon-btn:hover{background:var(--bt-hover);color:var(--bt-ink)}
--.bt-set-body{gap:20px}
--.bt-drawer-model{display:flex;flex-direction:column}
--.bt-drawer-model .bt-note{margin-top:6px}
--.bt-drawer-permission{display:flex;flex-direction:column}
--.bt-seg button.bt-perm-danger,.bt-seg button.bt-perm-danger[aria-pressed=true]{color:#e02135}
++
+// src/client/themes.js
+var THEME_KEYS = ["bg", "sidebar", "bubble", "card", "text", "user", "userText", "accent"];
+var THEMES = {
@@ -3069,81 +2699,7 @@ diff --git a/client.js b/client.js
+ };
+}
+var allThemes = () => ({ ...THEMES, ...customThemes });
-
--/* Settings dialog: a 198px page list beside the page. */
--.bt-settings-layer{position:fixed;inset:var(--dsh-frame-chrome-top,0px) 0 0;z-index:60;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
--.bt-scrim{position:absolute;inset:0;background:rgba(0,0,0,.32);animation:bt-fade .22s ease-out}
--body[data-ds-dark-theme] .bt-scrim{background:rgba(0,0,0,.5)}
--.bt-settings{--bt-set-w:min(800px,calc(100vw - 48px));--bt-set-h:min(620px,calc(100vh - 2*max(32px,var(--dsh-frame-overlay-top,32px))));position:relative;width:var(--bt-set-w);height:var(--bt-set-h);background:var(--bt-main);border-radius:16px;border:.5px solid var(--bt-line-2);box-shadow:0 24px 80px rgba(0,0,0,.24);display:flex;overflow:hidden;color:var(--bt-ink);transition:${spring(SPRING_SHAPE, "width", "height")};animation:bt-dialog-rise ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
--.bt-settings[data-wide]{--bt-set-w:min(1100px,calc(100vw - 48px));--bt-set-h:min(780px,calc(100vh - 2*max(32px,var(--dsh-frame-overlay-top,32px))))}
--:is(.bt-settings-layer,.bt-mem-layer)[data-leaving]{pointer-events:none}
--:is(.bt-settings-layer,.bt-mem-layer)[data-leaving] .bt-scrim{opacity:0;transition:opacity .16s ease-in}
--:is(.bt-settings-layer,.bt-mem-layer)[data-leaving]>[role=dialog]{animation:bt-dialog-sink .16s cubic-bezier(.4,0,1,1) forwards}
--@keyframes bt-dialog-rise{from{transform:translateY(12px) scale(.96)}}
--@keyframes bt-dialog-sink{to{opacity:0;transform:translateY(6px) scale(.975);filter:blur(3px)}}
--@media (prefers-reduced-motion:reduce){.bt-settings{transition:none}.bt-settings,.bt-scrim,.bt-settings-page>*{animation:bt-fade .12s ease-out!important}}
--.bt-settings-nav{position:relative;width:198px;flex:none;padding:16px 8px;border-right:.5px solid var(--bt-line);display:flex;flex-direction:column;gap:2px;background:var(--bt-sidebar);box-sizing:border-box}
--.bt-settings-item{position:relative;z-index:1;display:flex;align-items:center;gap:8px;padding:6px 8px;border:0;border-radius:8px;background:none;color:var(--bt-ink-2);font:inherit;font-size:13px;line-height:20px;cursor:pointer;text-align:left;transition:background-color .12s ease,color .12s ease}
--.bt-settings-item:hover{color:var(--bt-ink);background:var(--bt-hover)}
--.bt-settings-item[aria-current=page]{background:var(--bt-active);color:var(--bt-ink)}
--.bt-settings-nav>.bt-thumb{left:8px;right:8px;border-radius:8px;background:var(--bt-active)}
--.bt-settings-nav[data-glide] .bt-settings-item[aria-current=page]{background:transparent}
--.bt-settings-shell{margin-top:auto}
--/* Usage while another page is open: out of the flow at Usage's own width, so it keeps
-- its layout, and not rendered. */
--.bt-settings-usage[data-off]{position:absolute;top:0;left:198px;width:calc(min(1100px,calc(100vw - 48px)) - 198px);height:100%;box-sizing:border-box;content-visibility:hidden;pointer-events:none}
--/* The page column takes the dialog's final size at once, so while the dialog resizes
-- only its edge moves and the page does not lay out again every frame. */
--.bt-settings-main{flex:none;display:flex;flex-direction:column;min-width:0;width:calc(var(--bt-set-w) - 198px);height:var(--bt-set-h)}
--.bt-settings-head{display:flex;align-items:center;gap:6px;padding:16px 56px 4px 20px}
--.bt-settings-head h2{margin:0;font-size:15px;line-height:24px;font-weight:600;animation:bt-veil-in .2s ease-out}
--.bt-settings-head>.bt-icon-btn{animation:bt-back-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .16s ease-out}
--@keyframes bt-back-in{from{translate:6px 0;scale:.8}}
--.bt-settings-scroll{flex:1;overflow-y:auto;padding:12px 20px 24px;display:flex;flex-direction:column;gap:20px;scrollbar-width:thin}
--.bt-settings-page>:not(.bt-us){animation:bt-page-up ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} backwards,bt-veil-in .22s ease-out backwards}
--.bt-settings-page[data-move=in]>:not(.bt-us){animation-name:bt-page-in,bt-veil-in}
--.bt-settings-page[data-move=out]>:not(.bt-us){animation-name:bt-page-out,bt-veil-in}
--.bt-settings-page>:nth-child(2){animation-delay:30ms}
--.bt-settings-page>:nth-child(3){animation-delay:60ms}
--.bt-settings-page>:nth-child(4){animation-delay:90ms}
--.bt-settings-page>:nth-child(n+5){animation-delay:120ms}
--@keyframes bt-page-up{from{transform:translateY(10px)}}
--@keyframes bt-page-in{from{transform:translateX(18px)}}
--@keyframes bt-page-out{from{transform:translateX(-18px)}}
--.bt-settings-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:0;background:var(--bt-hover);color:var(--bt-ink-2);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
--.bt-settings-close:hover{background:var(--bt-active);color:var(--bt-ink)}
--.bt-settings-form{display:flex;flex-direction:column;gap:16px}
--.bt-set-section h3{font-size:13px;line-height:18px;font-weight:600;margin:0 0 8px;padding:0 4px}
--.bt-set-card{border:1px solid var(--bt-line);border-radius:12px;background:var(--bt-card);display:flex;flex-direction:column}
--.bt-set-card>*+*{border-top:.5px solid var(--bt-line)}
--.bt-set-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:0;background:none;color:var(--bt-ink);font:inherit;font-size:13px;line-height:18px;text-align:left;width:100%;box-sizing:border-box;border-radius:0}
--button.bt-set-row{cursor:pointer}
--button.bt-set-row:hover{background:var(--bt-hover)}
--.bt-set-card>.bt-set-row+.bt-set-row{border-top:.5px solid var(--bt-line)}
--.bt-set-row:first-child{border-top-left-radius:12px;border-top-right-radius:12px}
--.bt-set-row:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}
--.bt-set-copy{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
--.bt-set-hint{font-size:12px;line-height:16px;color:color-mix(in srgb,var(--bt-ink-2) 50%,var(--bt-ink-3))}
--.bt-set-control{flex:none;display:flex;align-items:center;gap:6px}
--.bt-set-value{font-size:13px;color:var(--bt-ink-2);text-align:right}
--.bt-set-bot{flex:1;display:flex;align-items:center;gap:8px;min-width:0}
--.bt-set-paste{flex-direction:column;align-items:stretch;gap:8px}
--.bt-chevron{color:var(--bt-ink-3);display:inline-flex;flex:none}
--
--/* Settings → Connectors. */
--.bt-connector{display:flex;flex-direction:column;gap:10px;padding:12px}
--.bt-connector-head{display:flex;align-items:center;gap:12px;min-width:0}
--.bt-connector-mark{flex:none;width:36px;height:36px;border-radius:10px;background:var(--bt-card);border:.5px solid var(--bt-line);display:flex;align-items:center;justify-content:center;color:var(--bt-ink)}
--.bt-connector-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
--.bt-connector-name{font-size:14px;line-height:20px;font-weight:500}
--.bt-connector-status{font-size:12px;line-height:16px;color:var(--bt-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
--.bt-connector[data-state=ready] .bt-connector-status{color:var(--bt-ink-2)}
--.bt-connector[data-state=error] .bt-connector-status{color:#e02135;white-space:normal}
--.bt-connector-actions{flex:none;display:flex;gap:6px}
--.bt-connector-form{display:flex;flex-direction:column;gap:8px;padding-left:48px;animation:bt-q-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
--.bt-connector-form-row{display:flex;align-items:center;gap:6px}
--.bt-connector-link{flex:1;font-size:12px;color:var(--bt-ink-2)}
--.bt-connector-error{padding-left:48px;font-size:12px;line-height:16px;color:#e02135}
++
+// src/client/mention-style.js
+function chipKey(bot) {
+ if (/\s/.test(bot?.name)) return null;
@@ -3170,15 +2726,7 @@ diff --git a/client.js b/client.js
+ return `${anchor}{color:${inkText(look.color)}}${chipBase}${mark}`;
+ }).join("\n");
+}
-
--/* Shell chrome reshaped for the team view. Selectors use stable data attributes where the
-- shell offers them and CSS-module name suffixes elsewhere. */
--[class*="_logoRow"],[class*="_newSession"],nav[class*="_panelList"]{display:none!important}
--[class*="_footArea"]{display:flex!important;flex-direction:row-reverse;align-items:center;gap:9px;padding:8px 6px 6px!important}
--[class*="_footArea"]>[class*="_footerActions"]{flex:1 1 auto;min-width:0}
--[class*="_footArea"]>[class*="_settingsArea"]{flex:none;width:auto!important}
--[class*="_footArea"] button[aria-label="Settings"]{width:auto!important;padding:0!important;background:none!important;border-radius:50%!important;height:auto!important}
--[class*="_widthHandle"]{display:none!important}
++
+// src/client/motion.js
+var import_react4 = require("react");
+var reducedMotion = () => window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true;
@@ -3213,12 +2761,12 @@ diff --git a/client.js b/client.js
+ const dt = Math.min(0.5, Math.max(1e-3, (now - last) / 1e3));
+ last = now;
+ const steps = Math.ceil(dt * 240);
-+ const h45 = dt / steps;
++ const h46 = dt / steps;
+ let moving = false;
+ for (const value of values.values()) {
+ for (let index = 0; index < steps; index += 1) {
-+ value.v += (-value.k * (value.x - value.to) - value.c * value.v) * h45;
-+ value.x += value.v * h45;
++ value.v += (-value.k * (value.x - value.to) - value.c * value.v) * h46;
++ value.x += value.v * h46;
+ }
+ if (Math.abs(value.x - value.to) < 0.05 && Math.abs(value.v) < 1) {
+ value.x = value.to;
@@ -3373,103 +2921,21 @@ diff --git a/client.js b/client.js
+function useLinger(value, ms) {
+ const [kept, setKept] = (0, import_react4.useState)(value);
+ (0, import_react4.useEffect)(() => {
-+ if (value) {
-+ setKept(value);
-+ return void 0;
-+ }
-+ const timer = setTimeout(() => setKept(value), reducedMotion() ? 0 : ms);
-+ return () => clearTimeout(timer);
-+ }, [value]);
-+ return [value || kept, !value && Boolean(kept)];
-+}
-
--.bt-voice-pane{flex-direction:column;align-items:center;justify-content:center;animation:bt-fade .2s ease-out}
--.bt-voice-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;max-width:560px;text-align:center}
--.bt-voice-orb{position:relative;width:200px;height:200px;display:grid;place-items:center;margin-bottom:8px}
--.bt-voice-ring{position:absolute;inset:34px;border-radius:50%;background:var(--bt-hover);transform:scale(calc(1 + var(--bt-level,0) * .55));transition:transform .08s linear}
--.bt-voice-ring-2{inset:14px;background:none;box-shadow:inset 0 0 0 1px var(--bt-line-2);transform:scale(calc(.94 + var(--bt-level,0) * .3));opacity:.8}
--.bt-voice-stage[data-phase=thinking] .bt-voice-ring{animation:bt-voice-breathe 1.6s ease-in-out infinite}
--.bt-voice-stage[data-phase=speaking] .bt-voice-ring{animation:bt-voice-speak .9s ease-in-out infinite}
--@keyframes bt-voice-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
--@keyframes bt-voice-speak{0%,100%{transform:scale(1.04)}30%{transform:scale(1.2)}60%{transform:scale(1.1)}}
--.bt-voice-orb>.bt-mark{position:relative}
--.bt-voice-name{font-size:16px;line-height:22px;font-weight:500}
--.bt-voice-status{font-size:13px;line-height:18px;color:var(--bt-ink-2);min-height:18px}
--.bt-voice-caption{min-height:44px;font-size:15px;line-height:22px;color:var(--bt-ink);animation:bt-blur-in .25s ease-out;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
--.bt-voice-note{font-size:12px;color:#e02135}
--.bt-voice-setup{height:32px;padding:0 14px;border-radius:16px;border:0;background:var(--bt-hover);color:var(--bt-ink);font:inherit;font-size:13px;cursor:pointer;transition:background-color .15s ease}
--.bt-voice-setup:hover{background:var(--bt-active)}
--.bt-voice-bar{display:flex;gap:16px;padding:0 0 32px}
--.bt-voice-btn{position:relative;width:52px;height:52px;border-radius:50%;border:0;background:var(--bt-hover);color:var(--bt-ink);display:grid;place-items:center;cursor:pointer;transition:background-color .15s ease,transform .12s ease}
--.bt-voice-btn:hover{background:var(--bt-active)}
--.bt-voice-btn:active{transform:scale(.94)}
--.bt-voice-btn[aria-pressed=true]{background:var(--bt-user);color:var(--bt-user-ink)}
--.bt-voice-slash{position:absolute;width:24px;height:2px;border-radius:1px;background:currentColor;transform:rotate(-45deg)}
--.bt-voice-end{background:#ff3e51;color:#fff}
--.bt-voice-end:hover{background:#e02135}
--@keyframes bt-fade{from{opacity:0}to{opacity:1}}
--@keyframes bt-blur-in{from{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}
--@media (prefers-reduced-motion:reduce){.bt-voice-pane,.bt-voice-caption,.bt-voice-ring{animation:none!important}}
--.bt-msg{display:flex;flex-direction:column;align-items:flex-start;max-width:min(80%,560px,calc(100% - 82px))}
--/* The bubble's row: reactions hang below it, so the hover toolbar (and a group
-- sender's avatar) line up with the bubble alone. */
--.bt-msg-line{position:relative;display:flex;align-items:flex-end;gap:8px;max-width:100%}
--.bt-msg-line>.bt-bubble{max-width:none;min-width:0}
--/* The same bubble width as beside an avatar column: 80% of (100% - 30px), plus the 30px. */
--.bt-astack[data-lead]>.bt-msg{max-width:min(calc(80% + 6px),590px,calc(100% - 52px))}
--.bt-tools{position:absolute;top:50%;left:100%;margin-left:6px;transform:translateY(-50%);display:flex;gap:2px;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility .12s}
--.bt-tools::after{content:"";position:absolute;top:-8px;bottom:-8px;right:100%;width:128px;z-index:-1}
--.bt-msg:hover>.bt-msg-line>.bt-tools,.bt-msg:focus-within>.bt-msg-line>.bt-tools,.bt-tools[data-open]{opacity:1;visibility:visible}
--.bt-tool{width:24px;height:24px;border:0;padding:0;border-radius:6px;background:none;color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .12s ease,color .12s ease}
--.bt-tool:hover,.bt-tool[aria-expanded=true]{background:var(--bt-hover);color:var(--bt-ink)}
--.bt-tool:active{background:var(--bt-active)}
--.bt-tool:focus-visible{outline:2px solid var(--bt-accent);outline-offset:-2px}
--.bt-react-strip{position:fixed;z-index:60;pointer-events:auto;display:flex;gap:2px;padding:4px;border-radius:999px;background:var(--bt-main);border:.5px solid var(--bt-line-2);box-shadow:0 10px 20px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.06);transform:translate(-50%,-100%);transform-origin:bottom center;animation:bt-pop-lift ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .14s ease-out}
--.bt-react-strip button{width:32px;height:32px;border:0;border-radius:50%;background:none;font-size:18px;line-height:1;cursor:pointer;transition:background-color .12s ease,${spring(SPRING_POP, "transform")};animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} backwards}
--.bt-react-strip button:nth-child(2){animation-delay:20ms}
--.bt-react-strip button:nth-child(3){animation-delay:40ms}
--.bt-react-strip button:nth-child(4){animation-delay:60ms}
--.bt-react-strip button:nth-child(n+5){animation-delay:80ms}
--.bt-react-strip button:hover{background:var(--bt-hover);transform:scale(1.15)}
--.bt-react-strip button:active{transform:scale(.92)}
--.bt-reacts{display:flex;gap:4px;margin-top:4px}
--.bt-react{height:22px;min-width:30px;padding:0 6px;border-radius:999px;border:.5px solid var(--bt-line-2);background:var(--bt-main);font-size:13px;line-height:20px;cursor:pointer;animation:bt-react-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing};transition:background-color .12s ease,${spring(SPRING_TAP, "scale")}}
--.bt-react:hover{background:var(--bt-hover)}
--.bt-react:active{scale:.92}
--@keyframes bt-react-pop{from{transform:scale(.6);opacity:0}}
--.bt-bubble a[href^="${MENTION_ORIGIN}"] svg{display:none}
--.bt-you{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bt-ink) 5%,var(--bt-sidebar));color:var(--bt-ink-2);box-shadow:inset 0 0 0 1px var(--bt-line);transition:background-color .12s ease}
--button:hover .bt-you{background:color-mix(in srgb,var(--bt-ink) 9%,var(--bt-sidebar))}
--.bt-you-wrap{display:inline-flex;padding:0}
--.bt-connect-foot{width:100%;height:36px}
-+// src/client/styles.js
-+var SHELL_CSS = `
-+body{--bt-ink:#141414;--bt-ink-2:rgba(20,20,20,.6);--bt-ink-3:rgba(20,20,20,.36);--bt-bubble:#eeeeee;--bt-sidebar:#f7f7f7;--bt-main:#fcfcfc;--bt-line:rgba(20,20,20,.08);--bt-line-2:rgba(20,20,20,.15);--bt-line-weak:rgba(20,20,20,.1);--bt-hover:rgba(119,119,119,.09);--bt-active:rgba(119,119,119,.17);--bt-card:#ffffff;--bt-accent:#4d6bfe;--bt-green:#00c972;--bt-star:#ff9800;--bt-user:#070707;--bt-user-ink:#fcfcfc;--bt-tag-bg:rgba(20,20,20,.06);--bt-tag-ink:rgba(20,20,20,.56)}
-+body[data-ds-dark-theme]{--bt-ink:#f2f2f2;--bt-ink-2:rgba(242,242,242,.6);--bt-ink-3:rgba(242,242,242,.36);--bt-bubble:#262626;--bt-sidebar:#1b1b1b;--bt-main:#141414;--bt-line:rgba(255,255,255,.08);--bt-line-2:rgba(255,255,255,.15);--bt-line-weak:rgba(255,255,255,.1);--bt-hover:rgba(160,160,160,.12);--bt-active:rgba(160,160,160,.2);--bt-card:#1f1f1f;--bt-user:#f2f2f2;--bt-user-ink:#141414;--bt-tag-bg:rgba(255,255,255,.09);--bt-tag-ink:rgba(242,242,242,.62)}
-+${Object.entries(INKS).map(([name, [light]]) => `body{--bt-ink-${name}:${light}}`).join("")}
-+${Object.entries(INKS).map(([name, [, dark]]) => `body[data-ds-dark-theme]{--bt-ink-${name}:${dark}}`).join("")}
-+.bt-mark{display:inline-block;flex:none;position:relative;line-height:0}
-+.bt-mark svg{width:100%;height:100%;overflow:visible}
-+.bt-mark-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;box-shadow:inset 0 0 0 1px var(--bt-line)}
+ if (value) {
+ setKept(value);
+ return void 0;
+@@ -1838,6 +1838,7 @@ ${Object.entries(INKS).map(([name, [, dark]]) => `body[data-ds-dark-theme]{--bt-
+ .bt-mark{display:inline-block;flex:none;position:relative;line-height:0}
+ .bt-mark svg{width:100%;height:100%;overflow:visible}
+ .bt-mark-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;box-shadow:inset 0 0 0 1px var(--bt-line)}
+.bt-mark-emoji{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;user-select:none}
-+.bt-mark .bt-b,.bt-mark .bt-eye,.bt-mark .bt-eyes,.bt-mark .bt-gaze{transform-box:fill-box}
-+.bt-mark .bt-b{transform-origin:50% 100%}
-+.bt-mark .bt-eye,.bt-mark .bt-eyes{transform-origin:center}
-+/* Motion levels (Settings → Bots → Animation) set body[data-bt-motion]: quiet moves a
-+ mark only for its state; normal, the default, adds petting, pokes and eyes that follow
-+ the pointer; lively adds blinks and fidgets at rest and a question riding on the head. */
-+body[data-bt-motion=lively] .bt-mark[data-live]:is([data-state=idle],[data-state=alert]) .bt-eye{animation:bt-blink-idle 5s linear infinite;animation-delay:var(--bt-delay,0s)}
-+body[data-bt-motion=lively] .bt-mark[data-live][data-state=idle]:is([data-fidget=hop],[data-fidget=sway],[data-fidget=stretch]) :is(.bt-b,.bt-mark-img){animation:var(--bt-fidget) 9s ease-in-out var(--bt-fidget-delay,0s) infinite}
-+body[data-bt-motion=lively] .bt-mark[data-live][data-state=idle][data-fidget=hop]{--bt-fidget:bt-fidget-hop}
-+body[data-bt-motion=lively] .bt-mark[data-live][data-state=idle][data-fidget=sway]{--bt-fidget:bt-fidget-sway}
-+body[data-bt-motion=lively] .bt-mark[data-live][data-state=idle][data-fidget=stretch]{--bt-fidget:bt-fidget-stretch}
-+body[data-bt-motion=lively] .bt-mark[data-live][data-state=idle][data-fidget=look] .bt-eyes{animation:bt-fidget-look 9s ease-in-out var(--bt-fidget-delay,0s) infinite}
-+@keyframes bt-fidget-hop{0%,8%,100%{transform:none}3%{transform:translateY(-10%) scale(.97,1.04)}5.5%{transform:translateY(0) scale(1.05,.95)}}
-+@keyframes bt-fidget-sway{0%,10%,100%{transform:none}2.5%{transform:rotate(-8deg)}5%{transform:rotate(7deg)}7.5%{transform:rotate(-3deg)}}
-+@keyframes bt-fidget-stretch{0%,9%,100%{transform:none}4%{transform:scale(.94,1.08)}7%{transform:scale(1.03,.97)}}
-+@keyframes bt-fidget-look{0%,22%,100%{transform:none}3%,9%{transform:translateX(-14%)}12%,19%{transform:translateX(14%)}}
-+body[data-bt-motion=lively] .bt-badge-alert{right:auto;bottom:auto;left:50%;top:calc(var(--bt-size,36px) * -.14);translate:-50% 0;animation:bt-q-ride 1.3s cubic-bezier(.3,.7,.4,1) infinite}
-+body[data-bt-motion=lively] :is(.bt-row,.bt-tile)>.bt-mark:hover .bt-badge-alert{animation:none}
+ .bt-mark .bt-b,.bt-mark .bt-eye,.bt-mark .bt-eyes,.bt-mark .bt-gaze{transform-box:fill-box}
+ .bt-mark .bt-b{transform-origin:50% 100%}
+ .bt-mark .bt-eye,.bt-mark .bt-eyes{transform-origin:center}
+@@ -1856,6 +1856,14 @@ body[data-bt-motion=lively] .bt-mark[data-live][data-state=idle][data-fidget=loo
+ @keyframes bt-fidget-look{0%,22%,100%{transform:none}3%,9%{transform:translateX(-14%)}12%,19%{transform:translateX(14%)}}
+ body[data-bt-motion=lively] .bt-badge-alert{right:auto;bottom:auto;left:50%;top:calc(var(--bt-size,36px) * -.14);translate:-50% 0;animation:bt-q-ride 1.3s cubic-bezier(.3,.7,.4,1) infinite}
+ body[data-bt-motion=lively] :is(.bt-row,.bt-tile)>.bt-mark:hover .bt-badge-alert{animation:none}
+.bt-tree-item{position:relative;display:flex;align-items:center;min-width:0}
+.bt-tree-item>.bt-row{flex:1 1 auto;min-width:0}
+.bt-tree-toggle{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--bt-ink-3);font-size:16px;line-height:1;cursor:pointer}
@@ -3478,190 +2944,14 @@ diff --git a/client.js b/client.js
+.bt-tree-chev{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:16px;line-height:1;transition:transform .12s ease}
+.bt-tree-toggle[aria-expanded=false] .bt-tree-chev{transform:rotate(-90deg)}
+.bt-tree-leaf{cursor:default}
-+@keyframes bt-q-ride{0%,55%,100%{transform:translateY(0)}20%{transform:translateY(calc(var(--bt-size,36px) * -.14))}40%{transform:translateY(0)}}
-+/* Petting: with the pointer on a sidebar avatar or just around it (a ring a fifth of its
-+ size wide), a resting mark leans into the pointer and keeps nuzzling it, its eyes
-+ closed in a happy arc, and springs back when the pointer leaves. */
-+:is(.bt-row,.bt-tile)>:is(.bt-mark,.bt-cluster)::before{content:'';position:absolute;inset:-20%;border-radius:50%}
-+.bt-mark[data-live] .bt-b,.bt-mark[data-live] .bt-mark-img{transition:rotate .5s cubic-bezier(.34,1.56,.64,1),translate .5s cubic-bezier(.34,1.56,.64,1),scale .3s ease-out}
-+.bt-mark[data-live] .bt-eye{transition:scale .14s ease-in}
-+.bt-mark[data-live] .bt-eye-happy{transition:opacity .12s ease-out}
-+body:not([data-bt-motion=quiet]) :is(.bt-row,.bt-tile)>:is(.bt-mark,.bt-cluster):hover .bt-mark[data-live]:is([data-state=idle],[data-state=alert]):not(.bt-mark-poke) :is(.bt-b,.bt-mark-img){rotate:8deg;translate:5% -1%;animation:bt-nuzzle .78s ease-in-out .32s infinite}
-+body:not([data-bt-motion=quiet]) :is(.bt-row,.bt-tile)>:is(.bt-mark,.bt-cluster):hover .bt-mark[data-live]:is([data-state=idle],[data-state=alert]) .bt-eye{scale:1 0;animation:none}
-+body:not([data-bt-motion=quiet]) :is(.bt-row,.bt-tile)>:is(.bt-mark,.bt-cluster):hover .bt-mark[data-live]:is([data-state=idle],[data-state=alert]) .bt-eye-happy{opacity:1;transition-delay:.1s}
-+@keyframes bt-nuzzle{50%{rotate:14deg;translate:8% -3%;scale:1.03 .97}}
-+.bt-mark[data-gaze] .bt-b{translate:calc(var(--bt-gx,0) * 5%) calc(var(--bt-gy,0) * 4%);transition:translate .18s ease-out}
-+.bt-mark[data-gaze] .bt-gaze{transform:translate(calc(var(--bt-gx,0) * 12%),calc(var(--bt-gy,0) * 11%));transition:transform .18s ease-out}
-+body[data-bt-motion=quiet] .bt-mark[data-gaze] .bt-b{translate:none}
-+body[data-bt-motion=quiet] .bt-mark[data-gaze] .bt-gaze{transform:none}
-+.bt-mark[data-state=thinking] .bt-b{animation:bt-ponder 2.2s ease-in-out infinite}
-+.bt-mark[data-state=thinking] .bt-eyes{animation:bt-squint 2.2s ease-in-out infinite}
-+.bt-mark[data-state=searching] .bt-b{animation:bt-seek 1s ease-in-out infinite}
-+.bt-mark[data-state=searching] .bt-eyes{animation:bt-scan 1.6s ease-in-out infinite}
-+.bt-mark[data-state=working] .bt-b{animation:bt-bob 1.6s ease-in-out infinite}
-+.bt-mark[data-state=working]:is([data-shape=star],[data-shape=hex],[data-shape=plus],[data-shape=gem],[data-shape=magnet],[data-shape=ring]) .bt-b{animation:bt-wiggle 1.4s ease-in-out infinite;transform-origin:50% 50%}
-+.bt-mark[data-state=working]:is([data-shape=gumdrop],[data-shape=peanut],[data-shape=cushion],[data-shape=squircle],[data-shape=moon],[data-shape=wave]) .bt-b{animation:bt-squash 1.2s ease-in-out infinite}
-+.bt-mark[data-state=working] .bt-eye{animation:bt-blink 2.4s ease-in-out infinite}
-+.bt-mark[data-state=sending] .bt-b{animation:bt-dash 1.1s cubic-bezier(.4,0,.2,1) infinite}
-+.bt-mark[data-state=orbit] .bt-b{animation:bt-sway 2.6s ease-in-out infinite;transform-origin:50% 50%}
-+.bt-mark[data-state=orbit] .bt-eyes{animation:bt-roll 2.6s linear infinite}
-+/* A question for you hops twice when it arrives and the badge keeps it in view after;
-+ a lively mark keeps hopping. */
-+.bt-mark[data-state=alert] .bt-b{animation:bt-hop 1.3s cubic-bezier(.3,.7,.4,1) 2}
-+.bt-mark[data-shape=image]:not([data-state=idle]) .bt-mark-img{animation:bt-bob 1.6s ease-in-out infinite}
-+.bt-mark[data-shape=image][data-state=alert] .bt-mark-img{animation:bt-hop 1.3s cubic-bezier(.3,.7,.4,1) 2}
-+body[data-bt-motion=lively] .bt-mark[data-state=alert] :is(.bt-b,.bt-mark-img){animation-iteration-count:infinite}
-+.bt-mark[data-state=done] .bt-b{animation:bt-done 1.8s linear 1}
-+.bt-mark[data-shape=image][data-state=done] .bt-mark-img{animation:bt-done 1.8s linear 1;transform-origin:50% 100%}
-+@keyframes bt-done{0%{transform:none;animation-timing-function:cubic-bezier(.4,0,.2,1)}13.3%{transform:scale(1.12,.88);animation-timing-function:cubic-bezier(.4,0,.2,1)}25.6%{transform:scale(.93,1.09);animation-timing-function:cubic-bezier(.4,0,.2,1)}37.8%{transform:scale(1.04,.97);animation-timing-function:cubic-bezier(.4,0,.2,1)}51.1%,100%{transform:none}}
-+.bt-mark-poke .bt-b{animation:bt-poke .8s cubic-bezier(.3,.7,.4,1) 1!important;transform-origin:50% 60%!important}
-+.bt-mark-poke .bt-mark-img{animation:bt-poke-img .6s ease-out 1!important}
-+.bt-mark[data-poke]{cursor:pointer}
-+body[data-bt-motion=quiet] .bt-mark-poke :is(.bt-b,.bt-mark-img){animation:none!important}
-+body[data-bt-motion=quiet] .bt-mark[data-poke]{cursor:default}
-+@keyframes bt-bob{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-4%) rotate(-5deg)}65%{transform:translateY(0) rotate(4deg)}}
-+@keyframes bt-wiggle{0%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(-12deg) scale(1.04)}75%{transform:rotate(12deg) scale(1.04)}}
-+@keyframes bt-squash{0%,100%{transform:scale(1,1)}30%{transform:scale(1.08,.9)}55%{transform:translateY(-4%) scale(.94,1.08)}80%{transform:scale(1.02,.98)}}
-+@keyframes bt-ponder{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-3%) rotate(7deg)}}
-+@keyframes bt-squint{0%,100%{transform:translate(0,-4%) scaleY(.7)}50%{transform:translate(5%,-5%) scaleY(.78)}}
-+@keyframes bt-seek{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5%) rotate(-1deg)}}
-+@keyframes bt-scan{0%,100%{transform:translateX(-12%)}50%{transform:translateX(12%)}}
-+@keyframes bt-dash{0%,100%{transform:translateX(0) rotate(0)}35%{transform:translateX(9%) rotate(7deg)}55%{transform:translateX(-2%) rotate(-3deg)}}
-+@keyframes bt-sway{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}
-+@keyframes bt-roll{0%,100%{transform:translate(12%,0)}25%{transform:translate(0,9%)}50%{transform:translate(-12%,0)}75%{transform:translate(0,-9%)}}
-+@keyframes bt-hop{0%,55%,100%{transform:translateY(0) scale(1,1)}20%{transform:translateY(-14%) scale(.96,1.05)}40%{transform:translateY(0) scale(1.06,.94)}}
-+@keyframes bt-poke{0%{transform:none}55%{transform:translateY(-16%) rotate(360deg)}78%{transform:translateY(0) scale(1.08,.92) rotate(360deg)}100%{transform:rotate(360deg)}}
-+@keyframes bt-poke-img{0%,100%{transform:scale(1)}40%{transform:scale(1.14) rotate(-6deg)}}
-+/* Idle clip: two .26s blinks (lid to 3%, then a 6% overshoot) at 1.48s and 3.46s. */
-+@keyframes bt-blink-idle{0%,29.6%,35%,69.2%,74.6%,100%{transform:scaleY(1)}32.2%,71.8%{transform:scaleY(.03)}33.8%,73.4%{transform:scaleY(1.06)}}
-+@keyframes bt-blink{0%,42%,50%,100%{transform:scaleY(1)}46%{transform:scaleY(.03)}48%{transform:scaleY(1.06)}}
-+@media (prefers-reduced-motion:reduce){.bt-mark *{animation:none!important;transition:none!important}}
-+.bt-badge{position:absolute;right:0;bottom:0;width:12px;height:12px;border-radius:50%;corner-shape:round;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1.5px var(--bt-sidebar)}
-+.bt-badge-admin{background:color-mix(in srgb,var(--bt-star) 82%,var(--bt-sidebar))}
-+.bt-badge-admin svg{width:7px;height:7px}
-+.bt-badge-main{right:calc(var(--bt-size,36px) * -.07);bottom:calc(var(--bt-size,36px) * -.07);width:clamp(14px,calc(var(--bt-size,36px) * .36),22px);height:clamp(14px,calc(var(--bt-size,36px) * .36),22px);border-radius:0;box-shadow:none}
-+.bt-badge-main svg{width:100%;height:100%;overflow:visible}
-+.bt-badge-main path{fill:var(--bt-star);stroke:var(--bt-sidebar);stroke-width:2.6;stroke-linejoin:round;paint-order:stroke}
-+.bt-badge-alert{background:color-mix(in srgb,var(--bt-accent) 78%,var(--bt-sidebar));color:var(--bt-accent-ink,#fff);font-size:8.5px;line-height:12px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
-+.bt-badge-working{background:color-mix(in srgb,var(--bt-green) 82%,var(--bt-sidebar));width:8px;height:8px;right:1px;bottom:1px}
-+.bt-cluster{position:relative;display:inline-block;flex:none;line-height:0}
-+.bt-cluster>*{position:absolute}
-+.bt-cluster-more,.bt-cluster-you{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bt-active);color:var(--bt-ink-3);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}
-+.bt-cluster-you{background:color-mix(in srgb,var(--bt-ink) 12%,transparent)}
-+.bt-stack{display:inline-flex;align-items:center;flex:none;line-height:0}
-+.bt-stack>*+*{margin-left:calc(var(--bt-stack-size) * -.3)}
-+.bt-stack-more{font-size:11px;line-height:16px;color:var(--bt-ink-3);margin-left:3px!important}
-
--.bt-menu{position:fixed;pointer-events:auto;z-index:60;min-width:200px;padding:6px;border-radius:12px;background:var(--bt-main);border:.5px solid var(--bt-line-2);box-shadow:0 10px 20px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1),0 0 0 1px rgba(228,228,228,.04);display:flex;flex-direction:column;gap:2px;transform-origin:var(--bt-origin,top left);animation:bt-pop-drop ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .14s ease-out;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;box-sizing:border-box}
--.bt-menu button{display:flex;align-items:center;gap:4px;width:100%;min-height:30px;text-align:left;border:0;background:none;border-radius:6px;padding:6px 8px;font:inherit;font-size:13px;line-height:18px;color:var(--bt-ink);cursor:pointer;box-sizing:border-box}
--.bt-menu button:hover{background:var(--bt-hover)}
--.bt-menu button svg{flex:none;width:16px;height:16px;margin:0 1px}
--.bt-menu .bt-danger{color:#c21d2e}
--.bt-menu-sep{height:.5px;flex:none;background:var(--bt-line-2);margin:4px 8px}
--.bt-menu-up{--bt-origin:bottom left;animation-name:bt-pop-lift,bt-veil-in}
--.bt-menu[data-leaving]{pointer-events:none;animation:bt-pop-out .12s cubic-bezier(.4,0,1,1) forwards}
--.bt-menu-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
--.bt-menu-hint{flex:none;color:var(--bt-ink-3);font-size:12px;font-variant-numeric:tabular-nums}
--.bt-palette-layer{position:fixed;inset:var(--dsh-frame-chrome-top,0px) 0 0;z-index:70;pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
--.bt-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.46);animation:bt-fade .22s ease-out}
--.bt-palette{position:absolute;top:50%;left:50%;width:min(560px,92vw);transform:translate(-50%,-50%);display:flex;flex-direction:column;border-radius:12px;background:var(--bt-main);border:1px solid var(--bt-line-2);box-shadow:0 24px 48px -12px rgba(0,0,0,.25);overflow:hidden;color:var(--bt-ink);animation:bt-palette-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
--.bt-palette-layer[data-leaving]{pointer-events:none}
--.bt-palette-layer[data-leaving] .bt-backdrop{opacity:0;transition:opacity .16s ease-in}
--.bt-palette-layer[data-leaving] .bt-palette{animation:bt-dialog-sink .16s cubic-bezier(.4,0,1,1) forwards}
--@keyframes bt-palette-in{from{translate:0 -10px;scale:.96}}
--.bt-palette-head{display:flex;align-items:center;gap:4px;padding:14px 10px 14px 14px;border-bottom:.5px solid var(--bt-line-2)}
--.bt-palette-glyph{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;color:var(--bt-ink-3);margin-right:4px}
--.bt-palette-head input{flex:1;min-width:0;border:0;outline:none;background:none;color:var(--bt-ink);font:inherit;font-size:15px;line-height:22px;padding:0}
--.bt-palette-head input::placeholder{color:var(--bt-ink-3)}
--.bt-palette-clear{width:18px;height:18px;border:0;padding:0;border-radius:6px;background:none;color:var(--bt-ink-3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
--.bt-palette-clear:hover{color:var(--bt-ink)}
--.bt-palette-clear svg{width:12px;height:12px}
--.bt-palette-list{position:relative;height:402px;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px;box-sizing:border-box}
--.bt-palette-list>.bt-thumb,.bt-drop-list>.bt-thumb{left:0;right:0;border-radius:8px;background:var(--bt-active)}
--.bt-palette-list>.bt-thumb{left:8px;right:8px}
--:is(.bt-palette-list,.bt-drop-list)[data-glide] [aria-selected=true]{background:transparent}
--:is(.bt-palette-row,.bt-palette-section,.bt-drop-list>.bt-option){position:relative;z-index:1}
--.bt-palette-section{padding:8px 8px 4px;font-size:12px;line-height:16px;color:var(--bt-ink-3);flex:none}
--.bt-palette-section:first-of-type{padding-top:0}
--.bt-palette-row{flex:none;display:flex;align-items:center;gap:8px;height:49px;padding:6px 10px 6px 8px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;width:100%}
--.bt-palette-row[aria-selected=true]{background:var(--bt-active)}
--.bt-palette-lead{flex:none;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}
--.bt-palette-cmd{width:24px;height:24px;border-radius:50%;background:var(--bt-hover);display:inline-flex;align-items:center;justify-content:center;color:var(--bt-ink-2)}
--.bt-palette-cmd svg{width:14px;height:14px}
--.bt-palette-agent{width:24px;height:24px;border-radius:50%;background:var(--bt-hover);display:inline-flex;align-items:center;justify-content:center;color:var(--bt-ink)}
--.bt-palette-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
--.bt-palette-title{font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
--.bt-palette-sub{font-size:12px;line-height:16px;color:var(--bt-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
--.bt-palette-badge{flex:none;font-size:11px;line-height:16px;padding:0 6px;border-radius:4px;background:var(--bt-tag-bg);color:var(--bt-tag-ink)}
--.bt-palette-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 16px;text-align:center;animation:bt-veil-in .22s ease-out}
--.bt-palette-empty-icon{color:var(--bt-line-2)}
--.bt-palette-empty-icon svg{width:32px;height:32px}
--.bt-palette-empty-label{font-size:14px;font-weight:500;color:var(--bt-ink-2)}
--.bt-palette-empty-hint{font-size:13px;line-height:16px;color:var(--bt-ink-3)}
--@media (prefers-reduced-motion:reduce){.bt-palette{animation:bt-fade .1s ease-out}}
--.bt-account-menu{width:224px}
--.bt-account{flex:none;width:36px;height:36px;border:0;padding:0;background:none;border-radius:50%;cursor:pointer;display:inline-flex}
--.bt-account:hover .bt-you,.bt-account[aria-expanded=true] .bt-you{background:color-mix(in srgb,var(--bt-ink) 9%,var(--bt-sidebar))}
--/* Popover keyframes move translate and scale, which compose with a transform the popover
-- already has. */
--@keyframes bt-pop-drop{from{translate:0 -4px;scale:.96}}
--@keyframes bt-pop-lift{from{translate:0 4px;scale:.96}}
--@keyframes bt-pop-out{to{opacity:0;scale:.97;filter:blur(2px)}}
--@keyframes bt-veil-in{from{opacity:0;filter:blur(6px)}}
--@keyframes bt-check-pop{from{opacity:0;scale:.4}}
--@media (prefers-reduced-motion:reduce){.bt-menu,.bt-avedit,.bt-react-strip{animation:bt-fade .1s ease-out}.bt-react-strip button,.bt-q-check,.bt-color[aria-pressed=true] span{animation:none}}
--.bt-brand:hover{background:var(--bt-hover)}
--.bt-drop-list{position:relative;display:flex;flex-direction:column;gap:2px}
--.bt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
--.bt-pick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 2px 6px;border-radius:10px;border:1px solid transparent;background:none;color:var(--bt-ink);cursor:pointer;font:inherit;font-size:11px;line-height:14px;min-width:0}
--.bt-pick:hover{background:var(--bt-hover)}
--.bt-pick[aria-pressed=true]{border-color:var(--bt-line-2);background:var(--bt-hover)}
--.bt-pick>span:last-child:not(.bt-mark){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
--.bt-pick:hover .bt-mark[data-state=idle] .bt-eye{animation:bt-blink .5s linear 1}
--.bt-select{width:100%;height:34px;box-sizing:border-box;border-radius:8px;border:1px solid var(--bt-line);background:var(--bt-card);color:var(--bt-ink);padding:0 8px;font:inherit;font-size:13px}
--.bt-note{font-size:12px;line-height:16px;color:var(--bt-ink-2);margin-top:6px}
--.bt-swatch-sep{width:1px;height:22px;background:var(--bt-line-2);margin:0 2px}
--.bt-swatch-custom{position:relative;overflow:hidden;background:conic-gradient(#ff3e51,#ffaf38,#00c972,#1cc3b0,#2a92fe,#a97efe,#ff5eb1,#ff3e51);box-sizing:border-box}
--.bt-swatch-custom[data-on=true]{border-color:var(--bt-ink)}
--.bt-swatch-custom input{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);opacity:0;cursor:pointer;border:0;padding:0}
--.bt-swatch-default{background:linear-gradient(135deg,var(--bt-card) 0 46%,var(--bt-line-2) 46% 54%,var(--bt-card) 54%);box-shadow:inset 0 0 0 1px var(--bt-line-2)}
--.bt-states{display:flex;flex-wrap:wrap;gap:4px}
--.bt-state{border:1px solid var(--bt-line);background:none;border-radius:999px;font:inherit;font-size:11px;line-height:16px;padding:2px 8px;color:var(--bt-ink-2);cursor:pointer}
--.bt-state:hover{color:var(--bt-ink)}
--.bt-state[aria-pressed=true]{background:var(--bt-active);border-color:var(--bt-line-2);color:var(--bt-ink)}
--.bt-theme-chip{position:relative;width:46px;height:30px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--bt-line-2);background:linear-gradient(90deg,var(--ls) 0 36%,var(--lb) 36%);overflow:hidden}
--.bt-theme-chip i{position:absolute;right:7px;bottom:7px;width:10px;height:10px;border-radius:50%;background:var(--la)}
--body[data-ds-dark-theme] .bt-theme-chip{background:linear-gradient(90deg,var(--ds) 0 36%,var(--db) 36%)}
--body[data-ds-dark-theme] .bt-theme-chip i{background:var(--da)}
--.bt-tabs{flex-wrap:wrap}
--.bt-soft:disabled{opacity:.4;cursor:default}
--.bt-group-role{margin-left:6px;font-size:11px;line-height:14px;padding:1px 5px;border-radius:4px;background:var(--bt-tag-bg);color:var(--bt-tag-ink);vertical-align:1px}
--.bt-members{display:flex;flex-direction:column;gap:1px}
--.bt-member{display:flex;align-items:center;gap:4px;min-height:40px;padding:0 4px 0 6px;border-radius:8px;animation:bt-rise .18s ease-out}
--.bt-member:hover{background:var(--bt-hover)}
--.bt-member-name{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:none;padding:6px 0;color:var(--bt-ink);font:inherit;font-size:14px;line-height:20px;cursor:pointer;text-align:left}
--.bt-member-name>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
--.bt-chip-admin{background:var(--bt-tag-bg);color:var(--bt-tag-ink);border-color:transparent}
--.bt-mini{flex:none;border:0;background:none;border-radius:6px;padding:2px 6px;font:inherit;font-size:12px;line-height:18px;color:var(--bt-ink-2);cursor:pointer}
--.bt-mini:hover{background:var(--bt-active);color:var(--bt-ink)}
--.bt-member .bt-mini,.bt-member .bt-x{opacity:0;transition:opacity .15s ease}
--.bt-member:hover .bt-mini,.bt-member:hover .bt-x,.bt-member .bt-mini:focus-visible,.bt-member .bt-x:focus-visible{opacity:1}
--.bt-add{color:var(--bt-ink-2);margin-top:2px}
--.bt-add:hover,.bt-addlist .bt-option:hover{background:var(--bt-hover);color:var(--bt-ink)}
--.bt-addlist{display:flex;flex-direction:column;margin-top:4px;padding:4px;border:1px solid var(--bt-line);border-radius:10px;background:var(--bt-card);animation:bt-rise .16s ease-out}
--.bt-seg{position:relative;display:flex;gap:2px;padding:2px;border-radius:10px;background:var(--bt-hover)}
--.bt-motion-seg{width:216px}
--.bt-seg button{position:relative;z-index:1;flex:1;height:30px;border:0;border-radius:8px;background:none;font:inherit;font-size:13px;color:var(--bt-ink-2);cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,${spring(SPRING_TAP, "scale")}}
--.bt-seg button[aria-pressed=true]{background:var(--bt-card);color:var(--bt-ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
--.bt-seg button:disabled{opacity:.4;cursor:default}
--.bt-seg button:active:not(:disabled){scale:.96}
--.bt-seg>.bt-thumb{top:2px;bottom:2px;border-radius:8px;background:var(--bt-card);box-shadow:0 1px 3px rgba(0,0,0,.08)}
--.bt-seg[data-glide] button[aria-pressed=true]{background:transparent;box-shadow:none}
--@keyframes bt-rise{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
--@media (prefers-reduced-motion:reduce){.bt-member,.bt-addlist{animation:none}}
-+.bt-side{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;gap:2px;padding:0 12px 8px 0;color:var(--bt-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
-+.bt-side-top{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:6px 5px 0 0}
-+.bt-brand{display:inline-flex;align-items:center;gap:6px;margin-right:auto;padding:4px 8px 4px 4px;border:0;border-radius:8px;background:none;cursor:pointer;font-family:inherit;font-size:15px;line-height:20px;font-weight:600;letter-spacing:-.01em;color:var(--bt-ink);white-space:nowrap}
+ @keyframes bt-q-ride{0%,55%,100%{transform:translateY(0)}20%{transform:translateY(calc(var(--bt-size,36px) * -.14))}40%{transform:translateY(0)}}
+ /* Petting: with the pointer on a sidebar avatar or just around it (a ring a fifth of its
+ size wide), a resting mark leans into the pointer and keeps nuzzling it, its eyes
+@@ -1933,15 +1933,23 @@ body[data-bt-motion=quiet] .bt-mark[data-poke]{cursor:default}
+ .bt-side{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;gap:2px;padding:0 12px 8px 0;color:var(--bt-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
+ .bt-side-top{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:6px 5px 0 0}
+ .bt-brand{display:inline-flex;align-items:center;gap:6px;margin-right:auto;padding:4px 8px 4px 4px;border:0;border-radius:8px;background:none;cursor:pointer;font-family:inherit;font-size:15px;line-height:20px;font-weight:600;letter-spacing:-.01em;color:var(--bt-ink);white-space:nowrap}
+-.bt-brand-whale{display:inline-flex;color:var(--bt-accent)}
+.bt-brand-mark{display:inline-flex;line-height:0}
+.bt-flybot-mark{display:block;flex:none}
+.bt-flybot-mark .bt-flybot-wing{fill:#8FB2FF}
@@ -3670,591 +2960,148 @@ diff --git a/client.js b/client.js
+[data-ds-dark-theme] .bt-flybot-mark .bt-flybot-wing{fill:#A9C2FF}
+[data-ds-dark-theme] .bt-flybot-mark .bt-flybot-body{fill:#6E87FF}
+[data-ds-dark-theme] .bt-flybot-mark .bt-flybot-eye{fill:#0F1530}
-+.bt-round{width:36px;height:36px;border-radius:50%;border:1px solid var(--bt-line);background:var(--bt-main);color:var(--bt-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .12s ease,transform .12s ease}
-+.bt-round:hover{background:var(--bt-hover)}
-+.bt-round:active{transform:scale(.94)}
-+.bt-list{display:flex;flex-direction:column;gap:3px;overflow-y:auto;min-height:0;flex:1 1 auto}
-+.bt-tile-wrap{display:flex;justify-content:center;padding:20px 0 15px}
+ .bt-round{width:36px;height:36px;border-radius:50%;border:1px solid var(--bt-line);background:var(--bt-main);color:var(--bt-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .12s ease,transform .12s ease}
+ .bt-round:hover{background:var(--bt-hover)}
+ .bt-round:active{transform:scale(.94)}
+ .bt-list{display:flex;flex-direction:column;gap:3px;overflow-y:auto;min-height:0;flex:1 1 auto}
+ .bt-tile-wrap{display:flex;justify-content:center;padding:20px 0 15px}
+-.bt-tile{display:flex;flex-direction:column;align-items:center;gap:4px;width:95px;padding:6px 8px 4px;border-radius:12px;border:0;background:transparent;color:var(--bt-ink);cursor:pointer;font-family:inherit;transition:background-color .12s ease}
+.bt-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:95px;padding:6px 8px 4px;border-radius:12px;border:0;background:transparent;color:var(--bt-ink);cursor:pointer;font-family:inherit;transition:background-color .12s ease}
-+.bt-tile:hover{background:var(--bt-hover)}
-+.bt-tile[aria-current=page]{background:var(--bt-active)}
+ .bt-tile:hover{background:var(--bt-hover)}
+ .bt-tile[aria-current=page]{background:var(--bt-active)}
+.bt-tile-unread{position:absolute;top:8px;right:12px}
-+.bt-tile-name{font-size:13px;line-height:18px;font-weight:400;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-+.bt-chip{font-size:11px;line-height:16px;padding:1px 4px;border-radius:4px;background:var(--bt-hover);border:1px solid var(--bt-line);color:var(--bt-ink-2);white-space:nowrap;max-width:84px;overflow:hidden;text-overflow:ellipsis}
-+.bt-row{display:flex;align-items:center;gap:8px;min-height:54px;padding:8px;border:0;border-radius:10px;background:transparent;color:var(--bt-ink);text-align:left;cursor:pointer;width:100%;box-sizing:border-box;font-family:inherit;transition:background-color .12s ease}
-+.bt-row:hover{background:var(--bt-hover)}
-+.bt-row[aria-current=page]{background:var(--bt-active)}
-+.bt-row-body{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
-+.bt-row-name{display:flex;align-items:center;gap:6px;min-width:0;font-size:14px;line-height:20px;font-weight:400}
-+.bt-row-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+ .bt-tile-name{font-size:13px;line-height:18px;font-weight:400;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+ .bt-chip{font-size:11px;line-height:16px;padding:1px 4px;border-radius:4px;background:var(--bt-hover);border:1px solid var(--bt-line);color:var(--bt-ink-2);white-space:nowrap;max-width:84px;overflow:hidden;text-overflow:ellipsis}
+ .bt-row{display:flex;align-items:center;gap:8px;min-height:54px;padding:8px;border:0;border-radius:10px;background:transparent;color:var(--bt-ink);text-align:left;cursor:pointer;width:100%;box-sizing:border-box;font-family:inherit;transition:background-color .12s ease}
+@@ -1950,27 +1950,32 @@ body[data-bt-motion=quiet] .bt-mark[data-poke]{cursor:default}
+ .bt-row-body{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
+ .bt-row-name{display:flex;align-items:center;gap:6px;min-width:0;font-size:14px;line-height:20px;font-weight:400}
+ .bt-row-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.bt-row-title.bt-row-title-face{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
+.bt-row-remote{flex:none;display:inline-flex;align-items:center;color:var(--bt-ink-2)}
-+.bt-tag{flex:none;max-width:96px;font-size:12px;line-height:16px;font-weight:400;padding:1px 6px;border-radius:4px;background:var(--bt-tag-bg);color:var(--bt-tag-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-+.bt-row-preview{font-size:13px;line-height:18px;color:var(--bt-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-+.bt-unread{width:8px;height:8px;border-radius:50%;background:#1084fe;flex:none;margin-right:2px;animation:bt-fade .13s cubic-bezier(.22,1,.36,1)}
-+.bt-unread-wait{background:var(--bt-star)}
+ .bt-tag{flex:none;max-width:96px;font-size:12px;line-height:16px;font-weight:400;padding:1px 6px;border-radius:4px;background:var(--bt-tag-bg);color:var(--bt-tag-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+ .bt-row-preview{font-size:13px;line-height:18px;color:var(--bt-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+ .bt-unread{width:8px;height:8px;border-radius:50%;background:#1084fe;flex:none;margin-right:2px;animation:bt-fade .13s cubic-bezier(.22,1,.36,1)}
+ .bt-unread-wait{background:var(--bt-star)}
+.bt-shared-from,.bt-shared-wait{display:flex;flex-direction:column;gap:6px;padding:8px 0}
+.bt-shared-wait .bt-set-row{min-width:0}
+.bt-shared-wait .bt-set-copy{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
-+.bt-rail{align-items:center;padding:0 0 8px}
-+.bt-rail .bt-row{justify-content:center;padding:6px 0;min-height:44px}
-+.bt-side-foot{display:flex;padding-top:8px}
-+.bt-connect{flex:1;height:36px;border-radius:999px;border:1px solid var(--bt-line);background:var(--bt-main);color:var(--bt-ink);font-family:inherit;font-size:14px;line-height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .12s ease}
-+.bt-connect:hover{background:var(--bt-hover)}
-+.bt-connect svg{flex:none;width:15px;height:15px}
+ .bt-rail{align-items:center;padding:0 0 8px}
+ .bt-rail .bt-row{justify-content:center;padding:6px 0;min-height:44px}
+ .bt-side-foot{display:flex;padding-top:8px}
+ .bt-connect{flex:1;height:36px;border-radius:999px;border:1px solid var(--bt-line);background:var(--bt-main);color:var(--bt-ink);font-family:inherit;font-size:14px;line-height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .12s ease}
+ .bt-connect:hover{background:var(--bt-hover)}
+ .bt-connect svg{flex:none;width:15px;height:15px}
+-.bt-connect-wrap{position:relative;display:flex;flex:1 1 auto;min-width:0}
+-.bt-connect-warn{flex:none;width:16px;height:16px;border-radius:50%;background:#E5484D;color:#fff;font-size:11px;line-height:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
+-.bt-connect-tip{position:fixed;box-sizing:border-box;width:max-content;max-width:260px;padding:8px 12px;border-radius:10px;background:var(--bt-main);border:.5px solid var(--bt-line-2);box-shadow:0 8px 24px -4px rgba(0,0,0,.14);color:var(--bt-ink);font-size:12px;line-height:17px;white-space:normal;text-align:center;z-index:70;transform-origin:bottom left;animation:bt-tip-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing}}
+.bt-connect-wrap{position:relative;display:flex;flex:1 1 auto;min-width:0}ms ${SPRING_SHAPE.easing}}
-+@keyframes bt-tip-in{from{opacity:0;transform:scale(.96);filter:blur(4px)}}
+ @keyframes bt-tip-in{from{opacity:0;transform:scale(.96);filter:blur(4px)}}
+-@media (prefers-reduced-motion:reduce){.bt-connect-tip{animation:none}}
+@media (prefers-reduced-motion:reduce){}
-+
-+.bt-head{position:relative;display:flex;justify-content:center;align-items:center;height:40px;flex:none;pointer-events:none}
-+.bt-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;height:40px;padding:7.5px 13.5px 7.5px 7.5px;border-radius:999px;background:var(--bt-main);border:.5px solid var(--bt-line-2);box-shadow:0 2px 8px -1px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);color:var(--bt-ink);font-family:inherit;font-size:14px;line-height:20px;cursor:pointer;max-width:70%;box-sizing:border-box;transition:background-color .12s ease,transform ${SPRING_TAP.duration}ms ${SPRING_TAP.easing}}
-+.bt-pill:hover{background:color-mix(in srgb,var(--bt-main),#777 9%)}
-+.bt-pill:active{transform:scale(.965)}
-+.bt-pill-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
+
+ .bt-head{position:relative;display:flex;justify-content:center;align-items:center;height:40px;flex:none;pointer-events:none}
+ .bt-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;height:40px;padding:7.5px 13.5px 7.5px 7.5px;border-radius:999px;background:var(--bt-main);border:.5px solid var(--bt-line-2);box-shadow:0 2px 8px -1px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);color:var(--bt-ink);font-family:inherit;font-size:14px;line-height:20px;cursor:pointer;max-width:70%;box-sizing:border-box;transition:background-color .12s ease,transform ${SPRING_TAP.duration}ms ${SPRING_TAP.easing}}
+ .bt-pill:hover{background:color-mix(in srgb,var(--bt-main),#777 9%)}
+ .bt-pill:active{transform:scale(.965)}
+ .bt-pill-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
+.bt-pill:has(.bt-pill-name-face){height:auto;min-height:40px;align-items:flex-start}
+.bt-pill-name.bt-pill-name-face{min-width:0;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
-+.bt-pill-mem{flex:none;display:inline-flex;width:0;margin-left:-8px;overflow:hidden;transition:${spring(SPRING_SHAPE, "width", "margin-left")}}
-+.bt-pill[data-memory=updated] .bt-pill-mem{width:var(--bt-mem-w);margin-left:0;transition:${spring(SPRING_STRETCH, "width", "margin-left")}}
-+.bt-pill-mem-in{flex:none;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:var(--bt-ink-2);font-size:13px;font-weight:500;opacity:0;filter:blur(6px);transform:translateX(-8px);transition:opacity .14s ease,filter .18s ease,${spring(SPRING_SHAPE, "transform")}}
-+.bt-pill-mem-in::before{content:"";flex:none;width:1px;height:14px;margin-right:4px;background:var(--bt-line-2)}
-+.bt-pill[data-memory=updated] .bt-pill-mem-in{opacity:1;filter:none;transform:none;transition-delay:70ms}
-+.bt-pill-mem-ico{flex:none;display:inline-flex;width:16px;height:16px;color:var(--bt-accent)}
-+.bt-pill-mem-ico svg{width:16px;height:16px}
-+.bt-pill[data-memory=updated] .bt-pill-mem-ico{animation:bt-mem-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} 90ms both}
-+@keyframes bt-mem-pop{from{transform:scale(.4) rotate(-14deg)}to{transform:none}}
-+.bt-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
-+@media (prefers-reduced-motion:reduce){.bt-pill-mem,.bt-pill-mem-in{transition:none!important}.bt-pill-mem-in{filter:none;transform:none}.bt-pill[data-memory=updated] .bt-pill-mem-ico{animation:none}}
-+.bt-swap{color:var(--bt-ink-3);font-size:12px}
-+.bt-pill-go{flex:none;display:inline-flex;align-items:center;justify-content:flex-end;width:0;margin-left:-8px;overflow:hidden;opacity:0;filter:blur(6px);transform:translateX(-6px);color:var(--bt-ink-2);transition:width ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},margin-left ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},transform ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},opacity .18s ease,filter .18s ease}
-+.bt-pill-go svg{flex:none;transition:transform ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing}}
-+.bt-pill:hover .bt-pill-go,.bt-pill:focus-visible .bt-pill-go,.bt-pill[aria-expanded=true] .bt-pill-go{width:18px;margin-left:0;opacity:1;filter:none;transform:none}
-+.bt-pill[aria-expanded=true] .bt-pill-go svg{transform:rotate(180deg)}
-+.bt-pill[data-memory=updated]:is(:hover,:focus-visible,[aria-expanded=true]) .bt-pill-go{width:0;margin-left:-8px;opacity:0;filter:blur(6px);transform:translateX(-6px)}
-+@media (prefers-reduced-motion:reduce){.bt-pill,.bt-pill-go,.bt-pill-go svg{transition:none!important}.bt-pill-go{filter:none}.bt-pill:active{transform:none}}
-+
-+.bt-astack{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0}
-+.bt-bubble{max-width:min(80%,560px,calc(100% - 82px));background:var(--bt-bubble);color:var(--bt-ink);border-radius:18px;padding:7px 12px;font-size:var(--dsh-content-font-size,14px);line-height:calc(var(--dsh-content-font-size,14px) + 8px);box-sizing:border-box;overflow-wrap:anywhere}
+ .bt-pill-mem{flex:none;display:inline-flex;width:0;margin-left:-8px;overflow:hidden;transition:${spring(SPRING_SHAPE, "width", "margin-left")}}
+ .bt-pill[data-memory=updated] .bt-pill-mem{width:var(--bt-mem-w);margin-left:0;transition:${spring(SPRING_STRETCH, "width", "margin-left")}}
+ .bt-pill-mem-in{flex:none;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:var(--bt-ink-2);font-size:13px;font-weight:500;opacity:0;filter:blur(6px);transform:translateX(-8px);transition:opacity .14s ease,filter .18s ease,${spring(SPRING_SHAPE, "transform")}}
+@@ -1992,6 +1992,7 @@ body[data-bt-motion=quiet] .bt-mark[data-poke]{cursor:default}
+
+ .bt-astack{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0}
+ .bt-bubble{max-width:min(80%,560px,calc(100% - 82px));background:var(--bt-bubble);color:var(--bt-ink);border-radius:18px;padding:7px 12px;font-size:var(--dsh-content-font-size,14px);line-height:calc(var(--dsh-content-font-size,14px) + 8px);box-sizing:border-box;overflow-wrap:anywhere}
+.bt-event.bt-not-sent{gap:6px;color:var(--bt-ink-3)}
-+.bt-msg:not(:first-child)>.bt-msg-line>.bt-bubble{border-start-start-radius:6px}
-+.bt-msg:not(:last-child)>.bt-msg-line>.bt-bubble{border-end-start-radius:6px}
-+.bt-bubble [class*="_markdown"]>*+*{margin-top:10px}
-+.bt-bubble [class*="_markdown"]{color:inherit!important;font-size:inherit!important;line-height:inherit!important}
-+.bt-bubble p{margin:0}
-+.bt-bubble p + p{margin-top:6px}
-+.bt-bubble ul,.bt-bubble ol{margin:4px 0;padding-left:20px}
-+.bt-bubble a[href^="${MENTION_ORIGIN}"]{text-decoration:none;font-weight:400;cursor:pointer;white-space:nowrap}
-+.bt-bubble a[href^="${MENTION_ORIGIN}"]::before{content:"";display:inline-block;width:16px;height:16px;margin-right:3px;vertical-align:-3px;background:currentColor;-webkit-mask:${DEFAULT_MASK} center/contain no-repeat;mask:${DEFAULT_MASK} center/contain no-repeat}
-+.bt-group-msg{display:flex;flex-direction:column;gap:4px;margin:16px 0 0}
-+.bt-group-msg:first-child{margin-top:0}
-+.bt-lead{flex:none;display:flex;margin-bottom:1px}
-+button.bt-lead{border:0;background:none;padding:0;cursor:pointer}
-+/* Rows without the avatar start where the bubble beside it starts: 22px avatar + 8px gap. */
-+.bt-astack[data-lead]>.bt-msg:not(:last-child)>.bt-msg-line,.bt-astack[data-lead] .bt-reacts{margin-left:30px}
-+.bt-group-name{font-size:12px;line-height:16px;font-weight:500;margin-left:42px}
-+.bt-x{border:0;background:none;color:var(--bt-ink-2);cursor:pointer;width:24px;height:24px;border-radius:6px;font-size:16px;line-height:24px;padding:0;transition:background-color .12s ease,color .12s ease,${spring(SPRING_TAP, "scale")}}
-+.bt-x:hover{background:var(--bt-hover);color:var(--bt-ink)}
-+
-+.bt-q{margin:0 auto 8px;width:100%;max-width:var(--dsh-chat-content-width,748px);display:flex;flex-direction:column;gap:12px;--bt-q-edge:color-mix(in srgb,var(--bt-ink) 10%,transparent);--bt-q-rule:color-mix(in srgb,var(--bt-ink) 8%,transparent);--bt-q-rule-2:color-mix(in srgb,var(--bt-ink) 5%,transparent);background:var(--bt-card);box-shadow:0 1px 3px rgba(20,20,20,.04),inset 0 0 0 1px var(--bt-q-edge);border-radius:16px;padding:14px 16px;box-sizing:border-box;color:var(--bt-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;animation:bt-q-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} backwards,bt-veil-in .2s ease-out backwards}
-+body[data-ds-dark-theme] .bt-q{--bt-q-edge:rgba(255,255,255,.16);--bt-q-rule:rgba(255,255,255,.12);--bt-q-rule-2:rgba(255,255,255,.08)}
-+@keyframes bt-q-in{from{transform:translateY(10px) scale(.97)}}
-+.bt-q-settled{animation:none}
-+.bt-q-head{display:flex;align-items:flex-start;gap:8px;min-width:0}
-+.bt-q-text{flex:1 1 0;min-width:0;display:flex;flex-direction:column}
-+.bt-q-title{margin:0;font-size:15px;line-height:22px;font-weight:600;overflow-wrap:anywhere}
-+.bt-q-detail{font-size:13px;line-height:18px;color:var(--bt-ink-2)}
-+.bt-q-x{flex:none;width:20px;height:20px;border:0;padding:0;border-radius:6px;background:none;color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .12s ease,color .12s ease,${spring(SPRING_TAP, "scale")}}
-+.bt-q-x svg{width:14px;height:14px}
-+.bt-q-x:hover{background:var(--bt-hover);color:var(--bt-ink)}
-+.bt-q-x:focus-visible,.bt-q-opt:focus-visible{outline:2px solid var(--bt-accent);outline-offset:-2px}
-+.bt-q-list{display:flex;flex-direction:column;gap:1px;min-width:0;box-sizing:border-box;margin:0 -8px}
-+.bt-q-opt{position:relative;display:flex;align-items:flex-start;gap:16px;width:100%;min-width:0;box-sizing:border-box;margin:0;border:0;border-radius:12px;background:transparent;padding:10px 8px;font:inherit;color:var(--bt-ink);text-align:start;cursor:pointer;transition:background-color .12s ease}
-+.bt-q:not(.bt-q-raised)>.bt-q-head:has(+.bt-q-list){padding-bottom:12px;border-bottom:1px solid var(--bt-q-rule)}
-+.bt-q:not(.bt-q-raised)>.bt-q-head+.bt-q-list{margin-top:-6px}
-+.bt-q-opt+.bt-q-opt::before{content:"";position:absolute;left:calc(var(--bt-key,24px) + 24px);right:8px;top:-1px;height:1px;background:var(--bt-q-rule-2);transition:opacity .12s ease;pointer-events:none}
-+button.bt-q-opt:hover::before,button.bt-q-opt:hover+.bt-q-opt::before,.bt-q-opt[aria-pressed=true]::before,.bt-q-opt[aria-pressed=true]+.bt-q-opt::before{opacity:0}
-+.bt-q-raised .bt-q-opt::before{display:none}
-+button.bt-q-opt:hover{background:var(--bt-hover)}
-+button.bt-q-opt:active{background:var(--bt-active)}
-+.bt-q-opt[aria-pressed=true]{background:var(--bt-active)}
-+.bt-q:not(.bt-q-raised) :is(button.bt-q-opt:hover,.bt-q-opt[aria-pressed=true]) .bt-key{background:var(--bt-card);color:var(--bt-ink)}
-+.bt-key{flex:none;box-sizing:border-box;width:var(--bt-key,24px);height:var(--bt-key,24px);border-radius:8px;background:var(--bt-hover);color:var(--bt-ink-2);font-size:12px;line-height:var(--bt-key,24px);font-weight:500;text-align:center;font-variant-numeric:tabular-nums;transition:background-color .12s ease,color .12s ease}
-+.bt-q-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px;padding-top:2px}
-+/* With a description the key spans the two text lines less 2px above and below. */
-+.bt-q-opt:has(.bt-q-desc){--bt-key:34px}
-+.bt-q-opt:has(.bt-q-desc) .bt-key{margin-top:2px;border-radius:10px;font-size:13px}
-+.bt-q-opt:has(.bt-q-desc) .bt-q-body{padding-top:0}
-+.bt-q-label{font-size:14px;line-height:20px;font-weight:500;white-space:normal;overflow-wrap:anywhere}
-+.bt-q-desc{font-size:12px;line-height:17px;color:var(--bt-ink-2);overflow-wrap:anywhere}
-+.bt-q-check{flex:none;display:inline-flex;align-items:center;color:var(--bt-ink-2);animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} backwards}
-+.bt-q-settled .bt-q-check{animation:none}
-+.bt-q-check svg{width:16px;height:16px}
-+.bt-q-settled .bt-key{opacity:.4}
-+.bt-q-settled .bt-q-label{color:color-mix(in srgb,var(--bt-ink) 45%,transparent)}
-+.bt-q-dismissed .bt-q-title{color:var(--bt-ink-2)}
-+.bt-q.bt-q-settled{gap:6px;padding:12px 16px}
-+.bt-q-settled .bt-q-title{font-size:14px;line-height:20px;font-weight:500}
-+.bt-q.bt-q-settled>.bt-q-head:has(+.bt-q-list){padding-bottom:0;border-bottom:0}
-+.bt-q.bt-q-settled>.bt-q-head+.bt-q-list{margin-top:0}
-+.bt-q-settled .bt-q-opt{padding:4px 8px}
-+.bt-q-badge{flex:none;height:20px;padding:0 7px;border-radius:999px;border:1px dotted var(--bt-line-2);color:var(--bt-ink-2);font-size:12px;line-height:18px;box-sizing:border-box}
-+.bt-q-custom{display:flex;align-items:flex-start;gap:8px;width:100%;min-width:0}
-+.bt-q-field{flex:1 1 0;min-width:0;display:flex;box-sizing:border-box;min-height:32px;padding:5px 11px;border-radius:8px;border:.5px solid var(--bt-line-2);background:none;cursor:text;transition:border-color .12s ease}
-+.bt-q-field:focus-within{border-color:color-mix(in srgb,var(--bt-ink) 30%,transparent)}
-+.bt-q-input{flex:1;width:100%;min-width:0;max-height:120px;margin:0;padding:0;border:0;outline:none;background:transparent;color:var(--bt-ink);font:inherit;font-size:14px;line-height:20px;resize:none;overflow-y:hidden;white-space:pre-wrap;overflow-wrap:anywhere}
-+.bt-q-input:not(:placeholder-shown){field-sizing:content}
-+.bt-q-input::placeholder{color:var(--bt-ink-3)}
-+.bt-q-submit,.bt-q-btn{flex:none;height:36px;padding:0 14px;border:0;border-radius:999px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .12s ease,background-color .12s ease,${spring(SPRING_TAP, "scale")}}
-+.bt-q-submit{background:var(--bt-accent);color:var(--bt-accent-ink,#fff);animation:bt-q-submit-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing} backwards,bt-veil-in .16s ease-out backwards}
-+@keyframes bt-q-submit-in{from{transform:translateX(8px) scale(.9)}}
-+.bt-q-submit:hover:not(:disabled){opacity:.86}
-+.bt-q-submit:disabled{opacity:.4;cursor:default}
-+.bt-q-btn{background:var(--bt-hover);color:var(--bt-ink)}
-+.bt-q-btn:hover{background:var(--bt-active)}
-+.bt-q-foot{display:flex;justify-content:flex-end;gap:8px}
-+.bt-q-raised{width:calc(var(--dsh-chat-content-width,748px) - 32px);max-width:calc(100% - 32px);gap:0;padding:0;box-shadow:0 2px 8px rgba(20,20,20,.035),inset 0 0 0 .5px color-mix(in srgb,var(--bt-ink) 5%,transparent)}
-+.bt-q-raised .bt-q-head{padding:14px 16px 4px 20px}
-+.bt-q-raised .bt-q-head:last-child{padding-bottom:16px}
-+.bt-q-raised .bt-q-list{gap:1px;margin:0;padding:8px}
-+.bt-q-raised .bt-q-opt{gap:4px;padding:7px;border-radius:16px;color:var(--bt-ink-2)}
-+.bt-q-raised button.bt-q-opt:hover{color:var(--bt-ink)}
-+.bt-q-raised .bt-q-opt[aria-pressed=true]{background:transparent;color:var(--bt-ink)}
-+.bt-q-raised .bt-q-opt[aria-pressed=true]:hover{background:var(--bt-hover)}
-+.bt-q-raised .bt-q-opt[aria-pressed=true] .bt-key,.bt-q-ownrow:focus-within .bt-key,.bt-q-ownrow[data-filled] .bt-key{background:var(--bt-user);color:var(--bt-user-ink)}
-+.bt-q-raised .bt-q-body{padding:2px 6px 0}
-+.bt-q-raised .bt-q-desc{color:color-mix(in srgb,var(--bt-ink) 61%,transparent)}
-+.bt-q-ownrow{cursor:text}
-+.bt-q-ownrow .bt-q-input{color:var(--bt-ink)}
-+.bt-q-raised .bt-q-foot{padding:0 8px 8px}
-+@media (prefers-reduced-motion:reduce){.bt-q{animation:bt-fade .12s ease-out backwards}.bt-q-settled{animation:none}.bt-q-submit{animation:none}}
-+
-+.bt-newchat{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;animation:bt-veil-in .18s ease-out}
+ .bt-msg:not(:first-child)>.bt-msg-line>.bt-bubble{border-start-start-radius:6px}
+ .bt-msg:not(:last-child)>.bt-msg-line>.bt-bubble{border-end-start-radius:6px}
+ .bt-bubble [class*="_markdown"]>*+*{margin-top:10px}
+@@ -2085,6 +2085,7 @@ button.bt-q-opt:active{background:var(--bt-active)}
+ @media (prefers-reduced-motion:reduce){.bt-q{animation:bt-fade .12s ease-out backwards}.bt-q-settled{animation:none}.bt-q-submit{animation:none}}
+
+ .bt-newchat{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;animation:bt-veil-in .18s ease-out}
+.bt-pane[data-menu]{background:transparent}.bt-pane[data-menu] .bt-newchat{flex:none;align-self:flex-start;width:min(280px,calc(100% - 16px));max-height:calc(100% - 16px);margin:8px;overflow:auto;background:var(--bt-card);border:1px solid var(--bt-line-2);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.14),0 2px 6px rgba(0,0,0,.06)}.bt-newchat[data-menu] .bt-drop{position:relative;top:0;left:0;width:auto;max-height:none;margin:0;box-shadow:none;border:0;max-width:none}
-+.bt-to{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:48px;padding:6px 12px;border-bottom:1px solid var(--bt-line);font-size:14px;box-sizing:border-box}
-+.bt-to-label{color:var(--bt-ink-2)}
-+.bt-to input{flex:1;min-width:120px;border:0;outline:none;background:none;color:var(--bt-ink);font-size:14px;height:26px}
-+.bt-token{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 6px 0 4px;border-radius:999px;background:var(--bt-hover);font-size:13px;animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
-+.bt-token button{border:0;background:none;color:var(--bt-ink-2);cursor:pointer;padding:0 2px}
-+.bt-admin-star{flex:none;display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;corner-shape:round;background:color-mix(in srgb,var(--bt-star) 82%,var(--bt-sidebar));vertical-align:-1px}
-+.bt-to-star{display:inline-flex;margin-right:-2px;animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
-+.bt-to .bt-to-create{flex:none;height:28px;padding:0 12px;font-size:13px;animation:bt-q-submit-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .16s ease-out}
-+.bt-drop{position:absolute;top:48px;left:32px;width:min(550px,calc(100% - 64px));display:flex;flex-direction:column;padding:6px;max-height:min(420px,60vh);overflow-y:auto;background:var(--bt-card);border:1px solid var(--bt-line-2);border-radius:12px;box-shadow:0 6px 20px -4px rgba(0,0,0,.12);box-sizing:border-box;z-index:1;transform-origin:24px 0;animation:bt-pop-drop ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .14s ease-out}
-+.bt-option{display:flex;align-items:center;gap:10px;border:0;background:none;border-radius:8px;padding:7px 8px;min-height:36px;box-sizing:border-box;font-size:13px;line-height:18px;color:var(--bt-ink);cursor:pointer;text-align:left;width:100%}
-+.bt-option[aria-selected=true]{background:var(--bt-active)}
-+.bt-drop-list>.bt-option:not([aria-selected=true]):hover{background:var(--bt-hover)}
-+.bt-option-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+ .bt-to{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:48px;padding:6px 12px;border-bottom:1px solid var(--bt-line);font-size:14px;box-sizing:border-box}
+ .bt-to-label{color:var(--bt-ink-2)}
+ .bt-to input{flex:1;min-width:120px;border:0;outline:none;background:none;color:var(--bt-ink);font-size:14px;height:26px}
+@@ -2098,7 +2098,9 @@ button.bt-q-opt:active{background:var(--bt-active)}
+ .bt-option[aria-selected=true]{background:var(--bt-active)}
+ .bt-drop-list>.bt-option:not([aria-selected=true]):hover{background:var(--bt-hover)}
+ .bt-option-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+-.bt-option-hint{font-size:11px;color:var(--bt-ink-2);flex:none;animation:bt-veil-in .16s ease-out}
+.bt-option-hint{font-size:11px;color:var(--bt-ink-2);flex:0 1 auto;min-width:0;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;animation:bt-veil-in .16s ease-out}
+.bt-option-copy{flex:1;min-width:0;display:flex;flex-direction:column}
+.bt-option-sub{font-size:11px;line-height:15px;color:var(--bt-ink-2);white-space:normal;overflow-wrap:anywhere}
-+.bt-option-icon{width:22px;height:22px;border-radius:50%;background:var(--bt-hover);color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;flex:none}
-+.bt-hint{padding:14px;text-align:center;font-size:13px;color:var(--bt-ink-2)}
-+.bt-nc-spacer{flex:1}
-+.bt-nc-compose{padding:0 16px 14px;display:flex;justify-content:center}
-+.bt-nc-card{display:flex;align-items:flex-end;gap:6px;width:100%;max-width:var(--dsh-chat-content-width,748px);min-height:44px;padding:4px 6px;border-radius:22px;border:1px solid var(--bt-line-2);background:var(--bt-main);box-shadow:0 2px 8px -2px rgba(0,0,0,.06);box-sizing:border-box}
-+.bt-nc-plus{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--bt-ink-2);background:var(--bt-hover);flex:none}
-+.bt-nc-card textarea{flex:1;resize:none;border:0;outline:none;background:none;color:var(--bt-ink);font:inherit;font-size:14px;line-height:20px;padding:7px 4px;min-height:34px;max-height:140px;box-sizing:border-box}
-+.bt-nc-send{width:34px;height:34px;border-radius:50%;border:0;background:var(--bt-accent);color:var(--bt-accent-ink,#fff);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
-+.bt-nc-send:disabled{opacity:.3;cursor:default}
-+.bt-create{flex:1;display:flex;flex-direction:column;min-width:0}
-+.bt-create-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:6px 12px;border-bottom:1px solid var(--bt-line);box-sizing:border-box}
-+.bt-create-gap{width:28px}
-+.bt-create-title{font-size:14px;line-height:20px;font-weight:500}
-+.bt-create-body{flex:1;overflow-y:auto;padding:28px 16px 32px;display:flex;justify-content:center}
-+.bt-create-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:18px;animation:bt-q-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} both,bt-veil-in .22s ease-out both}
-+.bt-create-preview{display:flex;flex-direction:column;align-items:center;gap:10px}
-+.bt-create-pop{display:inline-flex;animation:bt-create-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} both}
-+@keyframes bt-create-pop{from{transform:scale(.72);opacity:.4}}
-+.bt-create-name{font-size:17px;line-height:24px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-+.bt-create-step{font-size:12px;line-height:16px;color:var(--bt-ink-2);margin-bottom:-10px}
-+.bt-create-looks{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid var(--bt-line);border-radius:12px;background:var(--bt-card)}
-+.bt-create-lookbar{justify-content:center}
-+.bt-create-foot{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}
-+.bt-create-go{height:36px;padding:0 20px}
-+@media (prefers-reduced-motion:reduce){.bt-create-card,.bt-create-pop{animation:none}}
-+.bt-send{height:40px;min-width:40px;border-radius:999px;border:0;background:var(--bt-accent);color:var(--bt-accent-ink,#fff);font-size:14px;padding:0 14px;cursor:pointer}
-+.bt-send:disabled{opacity:.35;cursor:default}
-+.bt-error{padding:0 14px 10px;color:#e02135;font-size:12px}
+ .bt-option-icon{width:22px;height:22px;border-radius:50%;background:var(--bt-hover);color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;flex:none}
+ .bt-hint{padding:14px;text-align:center;font-size:13px;color:var(--bt-ink-2)}
+ .bt-nc-spacer{flex:1}
+@@ -2127,6 +2127,10 @@ button.bt-q-opt:active{background:var(--bt-active)}
+ .bt-send{height:40px;min-width:40px;border-radius:999px;border:0;background:var(--bt-accent);color:var(--bt-accent-ink,#fff);font-size:14px;padding:0 14px;cursor:pointer}
+ .bt-send:disabled{opacity:.35;cursor:default}
+ .bt-error{padding:0 14px 10px;color:#e02135;font-size:12px}
+.bt-fix-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
+.bt-fix-btn{font:inherit;font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer}
+.bt-fix .bt-note{margin-top:6px}
+.bt-fix-link{margin-top:6px;color:inherit;user-select:all}
-+
-+.bt-pane{position:fixed;top:var(--dsh-frame-chrome-top,0px);right:0;bottom:0;z-index:45;pointer-events:auto;background:var(--bt-main);color:var(--bt-ink);display:flex;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
-+.bt-dialog{flex:1;display:flex;flex-direction:column;min-width:0}
-+.bt-dialog .bt-head{height:62px}
-+.bt-dialog-log{flex:1;overflow-y:auto;padding:8px 16px 20px;width:100%;max-width:var(--dsh-chat-content-width,748px);margin:0 auto;box-sizing:border-box}
-+.bt-dialog-foot{display:flex;justify-content:center;padding:10px 10px 16px}
-+.bt-exchange{animation:bt-sheet-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} both,bt-veil-in .24s ease-out both}
-+.bt-exchange[data-leaving]{animation:bt-sheet-out .22s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}
-+@keyframes bt-sheet-in{from{transform:translateY(24px)}}
-+@keyframes bt-sheet-out{to{opacity:0;transform:translateY(16px);filter:blur(4px)}}
-+.bt-exchange .bt-dialog{position:relative}
-+.bt-exchange .bt-dialog-log{max-width:none;margin:0;padding:39px max(16px,calc((100% - 960px)/2)) 76px;scrollbar-width:thin}
-+.bt-exchange .bt-tools{display:none}
-+.bt-exchange .bt-dialog-foot{position:absolute;left:0;right:0;bottom:0;height:76px;box-sizing:border-box;align-items:flex-end;padding:0 0 28px;background:var(--bt-main);z-index:3;animation:bt-foot-in .3s cubic-bezier(.22,1,.36,1) .3s both}
-+.bt-exchange .bt-dialog-foot::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:40px;background:linear-gradient(to top,var(--bt-main),transparent);pointer-events:none}
-+.bt-exchange[data-leaving] .bt-dialog-foot{animation:bt-foot-out .22s cubic-bezier(.4,0,1,1) forwards}
-+@keyframes bt-foot-in{from{opacity:0;transform:translateY(6px)}}
-+@keyframes bt-foot-out{to{opacity:0;transform:translateY(6px)}}
-+@media (prefers-reduced-motion:reduce){.bt-exchange,.bt-exchange .bt-dialog-foot{animation-duration:.01s}}
-+.bt-soft{height:36px;border-radius:999px;border:0;background:var(--bt-hover);color:var(--bt-ink);padding:0 16px;font-size:14px;cursor:pointer}
-+.bt-soft:hover{background:var(--bt-active)}
-+.bt-time{display:block;text-align:center;font-size:12px;line-height:16px;color:var(--bt-ink-2);padding:6px 0}
-+
-+.bt-panel{position:fixed;top:var(--dsh-frame-chrome-top,0px);right:0;bottom:0;width:var(--bt-panel-w,320px);pointer-events:auto;z-index:40;background:var(--bt-main);border-left:.5px solid var(--bt-line-2);display:flex;flex-direction:column;color:var(--bt-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;box-sizing:border-box;animation:bt-pane-in .3s cubic-bezier(.2,0,0,1);transition:width ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing}}
-+.bt-panel[data-leaving]{transform:translateX(100%);transition:transform .3s cubic-bezier(.2,0,0,1);pointer-events:none}
-+.bt-panel[data-instant]{transition:none}
-+@keyframes bt-pane-in{from{transform:translateX(100%)}}
-+[class*="_centerCol"]{transition:margin-right ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing}}
-+.bt-panel-grip{position:absolute;left:-5px;top:0;bottom:0;width:8px;cursor:col-resize;z-index:3;touch-action:none}
-+.bt-panel-grip:hover,.bt-panel[data-dragging] .bt-panel-grip{background:linear-gradient(to right,transparent 4px,var(--bt-line-2) 4px,var(--bt-line-2) 6px,transparent 6px)}
-+.bt-drag-shield{position:fixed;inset:0;z-index:45;cursor:col-resize}
-+.bt-panel-view{flex:1;min-height:0;display:flex;flex-direction:column}
-+.bt-drawer-top{display:flex;justify-content:flex-end;gap:8px;padding:12px 17px 6px 12px}
-+.bt-drawer-id{display:flex;flex-direction:column;align-items:center;padding:14px 16px 0}
-+.bt-drawer-id>.bt-mark,.bt-drawer-id>.bt-cluster{margin-bottom:16px}
-+.bt-drawer-name{font-size:17px;line-height:24px;font-weight:500;border:0;background:none;color:inherit;cursor:text;padding:0 6px;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+
+ .bt-pane{position:fixed;top:var(--dsh-frame-chrome-top,0px);right:0;bottom:0;z-index:45;pointer-events:auto;background:var(--bt-main);color:var(--bt-ink);display:flex;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
+ .bt-dialog{flex:1;display:flex;flex-direction:column;min-width:0}
+@@ -2163,6 +2163,8 @@ button.bt-q-opt:active{background:var(--bt-active)}
+ .bt-drawer-id{display:flex;flex-direction:column;align-items:center;padding:14px 16px 0}
+ .bt-drawer-id>.bt-mark,.bt-drawer-id>.bt-cluster{margin-bottom:16px}
+ .bt-drawer-name{font-size:17px;line-height:24px;font-weight:500;border:0;background:none;color:inherit;cursor:text;padding:0 6px;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.bt-drawer-name-face{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;line-clamp:3;cursor:default}
+.bt-drawer-name-face:hover{background:none}
-+.bt-drawer-name:hover{background:var(--bt-hover)}
-+.bt-drawer-name-input{font-size:17px;line-height:24px;text-align:center;border:.5px solid var(--bt-line-2);border-radius:6px;padding:0 6px;background:var(--bt-main);color:var(--bt-ink);outline:none;font-weight:500}
-+.bt-drawer-role{font-size:12px;line-height:16px;color:var(--bt-ink-3);margin-top:6px;text-align:center}
-+.bt-tabs{position:relative;display:flex;justify-content:center;gap:2px;margin:16px 16px 0}
-+.bt-tab{position:relative;z-index:1;border:0;background:none;border-radius:9999px;padding:4px 8px;font-size:13px;line-height:20px;color:var(--bt-ink-2);cursor:pointer;white-space:nowrap}
-+.bt-tab:hover{color:var(--bt-ink)}
-+.bt-tab[aria-selected=true]{background:var(--bt-hover);color:var(--bt-ink)}
-+.bt-tabs>.bt-thumb{top:0;bottom:0;border-radius:9999px;background:var(--bt-hover)}
-+.bt-tabs[data-glide] .bt-tab[aria-selected=true]{background:transparent}
-+.bt-drawer-body{flex:1;overflow-y:auto;padding:20px 16px 16px;font-size:13px;line-height:18px;display:flex;flex-direction:column;gap:16px}
-+.bt-empty{text-align:center;color:var(--bt-ink-3);font-size:13px;line-height:18px;padding:8px 12px}
-+.bt-section-title{font-size:12px;color:var(--bt-ink-2);margin-bottom:6px}
-+.bt-muted{color:var(--bt-ink-2)}
-+.bt-swatches{display:flex;flex-wrap:wrap;gap:6px}
-+.bt-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px var(--bt-line-2)}
-+.bt-swatch[aria-pressed=true]{border-color:var(--bt-ink)}
-+.bt-textarea{width:100%;box-sizing:border-box;min-height:120px;border:1px solid var(--bt-line);border-radius:8px;padding:8px;background:var(--bt-card);color:var(--bt-ink);font:inherit;resize:vertical}
-+.bt-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
-+.bt-kv{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:20px;color:var(--bt-ink-2)}
-+.bt-kv span:last-child{color:var(--bt-ink);font-variant-numeric:tabular-nums}
-+.bt-danger{color:#e02135}
-+
-+/* Bot settings: fields, the avatar editor popover, and the details-pane sub-view. */
-+.bt-field{display:flex;flex-direction:column;gap:6px}
-+.bt-field-label{font-size:13px;line-height:18px;font-weight:500}
-+.bt-input{width:100%;box-sizing:border-box;height:36px;border:1px solid var(--bt-line);border-radius:8px;padding:0 10px;background:var(--bt-card);color:var(--bt-ink);font:inherit;font-size:13px;outline:none}
-+.bt-input:focus{border-color:var(--bt-line-2)}
-+.bt-input-area{height:auto;min-height:96px;padding:8px 10px;line-height:18px;resize:vertical}
-+.bt-note{font-size:12px;line-height:16px;color:var(--bt-ink-3)}
-+.bt-soft-sm{height:28px;padding:0 12px;font-size:12px}
-+.bt-set-avatar{display:flex;justify-content:center;padding:4px 0}
-+.bt-avatar-anchor{position:relative}
-+.bt-avatar-trigger{position:relative;width:64px;height:64px;border:0;border-radius:50%;background:none;cursor:pointer;padding:0}
-+.bt-avatar-pencil{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:var(--bt-main);border:1px solid var(--bt-line-2);color:var(--bt-ink-2);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.12)}
-+.bt-avedit{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:300px;background:var(--bt-main);border:1px solid var(--bt-line);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.18);padding:10px;z-index:70;display:flex;flex-direction:column;gap:10px;color:var(--bt-ink);transform-origin:top center;animation:bt-pop-drop ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .16s ease-out}
-+.bt-bs .bt-avedit{transform-origin:32px 0}
-+.bt-avedit-top{display:flex;align-items:center;justify-content:space-between}
-+.bt-avedit-tabs{position:relative;display:flex;gap:2px;background:var(--bt-hover);border-radius:999px;padding:2px}
-+.bt-avedit-tab{position:relative;z-index:1;border:0;background:none;border-radius:999px;padding:3px 10px;font-size:12px;line-height:16px;color:var(--bt-ink-2);cursor:pointer}
-+.bt-avedit-tab[aria-selected=true]{background:var(--bt-main);color:var(--bt-ink)}
-+.bt-avedit-tabs>.bt-thumb{top:2px;bottom:2px;border-radius:999px;background:var(--bt-main);box-shadow:0 1px 2px rgba(0,0,0,.06)}
-+.bt-avedit-tabs[data-glide] .bt-avedit-tab[aria-selected=true]{background:transparent}
-+.bt-avedit-reset{color:var(--bt-ink-3)}
-+.bt-avedit-reset:hover{color:var(--bt-ink)}
-+.bt-shapes{display:flex;flex-direction:column;gap:2px}
-+.bt-shape-row{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}
-+.bt-shape{position:relative;aspect-ratio:1;border:0;border-radius:8px;background:none;color:var(--bt-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
-+.bt-shape:hover{background:var(--bt-hover)}
-+.bt-shape .bt-ring{position:absolute;left:50%;top:50%;width:36px;height:36px;translate:-50% -50%;overflow:visible;opacity:0;scale:.82;pointer-events:none;transition:opacity .14s ease,${spring(SPRING_POP, "scale")}}
-+.bt-shape[aria-pressed=true] .bt-ring{opacity:1;scale:1}
-+.bt-colors{display:flex;justify-content:space-between}
-+.bt-color{width:22px;height:22px;border-radius:50%;border:2px solid transparent;padding:2px;background:none;cursor:pointer;box-sizing:border-box;transition:border-color .14s ease,${spring(SPRING_TAP, "scale")}}
-+.bt-color[aria-pressed=true] span{animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
-+.bt-color span{display:block;width:100%;height:100%;border-radius:50%}
-+.bt-color[aria-pressed=true]{border-color:var(--bt-ink)}
-+.bt-dropzone{border:1.5px dashed var(--bt-line-2);border-radius:10px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--bt-ink-2);font-size:12px;line-height:16px;text-align:center}
-+.bt-dropzone[data-over]{border-color:var(--bt-accent);color:var(--bt-ink)}
-+.bt-dropzone img{width:64px;height:64px;border-radius:50%;object-fit:cover}
-+.bt-set-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
-+.bt-about{white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
-+.bt-about[data-open]{display:block;-webkit-line-clamp:unset}
-+.bt-more{border:0;background:none;color:var(--bt-ink-3);font-size:12px;line-height:16px;cursor:pointer;padding:2px 0}
-+.bt-more:hover{color:var(--bt-ink)}
-+.bt-subhead{display:flex;align-items:center;gap:4px;padding:10px 12px 4px}
-+.bt-subhead-title{flex:1;font-size:15px;line-height:24px;font-weight:600;padding-left:4px}
-+.bt-icon-btn{width:28px;height:28px;border-radius:50%;border:0;background:none;color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
-+.bt-icon-btn:hover{background:var(--bt-hover);color:var(--bt-ink)}
-+.bt-set-body{gap:20px}
-+.bt-drawer-model{display:flex;flex-direction:column}
-+.bt-drawer-model .bt-note{margin-top:6px}
-+.bt-drawer-permission{display:flex;flex-direction:column}
-+.bt-seg button.bt-perm-danger,.bt-seg button.bt-perm-danger[aria-pressed=true]{color:#e02135}
-+
-+/* Settings dialog: a 198px page list beside the page. */
-+.bt-settings-layer{position:fixed;inset:var(--dsh-frame-chrome-top,0px) 0 0;z-index:60;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
-+.bt-scrim{position:absolute;inset:0;background:rgba(0,0,0,.32);animation:bt-fade .22s ease-out}
-+body[data-ds-dark-theme] .bt-scrim{background:rgba(0,0,0,.5)}
-+.bt-settings{--bt-set-w:min(800px,calc(100vw - 48px));--bt-set-h:min(620px,calc(100vh - 2*max(32px,var(--dsh-frame-overlay-top,32px))));position:relative;width:var(--bt-set-w);height:var(--bt-set-h);background:var(--bt-main);border-radius:16px;border:.5px solid var(--bt-line-2);box-shadow:0 24px 80px rgba(0,0,0,.24);display:flex;overflow:hidden;color:var(--bt-ink);transition:${spring(SPRING_SHAPE, "width", "height")};animation:bt-dialog-rise ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
-+.bt-settings[data-wide]{--bt-set-w:min(1100px,calc(100vw - 48px));--bt-set-h:min(780px,calc(100vh - 2*max(32px,var(--dsh-frame-overlay-top,32px))))}
-+:is(.bt-settings-layer,.bt-mem-layer)[data-leaving]{pointer-events:none}
-+:is(.bt-settings-layer,.bt-mem-layer)[data-leaving] .bt-scrim{opacity:0;transition:opacity .16s ease-in}
-+:is(.bt-settings-layer,.bt-mem-layer)[data-leaving]>[role=dialog]{animation:bt-dialog-sink .16s cubic-bezier(.4,0,1,1) forwards}
-+@keyframes bt-dialog-rise{from{transform:translateY(12px) scale(.96)}}
-+@keyframes bt-dialog-sink{to{opacity:0;transform:translateY(6px) scale(.975);filter:blur(3px)}}
-+@media (prefers-reduced-motion:reduce){.bt-settings{transition:none}.bt-settings,.bt-scrim,.bt-settings-page>*{animation:bt-fade .12s ease-out!important}}
-+.bt-settings-nav{position:relative;width:198px;flex:none;padding:16px 8px;border-right:.5px solid var(--bt-line);display:flex;flex-direction:column;gap:2px;background:var(--bt-sidebar);box-sizing:border-box}
-+.bt-settings-item{position:relative;z-index:1;display:flex;align-items:center;gap:8px;padding:6px 8px;border:0;border-radius:8px;background:none;color:var(--bt-ink-2);font:inherit;font-size:13px;line-height:20px;cursor:pointer;text-align:left;transition:background-color .12s ease,color .12s ease}
-+.bt-settings-item:hover{color:var(--bt-ink);background:var(--bt-hover)}
-+.bt-settings-item[aria-current=page]{background:var(--bt-active);color:var(--bt-ink)}
-+.bt-settings-nav>.bt-thumb{left:8px;right:8px;border-radius:8px;background:var(--bt-active)}
-+.bt-settings-nav[data-glide] .bt-settings-item[aria-current=page]{background:transparent}
-+.bt-settings-shell{margin-top:auto}
+ .bt-drawer-name:hover{background:var(--bt-hover)}
+ .bt-drawer-name-input{font-size:17px;line-height:24px;text-align:center;border:.5px solid var(--bt-line-2);border-radius:6px;padding:0 6px;background:var(--bt-main);color:var(--bt-ink);outline:none;font-weight:500}
+ .bt-drawer-role{font-size:12px;line-height:16px;color:var(--bt-ink-3);margin-top:6px;text-align:center}
+@@ -2255,6 +2255,7 @@ body[data-ds-dark-theme] .bt-scrim{background:rgba(0,0,0,.5)}
+ .bt-settings-nav>.bt-thumb{left:8px;right:8px;border-radius:8px;background:var(--bt-active)}
+ .bt-settings-nav[data-glide] .bt-settings-item[aria-current=page]{background:transparent}
+ .bt-settings-shell{margin-top:auto}
+.bt-settings-out{margin-left:auto;opacity:.6;font-size:12px}
-+/* Usage while another page is open: out of the flow at Usage's own width, so it keeps
-+ its layout, and not rendered. */
-+.bt-settings-usage[data-off]{position:absolute;top:0;left:198px;width:calc(min(1100px,calc(100vw - 48px)) - 198px);height:100%;box-sizing:border-box;content-visibility:hidden;pointer-events:none}
-+/* The page column takes the dialog's final size at once, so while the dialog resizes
-+ only its edge moves and the page does not lay out again every frame. */
-+.bt-settings-main{flex:none;display:flex;flex-direction:column;min-width:0;width:calc(var(--bt-set-w) - 198px);height:var(--bt-set-h)}
-+.bt-settings-head{display:flex;align-items:center;gap:6px;padding:16px 56px 4px 20px}
-+.bt-settings-head h2{margin:0;font-size:15px;line-height:24px;font-weight:600;animation:bt-veil-in .2s ease-out}
-+.bt-settings-head>.bt-icon-btn{animation:bt-back-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .16s ease-out}
-+@keyframes bt-back-in{from{translate:6px 0;scale:.8}}
-+.bt-settings-scroll{flex:1;overflow-y:auto;padding:12px 20px 24px;display:flex;flex-direction:column;gap:20px;scrollbar-width:thin}
-+.bt-settings-page>:not(.bt-us){animation:bt-page-up ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} backwards,bt-veil-in .22s ease-out backwards}
-+.bt-settings-page[data-move=in]>:not(.bt-us){animation-name:bt-page-in,bt-veil-in}
-+.bt-settings-page[data-move=out]>:not(.bt-us){animation-name:bt-page-out,bt-veil-in}
-+.bt-settings-page>:nth-child(2){animation-delay:30ms}
-+.bt-settings-page>:nth-child(3){animation-delay:60ms}
-+.bt-settings-page>:nth-child(4){animation-delay:90ms}
-+.bt-settings-page>:nth-child(n+5){animation-delay:120ms}
-+@keyframes bt-page-up{from{transform:translateY(10px)}}
-+@keyframes bt-page-in{from{transform:translateX(18px)}}
-+@keyframes bt-page-out{from{transform:translateX(-18px)}}
-+.bt-settings-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:0;background:var(--bt-hover);color:var(--bt-ink-2);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
-+.bt-settings-close:hover{background:var(--bt-active);color:var(--bt-ink)}
-+.bt-settings-form{display:flex;flex-direction:column;gap:16px}
-+.bt-set-section h3{font-size:13px;line-height:18px;font-weight:600;margin:0 0 8px;padding:0 4px}
-+.bt-set-card{border:1px solid var(--bt-line);border-radius:12px;background:var(--bt-card);display:flex;flex-direction:column}
-+.bt-set-card>*+*{border-top:.5px solid var(--bt-line)}
-+.bt-set-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:0;background:none;color:var(--bt-ink);font:inherit;font-size:13px;line-height:18px;text-align:left;width:100%;box-sizing:border-box;border-radius:0}
-+button.bt-set-row{cursor:pointer}
-+button.bt-set-row:hover{background:var(--bt-hover)}
-+.bt-set-card>.bt-set-row+.bt-set-row{border-top:.5px solid var(--bt-line)}
-+.bt-set-row:first-child{border-top-left-radius:12px;border-top-right-radius:12px}
-+.bt-set-row:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}
+ /* Usage while another page is open: out of the flow at Usage's own width, so it keeps
+ its layout, and not rendered. */
+ .bt-settings-usage[data-off]{position:absolute;top:0;left:198px;width:calc(min(1100px,calc(100vw - 48px)) - 198px);height:100%;box-sizing:border-box;content-visibility:hidden;pointer-events:none}
+@@ -2288,6 +2288,8 @@ button.bt-set-row:hover{background:var(--bt-hover)}
+ .bt-set-card>.bt-set-row+.bt-set-row{border-top:.5px solid var(--bt-line)}
+ .bt-set-row:first-child{border-top-left-radius:12px;border-top-right-radius:12px}
+ .bt-set-row:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}
+/* #892: a plugin's rows in the Members card (Invite by link) sit on the card's own padding, like a row. */
+.bt-flybot-room-members{padding:10px 12px}
-+.bt-set-copy{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
-+.bt-set-hint{font-size:12px;line-height:16px;color:color-mix(in srgb,var(--bt-ink-2) 50%,var(--bt-ink-3))}
-+.bt-set-control{flex:none;display:flex;align-items:center;gap:6px}
-+.bt-set-value{font-size:13px;color:var(--bt-ink-2);text-align:right}
-+.bt-set-bot{flex:1;display:flex;align-items:center;gap:8px;min-width:0}
-+.bt-set-paste{flex-direction:column;align-items:stretch;gap:8px}
-+.bt-chevron{color:var(--bt-ink-3);display:inline-flex;flex:none}
-+
-+/* Settings → Connectors. */
-+.bt-connector{display:flex;flex-direction:column;gap:10px;padding:12px}
-+.bt-connector-head{display:flex;align-items:center;gap:12px;min-width:0}
-+.bt-connector-mark{flex:none;width:36px;height:36px;border-radius:10px;background:var(--bt-card);border:.5px solid var(--bt-line);display:flex;align-items:center;justify-content:center;color:var(--bt-ink)}
-+.bt-connector-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
-+.bt-connector-name{font-size:14px;line-height:20px;font-weight:500}
-+.bt-connector-status{font-size:12px;line-height:16px;color:var(--bt-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-+.bt-connector[data-state=ready] .bt-connector-status{color:var(--bt-ink-2)}
-+.bt-connector[data-state=error] .bt-connector-status{color:#e02135;white-space:normal}
-+.bt-connector-actions{flex:none;display:flex;gap:6px}
-+.bt-connector-form{display:flex;flex-direction:column;gap:8px;padding-left:48px;animation:bt-q-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
-+.bt-connector-form-row{display:flex;align-items:center;gap:6px}
+ .bt-set-copy{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
+ .bt-set-hint{font-size:12px;line-height:16px;color:color-mix(in srgb,var(--bt-ink-2) 50%,var(--bt-ink-3))}
+ .bt-set-control{flex:none;display:flex;align-items:center;gap:6px}
+@@ -2308,8 +2308,17 @@ button.bt-set-row:hover{background:var(--bt-hover)}
+ .bt-connector-actions{flex:none;display:flex;gap:6px}
+ .bt-connector-form{display:flex;flex-direction:column;gap:8px;padding-left:48px;animation:bt-q-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
+ .bt-connector-form-row{display:flex;align-items:center;gap:6px}
+.bt-connector-apps{display:flex;flex-direction:column;gap:8px}
-+.bt-connector-link{flex:1;font-size:12px;color:var(--bt-ink-2)}
+ .bt-connector-link{flex:1;font-size:12px;color:var(--bt-ink-2)}
+.bt-connector-uses{padding-left:48px;font-size:12px;line-height:16px;color:var(--bt-ink-3)}
+.bt-connector-bots{display:flex;flex-direction:column;gap:2px;padding-left:48px;animation:bt-q-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
+.bt-connector-others{padding-left:20px}
-+.bt-connector-error{padding-left:48px;font-size:12px;line-height:16px;color:#e02135}
+ .bt-connector-error{padding-left:48px;font-size:12px;line-height:16px;color:#e02135}
+.bt-connector-app-list{list-style:none;margin:0;padding:0 0 0 48px;display:flex;flex-direction:column;gap:2px}
+.bt-connector-app{display:flex;gap:8px;font-size:12px;line-height:16px;color:var(--bt-ink-2)}
+.bt-connector-app-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.bt-app-status{color:var(--bt-ink-3)}
+[data-status=sign-in]>.bt-app-status{color:#c46a00}
-+
-+/* Shell chrome reshaped for the team view. Selectors use stable data attributes where the
-+ shell offers them and CSS-module name suffixes elsewhere. */
-+[class*="_logoRow"],[class*="_newSession"],nav[class*="_panelList"]{display:none!important}
-+[class*="_footArea"]{display:flex!important;flex-direction:row-reverse;align-items:center;gap:9px;padding:8px 6px 6px!important}
-+[class*="_footArea"]>[class*="_footerActions"]{flex:1 1 auto;min-width:0}
-+[class*="_footArea"]>[class*="_settingsArea"]{flex:none;width:auto!important}
-+[class*="_footArea"] button[aria-label="Settings"]{width:auto!important;padding:0!important;background:none!important;border-radius:50%!important;height:auto!important}
-+[class*="_widthHandle"]{display:none!important}
-+
-+.bt-voice-pane{flex-direction:column;align-items:center;justify-content:center;animation:bt-fade .2s ease-out}
-+.bt-voice-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;max-width:560px;text-align:center}
-+.bt-voice-orb{position:relative;width:200px;height:200px;display:grid;place-items:center;margin-bottom:8px}
-+.bt-voice-ring{position:absolute;inset:34px;border-radius:50%;background:var(--bt-hover);transform:scale(calc(1 + var(--bt-level,0) * .55));transition:transform .08s linear}
-+.bt-voice-ring-2{inset:14px;background:none;box-shadow:inset 0 0 0 1px var(--bt-line-2);transform:scale(calc(.94 + var(--bt-level,0) * .3));opacity:.8}
-+.bt-voice-stage[data-phase=thinking] .bt-voice-ring{animation:bt-voice-breathe 1.6s ease-in-out infinite}
-+.bt-voice-stage[data-phase=speaking] .bt-voice-ring{animation:bt-voice-speak .9s ease-in-out infinite}
-+@keyframes bt-voice-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
-+@keyframes bt-voice-speak{0%,100%{transform:scale(1.04)}30%{transform:scale(1.2)}60%{transform:scale(1.1)}}
-+.bt-voice-orb>.bt-mark{position:relative}
-+.bt-voice-name{font-size:16px;line-height:22px;font-weight:500}
-+.bt-voice-status{font-size:13px;line-height:18px;color:var(--bt-ink-2);min-height:18px}
-+.bt-voice-caption{min-height:44px;font-size:15px;line-height:22px;color:var(--bt-ink);animation:bt-blur-in .25s ease-out;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
-+.bt-voice-note{font-size:12px;color:#e02135}
-+.bt-voice-setup{height:32px;padding:0 14px;border-radius:16px;border:0;background:var(--bt-hover);color:var(--bt-ink);font:inherit;font-size:13px;cursor:pointer;transition:background-color .15s ease}
-+.bt-voice-setup:hover{background:var(--bt-active)}
-+.bt-voice-bar{display:flex;gap:16px;padding:0 0 32px}
-+.bt-voice-btn{position:relative;width:52px;height:52px;border-radius:50%;border:0;background:var(--bt-hover);color:var(--bt-ink);display:grid;place-items:center;cursor:pointer;transition:background-color .15s ease,transform .12s ease}
-+.bt-voice-btn:hover{background:var(--bt-active)}
-+.bt-voice-btn:active{transform:scale(.94)}
-+.bt-voice-btn[aria-pressed=true]{background:var(--bt-user);color:var(--bt-user-ink)}
-+.bt-voice-slash{position:absolute;width:24px;height:2px;border-radius:1px;background:currentColor;transform:rotate(-45deg)}
-+.bt-voice-end{background:#ff3e51;color:#fff}
-+.bt-voice-end:hover{background:#e02135}
-+@keyframes bt-fade{from{opacity:0}to{opacity:1}}
-+@keyframes bt-blur-in{from{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}
-+@media (prefers-reduced-motion:reduce){.bt-voice-pane,.bt-voice-caption,.bt-voice-ring{animation:none!important}}
-+.bt-msg{display:flex;flex-direction:column;align-items:flex-start;max-width:min(80%,560px,calc(100% - 82px))}
-+/* The bubble's row: reactions hang below it, so the hover toolbar (and a group
-+ sender's avatar) line up with the bubble alone. */
-+.bt-msg-line{position:relative;display:flex;align-items:flex-end;gap:8px;max-width:100%}
-+.bt-msg-line>.bt-bubble{max-width:none;min-width:0}
-+/* The same bubble width as beside an avatar column: 80% of (100% - 30px), plus the 30px. */
-+.bt-astack[data-lead]>.bt-msg{max-width:min(calc(80% + 6px),590px,calc(100% - 52px))}
-+.bt-tools{position:absolute;top:50%;left:100%;margin-left:6px;transform:translateY(-50%);display:flex;gap:2px;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility .12s}
-+.bt-tools::after{content:"";position:absolute;top:-8px;bottom:-8px;right:100%;width:128px;z-index:-1}
-+.bt-msg:hover>.bt-msg-line>.bt-tools,.bt-msg:focus-within>.bt-msg-line>.bt-tools,.bt-tools[data-open]{opacity:1;visibility:visible}
-+.bt-tool{width:24px;height:24px;border:0;padding:0;border-radius:6px;background:none;color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .12s ease,color .12s ease}
-+.bt-tool:hover,.bt-tool[aria-expanded=true]{background:var(--bt-hover);color:var(--bt-ink)}
-+.bt-tool:active{background:var(--bt-active)}
-+.bt-tool:focus-visible{outline:2px solid var(--bt-accent);outline-offset:-2px}
-+.bt-react-strip{position:fixed;z-index:60;pointer-events:auto;display:flex;gap:2px;padding:4px;border-radius:999px;background:var(--bt-main);border:.5px solid var(--bt-line-2);box-shadow:0 10px 20px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.06);transform:translate(-50%,-100%);transform-origin:bottom center;animation:bt-pop-lift ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .14s ease-out}
-+.bt-react-strip button{width:32px;height:32px;border:0;border-radius:50%;background:none;font-size:18px;line-height:1;cursor:pointer;transition:background-color .12s ease,${spring(SPRING_POP, "transform")};animation:bt-check-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} backwards}
-+.bt-react-strip button:nth-child(2){animation-delay:20ms}
-+.bt-react-strip button:nth-child(3){animation-delay:40ms}
-+.bt-react-strip button:nth-child(4){animation-delay:60ms}
-+.bt-react-strip button:nth-child(n+5){animation-delay:80ms}
-+.bt-react-strip button:hover{background:var(--bt-hover);transform:scale(1.15)}
-+.bt-react-strip button:active{transform:scale(.92)}
-+.bt-reacts{display:flex;gap:4px;margin-top:4px}
-+.bt-react{height:22px;min-width:30px;padding:0 6px;border-radius:999px;border:.5px solid var(--bt-line-2);background:var(--bt-main);font-size:13px;line-height:20px;cursor:pointer;animation:bt-react-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing};transition:background-color .12s ease,${spring(SPRING_TAP, "scale")}}
-+.bt-react:hover{background:var(--bt-hover)}
-+.bt-react:active{scale:.92}
-+@keyframes bt-react-pop{from{transform:scale(.6);opacity:0}}
-+.bt-bubble a[href^="${MENTION_ORIGIN}"] svg{display:none}
-+.bt-you{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bt-ink) 5%,var(--bt-sidebar));color:var(--bt-ink-2);box-shadow:inset 0 0 0 1px var(--bt-line);transition:background-color .12s ease}
-+button:hover .bt-you{background:color-mix(in srgb,var(--bt-ink) 9%,var(--bt-sidebar))}
-+.bt-you-wrap{display:inline-flex;padding:0}
-+.bt-connect-foot{width:100%;height:36px}
-+
-+.bt-menu{position:fixed;pointer-events:auto;z-index:60;min-width:200px;padding:6px;border-radius:12px;background:var(--bt-main);border:.5px solid var(--bt-line-2);box-shadow:0 10px 20px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1),0 0 0 1px rgba(228,228,228,.04);display:flex;flex-direction:column;gap:2px;transform-origin:var(--bt-origin,top left);animation:bt-pop-drop ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .14s ease-out;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;box-sizing:border-box}
-+.bt-menu button{display:flex;align-items:center;gap:4px;width:100%;min-height:30px;text-align:left;border:0;background:none;border-radius:6px;padding:6px 8px;font:inherit;font-size:13px;line-height:18px;color:var(--bt-ink);cursor:pointer;box-sizing:border-box}
-+.bt-menu button:hover{background:var(--bt-hover)}
-+.bt-menu button svg{flex:none;width:16px;height:16px;margin:0 1px}
-+.bt-menu .bt-danger{color:#c21d2e}
-+.bt-menu-sep{height:.5px;flex:none;background:var(--bt-line-2);margin:4px 8px}
-+.bt-menu-up{--bt-origin:bottom left;animation-name:bt-pop-lift,bt-veil-in}
-+.bt-menu[data-leaving]{pointer-events:none;animation:bt-pop-out .12s cubic-bezier(.4,0,1,1) forwards}
-+.bt-menu-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-+.bt-menu-hint{flex:none;color:var(--bt-ink-3);font-size:12px;font-variant-numeric:tabular-nums}
-+.bt-palette-layer{position:fixed;inset:var(--dsh-frame-chrome-top,0px) 0 0;z-index:70;pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
-+.bt-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.46);animation:bt-fade .22s ease-out}
-+.bt-palette{position:absolute;top:50%;left:50%;width:min(560px,92vw);transform:translate(-50%,-50%);display:flex;flex-direction:column;border-radius:12px;background:var(--bt-main);border:1px solid var(--bt-line-2);box-shadow:0 24px 48px -12px rgba(0,0,0,.25);overflow:hidden;color:var(--bt-ink);animation:bt-palette-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing},bt-veil-in .2s ease-out}
-+.bt-palette-layer[data-leaving]{pointer-events:none}
-+.bt-palette-layer[data-leaving] .bt-backdrop{opacity:0;transition:opacity .16s ease-in}
-+.bt-palette-layer[data-leaving] .bt-palette{animation:bt-dialog-sink .16s cubic-bezier(.4,0,1,1) forwards}
-+@keyframes bt-palette-in{from{translate:0 -10px;scale:.96}}
-+.bt-palette-head{display:flex;align-items:center;gap:4px;padding:14px 10px 14px 14px;border-bottom:.5px solid var(--bt-line-2)}
-+.bt-palette-glyph{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;color:var(--bt-ink-3);margin-right:4px}
-+.bt-palette-head input{flex:1;min-width:0;border:0;outline:none;background:none;color:var(--bt-ink);font:inherit;font-size:15px;line-height:22px;padding:0}
-+.bt-palette-head input::placeholder{color:var(--bt-ink-3)}
-+.bt-palette-clear{width:18px;height:18px;border:0;padding:0;border-radius:6px;background:none;color:var(--bt-ink-3);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
-+.bt-palette-clear:hover{color:var(--bt-ink)}
-+.bt-palette-clear svg{width:12px;height:12px}
-+.bt-palette-list{position:relative;height:402px;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px;box-sizing:border-box}
-+.bt-palette-list>.bt-thumb,.bt-drop-list>.bt-thumb{left:0;right:0;border-radius:8px;background:var(--bt-active)}
-+.bt-palette-list>.bt-thumb{left:8px;right:8px}
-+:is(.bt-palette-list,.bt-drop-list)[data-glide] [aria-selected=true]{background:transparent}
-+:is(.bt-palette-row,.bt-palette-section,.bt-drop-list>.bt-option){position:relative;z-index:1}
-+.bt-palette-section{padding:8px 8px 4px;font-size:12px;line-height:16px;color:var(--bt-ink-3);flex:none}
-+.bt-palette-section:first-of-type{padding-top:0}
-+.bt-palette-row{flex:none;display:flex;align-items:center;gap:8px;height:49px;padding:6px 10px 6px 8px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;width:100%}
-+.bt-palette-row[aria-selected=true]{background:var(--bt-active)}
-+.bt-palette-lead{flex:none;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}
-+.bt-palette-cmd{width:24px;height:24px;border-radius:50%;background:var(--bt-hover);display:inline-flex;align-items:center;justify-content:center;color:var(--bt-ink-2)}
-+.bt-palette-cmd svg{width:14px;height:14px}
-+.bt-palette-agent{width:24px;height:24px;border-radius:50%;background:var(--bt-hover);display:inline-flex;align-items:center;justify-content:center;color:var(--bt-ink)}
-+.bt-palette-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
-+.bt-palette-title{font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-+.bt-palette-sub{font-size:12px;line-height:16px;color:var(--bt-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-+.bt-palette-badge{flex:none;font-size:11px;line-height:16px;padding:0 6px;border-radius:4px;background:var(--bt-tag-bg);color:var(--bt-tag-ink)}
-+.bt-palette-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 16px;text-align:center;animation:bt-veil-in .22s ease-out}
-+.bt-palette-empty-icon{color:var(--bt-line-2)}
-+.bt-palette-empty-icon svg{width:32px;height:32px}
-+.bt-palette-empty-label{font-size:14px;font-weight:500;color:var(--bt-ink-2)}
-+.bt-palette-empty-hint{font-size:13px;line-height:16px;color:var(--bt-ink-3)}
-+@media (prefers-reduced-motion:reduce){.bt-palette{animation:bt-fade .1s ease-out}}
+
+ /* Shell chrome reshaped for the team view. Selectors use stable data attributes where the
+ shell offers them and CSS-module name suffixes elsewhere. */
+@@ -2427,7 +2427,8 @@ button:hover .bt-you{background:color-mix(in srgb,var(--bt-ink) 9%,var(--bt-side
+ .bt-palette-empty-label{font-size:14px;font-weight:500;color:var(--bt-ink-2)}
+ .bt-palette-empty-hint{font-size:13px;line-height:16px;color:var(--bt-ink-3)}
+ @media (prefers-reduced-motion:reduce){.bt-palette{animation:bt-fade .1s ease-out}}
+-.bt-account-menu{width:224px}
+.bt-account-menu{min-width:224px;width:max-content;max-width:calc(100vw - 16px)}
+.bt-flybot-account-header:not(:empty){padding:6px 0 2px;margin-bottom:4px;border-bottom:.5px solid var(--bt-line-2)}
-+.bt-account{flex:none;width:36px;height:36px;border:0;padding:0;background:none;border-radius:50%;cursor:pointer;display:inline-flex}
-+.bt-account:hover .bt-you,.bt-account[aria-expanded=true] .bt-you{background:color-mix(in srgb,var(--bt-ink) 9%,var(--bt-sidebar))}
-+/* Popover keyframes move translate and scale, which compose with a transform the popover
-+ already has. */
-+@keyframes bt-pop-drop{from{translate:0 -4px;scale:.96}}
-+@keyframes bt-pop-lift{from{translate:0 4px;scale:.96}}
-+@keyframes bt-pop-out{to{opacity:0;scale:.97;filter:blur(2px)}}
-+@keyframes bt-veil-in{from{opacity:0;filter:blur(6px)}}
-+@keyframes bt-check-pop{from{opacity:0;scale:.4}}
-+@media (prefers-reduced-motion:reduce){.bt-menu,.bt-avedit,.bt-react-strip{animation:bt-fade .1s ease-out}.bt-react-strip button,.bt-q-check,.bt-color[aria-pressed=true] span{animation:none}}
-+.bt-brand:hover{background:var(--bt-hover)}
-+.bt-drop-list{position:relative;display:flex;flex-direction:column;gap:2px}
-+.bt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
-+.bt-pick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 2px 6px;border-radius:10px;border:1px solid transparent;background:none;color:var(--bt-ink);cursor:pointer;font:inherit;font-size:11px;line-height:14px;min-width:0}
-+.bt-pick:hover{background:var(--bt-hover)}
-+.bt-pick[aria-pressed=true]{border-color:var(--bt-line-2);background:var(--bt-hover)}
-+.bt-pick>span:last-child:not(.bt-mark){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-+.bt-pick:hover .bt-mark[data-state=idle] .bt-eye{animation:bt-blink .5s linear 1}
-+.bt-select{width:100%;height:34px;box-sizing:border-box;border-radius:8px;border:1px solid var(--bt-line);background:var(--bt-card);color:var(--bt-ink);padding:0 8px;font:inherit;font-size:13px}
-+.bt-note{font-size:12px;line-height:16px;color:var(--bt-ink-2);margin-top:6px}
-+.bt-swatch-sep{width:1px;height:22px;background:var(--bt-line-2);margin:0 2px}
-+.bt-swatch-custom{position:relative;overflow:hidden;background:conic-gradient(#ff3e51,#ffaf38,#00c972,#1cc3b0,#2a92fe,#a97efe,#ff5eb1,#ff3e51);box-sizing:border-box}
-+.bt-swatch-custom[data-on=true]{border-color:var(--bt-ink)}
-+.bt-swatch-custom input{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);opacity:0;cursor:pointer;border:0;padding:0}
-+.bt-swatch-default{background:linear-gradient(135deg,var(--bt-card) 0 46%,var(--bt-line-2) 46% 54%,var(--bt-card) 54%);box-shadow:inset 0 0 0 1px var(--bt-line-2)}
-+.bt-states{display:flex;flex-wrap:wrap;gap:4px}
-+.bt-state{border:1px solid var(--bt-line);background:none;border-radius:999px;font:inherit;font-size:11px;line-height:16px;padding:2px 8px;color:var(--bt-ink-2);cursor:pointer}
-+.bt-state:hover{color:var(--bt-ink)}
-+.bt-state[aria-pressed=true]{background:var(--bt-active);border-color:var(--bt-line-2);color:var(--bt-ink)}
-+.bt-theme-chip{position:relative;width:46px;height:30px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--bt-line-2);background:linear-gradient(90deg,var(--ls) 0 36%,var(--lb) 36%);overflow:hidden}
-+.bt-theme-chip i{position:absolute;right:7px;bottom:7px;width:10px;height:10px;border-radius:50%;background:var(--la)}
-+body[data-ds-dark-theme] .bt-theme-chip{background:linear-gradient(90deg,var(--ds) 0 36%,var(--db) 36%)}
-+body[data-ds-dark-theme] .bt-theme-chip i{background:var(--da)}
-+.bt-tabs{flex-wrap:wrap}
-+.bt-soft:disabled{opacity:.4;cursor:default}
-+.bt-group-role{margin-left:6px;font-size:11px;line-height:14px;padding:1px 5px;border-radius:4px;background:var(--bt-tag-bg);color:var(--bt-tag-ink);vertical-align:1px}
-+.bt-members{display:flex;flex-direction:column;gap:1px}
-+.bt-member{display:flex;align-items:center;gap:4px;min-height:40px;padding:0 4px 0 6px;border-radius:8px;animation:bt-rise .18s ease-out}
-+.bt-member:hover{background:var(--bt-hover)}
-+.bt-member-name{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:none;padding:6px 0;color:var(--bt-ink);font:inherit;font-size:14px;line-height:20px;cursor:pointer;text-align:left}
-+.bt-member-name>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-+.bt-chip-admin{background:var(--bt-tag-bg);color:var(--bt-tag-ink);border-color:transparent}
-+.bt-mini{flex:none;border:0;background:none;border-radius:6px;padding:2px 6px;font:inherit;font-size:12px;line-height:18px;color:var(--bt-ink-2);cursor:pointer}
-+.bt-mini:hover{background:var(--bt-active);color:var(--bt-ink)}
-+.bt-member .bt-mini,.bt-member .bt-x{opacity:0;transition:opacity .15s ease}
-+.bt-member:hover .bt-mini,.bt-member:hover .bt-x,.bt-member .bt-mini:focus-visible,.bt-member .bt-x:focus-visible{opacity:1}
-+.bt-add{color:var(--bt-ink-2);margin-top:2px}
-+.bt-add:hover,.bt-addlist .bt-option:hover{background:var(--bt-hover);color:var(--bt-ink)}
-+.bt-addlist{display:flex;flex-direction:column;margin-top:4px;padding:4px;border:1px solid var(--bt-line);border-radius:10px;background:var(--bt-card);animation:bt-rise .16s ease-out}
-+.bt-seg{position:relative;display:flex;gap:2px;padding:2px;border-radius:10px;background:var(--bt-hover)}
-+.bt-motion-seg{width:216px}
-+.bt-seg button{position:relative;z-index:1;flex:1;height:30px;border:0;border-radius:8px;background:none;font:inherit;font-size:13px;color:var(--bt-ink-2);cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,${spring(SPRING_TAP, "scale")}}
-+.bt-seg button[aria-pressed=true]{background:var(--bt-card);color:var(--bt-ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
-+.bt-seg button:disabled{opacity:.4;cursor:default}
-+.bt-seg button:active:not(:disabled){scale:.96}
-+.bt-seg>.bt-thumb{top:2px;bottom:2px;border-radius:8px;background:var(--bt-card);box-shadow:0 1px 3px rgba(0,0,0,.08)}
-+.bt-seg[data-glide] button[aria-pressed=true]{background:transparent;box-shadow:none}
-+@keyframes bt-rise{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
-+@media (prefers-reduced-motion:reduce){.bt-member,.bt-addlist{animation:none}}
-
- /* Memory dialog: a summary of every entry, the entries behind the menu, "Ask or update" below. */
- .bt-mem-row{display:flex;align-items:center;gap:8px;width:100%;height:36px;padding:0 8px 0 10px;border:.5px solid var(--bt-line-2);border-radius:10px;background:var(--bt-card);color:var(--bt-ink);font:inherit;font-size:13px;cursor:pointer;box-sizing:border-box;transition:background-color .12s ease}
+ .bt-account{flex:none;width:36px;height:36px;border:0;padding:0;background:none;border-radius:50%;cursor:pointer;display:inline-flex}
+ .bt-account:hover .bt-you,.bt-account[aria-expanded=true] .bt-you{background:color-mix(in srgb,var(--bt-ink) 9%,var(--bt-sidebar))}
+ /* Popover keyframes move translate and scale, which compose with a transform the popover
@@ -2599,6 +2599,14 @@ var CONVERSATION_CSS = `
.bt-think{font-size:13px;line-height:18px;color:var(--bt-ink-2);margin:2px 0 4px;max-width:min(560px,78%)}
.bt-think summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px}
@@ -4325,308 +3172,79 @@ diff --git a/client.js b/client.js
.bt-typing>.bt-mark,.bt-typing>.bt-cluster{flex-shrink:0}
.bt-typing>.bt-mark{cursor:pointer;transition:filter .16s ease-out}
.bt-typing>.bt-mark:hover{filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}
-@@ -2676,2104 +2676,4085 @@ header[class*="_header"] .bt-head{flex:1 1 auto;width:100%}
- [data-bt-enter="new"]{animation:none}
- [data-bt-enter="after-collapse"]{animation:bt-fade-in .12s ease-out}
- }
--@keyframes bt-fade-in{from{opacity:0}to{opacity:1}}
--@keyframes bt-fade-out{from{opacity:1}to{opacity:0}}
--[data-composer-card]{display:flex!important;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0!important;min-height:44px;border-radius:22px!important;padding:7.5px!important;box-sizing:border-box;background:var(--bt-main)!important;border:.5px solid var(--bt-line-2)!important;box-shadow:0 2px 8px -1px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03),0 0 0 1px rgba(228,228,228,.04)!important;transition:border-color .15s ease,background-color .15s ease,${spring(SPRING_SHAPE, "border-radius")}!important}
+@@ -2679,7 +2679,8 @@ header[class*="_header"] .bt-head{flex:1 1 auto;width:100%}
+ @keyframes bt-fade-in{from{opacity:0}to{opacity:1}}
+ @keyframes bt-fade-out{from{opacity:1}to{opacity:0}}
+ [data-composer-card]{display:flex!important;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0!important;min-height:44px;border-radius:22px!important;padding:7.5px!important;box-sizing:border-box;background:var(--bt-main)!important;border:.5px solid var(--bt-line-2)!important;box-shadow:0 2px 8px -1px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03),0 0 0 1px rgba(228,228,228,.04)!important;transition:border-color .15s ease,background-color .15s ease,${spring(SPRING_SHAPE, "border-radius")}!important}
-[data-composer-card]:hover,[data-composer-card]:focus-within{border-color:color-mix(in srgb,var(--bt-ink) 30%,transparent)!important}
--[data-composer-card]:has(> [data-slot="conversation.input.attachments"] *),[data-composer-card]:has([data-composer-input] br + *),[data-composer-card]:has([data-composer-input] > :nth-child(2)){border-radius:18px!important}
--[class*="_root"]:has(> [data-composer-card]){padding:0 11px 13px 16px!important}
--[class*="_root"]:has(> [data-composer-card])>[data-composer-card]{max-width:min(992px,100%)!important}
--[data-composer-card]>[class*="_row"]{display:contents!important}
--[data-composer-card] [class*="_tools"]{order:1;flex:none;align-self:flex-end;margin:0}
--[data-composer-card]>[data-input-scroll]{order:2;flex:1 1 0;min-width:0;padding:0 8px!important;margin:0!important}
--[data-composer-card] [class*="_trailing"]{order:3;flex:none;align-self:flex-end;margin:0}
--[data-composer-card]>[data-slot="conversation.input.attachments"]{order:0;flex-basis:100%}
--[data-composer-card] [data-composer-input]{min-height:24px;padding:2px 0!important}
--[data-composer-card] [data-composer-placeholder]{left:0!important;top:2px!important}
--[data-composer-placeholder]{font-size:0!important;line-height:0!important}
--[data-composer-placeholder]::after{content:var(--bt-placeholder,"Message");display:block;font-size:14px;line-height:24px;color:color-mix(in srgb,var(--bt-ink) 36%,transparent)}
--/* The team's "+" (ComposerPlus) takes the seat of the shell's command-menu button. */
--[data-composer-card] button[class*="_add"]{display:none!important}
--.bt-plus{flex:none;width:28px;height:28px;padding:0;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bt-ink) 5%,transparent);box-shadow:inset 0 0 0 .5px var(--bt-line);color:var(--bt-ink-2);cursor:pointer;transition:background-color .15s ease,color .15s ease,${spring(SPRING_TAP, "scale")}}
--.bt-plus:hover,.bt-plus[aria-expanded=true]{background:color-mix(in srgb,var(--bt-ink) 10%,transparent);color:var(--bt-ink)}
--.bt-plus:active{scale:.9}
--.bt-plus svg{width:14px;height:14px;transition:${spring(SPRING_POP, "rotate")}}
--.bt-plus[aria-expanded=true] svg{rotate:45deg}
--.bt-plus-menu{min-width:180px}
--[data-composer-card] [class*="_tools"]{gap:0!important}
--[data-composer-card] [class*="_modes"]:empty{display:none!important}
--[data-composer-card] [class*="_activity"]:not(:has([data-slot] > *)){display:none!important}
--[data-composer-card] [class*="_trailing"]{gap:8px}
--[data-composer-card] [class*="_standardControls"]{display:flex;align-items:center;gap:8px}
--[data-composer-card] button[class*="_primary"]{width:28px!important;height:28px!important;background:var(--bt-accent)!important;color:var(--bt-accent-ink,#fff)!important;border-radius:50%!important;transition:opacity .15s ease,${spring(SPRING_TAP, "scale")};animation:bt-icon-swap ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
--[data-composer-card] button[class*="_primary"]:hover:not(:disabled){opacity:.9}
--[data-composer-card] button[class*="_primary"]:active:not(:disabled){scale:.9}
--@keyframes bt-icon-swap{from{opacity:0;transform:scale(.5) rotate(-30deg)}}
--[data-composer-card] button[class*="_primary"] svg{width:14px;height:14px}
--[data-composer-card] button[class*="_primary"]:disabled{display:none!important}
--[data-composer-dock]{display:none!important}
--.bt-mic,.bt-voice{flex:none;width:28px;height:28px;border-radius:50%;border:0;padding:0;display:inline-grid;place-items:center;cursor:pointer;transition:background-color .15s ease,color .15s ease,${spring(SPRING_TAP, "scale")}}
--.bt-mic{background:color-mix(in srgb,var(--bt-ink) 5%,transparent);box-shadow:inset 0 0 0 .5px var(--bt-line);color:var(--bt-ink-2)}
--.bt-mic:hover{background:color-mix(in srgb,var(--bt-ink) 10%,transparent);color:var(--bt-ink)}
--.bt-mic[aria-pressed=true]{background:#ff3e51;color:#fff;animation:bt-mic-pulse 1.4s ease-in-out infinite}
--@keyframes bt-mic-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,62,81,.35)}50%{box-shadow:0 0 0 5px rgba(255,62,81,0)}}
--.bt-voice{display:none;background:var(--bt-accent);color:var(--bt-accent-ink,#fff);animation:bt-icon-swap ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
--.bt-voice:hover{opacity:.9}
--.bt-mic:active,.bt-voice:active{scale:.9}
--[data-composer-card]:has(button[class*="_primary"]:disabled) .bt-voice{display:inline-grid}
--body[data-bt-room] .bt-voice{display:none!important}
--body[data-bt-room] [data-composer-card]:has(button[class*="_primary"]:disabled) .bt-mic:not([aria-pressed=true]){background:var(--bt-accent);color:var(--bt-accent-ink,#fff)}
--.bt-mic-note{position:absolute;right:12px;bottom:calc(100% + 8px);padding:5px 10px;border-radius:8px;background:var(--bt-user);color:var(--bt-user-ink);font-size:12px;line-height:16px;white-space:nowrap;pointer-events:none;animation:bt-rise .16s ease-out}
--[data-chain-overlay-fallback="conversation.composer"]:has(~ .bt-q){display:block!important;order:2}
--.bt-q{order:1}
--div:has(> nav [class*="_marks"]){display:none!important}
--/* Every user-side bubble (sent, steering mid-turn, not yet admitted, question replies)
-- takes its surface and its text from the one --bt-user pair: a skin that repaints
-- the host's bubble surface alone would otherwise leave the text unreadable. */
--[class*="_userRow"] [class*="_bubble"],[data-chat-flow-kind=question-reply] [class*="_bubble"],[data-chat-flow-kind=command-input] [class*="_bubble"]{background:var(--bt-user)!important;color:var(--bt-user-ink)!important;border-radius:18px!important;padding:7px 12px!important;font-size:var(--dsh-content-font-size,14px)!important;line-height:calc(var(--dsh-content-font-size,14px) + 8px)!important}
--[class*="_userRow"] [class*="_bubble"] [class*="_markdown"],[class*="_userRow"] [class*="_bubble"] a{color:inherit}
--/* Sent messages get the hover toolbar below; steering and unsent bubbles keep none. */
--[class*="_userRow"] [class*="_actions"]{display:none!important}
--[data-chat-flow-kind=user] [class*="_userRow"]{flex-direction:row-reverse;align-items:center;justify-content:flex-start}
--[data-chat-flow-kind=user] [class*="_actions"]{display:flex!important;height:24px!important;gap:2px!important;opacity:0!important;visibility:hidden;transition:opacity .12s ease,visibility .12s!important;flex:none}
--[data-chat-flow-kind=user] [class*="_userRow"]:hover [class*="_actions"],[data-chat-flow-kind=user] [class*="_userRow"]:focus-within [class*="_actions"]{opacity:1!important;visibility:visible}
--[data-chat-flow-kind=user] [class*="_actions"] [class*="_timeStart"]{display:none}
--[data-chat-flow-kind=user] [class*="_actions"] button{width:24px;height:24px;border-radius:6px;color:var(--bt-ink-2)}
--[data-chat-flow-kind=user] [class*="_actions"] button:hover{background:var(--bt-hover);color:var(--bt-ink)}
--[data-chat-flow-kind=user] [class*="_actions"] svg{width:15px;height:15px}
--.bt-q-inline{display:flex;margin:4px 0 6px}
--[data-chat-flow-kind=assistant-step]+[data-step-process]:has(.bt-q-inline){margin-top:0!important}
--[data-chat-flow-kind=question-reply]:has(.bt-q-inline),[data-chat-group-key]:has([data-chat-flow-kind=question-reply] .bt-q-inline),[data-chat-group-key]:has(.bt-q-gone){margin-top:0!important}
--.bt-q-inline .bt-q{margin:0;max-width:min(550px,86%);order:0}
--.bt-q-dock{width:100%;display:flex;justify-content:center}
--.bt-q-dock .bt-q{margin:0 auto 8px}
--[class*="_toBottomSlot"]{justify-content:center!important;padding-right:0!important}
--[data-conversation-scroll] [class*="_toBottomSlot"]{bottom:calc(var(--dsh-composer-height,152px) + 8px)!important}
--[class*="_toBottomSlot"]>button{width:36px!important;height:36px!important;margin-top:-36px!important;background:var(--bt-main)!important;color:var(--bt-ink)!important;box-shadow:0 0 0 .5px var(--bt-line-2),0 2px 8px -2px rgba(0,0,0,.12)!important;animation:bt-tobottom-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .16s ease-out;transition:background-color .12s ease,${spring(SPRING_TAP, "scale")}}
--[class*="_toBottomSlot"]>button:active{scale:.9}
--[class*="_toBottomSlot"]>button:hover{background:color-mix(in srgb,var(--bt-ink) 4%,var(--bt-main))!important}
--[class*="_toBottomSlot"]>button svg{display:none}
--[class*="_toBottomSlot"]>button::before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4v12M5 11l5 5 5-5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4v12M5 11l5 5 5-5'/%3E%3C/svg%3E") center/contain no-repeat}
--@keyframes bt-tobottom-in{from{translate:0 8px;scale:.8}}
--[data-bt-news] [class*="_toBottomSlot"]>button{visibility:hidden!important;pointer-events:none!important}
--.bt-news{position:fixed;z-index:30;transform:translateX(-50%);display:inline-flex;align-items:center;overflow:hidden;border-radius:999px;background:#0c64c1;color:#fcfcfc;box-shadow:inset 0 0 0 1px rgba(20,20,20,.05),0 1px 3px 0 rgba(0,0,0,.12);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;animation:bt-news-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .16s ease-out}
--@keyframes bt-news-in{from{translate:0 8px;scale:.9}}
--.bt-news[data-direction=up]{animation-name:bt-news-in-up,bt-veil-in}
--@keyframes bt-news-in-up{from{translate:0 -8px;scale:.9}}
--.bt-news-jump{display:inline-flex;align-items:center;gap:2px;margin:0;padding:4px 26px 4px 4px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:13px;line-height:18px;white-space:nowrap;cursor:pointer;outline:none}
--.bt-news-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}
--.bt-news-ico svg{width:16px;height:16px}
--.bt-news-x{position:absolute;right:4px;top:50%;z-index:1;transform:translateY(-50%);width:20px;height:20px;padding:0;border:0;border-radius:999px;background:transparent;color:inherit;opacity:.75;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
--.bt-news-x svg{width:12px;height:12px}
--.bt-news-x:hover{opacity:1;background:rgba(20,20,20,.5)}
--@media (prefers-reduced-motion:reduce){.bt-news,[class*="_toBottomSlot"]>button{animation:none}}
--.bt-new-sep{display:flex;align-items:center;gap:8px;margin:14px 0 8px;padding:2px 0;font-size:11px;line-height:14px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:#0c64c1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
--.bt-new-sep::before,.bt-new-sep::after{content:"";flex:1;height:1px;background:color-mix(in srgb,#0c64c1 20%,transparent)}
--.bt-open-new{display:flex;flex-direction:column}
--.bt-open-new .bt-new-sep{margin:18px 0 0}
--.bt-open-new .bt-time-sep{height:16px;margin:32px 0 2px}
--.bt-earlier{display:flex;flex-direction:column;gap:6px}
--.bt-earlier-top{display:flex;justify-content:center;align-items:center;height:34px;flex:none}
--.bt-earlier-top .bt-soft{height:28px;font-size:12px;padding:0 12px}
--.bt-urow{display:flex;justify-content:flex-end}
--.bt-ububble{max-width:min(560px,78%);background:var(--bt-user);color:var(--bt-user-ink);border-radius:18px;padding:7px 12px;font-size:14px;line-height:20px;box-sizing:border-box;overflow-wrap:anywhere}
--.bt-ububble [class*="_markdown"],.bt-ububble a{color:inherit!important}
--.bt-ububble p{margin:0;line-height:22px}
--.bt-uimages{display:block;font-size:12px;opacity:.7}
--.bt-earlier .bt-event{margin:4px 0}
--.bt-part-line{display:flex;align-items:center;gap:10px;margin:10px 0 6px;font-size:11px;line-height:14px;color:var(--bt-ink-3)}
--.bt-part-line::before,.bt-part-line::after{content:"";flex:1;height:1px;background:var(--bt-line)}
--`;
--function installStyles(text, tag) {
-- const style = document.createElement("style");
-- style.dataset.dshBot = tag;
-- style.textContent = text;
-- document.head.appendChild(style);
-- return style;
-+@keyframes bt-fade-in{from{opacity:0}to{opacity:1}}
-+@keyframes bt-fade-out{from{opacity:1}to{opacity:0}}
-+[data-composer-card]{display:flex!important;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0!important;min-height:44px;border-radius:22px!important;padding:7.5px!important;box-sizing:border-box;background:var(--bt-main)!important;border:.5px solid var(--bt-line-2)!important;box-shadow:0 2px 8px -1px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03),0 0 0 1px rgba(228,228,228,.04)!important;transition:border-color .15s ease,background-color .15s ease,${spring(SPRING_SHAPE, "border-radius")}!important}
+[data-composer-card]:hover{border-color:color-mix(in srgb,var(--bt-ink) 30%,transparent)!important}
+[data-composer-card]:focus-within{border-color:color-mix(in srgb,var(--bt-ink) 55%,transparent)!important}
-+[data-composer-card]:has(> [data-slot="conversation.input.attachments"] *),[data-composer-card]:has([data-composer-input] br + *),[data-composer-card]:has([data-composer-input] > :nth-child(2)){border-radius:18px!important}
-+[class*="_root"]:has(> [data-composer-card]){padding:0 11px 13px 16px!important}
-+[class*="_root"]:has(> [data-composer-card])>[data-composer-card]{max-width:min(992px,100%)!important}
-+[data-composer-card]>[class*="_row"]{display:contents!important}
-+[data-composer-card] [class*="_tools"]{order:1;flex:none;align-self:flex-end;margin:0}
-+[data-composer-card]>[data-input-scroll]{order:2;flex:1 1 0;min-width:0;padding:0 8px!important;margin:0!important}
-+[data-composer-card] [class*="_trailing"]{order:3;flex:none;align-self:flex-end;margin:0}
-+[data-composer-card]>[data-slot="conversation.input.attachments"]{order:0;flex-basis:100%}
-+[data-composer-card] [data-composer-input]{min-height:24px;padding:2px 0!important}
-+[data-composer-card] [data-composer-placeholder]{left:0!important;top:2px!important}
-+[data-composer-placeholder]{font-size:0!important;line-height:0!important}
+ [data-composer-card]:has(> [data-slot="conversation.input.attachments"] *),[data-composer-card]:has([data-composer-input] br + *),[data-composer-card]:has([data-composer-input] > :nth-child(2)){border-radius:18px!important}
+ [class*="_root"]:has(> [data-composer-card]){padding:0 11px 13px 16px!important}
+ [class*="_root"]:has(> [data-composer-card])>[data-composer-card]{max-width:min(992px,100%)!important}
+@@ -2691,6 +2691,8 @@ header[class*="_header"] .bt-head{flex:1 1 auto;width:100%}
+ [data-composer-card] [data-composer-input]{min-height:24px;padding:2px 0!important}
+ [data-composer-card] [data-composer-placeholder]{left:0!important;top:2px!important}
+ [data-composer-placeholder]{font-size:0!important;line-height:0!important}
+/* A friend's Bot chat: no local run stats (they are relay turns, always 0; #419). */
+body[data-bt-friend-chat] [data-composer-stats]{display:none!important}
-+[data-composer-placeholder]::after{content:var(--bt-placeholder,"Message");display:block;font-size:14px;line-height:24px;color:color-mix(in srgb,var(--bt-ink) 36%,transparent)}
-+/* The team's "+" (ComposerPlus) takes the seat of the shell's command-menu button. */
-+[data-composer-card] button[class*="_add"]{display:none!important}
-+.bt-plus{flex:none;width:28px;height:28px;padding:0;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bt-ink) 5%,transparent);box-shadow:inset 0 0 0 .5px var(--bt-line);color:var(--bt-ink-2);cursor:pointer;transition:background-color .15s ease,color .15s ease,${spring(SPRING_TAP, "scale")}}
-+.bt-plus:hover,.bt-plus[aria-expanded=true]{background:color-mix(in srgb,var(--bt-ink) 10%,transparent);color:var(--bt-ink)}
-+.bt-plus:active{scale:.9}
-+.bt-plus svg{width:14px;height:14px;transition:${spring(SPRING_POP, "rotate")}}
-+.bt-plus[aria-expanded=true] svg{rotate:45deg}
-+.bt-plus-menu{min-width:180px}
-+[data-composer-card] [class*="_tools"]{gap:0!important}
-+[data-composer-card] [class*="_modes"]:empty{display:none!important}
-+[data-composer-card] [class*="_activity"]:not(:has([data-slot] > *)){display:none!important}
-+[data-composer-card] [class*="_trailing"]{gap:8px}
-+[data-composer-card] [class*="_standardControls"]{display:flex;align-items:center;gap:8px}
-+[data-composer-card] button[class*="_primary"]{width:28px!important;height:28px!important;background:var(--bt-accent)!important;color:var(--bt-accent-ink,#fff)!important;border-radius:50%!important;transition:opacity .15s ease,${spring(SPRING_TAP, "scale")};animation:bt-icon-swap ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
-+[data-composer-card] button[class*="_primary"]:hover:not(:disabled){opacity:.9}
-+[data-composer-card] button[class*="_primary"]:active:not(:disabled){scale:.9}
-+@keyframes bt-icon-swap{from{opacity:0;transform:scale(.5) rotate(-30deg)}}
-+[data-composer-card] button[class*="_primary"] svg{width:14px;height:14px}
-+[data-composer-card] button[class*="_primary"]:disabled{display:none!important}
-+[data-composer-dock]{display:none!important}
-+.bt-mic,.bt-voice{flex:none;width:28px;height:28px;border-radius:50%;border:0;padding:0;display:inline-grid;place-items:center;cursor:pointer;transition:background-color .15s ease,color .15s ease,${spring(SPRING_TAP, "scale")}}
-+.bt-mic{background:color-mix(in srgb,var(--bt-ink) 5%,transparent);box-shadow:inset 0 0 0 .5px var(--bt-line);color:var(--bt-ink-2)}
-+.bt-mic:hover{background:color-mix(in srgb,var(--bt-ink) 10%,transparent);color:var(--bt-ink)}
-+.bt-mic[aria-pressed=true]{background:#ff3e51;color:#fff;animation:bt-mic-pulse 1.4s ease-in-out infinite}
-+@keyframes bt-mic-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,62,81,.35)}50%{box-shadow:0 0 0 5px rgba(255,62,81,0)}}
-+.bt-voice{display:none;background:var(--bt-accent);color:var(--bt-accent-ink,#fff);animation:bt-icon-swap ${SPRING_POP.duration}ms ${SPRING_POP.easing}}
-+.bt-voice:hover{opacity:.9}
-+.bt-mic:active,.bt-voice:active{scale:.9}
-+[data-composer-card]:has(button[class*="_primary"]:disabled) .bt-voice{display:inline-grid}
-+body[data-bt-room] .bt-voice{display:none!important}
+ [data-composer-placeholder]::after{content:var(--bt-placeholder,"Message");display:block;font-size:14px;line-height:24px;color:color-mix(in srgb,var(--bt-ink) 36%,transparent)}
+ /* The team's "+" (ComposerPlus) takes the seat of the shell's command-menu button. */
+ [data-composer-card] button[class*="_add"]{display:none!important}
+@@ -2722,6 +2722,7 @@ header[class*="_header"] .bt-head{flex:1 1 auto;width:100%}
+ .bt-mic:active,.bt-voice:active{scale:.9}
+ [data-composer-card]:has(button[class*="_primary"]:disabled) .bt-voice{display:inline-grid}
+ body[data-bt-room] .bt-voice{display:none!important}
+body[data-bt-room] [data-composer-card] [class*="_activity"]{display:none!important}
-+body[data-bt-room] [data-composer-card]:has(button[class*="_primary"]:disabled) .bt-mic:not([aria-pressed=true]){background:var(--bt-accent);color:var(--bt-accent-ink,#fff)}
-+.bt-mic-note{position:absolute;right:12px;bottom:calc(100% + 8px);padding:5px 10px;border-radius:8px;background:var(--bt-user);color:var(--bt-user-ink);font-size:12px;line-height:16px;white-space:nowrap;pointer-events:none;animation:bt-rise .16s ease-out}
-+[data-chain-overlay-fallback="conversation.composer"]:has(~ .bt-q){display:block!important;order:2}
-+.bt-q{order:1}
-+div:has(> nav [class*="_marks"]){display:none!important}
-+/* Every user-side bubble (sent, steering mid-turn, not yet admitted, question replies)
-+ takes its surface and its text from the one --bt-user pair: a skin that repaints
-+ the host's bubble surface alone would otherwise leave the text unreadable. */
-+[class*="_userRow"] [class*="_bubble"],[data-chat-flow-kind=question-reply] [class*="_bubble"],[data-chat-flow-kind=command-input] [class*="_bubble"]{background:var(--bt-user)!important;color:var(--bt-user-ink)!important;border-radius:18px!important;padding:7px 12px!important;font-size:var(--dsh-content-font-size,14px)!important;line-height:calc(var(--dsh-content-font-size,14px) + 8px)!important}
-+[class*="_userRow"] [class*="_bubble"] [class*="_markdown"],[class*="_userRow"] [class*="_bubble"] a{color:inherit}
-+/* Sent messages get the hover toolbar below; steering and unsent bubbles keep none. */
-+[class*="_userRow"] [class*="_actions"]{display:none!important}
-+[data-chat-flow-kind=user] [class*="_userRow"]{flex-direction:row-reverse;align-items:center;justify-content:flex-start}
-+[data-chat-flow-kind=user] [class*="_actions"]{display:flex!important;height:24px!important;gap:2px!important;opacity:0!important;visibility:hidden;transition:opacity .12s ease,visibility .12s!important;flex:none}
-+[data-chat-flow-kind=user] [class*="_userRow"]:hover [class*="_actions"],[data-chat-flow-kind=user] [class*="_userRow"]:focus-within [class*="_actions"]{opacity:1!important;visibility:visible}
-+[data-chat-flow-kind=user] [class*="_actions"] [class*="_timeStart"]{display:none}
-+[data-chat-flow-kind=user] [class*="_actions"] button{width:24px;height:24px;border-radius:6px;color:var(--bt-ink-2)}
-+[data-chat-flow-kind=user] [class*="_actions"] button:hover{background:var(--bt-hover);color:var(--bt-ink)}
-+[data-chat-flow-kind=user] [class*="_actions"] svg{width:15px;height:15px}
-+.bt-q-inline{display:flex;margin:4px 0 6px}
-+[data-chat-flow-kind=assistant-step]+[data-step-process]:has(.bt-q-inline){margin-top:0!important}
-+[data-chat-flow-kind=question-reply]:has(.bt-q-inline),[data-chat-group-key]:has([data-chat-flow-kind=question-reply] .bt-q-inline),[data-chat-group-key]:has(.bt-q-gone){margin-top:0!important}
-+.bt-q-inline .bt-q{margin:0;max-width:min(550px,86%);order:0}
-+.bt-q-dock{width:100%;display:flex;justify-content:center}
-+.bt-q-dock .bt-q{margin:0 auto 8px}
-+[class*="_toBottomSlot"]{justify-content:center!important;padding-right:0!important}
-+[data-conversation-scroll] [class*="_toBottomSlot"]{bottom:calc(var(--dsh-composer-height,152px) + 8px)!important}
-+[class*="_toBottomSlot"]>button{width:36px!important;height:36px!important;margin-top:-36px!important;background:var(--bt-main)!important;color:var(--bt-ink)!important;box-shadow:0 0 0 .5px var(--bt-line-2),0 2px 8px -2px rgba(0,0,0,.12)!important;animation:bt-tobottom-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .16s ease-out;transition:background-color .12s ease,${spring(SPRING_TAP, "scale")}}
-+[class*="_toBottomSlot"]>button:active{scale:.9}
-+[class*="_toBottomSlot"]>button:hover{background:color-mix(in srgb,var(--bt-ink) 4%,var(--bt-main))!important}
-+[class*="_toBottomSlot"]>button svg{display:none}
-+[class*="_toBottomSlot"]>button::before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4v12M5 11l5 5 5-5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4v12M5 11l5 5 5-5'/%3E%3C/svg%3E") center/contain no-repeat}
-+@keyframes bt-tobottom-in{from{translate:0 8px;scale:.8}}
-+[data-bt-news] [class*="_toBottomSlot"]>button{visibility:hidden!important;pointer-events:none!important}
-+.bt-news{position:fixed;z-index:30;transform:translateX(-50%);display:inline-flex;align-items:center;overflow:hidden;border-radius:999px;background:#0c64c1;color:#fcfcfc;box-shadow:inset 0 0 0 1px rgba(20,20,20,.05),0 1px 3px 0 rgba(0,0,0,.12);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;animation:bt-news-in ${SPRING_TAP.duration}ms ${SPRING_TAP.easing},bt-veil-in .16s ease-out}
-+@keyframes bt-news-in{from{translate:0 8px;scale:.9}}
-+.bt-news[data-direction=up]{animation-name:bt-news-in-up,bt-veil-in}
-+@keyframes bt-news-in-up{from{translate:0 -8px;scale:.9}}
-+.bt-news-jump{display:inline-flex;align-items:center;gap:2px;margin:0;padding:4px 26px 4px 4px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:13px;line-height:18px;white-space:nowrap;cursor:pointer;outline:none}
-+.bt-news-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}
-+.bt-news-ico svg{width:16px;height:16px}
-+.bt-news-x{position:absolute;right:4px;top:50%;z-index:1;transform:translateY(-50%);width:20px;height:20px;padding:0;border:0;border-radius:999px;background:transparent;color:inherit;opacity:.75;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
-+.bt-news-x svg{width:12px;height:12px}
-+.bt-news-x:hover{opacity:1;background:rgba(20,20,20,.5)}
-+@media (prefers-reduced-motion:reduce){.bt-news,[class*="_toBottomSlot"]>button{animation:none}}
-+.bt-new-sep{display:flex;align-items:center;gap:8px;margin:14px 0 8px;padding:2px 0;font-size:11px;line-height:14px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:#0c64c1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
-+.bt-new-sep::before,.bt-new-sep::after{content:"";flex:1;height:1px;background:color-mix(in srgb,#0c64c1 20%,transparent)}
-+.bt-open-new{display:flex;flex-direction:column}
-+.bt-open-new .bt-new-sep{margin:18px 0 0}
-+.bt-open-new .bt-time-sep{height:16px;margin:32px 0 2px}
-+.bt-earlier{display:flex;flex-direction:column;gap:6px}
-+.bt-earlier-top{display:flex;justify-content:center;align-items:center;height:34px;flex:none}
-+.bt-earlier-top .bt-soft{height:28px;font-size:12px;padding:0 12px}
-+.bt-urow{display:flex;justify-content:flex-end}
+ body[data-bt-room] [data-composer-card]:has(button[class*="_primary"]:disabled) .bt-mic:not([aria-pressed=true]){background:var(--bt-accent);color:var(--bt-accent-ink,#fff)}
+ .bt-mic-note{position:absolute;right:12px;bottom:calc(100% + 8px);padding:5px 10px;border-radius:8px;background:var(--bt-user);color:var(--bt-user-ink);font-size:12px;line-height:16px;white-space:nowrap;pointer-events:none;animation:bt-rise .16s ease-out}
+ [data-chain-overlay-fallback="conversation.composer"]:has(~ .bt-q){display:block!important;order:2}
+@@ -2776,6 +2776,7 @@ div:has(> nav [class*="_marks"]){display:none!important}
+ .bt-earlier-top{display:flex;justify-content:center;align-items:center;height:34px;flex:none}
+ .bt-earlier-top .bt-soft{height:28px;font-size:12px;padding:0 12px}
+ .bt-urow{display:flex;justify-content:flex-end}
+.bt-urow>.bt-lead{align-self:flex-end;margin-left:6px}
-+.bt-ububble{max-width:min(560px,78%);background:var(--bt-user);color:var(--bt-user-ink);border-radius:18px;padding:7px 12px;font-size:14px;line-height:20px;box-sizing:border-box;overflow-wrap:anywhere}
-+.bt-ububble [class*="_markdown"],.bt-ububble a{color:inherit!important}
-+.bt-ububble p{margin:0;line-height:22px}
-+.bt-uimages{display:block;font-size:12px;opacity:.7}
-+.bt-earlier .bt-event{margin:4px 0}
-+.bt-part-line{display:flex;align-items:center;gap:10px;margin:10px 0 6px;font-size:11px;line-height:14px;color:var(--bt-ink-3)}
-+.bt-part-line::before,.bt-part-line::after{content:"";flex:1;height:1px;background:var(--bt-line)}
-+`;
-+function installStyles(text, tag) {
-+ const style = document.createElement("style");
-+ style.dataset.dshBot = tag;
-+ style.textContent = text;
-+ document.head.appendChild(style);
-+ return style;
-+}
-+var FRAGMENT_SELECTOR = /\[class\*="(_[\w-]+)"\]/g;
-+var CLASS_TOKEN = /\.((?:\\.|[\w-])+)/g;
-+function sheetClassNames(sheet) {
-+ const names = [];
-+ const visit = (rules) => {
-+ for (const rule of rules) {
-+ if (rule.selectorText) for (const match of rule.selectorText.matchAll(CLASS_TOKEN)) names.push(match[1]);
-+ if (rule.cssRules) visit(rule.cssRules);
-+ }
-+ };
-+ try {
-+ visit(sheet.cssRules);
-+ } catch {
-+ }
-+ return names;
-+}
-+function compileFragmentSelectors(text, names) {
-+ const compiled = /* @__PURE__ */ new Map();
-+ return text.replace(FRAGMENT_SELECTOR, (whole, fragment) => {
-+ if (!compiled.has(fragment)) {
-+ const exact = [];
-+ for (const name of names) if (name.includes(fragment)) exact.push(`.${name}`);
-+ compiled.set(fragment, exact.length ? `:is(${exact.join(",")})` : whole);
-+ }
-+ return compiled.get(fragment);
-+ });
-+}
-+function installCompiledStyles(text, tag) {
-+ const style = installStyles("", tag);
-+ const cache = /* @__PURE__ */ new WeakMap();
-+ const render = () => {
-+ const names = /* @__PURE__ */ new Set();
-+ for (const sheet of document.styleSheets) {
-+ if (sheet.ownerNode?.dataset?.dshBot) continue;
-+ let list = cache.get(sheet);
-+ if (!list) {
-+ list = sheetClassNames(sheet);
-+ cache.set(sheet, list);
-+ }
-+ for (const name of list) names.add(name);
-+ }
-+ const next = compileFragmentSelectors(text, names);
-+ if (style.textContent !== next) style.textContent = next;
-+ };
-+ render();
-+ let timer;
-+ const schedule = () => {
-+ clearTimeout(timer);
-+ timer = setTimeout(render, 120);
-+ };
-+ const onLoad = (event) => {
-+ if (event.target instanceof HTMLLinkElement) schedule();
-+ };
-+ const observer = new MutationObserver(schedule);
-+ observer.observe(document.head, { childList: true });
-+ document.addEventListener("load", onLoad, true);
-+ return () => {
-+ observer.disconnect();
-+ document.removeEventListener("load", onLoad, true);
-+ clearTimeout(timer);
-+ style.remove();
-+ };
-+}
-+
+ .bt-ububble{max-width:min(560px,78%);background:var(--bt-user);color:var(--bt-user-ink);border-radius:18px;padding:7px 12px;font-size:14px;line-height:20px;box-sizing:border-box;overflow-wrap:anywhere}
+ .bt-ububble [class*="_markdown"],.bt-ububble a{color:inherit!important}
+ .bt-ububble p{margin:0;line-height:22px}
+@@ -2855,1925 +2855,4133 @@ function installCompiledStyles(text, tag) {
+ };
+ }
+
+-// src/client/mark.js
+-var import_react2 = require("react");
+-var STATES = ["idle", "thinking", "searching", "working", "sending", "orbit", "alert", "done"];
+-var botState = (running, activity, alert) => running ? STATES.includes(activity) ? activity : "working" : alert ? "alert" : "idle";
+-var toolState = (name) => /^(message_bot|stop_bot|create_bot|update_bot|create_group|update_group|delete_group|post_to_group)$/.test(name) ? "sending" : /search|fetch|browse|read|grep|glob|list|recall/i.test(name) ? "searching" : "working";
+-function useGaze(ref, enabled) {
+- (0, import_react2.useEffect)(() => {
+- if (!enabled) return void 0;
+- let frame = 0;
+- let point = null;
+- const place = () => {
+- frame = 0;
+- const node = ref.current;
+- if (!node || !point) return;
+- const box = node.getBoundingClientRect();
+- const clamp = (value) => Math.max(-1, Math.min(1, value));
+- node.style.setProperty("--bt-gx", clamp((point.x - box.left - box.width / 2) / 160).toFixed(2));
+- node.style.setProperty("--bt-gy", clamp((point.y - box.top - box.height / 2) / 160).toFixed(2));
+- };
+- const onMove = (event) => {
+- point = { x: event.clientX, y: event.clientY };
+- if (!frame) frame = requestAnimationFrame(place);
+- };
+- const onLeave = () => {
+- point = null;
+- ref.current?.style.setProperty("--bt-gx", "0");
+- ref.current?.style.setProperty("--bt-gy", "0");
+- };
+- window.addEventListener("pointermove", onMove, { passive: true });
+- document.documentElement.addEventListener("pointerleave", onLeave);
+- return () => {
+- cancelAnimationFrame(frame);
+- window.removeEventListener("pointermove", onMove);
+- document.documentElement.removeEventListener("pointerleave", onLeave);
+// src/shared/face-title.js
+var MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+function isGenericFaceTitle(name) {
@@ -4917,11 +3535,37 @@ diff --git a/client.js b/client.js
+ event.preventDefault();
+ ownRef.current.focus();
+ }
-+ };
+ };
+- }, [enabled]);
+ document.addEventListener("keydown", onKey, true);
+ return () => document.removeEventListener("keydown", onKey, true);
+ }, [count, ownRef]);
-+}
+ }
+-var FIDGETS = ["hop", "sway", "stretch", "look"];
+-function BotMark({ bot, look: given, size = 36, state = "idle", live = false, gaze = false, pokeable = false, label }) {
+- const look = given ?? lookOf(bot);
+- const ref = (0, import_react2.useRef)(null);
+- const maskId = (0, import_react2.useRef)("");
+- if (maskId.current === "") maskId.current = `bt-mark-${nextMarkSerial()}`;
+- const [poked, setPoked] = (0, import_react2.useState)(false);
+- useGaze(ref, gaze);
+- const common = {
+- ref,
+- className: poked ? "bt-mark bt-mark-poke" : "bt-mark",
+- "data-shape": look.image ? "image" : shapeId(look.shape),
+- "data-state": STATES.includes(state) ? state : "idle",
+- "data-live": live ? "" : void 0,
+- "data-fidget": live ? FIDGETS[fnv1a(`${bot?.id ?? ""}:fidget`) % FIDGETS.length] : void 0,
+- "data-gaze": gaze ? "" : void 0,
+- "data-poke": pokeable ? "" : void 0,
+- style: { width: size, height: size, ...live ? { "--bt-delay": `${-(fnv1a(String(bot?.id ?? "")) % 5e3) / 1e3}s`, "--bt-fidget-delay": `${-(fnv1a(`${bot?.id ?? ""}:when`) % 9e3) / 1e3}s` } : {} },
+- role: label ? "img" : void 0,
+- "aria-label": label,
+- "aria-hidden": label ? void 0 : true,
+- onClick: pokeable ? () => setPoked(true) : void 0,
+- onAnimationEnd: poked ? (event) => {
+- if (/^bt-poke/.test(event.animationName)) setPoked(false);
+- } : void 0
+function QuestionView({ question, onAnswer, onDismiss, ownAnswer = false, raised = false }) {
+ const [own, setOwn] = (0, import_react6.useState)("");
+ const [picked, setPicked] = (0, import_react6.useState)([]);
@@ -4937,7 +3581,16 @@ diff --git a/client.js b/client.js
+ return;
+ }
+ onAnswer({ selected: [label] });
-+ };
+ };
+- if (look.image) return (0, import_react2.createElement)("span", common, (0, import_react2.createElement)("img", { className: "bt-mark-img", src: look.image, alt: "", draggable: false }));
+- const box = shapeOf(look.shape).size;
+- return (0, import_react2.createElement)("span", common, (0, import_react2.createElement)("svg", { viewBox: `0 0 ${box} ${box}`, dangerouslySetInnerHTML: { __html: characterMarkup(look.shape, look.color).replaceAll(MASK_ID, maskId.current) } }));
+-}
+-function StarIcon({ size = 8 }) {
+- return (0, import_react2.createElement)(
+- "svg",
+- { width: size, height: size, viewBox: "0 0 10 10", "aria-hidden": true },
+- (0, import_react2.createElement)("path", { d: "M5 .6l1.3 2.8 3 .3-2.3 2 .7 3L5 7.2 2.3 8.7l.7-3L.7 3.7l3-.3z", fill: "#fff" })
+ const submit = () => {
+ if (!canSubmit) return;
+ onAnswer({ selected: multi ? picked : [], ...custom ? { custom } : {} });
@@ -5032,16 +3685,16 @@ diff --git a/client.js b/client.js
+ !multi && canSubmit ? (0, import_react6.createElement)("button", { type: "submit", className: "bt-q-submit" }, t("Submit")) : null
+ ) : null,
+ foot
-+ );
+ );
}
--var FRAGMENT_SELECTOR = /\[class\*="(_[\w-]+)"\]/g;
--var CLASS_TOKEN = /\.((?:\\.|[\w-])+)/g;
--function sheetClassNames(sheet) {
-- const names = [];
-- const visit = (rules) => {
-- for (const rule of rules) {
-- if (rule.selectorText) for (const match of rule.selectorText.matchAll(CLASS_TOKEN)) names.push(match[1]);
-- if (rule.cssRules) visit(rule.cssRules);
+-function AdminStar() {
+- return (0, import_react2.createElement)("span", { className: "bt-admin-star", role: "img", "aria-label": t("Admin") }, (0, import_react2.createElement)(StarIcon, { size: 7 }));
+-}
+-function MainStar() {
+- return (0, import_react2.createElement)(
+- "svg",
+- { viewBox: "0 0 20 20", "aria-hidden": true },
+- (0, import_react2.createElement)("path", { d: "M10 2.4l2.29 5.04 5.51.63-4.09 3.74 1.11 5.42L10 14.5l-4.82 2.73 1.11-5.42L2.2 8.07l5.51-.63z" })
+function SettledQuestion({ question, answer }) {
+ const options = optionsOf(question);
+ const prompt = question?.question ?? "";
@@ -5072,8 +3725,17 @@ diff --git a/client.js b/client.js
+ (0, import_react6.createElement)("span", { className: "bt-q-check", title: t("Selected") }, (0, import_react6.createElement)(CheckIcon))
+ );
+ }))
-+ );
-+}
+ );
+ }
+-function useSettled(state) {
+- const prev = (0, import_react2.useRef)(state);
+- const [settled, setSettled] = (0, import_react2.useState)(false);
+- (0, import_react2.useEffect)(() => {
+- const was = prev.current;
+- prev.current = state;
+- if (state !== "idle") {
+- setSettled(false);
+- return void 0;
+function QuestionCard({ matched }) {
+ const pending = matched;
+ const questions = pending.questions ?? [];
@@ -5088,13 +3750,28 @@ diff --git a/client.js b/client.js
+ setIndex(index + 1);
+ return;
}
+- if (was === "idle" || was === "alert") return void 0;
+- setSettled(true);
+- const timer = setTimeout(() => setSettled(false), 1800);
+- return () => clearTimeout(timer);
+- }, [state]);
+- return settled;
+ pending.answer({ answers: next });
- };
-- try {
-- visit(sheet.cssRules);
-- } catch {
++ };
+ return (0, import_react6.createElement)(QuestionView, { key: index, question, onAnswer, onDismiss: () => pending.dismiss(), ownAnswer: true, raised: true });
-+}
+ }
+-function BotAvatar({ bot, size, state = "idle", main, admin, badge = true, live = true, gaze = false, pokeable = false }) {
+- const settled = useSettled(state);
+- if (bot === void 0) return (0, import_react2.createElement)(BotMark, { size });
+- const badgeKind = !badge ? null : state === "alert" ? "alert" : state !== "idle" ? "working" : admin ? "admin" : main ? "main" : null;
+- return (0, import_react2.createElement)(
+- "span",
+- { className: "bt-mark", style: { width: size, height: size, "--bt-size": `${size}px` } },
+- (0, import_react2.createElement)(BotMark, { bot, size, state: settled ? "done" : state, live, gaze, pokeable }),
+- badgeKind === "working" ? (0, import_react2.createElement)("span", { className: "bt-badge bt-badge-working", "aria-label": t("Working"), role: "img" }) : null,
+- badgeKind === "alert" ? (0, import_react2.createElement)("span", { className: "bt-badge bt-badge-alert", "aria-label": t("Waiting for your answer"), role: "img" }, "?") : null,
+- badgeKind === "admin" ? (0, import_react2.createElement)("span", { className: "bt-badge bt-badge-admin", "aria-label": t("Admin"), role: "img" }, (0, import_react2.createElement)(StarIcon)) : null,
+- badgeKind === "main" ? (0, import_react2.createElement)("span", { className: "bt-badge bt-badge-main", "aria-label": t("Main Bot"), role: "img" }, (0, import_react2.createElement)(MainStar)) : null
+function PendingQuestion({ sessionId, question, actions, inline }) {
+ const [answered, setAnswered] = (0, import_react6.useState)(null);
+ if (answered === question.id) return null;
@@ -5110,8 +3787,15 @@ diff --git a/client.js b/client.js
+ "div",
+ { className: inline ? "bt-q-inline" : "bt-q-dock" },
+ (0, import_react6.createElement)(QuestionView, { key: question.id, question, onAnswer, onDismiss, ownAnswer: question.allowCustom === true, raised: !inline })
-+ );
-+}
+ );
+ }
+-function clusterSeats(count, frame) {
+- if (count === 1) return [[0, 0, frame]];
+- if (count === 2) return [[0, 0, frame * 2 / 3], [frame / 3, frame / 3, frame * 2 / 3]];
+- if (count === 3) {
+- const size = frame * 5 / 9;
+- const rest = frame - size;
+- return [[rest / 2, 0, size], [0, rest, size], [rest, rest, size]];
+function QuestionDock({ sessionId, useRoster, useCards, useSession, actions }) {
+ const question = useRoster((value) => value.questions?.[sessionId]);
+ const drawn = useCards?.((state) => state[sessionId]?.[question?.callId] > 0) === true;
@@ -5125,7 +3809,8 @@ diff --git a/client.js b/client.js
+ if (questions.length === 0) {
+ return data.text ? (0, import_react6.createElement)("div", { className: "bt-urow" }, (0, import_react6.createElement)("div", { className: "bt-ububble" }, data.text)) : null;
}
-- return names;
+- const half = frame / 2;
+- return [[0, 0, half], [half, 0, half], [0, half, half], [half, half, half]];
+ const answers = Array.isArray(data.answers) ? data.answers : [];
+ return (0, import_react6.createElement)("div", { className: "bt-q-inline" }, questions.map((question) => (0, import_react6.createElement)(SettledQuestion, {
+ key: question.id,
@@ -5188,37 +3873,74 @@ diff --git a/client.js b/client.js
+ onEnter?.();
+ }
+ });
-+}
-+function ScopeSwitch({ value, onChange, bot }) {
-+ const options = [["all", t("All my Bots")], ["bot", t("Only {name}", { name: bot.name })]];
-+ return (0, import_react7.createElement)(
-+ "div",
-+ { className: "bt-secret-scope", role: "radiogroup", "aria-label": t("Who may use it") },
-+ (0, import_react7.createElement)("span", { className: "bt-secret-glide", "data-at": value === "all" ? 0 : 1, "aria-hidden": true }),
-+ options.map(([id, text]) => (0, import_react7.createElement)("button", {
-+ key: id,
-+ type: "button",
-+ role: "radio",
-+ "aria-checked": value === id,
-+ className: "bt-secret-seg",
-+ onClick: () => onChange(id)
-+ }, text))
-+ );
-+}
-+function SecretHead({ bot, title, detail, name, onClose }) {
-+ return (0, import_react7.createElement)(
-+ "div",
-+ { className: "bt-q-head bt-secret-head" },
-+ (0, import_react7.createElement)("span", { className: "bt-secret-who" }, (0, import_react7.createElement)(BotMark, { bot, size: 28 }), (0, import_react7.createElement)("span", { className: "bt-secret-lock" }, (0, import_react7.createElement)(LockIcon))),
-+ (0, import_react7.createElement)(
-+ "div",
+ }
+-function RoomAvatar({ room: room2, roster, size = 36 }) {
+- const members = room2.members.map((id) => roster.byId[id]).filter(Boolean);
+- const people = members.length === 1 ? [members[0], null] : members;
+- const seat = (bot, seatSize, key) => bot ? (0, import_react2.createElement)(BotMark, { key, bot, size: seatSize }) : (0, import_react2.createElement)("span", { key, className: "bt-cluster-you", style: { width: seatSize * 0.92, height: seatSize * 0.92, margin: seatSize * 0.04 } });
+- if (people.length === 0) return (0, import_react2.createElement)(BotMark, { size });
+- if (size <= 20 && people.length > 1) {
+- return (0, import_react2.createElement)(
+- "span",
+- { className: "bt-stack", style: { "--bt-stack-size": `${size}px` } },
+- people.slice(0, 3).map((bot, index) => seat(bot, size, bot?.id ?? `you-${index}`)),
+- people.length > 3 ? (0, import_react2.createElement)("span", { className: "bt-stack-more" }, `+${people.length - 3}`) : null
+- );
+- }
+- const seats = clusterSeats(Math.min(people.length, 4), size);
+- const overflow = people.length > 4 ? people.length - 3 : 0;
+- const gap = size / 14;
+- const rings = seats.map(([x, y, s]) => ({ cx: x + s / 2, cy: y + s / 2, r: s * 0.48 + gap }));
+- return (0, import_react2.createElement)(
+- "span",
+- { className: "bt-cluster", style: { width: size, height: size } },
+- seats.map(([x, y, s], index) => {
+- const holes2 = rings.slice(index + 1).filter((ring) => Math.hypot(ring.cx - x - s / 2, ring.cy - y - s / 2) < ring.r + s * 0.46).map((ring) => `radial-gradient(circle at ${ring.cx - x}px ${ring.cy - y}px,transparent ${ring.r}px,#000 ${ring.r + 0.5}px)`);
+- const style = { left: x, top: y, width: s, height: s };
+- if (holes2.length > 0) Object.assign(style, { WebkitMaskImage: holes2.join(","), maskImage: holes2.join(","), WebkitMaskComposite: "source-in", maskComposite: "intersect" });
+- if (overflow > 0 && index === 3) {
+- return (0, import_react2.createElement)("span", { key: "more", className: "bt-cluster-more", style: { ...style, width: s * 0.92, height: s * 0.92, margin: s * 0.04, fontSize: Math.max(8, Math.round(s * 0.36)) } }, `+${overflow}`);
+- }
+- const bot = people[index];
+- return (0, import_react2.createElement)("span", { key: bot?.id ?? "you", style }, seat(bot, s));
+- })
++function ScopeSwitch({ value, onChange, bot }) {
++ const options = [["all", t("All my Bots")], ["bot", t("Only {name}", { name: bot.name })]];
++ return (0, import_react7.createElement)(
++ "div",
++ { className: "bt-secret-scope", role: "radiogroup", "aria-label": t("Who may use it") },
++ (0, import_react7.createElement)("span", { className: "bt-secret-glide", "data-at": value === "all" ? 0 : 1, "aria-hidden": true }),
++ options.map(([id, text]) => (0, import_react7.createElement)("button", {
++ key: id,
++ type: "button",
++ role: "radio",
++ "aria-checked": value === id,
++ className: "bt-secret-seg",
++ onClick: () => onChange(id)
++ }, text))
+ );
+ }
+-
+-// src/client/icons.js
+-var import_react3 = require("react");
+-function PlusIcon() {
+- return (0, import_react3.createElement)("svg", { width: 18, height: 18, viewBox: "0 0 20 20", "aria-hidden": true }, (0, import_react3.createElement)("path", { d: "M10 3.5v13M3.5 10h13", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round" }));
++function SecretHead({ bot, title, detail, name, onClose }) {
++ return (0, import_react7.createElement)(
++ "div",
++ { className: "bt-q-head bt-secret-head" },
++ (0, import_react7.createElement)("span", { className: "bt-secret-who" }, (0, import_react7.createElement)(BotMark, { bot, size: 28 }), (0, import_react7.createElement)("span", { className: "bt-secret-lock" }, (0, import_react7.createElement)(LockIcon))),
++ (0, import_react7.createElement)(
++ "div",
+ { className: "bt-q-text" },
+ (0, import_react7.createElement)("p", { className: "bt-q-title" }, title),
+ (0, import_react7.createElement)("div", { className: "bt-q-detail" }, (0, import_react7.createElement)("code", { className: "bt-secret-name" }, name), detail ? ` · ${detail}` : "")
+ ),
+ onClose ? (0, import_react7.createElement)("button", { type: "button", className: "bt-q-x", "aria-label": t("Cancel the request"), title: t("Cancel"), onClick: onClose }, (0, import_react7.createElement)(CloseIcon)) : null
+ );
-+}
+ }
+-function SearchIcon() {
+- return (0, import_react3.createElement)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", "aria-hidden": true }, (0, import_react3.createElement)("circle", { cx: 8.5, cy: 8.5, r: 5.5, stroke: "currentColor", strokeWidth: 1.6, fill: "none" }), (0, import_react3.createElement)("path", { d: "M13 13l4 4", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round" }));
+function SecretCard({ bot, request, roster, actions }) {
+ const [value, setValue] = (0, import_react7.useState)("");
+ const [scope, setScope] = (0, import_react7.useState)("all");
@@ -5277,7 +3999,14 @@ diff --git a/client.js b/client.js
+ filling ? (0, import_react7.createElement)("button", { type: "button", className: "bt-q-submit", disabled: !long || busy, onClick: save }, busy ? t("Saving…") : t("Save")) : (0, import_react7.createElement)("button", { type: "button", className: "bt-q-submit", disabled: busy, onClick: allow }, busy ? t("Allowing…") : t("Allow"))
+ )
+ );
-+}
+ }
+-function PeopleIcon() {
+- return (0, import_react3.createElement)(
+- "svg",
+- { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": true },
+- (0, import_react3.createElement)("circle", { cx: 7.5, cy: 7, r: 3 }),
+- (0, import_react3.createElement)("path", { d: "M2 16.5c.6-2.8 2.8-4.5 5.5-4.5s4.9 1.7 5.5 4.5" }),
+- (0, import_react3.createElement)("path", { d: "M13 4.3a3 3 0 0 1 0 5.4M15 12.4c1.6.6 2.6 2 3 4.1" })
+function SettledSecret({ bot, request, roster }) {
+ const canceled = request.status === "canceled";
+ const text = canceled ? t("{bot} asked for {name}", { bot: bot.name, name: request.name }) : request.status === "allowed" ? t("Allowed {bot} to use {name}", { bot: bot.name, name: request.name }) : t("Saved {name}", { name: request.name });
@@ -5296,11 +4025,20 @@ diff --git a/client.js b/client.js
+ )),
+ canceled ? (0, import_react7.createElement)("span", { className: "bt-q-badge" }, t("Canceled")) : (0, import_react7.createElement)("span", { className: "bt-q-check bt-secret-check", title: t("Done") }, (0, import_react7.createElement)(CheckIcon))
+ )
-+ );
-+}
+ );
+ }
+-function ArrowUpIcon() {
+- return (0, import_react3.createElement)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", "aria-hidden": true }, (0, import_react3.createElement)("path", { d: "M10 16V4M5 9l5-5 5 5", stroke: "currentColor", strokeWidth: 1.8, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }));
+function RequestView({ bot, request, roster, actions }) {
+ return request.status === "pending" ? (0, import_react7.createElement)(SecretCard, { key: `${request.id}:${request.kind}`, bot, request, roster, actions }) : (0, import_react7.createElement)(SettledSecret, { bot, request, roster });
-+}
+ }
+-function MicIcon({ size = 16 }) {
+- return (0, import_react3.createElement)(
+- "svg",
+- { width: size, height: size, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", "aria-hidden": true },
+- (0, import_react3.createElement)("rect", { x: 7, y: 2.5, width: 6, height: 10, rx: 3, fill: "currentColor", stroke: "none" }),
+- (0, import_react3.createElement)("path", { d: "M4.5 9.5a5.5 5.5 0 0 0 11 0M10 15v2.5" })
+- );
+function SecretToolCell({ sessionId, callId, name, done, content, roster, actions }) {
+ const bot = roster.byId[sessionId];
+ if (!bot) return null;
@@ -5310,7 +4048,13 @@ diff --git a/client.js b/client.js
+ return (0, import_react7.createElement)("div", { className: "bt-event" }, (0, import_react7.createElement)("span", { className: "bt-secret-event" }, (0, import_react7.createElement)(KeyIcon), t("{bot} is using {name}", { bot: bot.name, name: name ?? t("a saved key") })));
+ }
+ return null;
-+}
+ }
+-function WaveIcon({ size = 16 }) {
+- return (0, import_react3.createElement)(
+- "svg",
+- { width: size, height: size, viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": true },
+- [[3, 7.5, 5], [6.5, 4.5, 11], [10, 2.5, 15], [13.5, 5.5, 9], [17, 8, 4]].map(([x, y, height]) => (0, import_react3.createElement)("rect", { key: x, x: x - 1, y, width: 2, height, rx: 1 }))
+- );
+function SecretDock({ sessionId, useRoster, useCards, useSession, actions }) {
+ const roster = useRoster((value) => value);
+ const shown = useCards?.((state) => state[sessionId]) ?? NONE;
@@ -5322,16 +4066,11 @@ diff --git a/client.js b/client.js
+ if (waiting.length === 0) return null;
+ return (0, import_react7.createElement)("div", { className: "bt-q-dock bt-secret-dock" }, waiting.map((request) => (0, import_react7.createElement)(SecretCard, { key: `${request.id}:${request.kind}`, bot, request, roster, actions })));
}
--function compileFragmentSelectors(text, names) {
-- const compiled = /* @__PURE__ */ new Map();
-- return text.replace(FRAGMENT_SELECTOR, (whole, fragment) => {
-- if (!compiled.has(fragment)) {
-- const exact = [];
-- for (const name of names) if (name.includes(fragment)) exact.push(`.${name}`);
-- compiled.set(fragment, exact.length ? `:is(${exact.join(",")})` : whole);
-- }
-- return compiled.get(fragment);
-- });
+-function ShareIcon() {
+- return (0, import_react3.createElement)(
+- "svg",
+- { width: 16, height: 16, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
+- (0, import_react3.createElement)("path", { d: "M10 12.5V3M6.5 6.5L10 3l3.5 3.5M4 11v4.5A1.5 1.5 0 0 0 5.5 17h9a1.5 1.5 0 0 0 1.5-1.5V11" })
+var scopeMode = (scope) => scope === "all" ? "all" : scope.length === 0 ? "none" : "some";
+function ScopeEditor({ secret, roster, onSave }) {
+ const [mode, setMode] = (0, import_react7.useState)(scopeMode(secret.scope));
@@ -5365,19 +4104,18 @@ diff --git a/client.js b/client.js
+ { className: "bt-secret-row-actions" },
+ (0, import_react7.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: same2, onClick: () => onSave(next) }, t("Save access"))
+ )
-+ );
+ );
}
--function installCompiledStyles(text, tag) {
-- const style = installStyles("", tag);
-- const cache = /* @__PURE__ */ new WeakMap();
-- const render = () => {
-- const names = /* @__PURE__ */ new Set();
-- for (const sheet of document.styleSheets) {
-- if (sheet.ownerNode?.dataset?.dshBot) continue;
-- let list = cache.get(sheet);
-- if (!list) {
-- list = sheetClassNames(sheet);
-- cache.set(sheet, list);
+-function CloseIcon() {
+- return (0, import_react3.createElement)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", "aria-hidden": true }, (0, import_react3.createElement)("path", { d: "M5 5l10 10M15 5L5 15", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round" }));
+-}
+-var ChevronLeftIcon = () => (0, import_react3.createElement)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, (0, import_react3.createElement)("path", { d: "M12.5 4.5L7 10l5.5 5.5" }));
+-var ChevronRightIcon = () => (0, import_react3.createElement)("svg", { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, (0, import_react3.createElement)("path", { d: "M7.5 4.5L13 10l-5.5 5.5" }));
+-var lineIcon = (paths) => function LineIcon() {
+- return (0, import_react3.createElement)(
+- "svg",
+- { width: 15, height: 15, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
+- paths.map((d, index) => (0, import_react3.createElement)("path", { key: index, d }))
+function ValueEditor({ secret, onSave }) {
+ const [value, setValue] = (0, import_react7.useState)("");
+ const [replaced, setReplaced] = (0, import_react7.useState)(false);
@@ -5388,33 +4126,13 @@ diff --git a/client.js b/client.js
+ if (ok) {
+ setValue("");
+ setReplaced(true);
- }
-- for (const name of list) names.add(name);
-- }
-- const next = compileFragmentSelectors(text, names);
-- if (style.textContent !== next) style.textContent = next;
-- };
-- render();
-- let timer;
-- const schedule = () => {
-- clearTimeout(timer);
-- timer = setTimeout(render, 120);
++ }
+ });
- };
-- const onLoad = (event) => {
-- if (event.target instanceof HTMLLinkElement) schedule();
++ };
+ const edit = (next) => {
+ setValue(next);
+ setReplaced(false);
- };
-- const observer = new MutationObserver(schedule);
-- observer.observe(document.head, { childList: true });
-- document.addEventListener("load", onLoad, true);
-- return () => {
-- observer.disconnect();
-- document.removeEventListener("load", onLoad, true);
-- clearTimeout(timer);
-- style.remove();
++ };
+ return (0, import_react7.createElement)(
+ "div",
+ { className: "bt-secret-edit-block" },
@@ -5426,7 +4144,15 @@ diff --git a/client.js b/client.js
+ (0, import_react7.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: !long, onClick: save }, t("Replace"))
+ ),
+ value !== "" && !long ? (0, import_react7.createElement)("div", { className: "bt-set-hint" }, t("At least {count} characters.", { count: MIN_VALUE })) : replaced ? (0, import_react7.createElement)("div", { className: "bt-set-hint bt-secret-ok", role: "status" }, (0, import_react7.createElement)(CheckIcon), t("Replaced. Bots get the new value from their next command.")) : null
-+ );
+ );
+-};
+-var CLOUD = "M6.5 15.25H5.75a3.25 3.25 0 0 1-.55-6.45 4.75 4.75 0 0 1 9.2-1.1 3.75 3.75 0 0 1 .1 7.55H13.5";
+-function CloudDownloadIcon({ done = false }) {
+- return (0, import_react3.createElement)(
+- "svg",
+- { width: 16, height: 16, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
+- (0, import_react3.createElement)("path", { d: CLOUD }),
+- done ? (0, import_react3.createElement)("path", { d: "M7.75 13.25l1.75 1.75 3-3.25" }) : (0, import_react3.createElement)("g", { className: "bt-cloud-arrow" }, (0, import_react3.createElement)("path", { d: "M10 9.75v7" }), (0, import_react3.createElement)("path", { d: "M7.75 14.5L10 16.75l2.25-2.25" }))
+}
+function SecretRow({ secret, roster, actions, run, open, onToggle }) {
+ const [confirm, setConfirm] = (0, import_react7.useState)(false);
@@ -5469,8 +4195,32 @@ diff --git a/client.js b/client.js
+ ] : (0, import_react7.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-secret-danger", onClick: () => setConfirm(true) }, (0, import_react7.createElement)(TrashIcon), t("Delete"))
+ )
+ ) : null
-+ );
-+}
+ );
+ }
+-var SmileIcon = lineIcon(["M10 3.5a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13z", "M7.3 11.6a3.4 3.4 0 0 0 5.4 0", "M7.75 8.25h.01M12.25 8.25h.01"]);
+-var ReplyIcon = lineIcon(["M8 5L4 9l4 4", "M4 9h7.5a4.5 4.5 0 0 1 4.5 4.5V15"]);
+-var DotsIcon = lineIcon(["M5 10h.01M10 10h.01M15 10h.01"]);
+-var CheckIcon = lineIcon(["M4.5 10.5l3.5 3.5 7.5-8"]);
+-var ArrowDownIcon = lineIcon(["M10 4v12", "M5 11l5 5 5-5"]);
+-var DownloadIcon = lineIcon(["M10 3.5v9", "M6.5 9.5L10 13l3.5-3.5", "M4 16h12"]);
+-var GaugeIcon = lineIcon(["M3.5 13.5a6.5 6.5 0 1 1 13 0", "M10 13.5l3-4", "M10 13.5h.01"]);
+-var PlugIcon = lineIcon(["M7 3v4M13 3v4", "M5 7h10v2.5a5 5 0 0 1-10 0z", "M10 14.5V17"]);
+-var CalendarIcon = lineIcon(["M5.5 5h9A1.5 1.5 0 0 1 16 6.5v8a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 4 14.5v-8A1.5 1.5 0 0 1 5.5 5z", "M4 8.75h12", "M7.25 3.5v3M12.75 3.5v3"]);
+-var ConnectorIcon = lineIcon(["M7 10a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z", "M18 10a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z", "M7 10h6"]);
+-var SwitchIcon = lineIcon(["M4 7h9.5M10.5 3.5L14 7l-3.5 3.5", "M16 13H6.5M9.5 9.5L6 13l3.5 3.5"]);
+-var PaperclipIcon = lineIcon(["M15.5 9.5l-5.6 5.6a3.4 3.4 0 0 1-4.8-4.8l6.1-6.1a2.25 2.25 0 0 1 3.2 3.2l-6 6a1.1 1.1 0 0 1-1.6-1.6l5.5-5.5"]);
+-var ClockIcon = lineIcon(["M10 3.5a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13z", "M10 6.5V10l2.5 1.5"]);
+-var GearIcon = lineIcon(["M10 7.4a2.6 2.6 0 1 1 0 5.2 2.6 2.6 0 0 1 0-5.2z", "M7.85 4.4l.29-1.87a7.7 7.7 0 0 1 3.72 0l.29 1.87a6 6 0 0 1 1.63.94l1.76-.69a7.7 7.7 0 0 1 1.86 3.23l-1.47 1.18a6 6 0 0 1 0 1.88l1.47 1.18a7.7 7.7 0 0 1-1.86 3.23l-1.76-.69a6 6 0 0 1-1.63.94l-.29 1.87a7.7 7.7 0 0 1-3.72 0l-.29-1.87a6 6 0 0 1-1.63-.94l-1.76.69a7.7 7.7 0 0 1-1.86-3.23l1.47-1.18a6 6 0 0 1 0-1.88L2.6 7.88a7.7 7.7 0 0 1 1.86-3.23l1.76.69a6 6 0 0 1 1.63-.94z"]);
+-var PinIcon = lineIcon(["M12.5 3l4.5 4.5-3 1.5-2.5 2.5.5 3.5-1.5 1.5L7 13 3.5 16.5", "M7 13l-3.5-3.5L5 8l3.5.5L11 6l1.5-3"]);
+-function PinMarkIcon() {
+- return (0, import_react3.createElement)(
+- "svg",
+- { width: 12, height: 12, viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": true },
+- (0, import_react3.createElement)(
+- "g",
+- { transform: "rotate(45 10 10)" },
+- (0, import_react3.createElement)("path", { d: "M8 2.5h4a.9.9 0 0 1 0 1.8h-.4v4.1c0 1.4 1.1 2.6 2.6 3.1l.7.3v1.5H5.1v-1.5l.7-.3c1.5-.5 2.6-1.7 2.6-3.1V4.3H8a.9.9 0 0 1 0-1.8z" }),
+- (0, import_react3.createElement)("path", { d: "M9.35 13.3h1.3v3.6L10 18l-.65-1.1z" })
+function AddSecret({ actions, run, onDone }) {
+ const [name, setName] = (0, import_react7.useState)("");
+ const [purpose, setPurpose] = (0, import_react7.useState)("");
@@ -5484,7 +4234,7 @@ diff --git a/client.js b/client.js
+ onDone();
+ }
+ });
- };
++ };
+ return (0, import_react7.createElement)(
+ "div",
+ { className: "bt-set-row bt-set-paste bt-secret-add" },
@@ -5497,46 +4247,22 @@ diff --git a/client.js b/client.js
+ (0, import_react7.createElement)("span", { className: "bt-set-hint" }, t("New keys are for all your Bots; change who may use it afterwards.")),
+ (0, import_react7.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onDone }, t("Cancel")),
+ (0, import_react7.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: !ready, onClick: save }, t("Save key"))
-+ )
-+ );
+ )
+ );
}
--
--// src/client/mark.js
--var import_react2 = require("react");
--var STATES = ["idle", "thinking", "searching", "working", "sending", "orbit", "alert", "done"];
--var botState = (running, activity, alert) => running ? STATES.includes(activity) ? activity : "working" : alert ? "alert" : "idle";
--var toolState = (name) => /^(message_bot|stop_bot|create_bot|update_bot|create_group|update_group|delete_group|post_to_group)$/.test(name) ? "sending" : /search|fetch|browse|read|grep|glob|list|recall/i.test(name) ? "searching" : "working";
--function useGaze(ref, enabled) {
-- (0, import_react2.useEffect)(() => {
-- if (!enabled) return void 0;
-- let frame = 0;
-- let point = null;
-- const place = () => {
-- frame = 0;
-- const node = ref.current;
-- if (!node || !point) return;
-- const box = node.getBoundingClientRect();
-- const clamp = (value) => Math.max(-1, Math.min(1, value));
-- node.style.setProperty("--bt-gx", clamp((point.x - box.left - box.width / 2) / 160).toFixed(2));
-- node.style.setProperty("--bt-gy", clamp((point.y - box.top - box.height / 2) / 160).toFixed(2));
-- };
-- const onMove = (event) => {
-- point = { x: event.clientX, y: event.clientY };
-- if (!frame) frame = requestAnimationFrame(place);
-- };
-- const onLeave = () => {
-- point = null;
-- ref.current?.style.setProperty("--bt-gx", "0");
-- ref.current?.style.setProperty("--bt-gy", "0");
-- };
-- window.addEventListener("pointermove", onMove, { passive: true });
-- document.documentElement.addEventListener("pointerleave", onLeave);
-- return () => {
-- cancelAnimationFrame(frame);
-- window.removeEventListener("pointermove", onMove);
-- document.documentElement.removeEventListener("pointerleave", onLeave);
-- };
-- }, [enabled]);
+-var UnreadIcon = lineIcon(["M10 3.5a4.5 4.5 0 0 0-4.5 4.5v3L4 13.5h12L14.5 11V8", "M8.3 16a1.8 1.8 0 0 0 3.4 0", "M15.5 3.2a1.6 1.6 0 1 1 0 3.2 1.6 1.6 0 0 1 0-3.2z"]);
+-var PencilIcon = lineIcon(["M9 4H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-3", "M14.3 3.7a1.6 1.6 0 0 1 2.3 2.3L10.5 12l-3 .8.8-3z"]);
+-var InfoIcon = lineIcon(["M10 3.5a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13z", "M10 9.25v4", "M10 6.6h.01"]);
+-var StarLineIcon = lineIcon(["M10 3l2.1 4.3 4.7.7-3.4 3.3.8 4.7L10 13.8 5.8 16l.8-4.7L3.2 8l4.7-.7z"]);
+-var CopyIcon = lineIcon(["M8.5 7h6A1.5 1.5 0 0 1 16 8.5v6a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 7 14.5v-6A1.5 1.5 0 0 1 8.5 7z", "M4 12.5V5.5A1.5 1.5 0 0 1 5.5 4H13"]);
+-var HideIcon = lineIcon(["M3 3l14 14", "M8.6 5.2A7.6 7.6 0 0 1 10 5c4.5 0 7 5 7 5a12.6 12.6 0 0 1-2 2.6M12.2 14.5A6.8 6.8 0 0 1 10 15c-4.5 0-7-5-7-5a12.4 12.4 0 0 1 3-3.4", "M8.5 8.5a2 2 0 0 0 3 3"]);
+-var TrashIcon = lineIcon(["M3.5 5.5h13", "M8 5.5V4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1.5", "M5 5.5l.7 10A1.5 1.5 0 0 0 7.2 17h5.6a1.5 1.5 0 0 0 1.5-1.5l.7-10", "M8.5 9v4.5M11.5 9v4.5"]);
+-var DuplicateIcon = lineIcon(["M7 7h8.5v9.5H7z", "M4.5 13V3.5H13", "M11.25 9.5v4.5M9 11.75h4.5"]);
+-var SlidersIcon = lineIcon(["M4 6.5h5M12.5 6.5H16M4 13.5h4M11.5 13.5H16", "M10.5 4.5v4M9.5 11.5v4"]);
+-var MemoryIcon = lineIcon(["M5.5 3.5h8A1.5 1.5 0 0 1 15 5v10a1.5 1.5 0 0 1-1.5 1.5h-8z", "M5.5 3.5v13", "M8.5 7.5h3.5M8.5 10.5h2.5", "M12 3.5v4l1-.8 1 .8"]);
+-var FolderIcon = lineIcon(["M3 6A1.5 1.5 0 0 1 4.5 4.5h3.2l1.8 2h6A1.5 1.5 0 0 1 17 8v6.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 3 14.5z"]);
+-var ChatsIcon = lineIcon(["M3.5 5.5A1.5 1.5 0 0 1 5 4h7a1.5 1.5 0 0 1 1.5 1.5V10A1.5 1.5 0 0 1 12 11.5H8L5 14v-2.5A1.5 1.5 0 0 1 3.5 10z", "M13.5 7.5H15A1.5 1.5 0 0 1 16.5 9v4.5A1.5 1.5 0 0 1 15 15v2l-2.5-2h-3A1.5 1.5 0 0 1 8 13.5V13"]);
+-var SETTINGS_ICONS = { general: GearIcon, bots: PeopleIcon, groups: ChatsIcon, usage: GaugeIcon };
+function SecretsPage({ roster, actions, run, Section }) {
+ const [open, setOpen] = (0, import_react7.useState)(null);
+ const [adding, setAdding] = (0, import_react7.useState)(false);
@@ -5560,32 +4286,7 @@ diff --git a/client.js b/client.js
+ ),
+ adding ? null : (0, import_react7.createElement)("div", { key: "add", className: "bt-actions" }, (0, import_react7.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setAdding(true) }, t("Add a key")))
+ ];
- }
--var FIDGETS = ["hop", "sway", "stretch", "look"];
--function BotMark({ bot, look: given, size = 36, state = "idle", live = false, gaze = false, pokeable = false, label }) {
-- const look = given ?? lookOf(bot);
-- const ref = (0, import_react2.useRef)(null);
-- const maskId = (0, import_react2.useRef)("");
-- if (maskId.current === "") maskId.current = `bt-mark-${nextMarkSerial()}`;
-- const [poked, setPoked] = (0, import_react2.useState)(false);
-- useGaze(ref, gaze);
-- const common = {
-- ref,
-- className: poked ? "bt-mark bt-mark-poke" : "bt-mark",
-- "data-shape": look.image ? "image" : shapeId(look.shape),
-- "data-state": STATES.includes(state) ? state : "idle",
-- "data-live": live ? "" : void 0,
-- "data-fidget": live ? FIDGETS[fnv1a(`${bot?.id ?? ""}:fidget`) % FIDGETS.length] : void 0,
-- "data-gaze": gaze ? "" : void 0,
-- "data-poke": pokeable ? "" : void 0,
-- style: { width: size, height: size, ...live ? { "--bt-delay": `${-(fnv1a(String(bot?.id ?? "")) % 5e3) / 1e3}s`, "--bt-fidget-delay": `${-(fnv1a(`${bot?.id ?? ""}:when`) % 9e3) / 1e3}s` } : {} },
-- role: label ? "img" : void 0,
-- "aria-label": label,
-- "aria-hidden": label ? void 0 : true,
-- onClick: pokeable ? () => setPoked(true) : void 0,
-- onAnimationEnd: poked ? (event) => {
-- if (/^bt-poke/.test(event.animationName)) setPoked(false);
-- } : void 0
++}
+var SECRET_CSS = `
+.bt-secret-head{align-items:center;gap:10px}
+.bt-secret-who{position:relative;flex:none;display:inline-flex}
@@ -5649,51 +4350,83 @@ diff --git a/client.js b/client.js
+.bt-secret-add .bt-input{height:34px}
+@media (prefers-reduced-motion:reduce){.bt-secret-glide{transition:none}.bt-secret-check,.bt-secret-done,.bt-secret-ok,.bt-secret-edit{animation:none}}
+`;
-+
-+// src/client/face-seats.js
-+function faceSeats(room2, roster, { left = false } = {}) {
-+ const records = (room2.presentedParticipants ?? room2.participants ?? []).filter((p) => p.kind !== "human");
-+ const seat = (p) => {
-+ const local = p.remote ? void 0 : roster.byId[p.id];
-+ return {
-+ key: p.handle || p.id,
-+ local,
-+ record: p,
-+ person: local ? seatOwnerName(p.ownerName, p.handle) || cleanPeerName(roster.self?.displayName, "") : ownerNameOf(p),
-+ bot: local ? local.name : remoteBotName(p, "Bot"),
+
+-// src/client/questions.js
+-var import_react4 = require("react");
+-var keyLetter = (index) => String.fromCharCode(65 + index);
+-var optionsOf = (question) => (question?.options ?? []).map((option) => typeof option === "string" ? { label: option } : option);
+-var isTypingTarget = (node) => node instanceof HTMLInputElement || node instanceof HTMLTextAreaElement || node instanceof HTMLSelectElement || node instanceof HTMLElement && node.isContentEditable;
+-function useOptionKeys(count, onPick, ownRef) {
+- const pick2 = (0, import_react4.useRef)(onPick);
+- pick2.current = onPick;
+- (0, import_react4.useEffect)(() => {
+- if (count === 0) return void 0;
+- const onKey = (event) => {
+- if (event.defaultPrevented || event.metaKey || event.ctrlKey || event.altKey || event.shiftKey || event.key.length !== 1) return;
+- if (isTypingTarget(event.target) || isTypingTarget(document.activeElement)) return;
+- if (document.querySelector('[role="dialog"], [aria-modal="true"]') !== null) return;
+- const index = event.key.toUpperCase().charCodeAt(0) - 65;
+- if (index >= 0 && index < count) {
+- event.preventDefault();
+- pick2.current(index);
+- } else if (index === count && ownRef.current) {
+- event.preventDefault();
+- ownRef.current.focus();
+- }
++// src/client/face-seats.js
++function faceSeats(room2, roster, { left = false } = {}) {
++ const records = (room2.presentedParticipants ?? room2.participants ?? []).filter((p) => p.kind !== "human");
++ const seat = (p) => {
++ const local = p.remote ? void 0 : roster.byId[p.id];
++ return {
++ key: p.handle || p.id,
++ local,
++ record: p,
++ person: local ? seatOwnerName(p.ownerName, p.handle) || cleanPeerName(roster.self?.displayName, "") : ownerNameOf(p),
++ bot: local ? local.name : remoteBotName(p, "Bot"),
+ mine: Boolean(local)
-+ };
- };
-- if (look.image) return (0, import_react2.createElement)("span", common, (0, import_react2.createElement)("img", { className: "bt-mark-img", src: look.image, alt: "", draggable: false }));
-- const box = shapeOf(look.shape).size;
-- return (0, import_react2.createElement)("span", common, (0, import_react2.createElement)("svg", { viewBox: `0 0 ${box} ${box}`, dangerouslySetInnerHTML: { __html: characterMarkup(look.shape, look.color).replaceAll(MASK_ID, maskId.current) } }));
--}
--function StarIcon({ size = 8 }) {
-- return (0, import_react2.createElement)(
-- "svg",
-- { width: size, height: size, viewBox: "0 0 10 10", "aria-hidden": true },
-- (0, import_react2.createElement)("path", { d: "M5 .6l1.3 2.8 3 .3-2.3 2 .7 3L5 7.2 2.3 8.7l.7-3L.7 3.7l3-.3z", fill: "#fff" })
-- );
--}
--function AdminStar() {
-- return (0, import_react2.createElement)("span", { className: "bt-admin-star", role: "img", "aria-label": t("Admin") }, (0, import_react2.createElement)(StarIcon, { size: 7 }));
--}
--function MainStar() {
-- return (0, import_react2.createElement)(
-- "svg",
-- { viewBox: "0 0 20 20", "aria-hidden": true },
-- (0, import_react2.createElement)("path", { d: "M10 2.4l2.29 5.04 5.51.63-4.09 3.74 1.11 5.42L10 14.5l-4.82 2.73 1.11-5.42L2.2 8.07l5.51-.63z" })
-- );
+ };
+- document.addEventListener("keydown", onKey, true);
+- return () => document.removeEventListener("keydown", onKey, true);
+- }, [count, ownRef]);
-}
--function useSettled(state) {
-- const prev = (0, import_react2.useRef)(state);
-- const [settled, setSettled] = (0, import_react2.useState)(false);
-- (0, import_react2.useEffect)(() => {
-- const was = prev.current;
-- prev.current = state;
-- if (state !== "idle") {
-- setSettled(false);
-- return void 0;
+-function QuestionView({ question, onAnswer, onDismiss, ownAnswer = false, raised = false }) {
+- const [own, setOwn] = (0, import_react4.useState)("");
+- const [picked, setPicked] = (0, import_react4.useState)([]);
+- const ownRef = (0, import_react4.useRef)(null);
+- const titleId = (0, import_react4.useId)();
+- const options = optionsOf(question);
+- const multi = question.multiSelect === true;
+- const custom = own.trim();
+- const canSubmit = multi ? picked.length > 0 || custom !== "" : custom !== "";
+- const choose = (label) => {
+- if (multi) {
+- setPicked((current) => current.includes(label) ? current.filter((item) => item !== label) : [...current, label]);
+- return;
+- }
+- onAnswer({ selected: [label] });
+- };
+- const submit = () => {
+- if (!canSubmit) return;
+- onAnswer({ selected: multi ? picked : [], ...custom ? { custom } : {} });
+ };
+- useOptionKeys(options.length, (index) => choose(options[index].label), ownRef);
+- const ownLetter = options.length > 0 ? keyLetter(options.length) : void 0;
+- const field = ownAnswer ? (0, import_react4.createElement)("textarea", {
+- ref: ownRef,
+- rows: 1,
+- value: own,
+- autoComplete: "off",
+- spellCheck: false,
+- className: "bt-q-input",
+- "aria-label": t("Your own answer"),
+- placeholder: t("Type your own answer"),
+- "aria-keyshortcuts": ownLetter?.toLowerCase(),
+- onChange: (event) => setOwn(event.target.value),
+- onKeyDown: (event) => {
+- if (event.key !== "Enter" || event.shiftKey || event.nativeEvent.isComposing) return;
+- event.preventDefault();
+- submit();
+ const seats = records.filter((p) => p.leftSeq === void 0).map(seat);
+ for (const id of room2.members ?? []) {
+ const bot = roster.byId[id];
@@ -5731,39 +4464,46 @@ diff --git a/client.js b/client.js
+ known.seats.push(seat);
+ continue;
}
-- if (was === "idle" || was === "alert") return void 0;
-- setSettled(true);
-- const timer = setTimeout(() => setSettled(false), 1800);
-- return () => clearTimeout(timer);
-- }, [state]);
-- return settled;
+- }) : null;
+- const rows = options.map((option, optionIndex) => {
+- const selected = multi && picked.includes(option.label);
+- return (0, import_react4.createElement)(
+- "button",
+- {
+- key: option.label,
+- type: "button",
+- className: "bt-q-opt",
+- "aria-pressed": multi ? selected : void 0,
+- "aria-keyshortcuts": keyLetter(optionIndex).toLowerCase(),
+- onClick: () => choose(option.label)
+- },
+- (0, import_react4.createElement)("span", { className: "bt-key", "aria-hidden": true }, keyLetter(optionIndex)),
+- (0, import_react4.createElement)(
+- "span",
+- { className: "bt-q-body" },
+- (0, import_react4.createElement)("span", { className: "bt-q-label" }, option.label),
+- option.description ? (0, import_react4.createElement)("span", { className: "bt-q-desc" }, option.description) : null
+- ),
+- selected && !raised ? (0, import_react4.createElement)("span", { className: "bt-q-check", title: t("Selected") }, (0, import_react4.createElement)(CheckIcon)) : null
+- );
+- });
+- if (raised && field) {
+- rows.push((0, import_react4.createElement)(
+- "label",
+- { key: "own", className: "bt-q-opt bt-q-ownrow", "data-filled": custom !== "" ? "" : void 0 },
+- ownLetter ? (0, import_react4.createElement)("span", { className: "bt-key", "aria-hidden": true }, ownLetter) : null,
+- (0, import_react4.createElement)("span", { className: "bt-q-body" }, field)
+- ));
+ people2.push({ key, name: seat.person || (seat.mine ? cleanPeerName(roster.self?.displayName, "") : "") || t("Someone"), mine: seat.mine, seats: [seat] });
-+ }
+ }
+- let foot = null;
+- if (raised && multi) {
+- foot = (0, import_react4.createElement)(
+ return [...people2.filter((person) => person.mine), ...people2.filter((person) => !person.mine)];
- }
--function BotAvatar({ bot, size, state = "idle", main, admin, badge = true, live = true, gaze = false, pokeable = false }) {
-- const settled = useSettled(state);
-- if (bot === void 0) return (0, import_react2.createElement)(BotMark, { size });
-- const badgeKind = !badge ? null : state === "alert" ? "alert" : state !== "idle" ? "working" : admin ? "admin" : main ? "main" : null;
-- return (0, import_react2.createElement)(
-- "span",
-- { className: "bt-mark", style: { width: size, height: size, "--bt-size": `${size}px` } },
-- (0, import_react2.createElement)(BotMark, { bot, size, state: settled ? "done" : state, live, gaze, pokeable }),
-- badgeKind === "working" ? (0, import_react2.createElement)("span", { className: "bt-badge bt-badge-working", "aria-label": t("Working"), role: "img" }) : null,
-- badgeKind === "alert" ? (0, import_react2.createElement)("span", { className: "bt-badge bt-badge-alert", "aria-label": t("Waiting for your answer"), role: "img" }, "?") : null,
-- badgeKind === "admin" ? (0, import_react2.createElement)("span", { className: "bt-badge bt-badge-admin", "aria-label": t("Admin"), role: "img" }, (0, import_react2.createElement)(StarIcon)) : null,
-- badgeKind === "main" ? (0, import_react2.createElement)("span", { className: "bt-badge bt-badge-main", "aria-label": t("Main Bot"), role: "img" }, (0, import_react2.createElement)(MainStar)) : null
-- );
++}
+function facePersonLabel(person) {
+ return person.mine ? t("{name} (you)", { name: person.name }) : person.name;
- }
--function clusterSeats(count, frame) {
-- if (count === 1) return [[0, 0, frame]];
-- if (count === 2) return [[0, 0, frame * 2 / 3], [frame / 3, frame / 3, frame * 2 / 3]];
-- if (count === 3) {
-- const size = frame * 5 / 9;
-- const rest = frame - size;
-- return [[rest / 2, 0, size], [0, rest, size], [rest, rest, size]];
++}
+
+// src/client/held-reply.js
+var import_react8 = require("react");
@@ -5773,21 +4513,7 @@ diff --git a/client.js b/client.js
+ constructor(props) {
+ super(props);
+ this.state = { failed: false };
- }
-- const half = frame / 2;
-- return [[0, 0, half], [half, 0, half], [0, half, half], [half, half, half]];
--}
--function RoomAvatar({ room: room2, roster, size = 36 }) {
-- const members = room2.members.map((id) => roster.byId[id]).filter(Boolean);
-- const people = members.length === 1 ? [members[0], null] : members;
-- const seat = (bot, seatSize, key) => bot ? (0, import_react2.createElement)(BotMark, { key, bot, size: seatSize }) : (0, import_react2.createElement)("span", { key, className: "bt-cluster-you", style: { width: seatSize * 0.92, height: seatSize * 0.92, margin: seatSize * 0.04 } });
-- if (people.length === 0) return (0, import_react2.createElement)(BotMark, { size });
-- if (size <= 20 && people.length > 1) {
-- return (0, import_react2.createElement)(
-- "span",
-- { className: "bt-stack", style: { "--bt-stack-size": `${size}px` } },
-- people.slice(0, 3).map((bot, index) => seat(bot, size, bot?.id ?? `you-${index}`)),
-- people.length > 3 ? (0, import_react2.createElement)("span", { className: "bt-stack-more" }, `+${people.length - 3}`) : null
++ }
+ static getDerivedStateFromError() {
+ return { failed: true };
+ }
@@ -5829,7 +4555,10 @@ diff --git a/client.js b/client.js
+ if (!waiting) {
+ const failed = held.status === "failed";
+ return (0, import_react8.createElement)(
-+ "div",
+ "div",
+- { className: "bt-q-foot" },
+- (0, import_react4.createElement)("button", { type: "button", className: "bt-q-btn", onClick: onDismiss }, t("Skip")),
+- (0, import_react4.createElement)("button", { type: "submit", className: "bt-q-submit", disabled: !canSubmit }, t("Submit"))
+ { className: "bt-held-note", "data-state": held.status, title: failed && held.error ? held.error : void 0 },
+ (0, import_react8.createElement)("span", null, held.status === "approved" ? t("Sent to {to}", { to: held.toName }) : held.status === "auto" ? t("Auto-sent to {to}", { to: held.toName }) : failed ? t("Not sent: delivery failed") : t("Not sent")),
+ // #968: the terminal answer comes from one predicate, not from `status === 'failed'` here and a
@@ -5837,110 +4566,80 @@ diff --git a/client.js b/client.js
+ failed && canRetry(held) ? (0, import_react8.createElement)("button", { type: "button", className: "bt-held-retry", disabled: busy, onClick: () => decide("retry") }, t("Retry")) : null,
+ error ? (0, import_react8.createElement)("span", { className: "bt-flybot-approval-error", role: "alert" }, error) : null
);
+- } else if ((raised || multi) && canSubmit) {
+- foot = (0, import_react4.createElement)("div", { className: "bt-q-foot" }, (0, import_react4.createElement)("button", { type: "submit", className: "bt-q-submit" }, t("Submit")));
}
-- const seats = clusterSeats(Math.min(people.length, 4), size);
-- const overflow = people.length > 4 ? people.length - 3 : 0;
-- const gap = size / 14;
-- const rings = seats.map(([x, y, s]) => ({ cx: x + s / 2, cy: y + s / 2, r: s * 0.48 + gap }));
-- return (0, import_react2.createElement)(
-- "span",
-- { className: "bt-cluster", style: { width: size, height: size } },
-- seats.map(([x, y, s], index) => {
-- const holes2 = rings.slice(index + 1).filter((ring) => Math.hypot(ring.cx - x - s / 2, ring.cy - y - s / 2) < ring.r + s * 0.46).map((ring) => `radial-gradient(circle at ${ring.cx - x}px ${ring.cy - y}px,transparent ${ring.r}px,#000 ${ring.r + 0.5}px)`);
-- const style = { left: x, top: y, width: s, height: s };
-- if (holes2.length > 0) Object.assign(style, { WebkitMaskImage: holes2.join(","), maskImage: holes2.join(","), WebkitMaskComposite: "source-in", maskComposite: "intersect" });
-- if (overflow > 0 && index === 3) {
-- return (0, import_react2.createElement)("span", { key: "more", className: "bt-cluster-more", style: { ...style, width: s * 0.92, height: s * 0.92, margin: s * 0.04, fontSize: Math.max(8, Math.round(s * 0.36)) } }, `+${overflow}`);
+- return (0, import_react4.createElement)(
+- "form",
+- {
+- className: raised ? "bt-q bt-q-raised" : "bt-q",
+- "aria-labelledby": titleId,
+- onSubmit: (event) => {
+- event.preventDefault();
+- submit();
- }
-- const bot = people[index];
-- return (0, import_react2.createElement)("span", { key: bot?.id ?? "you", style }, seat(bot, s));
-- })
-- );
--}
--
--// src/client/icons.js
--var import_react3 = require("react");
--function PlusIcon() {
-- return (0, import_react3.createElement)("svg", { width: 18, height: 18, viewBox: "0 0 20 20", "aria-hidden": true }, (0, import_react3.createElement)("path", { d: "M10 3.5v13M3.5 10h13", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round" }));
--}
--function SearchIcon() {
-- return (0, import_react3.createElement)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", "aria-hidden": true }, (0, import_react3.createElement)("circle", { cx: 8.5, cy: 8.5, r: 5.5, stroke: "currentColor", strokeWidth: 1.6, fill: "none" }), (0, import_react3.createElement)("path", { d: "M13 13l4 4", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round" }));
--}
--function PeopleIcon() {
-- return (0, import_react3.createElement)(
-- "svg",
-- { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": true },
-- (0, import_react3.createElement)("circle", { cx: 7.5, cy: 7, r: 3 }),
-- (0, import_react3.createElement)("path", { d: "M2 16.5c.6-2.8 2.8-4.5 5.5-4.5s4.9 1.7 5.5 4.5" }),
-- (0, import_react3.createElement)("path", { d: "M13 4.3a3 3 0 0 1 0 5.4M15 12.4c1.6.6 2.6 2 3 4.1" })
-- );
--}
--function ArrowUpIcon() {
-- return (0, import_react3.createElement)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", "aria-hidden": true }, (0, import_react3.createElement)("path", { d: "M10 16V4M5 9l5-5 5 5", stroke: "currentColor", strokeWidth: 1.8, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }));
--}
--function MicIcon({ size = 16 }) {
-- return (0, import_react3.createElement)(
-- "svg",
-- { width: size, height: size, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", "aria-hidden": true },
-- (0, import_react3.createElement)("rect", { x: 7, y: 2.5, width: 6, height: 10, rx: 3, fill: "currentColor", stroke: "none" }),
-- (0, import_react3.createElement)("path", { d: "M4.5 9.5a5.5 5.5 0 0 0 11 0M10 15v2.5" })
-- );
--}
--function WaveIcon({ size = 16 }) {
-- return (0, import_react3.createElement)(
-- "svg",
-- { width: size, height: size, viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": true },
-- [[3, 7.5, 5], [6.5, 4.5, 11], [10, 2.5, 15], [13.5, 5.5, 9], [17, 8, 4]].map(([x, y, height]) => (0, import_react3.createElement)("rect", { key: x, x: x - 1, y, width: 2, height, rx: 1 }))
+- },
+- (0, import_react4.createElement)(
+ const plain = (0, import_react8.createElement)(
+ "div",
+ { className: "bt-held-card", role: "region", "aria-label": t("Waiting for your approval") },
+ (0, import_react8.createElement)("div", { className: "bt-held-head" }, t("Waiting for your approval")),
+ (0, import_react8.createElement)("div", { className: "bt-flybot-approval-origin" }, t("{from} → {to}", { from: held.from ?? t("A Bot"), to: held.toName })),
+ (0, import_react8.createElement)(
-+ "div",
+ "div",
+- { className: "bt-q-head" },
+- (0, import_react4.createElement)(
+- "div",
+- { className: "bt-q-text" },
+- (0, import_react4.createElement)("p", { className: "bt-q-title", id: titleId }, question.header ? `${question.header} · ` : "", question.question),
+- question.detail ? (0, import_react4.createElement)("div", { className: "bt-q-detail" }, question.detail) : null,
+- raised && multi ? (0, import_react4.createElement)("div", { className: "bt-q-detail" }, t("Choose all that apply")) : null
+- ),
+- (0, import_react4.createElement)("button", { type: "button", className: "bt-q-x", "aria-label": t("Dismiss question"), title: t("Dismiss"), onClick: onDismiss }, (0, import_react4.createElement)(CloseIcon))
+ { className: "bt-flybot-approval-actions" },
+ (0, import_react8.createElement)("button", { type: "button", disabled: busy, onClick: () => decide("reject") }, t("Reject")),
+ (0, import_react8.createElement)("button", { type: "button", className: "bt-flybot-approve", disabled: busy, onClick: () => decide("approve") }, t("Approve"))
-+ ),
+ ),
+- rows.length > 0 ? (0, import_react4.createElement)("div", { className: "bt-q-list", role: "group" }, rows) : null,
+- field && !raised ? (0, import_react4.createElement)(
+- "div",
+- { className: "bt-q-custom" },
+- (0, import_react4.createElement)("label", { className: "bt-q-field" }, field),
+- !multi && canSubmit ? (0, import_react4.createElement)("button", { type: "submit", className: "bt-q-submit" }, t("Submit")) : null
+- ) : null,
+- foot
+ error ? (0, import_react8.createElement)("div", { className: "bt-flybot-approval-error", role: "alert" }, error) : null
- );
--}
--function ShareIcon() {
-- return (0, import_react3.createElement)(
-- "svg",
-- { width: 16, height: 16, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
-- (0, import_react3.createElement)("path", { d: "M10 12.5V3M6.5 6.5L10 3l3.5 3.5M4 11v4.5A1.5 1.5 0 0 0 5.5 17h9a1.5 1.5 0 0 0 1.5-1.5V11" })
++ );
+ return (0, import_react8.createElement)(
+ "div",
+ { className: "bt-held-actions", "data-flybot": "held-reply-actions" },
+ custom ? (0, import_react8.createElement)(boundary(), { id: custom.id, fallback: plain }, (0, import_react8.createElement)(custom.component, { held, decide, call: call3, actions })) : plain
);
}
--function CloseIcon() {
-- return (0, import_react3.createElement)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", "aria-hidden": true }, (0, import_react3.createElement)("path", { d: "M5 5l10 10M15 5L5 15", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round" }));
+-function SettledQuestion({ question, answer }) {
+- const options = optionsOf(question);
+- const prompt = question?.question ?? "";
+- const chosen = [...answer.selected ?? [], ...answer.custom ? [answer.custom] : []];
+- if (chosen.length === 0) {
+- return (0, import_react4.createElement)(
+- "div",
+- { className: "bt-q bt-q-settled bt-q-dismissed", role: "group", "aria-label": prompt },
+- (0, import_react4.createElement)(
+- "div",
+- { className: "bt-q-head" },
+- (0, import_react4.createElement)("div", { className: "bt-q-text" }, (0, import_react4.createElement)("p", { className: "bt-q-title" }, prompt)),
+- (0, import_react4.createElement)("span", { className: "bt-q-badge" }, t("Dismissed"))
+- )
+- );
+- }
+- return (0, import_react4.createElement)(
+
+// src/client/turn-reasoning.js
+function turnReasoning(steps, current) {
+ const members = steps.length ? steps : [current];
+ if (members.find((step) => stepReasoning(step) !== "")?.step !== current.step) return "";
+ return members.filter((step) => !thinkingLive(step)).map(stepReasoning).filter(Boolean).join("\n\n");
- }
--var ChevronLeftIcon = () => (0, import_react3.createElement)("svg", { width: 16, height: 16, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, (0, import_react3.createElement)("path", { d: "M12.5 4.5L7 10l5.5 5.5" }));
--var ChevronRightIcon = () => (0, import_react3.createElement)("svg", { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, (0, import_react3.createElement)("path", { d: "M7.5 4.5L13 10l-5.5 5.5" }));
--var lineIcon = (paths) => function LineIcon() {
-- return (0, import_react3.createElement)(
-- "svg",
-- { width: 15, height: 15, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
-- paths.map((d, index) => (0, import_react3.createElement)("path", { key: index, d }))
-- );
--};
--var CLOUD = "M6.5 15.25H5.75a3.25 3.25 0 0 1-.55-6.45 4.75 4.75 0 0 1 9.2-1.1 3.75 3.75 0 0 1 .1 7.55H13.5";
--function CloudDownloadIcon({ done = false }) {
-- return (0, import_react3.createElement)(
-- "svg",
-- { width: 16, height: 16, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
-- (0, import_react3.createElement)("path", { d: CLOUD }),
-- done ? (0, import_react3.createElement)("path", { d: "M7.75 13.25l1.75 1.75 3-3.25" }) : (0, import_react3.createElement)("g", { className: "bt-cloud-arrow" }, (0, import_react3.createElement)("path", { d: "M10 9.75v7" }), (0, import_react3.createElement)("path", { d: "M7.75 14.5L10 16.75l2.25-2.25" }))
++}
+var texts = (step) => step.blocks.filter((block) => block.kind === "text" && block.text.trim() !== "");
+var thinkingLive = (step) => step.status === "running" && texts(step).length === 0 && step.blocks.some((block) => block.kind === "reasoning");
+var stepReasoning = (step) => step.blocks.filter((block) => block.kind === "reasoning").map((block) => block.text).join("\n").trim();
@@ -5960,7 +4659,12 @@ diff --git a/client.js b/client.js
+ };
+ const reactions = useUi ? useUi((state) => msgKey ? state.reactions?.[msgKey] ?? null : null) : null;
+ return (0, import_react9.createElement)(
-+ "div",
+ "div",
+- { className: "bt-q bt-q-settled", role: "group", "aria-label": prompt },
+- prompt ? (0, import_react4.createElement)("div", { className: "bt-q-head" }, (0, import_react4.createElement)("div", { className: "bt-q-text" }, (0, import_react4.createElement)("p", { className: "bt-q-title" }, prompt))) : null,
+- (0, import_react4.createElement)("div", { className: "bt-q-list", role: "group", "aria-label": t("Your answer") }, chosen.map((label, index) => {
+- const optionIndex = options.findIndex((option) => option.label === label);
+- return (0, import_react4.createElement)(
+ { className: "bt-astack", "data-lead": lead ? "" : void 0, onClickCapture: onClick },
+ texts2.map((text, index) => {
+ const key = msgKey ? `${msgKey}:${index}` : void 0;
@@ -5968,7 +4672,11 @@ diff --git a/client.js b/client.js
+ const last = index === texts2.length - 1;
+ const live = streaming && last;
+ return (0, import_react9.createElement)(
-+ "div",
+ "div",
+- { key: `${label}-${index}`, className: "bt-q-opt" },
+- optionIndex >= 0 ? (0, import_react4.createElement)("span", { className: "bt-key", "aria-hidden": true }, keyLetter(optionIndex)) : null,
+- (0, import_react4.createElement)("span", { className: "bt-q-body" }, (0, import_react4.createElement)("span", { className: "bt-q-label" }, label)),
+- (0, import_react4.createElement)("span", { className: "bt-q-check", title: t("Selected") }, (0, import_react4.createElement)(CheckIcon))
+ { key: index, className: "bt-msg" },
+ (0, import_react9.createElement)(
+ "div",
@@ -5988,36 +4696,23 @@ diff --git a/client.js b/client.js
+ "aria-label": t("Remove reaction {emoji}", { emoji }),
+ onClick: () => actions.toggleReaction(msgKey, index, emoji)
+ }, emoji))) : null
-+ );
+ );
+- }))
+ })
);
}
--var SmileIcon = lineIcon(["M10 3.5a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13z", "M7.3 11.6a3.4 3.4 0 0 0 5.4 0", "M7.75 8.25h.01M12.25 8.25h.01"]);
--var ReplyIcon = lineIcon(["M8 5L4 9l4 4", "M4 9h7.5a4.5 4.5 0 0 1 4.5 4.5V15"]);
--var DotsIcon = lineIcon(["M5 10h.01M10 10h.01M15 10h.01"]);
--var CheckIcon = lineIcon(["M4.5 10.5l3.5 3.5 7.5-8"]);
--var ArrowDownIcon = lineIcon(["M10 4v12", "M5 11l5 5 5-5"]);
--var DownloadIcon = lineIcon(["M10 3.5v9", "M6.5 9.5L10 13l3.5-3.5", "M4 16h12"]);
--var GaugeIcon = lineIcon(["M3.5 13.5a6.5 6.5 0 1 1 13 0", "M10 13.5l3-4", "M10 13.5h.01"]);
--var PlugIcon = lineIcon(["M7 3v4M13 3v4", "M5 7h10v2.5a5 5 0 0 1-10 0z", "M10 14.5V17"]);
--var CalendarIcon = lineIcon(["M5.5 5h9A1.5 1.5 0 0 1 16 6.5v8a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 4 14.5v-8A1.5 1.5 0 0 1 5.5 5z", "M4 8.75h12", "M7.25 3.5v3M12.75 3.5v3"]);
--var ConnectorIcon = lineIcon(["M7 10a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z", "M18 10a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z", "M7 10h6"]);
--var SwitchIcon = lineIcon(["M4 7h9.5M10.5 3.5L14 7l-3.5 3.5", "M16 13H6.5M9.5 9.5L6 13l3.5 3.5"]);
--var PaperclipIcon = lineIcon(["M15.5 9.5l-5.6 5.6a3.4 3.4 0 0 1-4.8-4.8l6.1-6.1a2.25 2.25 0 0 1 3.2 3.2l-6 6a1.1 1.1 0 0 1-1.6-1.6l5.5-5.5"]);
--var ClockIcon = lineIcon(["M10 3.5a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13z", "M10 6.5V10l2.5 1.5"]);
--var GearIcon = lineIcon(["M10 7.4a2.6 2.6 0 1 1 0 5.2 2.6 2.6 0 0 1 0-5.2z", "M7.85 4.4l.29-1.87a7.7 7.7 0 0 1 3.72 0l.29 1.87a6 6 0 0 1 1.63.94l1.76-.69a7.7 7.7 0 0 1 1.86 3.23l-1.47 1.18a6 6 0 0 1 0 1.88l1.47 1.18a7.7 7.7 0 0 1-1.86 3.23l-1.76-.69a6 6 0 0 1-1.63.94l-.29 1.87a7.7 7.7 0 0 1-3.72 0l-.29-1.87a6 6 0 0 1-1.63-.94l-1.76.69a7.7 7.7 0 0 1-1.86-3.23l1.47-1.18a6 6 0 0 1 0-1.88L2.6 7.88a7.7 7.7 0 0 1 1.86-3.23l1.76.69a6 6 0 0 1 1.63-.94z"]);
--var PinIcon = lineIcon(["M12.5 3l4.5 4.5-3 1.5-2.5 2.5.5 3.5-1.5 1.5L7 13 3.5 16.5", "M7 13l-3.5-3.5L5 8l3.5.5L11 6l1.5-3"]);
--function PinMarkIcon() {
-- return (0, import_react3.createElement)(
-- "svg",
-- { width: 12, height: 12, viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": true },
-- (0, import_react3.createElement)(
-- "g",
-- { transform: "rotate(45 10 10)" },
-- (0, import_react3.createElement)("path", { d: "M8 2.5h4a.9.9 0 0 1 0 1.8h-.4v4.1c0 1.4 1.1 2.6 2.6 3.1l.7.3v1.5H5.1v-1.5l.7-.3c1.5-.5 2.6-1.7 2.6-3.1V4.3H8a.9.9 0 0 1 0-1.8z" }),
-- (0, import_react3.createElement)("path", { d: "M9.35 13.3h1.3v3.6L10 18l-.65-1.1z" })
-- )
-- );
+-function QuestionCard({ matched }) {
+- const pending = matched;
+- const questions = pending.questions ?? [];
+- const [index, setIndex] = (0, import_react4.useState)(0);
+- const [answers, setAnswers] = (0, import_react4.useState)([]);
+- const question = questions[index];
+- if (question === void 0) return null;
+- const onAnswer = (answer) => {
+- const next = [...answers, { id: question.id, ...answer }];
+- if (index + 1 < questions.length) {
+- setAnswers(next);
+- setIndex(index + 1);
+var WAITING_OTHERS_NOTICE = "Waiting for the owner's approval";
+var REACTIONS = ["👍", "❤️", "😂", "😮", "😢", "🙏"];
+function leaveNoticeCoveredByClose(room2, text) {
@@ -6031,42 +4726,7 @@ diff --git a/client.js b/client.js
+ if (name && (who === name || who.endsWith(` (${name})`))) return true;
+ }
+ return false;
- }
--var UnreadIcon = lineIcon(["M10 3.5a4.5 4.5 0 0 0-4.5 4.5v3L4 13.5h12L14.5 11V8", "M8.3 16a1.8 1.8 0 0 0 3.4 0", "M15.5 3.2a1.6 1.6 0 1 1 0 3.2 1.6 1.6 0 0 1 0-3.2z"]);
--var PencilIcon = lineIcon(["M9 4H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-3", "M14.3 3.7a1.6 1.6 0 0 1 2.3 2.3L10.5 12l-3 .8.8-3z"]);
--var InfoIcon = lineIcon(["M10 3.5a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13z", "M10 9.25v4", "M10 6.6h.01"]);
--var StarLineIcon = lineIcon(["M10 3l2.1 4.3 4.7.7-3.4 3.3.8 4.7L10 13.8 5.8 16l.8-4.7L3.2 8l4.7-.7z"]);
--var CopyIcon = lineIcon(["M8.5 7h6A1.5 1.5 0 0 1 16 8.5v6a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 7 14.5v-6A1.5 1.5 0 0 1 8.5 7z", "M4 12.5V5.5A1.5 1.5 0 0 1 5.5 4H13"]);
--var HideIcon = lineIcon(["M3 3l14 14", "M8.6 5.2A7.6 7.6 0 0 1 10 5c4.5 0 7 5 7 5a12.6 12.6 0 0 1-2 2.6M12.2 14.5A6.8 6.8 0 0 1 10 15c-4.5 0-7-5-7-5a12.4 12.4 0 0 1 3-3.4", "M8.5 8.5a2 2 0 0 0 3 3"]);
--var TrashIcon = lineIcon(["M3.5 5.5h13", "M8 5.5V4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1.5", "M5 5.5l.7 10A1.5 1.5 0 0 0 7.2 17h5.6a1.5 1.5 0 0 0 1.5-1.5l.7-10", "M8.5 9v4.5M11.5 9v4.5"]);
--var DuplicateIcon = lineIcon(["M7 7h8.5v9.5H7z", "M4.5 13V3.5H13", "M11.25 9.5v4.5M9 11.75h4.5"]);
--var SlidersIcon = lineIcon(["M4 6.5h5M12.5 6.5H16M4 13.5h4M11.5 13.5H16", "M10.5 4.5v4M9.5 11.5v4"]);
--var MemoryIcon = lineIcon(["M5.5 3.5h8A1.5 1.5 0 0 1 15 5v10a1.5 1.5 0 0 1-1.5 1.5h-8z", "M5.5 3.5v13", "M8.5 7.5h3.5M8.5 10.5h2.5", "M12 3.5v4l1-.8 1 .8"]);
--var FolderIcon = lineIcon(["M3 6A1.5 1.5 0 0 1 4.5 4.5h3.2l1.8 2h6A1.5 1.5 0 0 1 17 8v6.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 3 14.5z"]);
--var ChatsIcon = lineIcon(["M3.5 5.5A1.5 1.5 0 0 1 5 4h7a1.5 1.5 0 0 1 1.5 1.5V10A1.5 1.5 0 0 1 12 11.5H8L5 14v-2.5A1.5 1.5 0 0 1 3.5 10z", "M13.5 7.5H15A1.5 1.5 0 0 1 16.5 9v4.5A1.5 1.5 0 0 1 15 15v2l-2.5-2h-3A1.5 1.5 0 0 1 8 13.5V13"]);
--var SETTINGS_ICONS = { general: GearIcon, bots: PeopleIcon, groups: ChatsIcon, usage: GaugeIcon };
--
--// src/client/questions.js
--var import_react4 = require("react");
--var keyLetter = (index) => String.fromCharCode(65 + index);
--var optionsOf = (question) => (question?.options ?? []).map((option) => typeof option === "string" ? { label: option } : option);
--var isTypingTarget = (node) => node instanceof HTMLInputElement || node instanceof HTMLTextAreaElement || node instanceof HTMLSelectElement || node instanceof HTMLElement && node.isContentEditable;
--function useOptionKeys(count, onPick, ownRef) {
-- const pick2 = (0, import_react4.useRef)(onPick);
-- pick2.current = onPick;
-- (0, import_react4.useEffect)(() => {
-- if (count === 0) return void 0;
-- const onKey = (event) => {
-- if (event.defaultPrevented || event.metaKey || event.ctrlKey || event.altKey || event.shiftKey || event.key.length !== 1) return;
-- if (isTypingTarget(event.target) || isTypingTarget(document.activeElement)) return;
-- if (document.querySelector('[role="dialog"], [aria-modal="true"]') !== null) return;
-- const index = event.key.toUpperCase().charCodeAt(0) - 65;
-- if (index >= 0 && index < count) {
-- event.preventDefault();
-- pick2.current(index);
-- } else if (index === count && ownRef.current) {
-- event.preventDefault();
-- ownRef.current.focus();
++}
+function useDismiss(open, close, refs) {
+ (0, import_react9.useEffect)(() => {
+ if (!open) return void 0;
@@ -6078,11 +4738,8 @@ diff --git a/client.js b/client.js
+ if (event.key === "Escape") {
+ event.stopPropagation();
+ close();
- }
- };
-- document.addEventListener("keydown", onKey, true);
-- return () => document.removeEventListener("keydown", onKey, true);
-- }, [count, ownRef]);
++ }
++ };
+ window.addEventListener("mousedown", onDown);
+ window.addEventListener("keydown", onKey, true);
+ return () => {
@@ -6090,19 +4747,7 @@ diff --git a/client.js b/client.js
+ window.removeEventListener("keydown", onKey, true);
+ };
+ }, [open]);
- }
--function QuestionView({ question, onAnswer, onDismiss, ownAnswer = false, raised = false }) {
-- const [own, setOwn] = (0, import_react4.useState)("");
-- const [picked, setPicked] = (0, import_react4.useState)([]);
-- const ownRef = (0, import_react4.useRef)(null);
-- const titleId = (0, import_react4.useId)();
-- const options = optionsOf(question);
-- const multi = question.multiSelect === true;
-- const custom = own.trim();
-- const canSubmit = multi ? picked.length > 0 || custom !== "" : custom !== "";
-- const choose = (label) => {
-- if (multi) {
-- setPicked((current) => current.includes(label) ? current.filter((item) => item !== label) : [...current, label]);
++}
+function MessageTools({ text, name, sessionId, react, actions }) {
+ const [panel, setPanel] = (0, import_react9.useState)(null);
+ const [place, setPlace] = (0, import_react9.useState)(null);
@@ -6116,122 +4761,50 @@ diff --git a/client.js b/client.js
+ close();
return;
}
-- onAnswer({ selected: [label] });
+- pending.answer({ answers: next });
+ const rect = event.currentTarget.getBoundingClientRect();
+ const below = rect.bottom + 220 < window.innerHeight;
+ setPlace(kind === "react" ? { left: rect.left + rect.width / 2, top: rect.top - 6, "--bt-origin": "bottom center" } : { left: Math.min(rect.left, window.innerWidth - 208), ...below ? { top: rect.bottom + 4 } : { bottom: window.innerHeight - rect.top + 4, "--bt-origin": "bottom left" } });
+ setPanel(kind);
};
-- const submit = () => {
-- if (!canSubmit) return;
-- onAnswer({ selected: multi ? picked : [], ...custom ? { custom } : {} });
+- return (0, import_react4.createElement)(QuestionView, { key: index, question, onAnswer, onDismiss: () => pending.dismiss(), ownAnswer: true, raised: true });
+-}
+-function PendingQuestion({ sessionId, question, actions, inline }) {
+- const [answered, setAnswered] = (0, import_react4.useState)(null);
+- if (answered === question.id) return null;
+- const onAnswer = (answer) => {
+- setAnswered(question.id);
+- void actions.answerQuestion(sessionId, question.id, { selected: answer.selected ?? [], custom: answer.custom ?? "" }).catch(() => setAnswered(null));
+ const copy2 = () => {
+ void navigator.clipboard?.writeText(text).then(() => {
+ setCopied(true);
+ setTimeout(() => setCopied(false), 1e3);
+ });
};
-- useOptionKeys(options.length, (index) => choose(options[index].label), ownRef);
-- const ownLetter = options.length > 0 ? keyLetter(options.length) : void 0;
-- const field = ownAnswer ? (0, import_react4.createElement)("textarea", {
-- ref: ownRef,
-- rows: 1,
-- value: own,
-- autoComplete: "off",
-- spellCheck: false,
-- className: "bt-q-input",
-- "aria-label": t("Your own answer"),
-- placeholder: t("Type your own answer"),
-- "aria-keyshortcuts": ownLetter?.toLowerCase(),
-- onChange: (event) => setOwn(event.target.value),
-- onKeyDown: (event) => {
-- if (event.key !== "Enter" || event.shiftKey || event.nativeEvent.isComposing) return;
-- event.preventDefault();
-- submit();
-- }
-- }) : null;
-- const rows = options.map((option, optionIndex) => {
-- const selected = multi && picked.includes(option.label);
-- return (0, import_react4.createElement)(
-- "button",
-- {
-- key: option.label,
-- type: "button",
-- className: "bt-q-opt",
-- "aria-pressed": multi ? selected : void 0,
-- "aria-keyshortcuts": keyLetter(optionIndex).toLowerCase(),
-- onClick: () => choose(option.label)
-- },
-- (0, import_react4.createElement)("span", { className: "bt-key", "aria-hidden": true }, keyLetter(optionIndex)),
-- (0, import_react4.createElement)(
-- "span",
-- { className: "bt-q-body" },
-- (0, import_react4.createElement)("span", { className: "bt-q-label" }, option.label),
-- option.description ? (0, import_react4.createElement)("span", { className: "bt-q-desc" }, option.description) : null
-- ),
-- selected && !raised ? (0, import_react4.createElement)("span", { className: "bt-q-check", title: t("Selected") }, (0, import_react4.createElement)(CheckIcon)) : null
-- );
-- });
-- if (raised && field) {
-- rows.push((0, import_react4.createElement)(
-- "label",
-- { key: "own", className: "bt-q-opt bt-q-ownrow", "data-filled": custom !== "" ? "" : void 0 },
-- ownLetter ? (0, import_react4.createElement)("span", { className: "bt-key", "aria-hidden": true }, ownLetter) : null,
-- (0, import_react4.createElement)("span", { className: "bt-q-body" }, field)
-- ));
-- }
-- let foot = null;
-- if (raised && multi) {
-- foot = (0, import_react4.createElement)(
-- "div",
-- { className: "bt-q-foot" },
-- (0, import_react4.createElement)("button", { type: "button", className: "bt-q-btn", onClick: onDismiss }, t("Skip")),
-- (0, import_react4.createElement)("button", { type: "submit", className: "bt-q-submit", disabled: !canSubmit }, t("Submit"))
-- );
-- } else if ((raised || multi) && canSubmit) {
-- foot = (0, import_react4.createElement)("div", { className: "bt-q-foot" }, (0, import_react4.createElement)("button", { type: "submit", className: "bt-q-submit" }, t("Submit")));
-- }
-- return (0, import_react4.createElement)(
-- "form",
-- {
-- className: raised ? "bt-q bt-q-raised" : "bt-q",
-- "aria-labelledby": titleId,
-- onSubmit: (event) => {
-- event.preventDefault();
-- submit();
-- }
-- },
-- (0, import_react4.createElement)(
+- const onDismiss = () => {
+- setAnswered(question.id);
+- void actions.dismissQuestion(sessionId);
+ const download2 = () => {
+ const url = URL.createObjectURL(new Blob([text], { type: "text/markdown" }));
+ const link = Object.assign(document.createElement("a"), { href: url, download: `${name}-message.md` });
+ link.click();
+ setTimeout(() => URL.revokeObjectURL(url), 1e3);
-+ };
+ };
+- return (0, import_react4.createElement)(
+ const item = (label, Icon, run) => (0, import_react9.createElement)("button", { key: label, type: "button", role: "menuitem", onClick: () => {
+ close();
+ run();
+ } }, (0, import_react9.createElement)(Icon), label);
+ return (0, import_react9.createElement)(
-+ "div",
+ "div",
+- { className: inline ? "bt-q-inline" : "bt-q-dock" },
+- (0, import_react4.createElement)(QuestionView, { key: question.id, question, onAnswer, onDismiss, ownAnswer: question.allowCustom === true, raised: !inline })
+ { ref: tools, className: "bt-tools", "data-open": panel !== null || void 0 },
+ react ? (0, import_react9.createElement)("button", { type: "button", className: "bt-tool", "aria-label": t("Add reaction"), title: t("Add reaction"), "aria-expanded": panel === "react", onClick: (event) => open("react", event) }, (0, import_react9.createElement)(SmileIcon)) : null,
+ sessionId ? (0, import_react9.createElement)("button", { type: "button", className: "bt-tool", "aria-label": t("Reply"), title: t("Reply"), onClick: () => actions.quote(sessionId, text) }, (0, import_react9.createElement)(ReplyIcon)) : null,
+ (0, import_react9.createElement)("button", { type: "button", className: "bt-tool", "aria-label": t("More message actions"), title: t("More"), "aria-haspopup": "menu", "aria-expanded": panel === "more", onClick: (event) => open("more", event) }, copied ? (0, import_react9.createElement)(CheckIcon) : (0, import_react9.createElement)(DotsIcon)),
+ panel === "react" ? (0, import_react_dom.createPortal)((0, import_react9.createElement)(
- "div",
-- { className: "bt-q-head" },
-- (0, import_react4.createElement)(
-- "div",
-- { className: "bt-q-text" },
-- (0, import_react4.createElement)("p", { className: "bt-q-title", id: titleId }, question.header ? `${question.header} · ` : "", question.question),
-- question.detail ? (0, import_react4.createElement)("div", { className: "bt-q-detail" }, question.detail) : null,
-- raised && multi ? (0, import_react4.createElement)("div", { className: "bt-q-detail" }, t("Choose all that apply")) : null
-- ),
-- (0, import_react4.createElement)("button", { type: "button", className: "bt-q-x", "aria-label": t("Dismiss question"), title: t("Dismiss"), onClick: onDismiss }, (0, import_react4.createElement)(CloseIcon))
-- ),
-- rows.length > 0 ? (0, import_react4.createElement)("div", { className: "bt-q-list", role: "group" }, rows) : null,
-- field && !raised ? (0, import_react4.createElement)(
++ "div",
+ { ref: pop, className: "bt-react-strip", role: "menu", "aria-label": t("Reactions"), style: place },
+ REACTIONS.map((emoji) => (0, import_react9.createElement)("button", { key: emoji, type: "button", role: "menuitem", "aria-label": emoji, onClick: () => {
+ close();
@@ -6239,24 +4812,19 @@ diff --git a/client.js b/client.js
+ } }, emoji))
+ ), document.body) : null,
+ panel === "more" ? (0, import_react_dom.createPortal)((0, import_react9.createElement)(
- "div",
-- { className: "bt-q-custom" },
-- (0, import_react4.createElement)("label", { className: "bt-q-field" }, field),
-- !multi && canSubmit ? (0, import_react4.createElement)("button", { type: "submit", className: "bt-q-submit" }, t("Submit")) : null
-- ) : null,
-- foot
++ "div",
+ { ref: pop, className: "bt-menu", role: "menu", "aria-label": t("Message actions"), style: place },
+ item(t("Copy"), CopyIcon, copy2),
+ item(t("Download"), DownloadIcon, download2)
+ ), document.body) : null
);
}
--function SettledQuestion({ question, answer }) {
-- const options = optionsOf(question);
-- const prompt = question?.question ?? "";
-- const chosen = [...answer.selected ?? [], ...answer.custom ? [answer.custom] : []];
-- if (chosen.length === 0) {
-- return (0, import_react4.createElement)(
+-function QuestionDock({ sessionId, useRoster, useCards, useSession, actions }) {
+- const question = useRoster((value) => value.questions?.[sessionId]);
+- const drawn = useCards?.((state) => state[sessionId]?.[question?.callId] > 0) === true;
+- const loading = useSession?.(historyLoading) === true;
+- if (question === void 0 || question.callId && (drawn || loading)) return null;
+- return (0, import_react4.createElement)(PendingQuestion, { sessionId, question, actions, inline: false });
+function ThinkingRow({ text }) {
+ if (typeof text !== "string" || text.trim() === "") return null;
+ return (0, import_react9.createElement)(
@@ -6265,7 +4833,19 @@ diff --git a/client.js b/client.js
+ (0, import_react9.createElement)("summary", null, (0, import_react9.createElement)("span", { className: "bt-think-caret", "aria-hidden": true }, "›"), t("Thought it through")),
+ (0, import_react9.createElement)("div", { className: "bt-think-text" }, text)
+ );
-+}
+ }
+-function AnsweredCell({ node }) {
+- const data = node.data ?? {};
+- const questions = Array.isArray(data.questions) ? data.questions : [];
+- if (questions.length === 0) {
+- return data.text ? (0, import_react4.createElement)("div", { className: "bt-urow" }, (0, import_react4.createElement)("div", { className: "bt-ububble" }, data.text)) : null;
+- }
+- const answers = Array.isArray(data.answers) ? data.answers : [];
+- return (0, import_react4.createElement)("div", { className: "bt-q-inline" }, questions.map((question) => (0, import_react4.createElement)(SettledQuestion, {
+- key: question.id,
+- question,
+- answer: answers.find((answer) => answer.id === question.id) ?? { selected: [] }
+- })));
+function useFileMentions({ node, openFile, fileMentions, useTurnData }) {
+ const tail = useTurnData?.("turn-tail");
+ const location2 = node.location;
@@ -6275,13 +4855,71 @@ diff --git a/client.js b/client.js
+ if (typeof fileMentions !== "function" || turn?.status !== "closed" || seq === void 0) return void 0;
+ return tail?.closing?.finalNode.seq === seq ? fileMentions({ turn, seq, openFile }) : void 0;
+ }, [fileMentions, openFile, seq, tail, turn]);
-+}
+ }
+-
+-// src/client/secret-card.js
+-var import_react5 = require("react");
+-var MIN_VALUE = 4;
+-var NONE = {};
+-var KeyIcon = () => (0, import_react5.createElement)(
+- "svg",
+- { width: 15, height: 15, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
+- (0, import_react5.createElement)("path", { d: "M7 9.5a3.5 3.5 0 1 1 0 .01z" }),
+- (0, import_react5.createElement)("path", { d: "M10.4 10.6L17 10.6M14.5 10.6v2.4M16.6 10.6v1.8" })
+-);
+-var LockIcon = () => (0, import_react5.createElement)(
+- "svg",
+- { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
+- (0, import_react5.createElement)("path", { d: "M6.5 9V7a3.5 3.5 0 0 1 7 0v2" }),
+- (0, import_react5.createElement)("rect", { x: 4.5, y: 9, width: 11, height: 8, rx: 2 })
+-);
+-var WarnIcon = () => (0, import_react5.createElement)(
+- "svg",
+- { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
+- (0, import_react5.createElement)("path", { d: "M10 3.5l7 12.5H3z" }),
+- (0, import_react5.createElement)("path", { d: "M10 8.5v3.5M10 14.2h.01" })
+-);
+-var MASK_BY_CSS = typeof CSS !== "undefined" && typeof CSS.supports === "function" && CSS.supports("-webkit-text-security", "disc");
+-var insecure = () => typeof location !== "undefined" && location.protocol === "http:" && !/^(localhost|127(?:\.\d{1,3}){3}|\[::1\])$/.test(location.hostname);
+-var scopeLabel = (scope, roster) => {
+- if (scope === "all") return t("All Bots");
+- const names = (scope ?? []).map((id) => roster.byId[id]?.name).filter(Boolean);
+- return names.length === 0 ? t("No Bot") : names.join(t(" and "));
+-};
+-var when = (time) => Number.isFinite(time) ? new Date(time).toLocaleString(dateLocale(), { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "";
+-function MaskedInput({ value, onChange, onEnter, label, autoFocus = false }) {
+- return (0, import_react5.createElement)("input", {
+- className: "bt-secret-input",
+- type: MASK_BY_CSS ? "text" : "password",
+- "data-masked": MASK_BY_CSS ? "" : void 0,
+- value,
+- autoFocus,
+- autoComplete: MASK_BY_CSS ? "off" : "new-password",
+- autoCorrect: "off",
+- autoCapitalize: "off",
+- spellCheck: false,
+- "data-1p-ignore": "",
+- "data-lpignore": "true",
+- "data-bwignore": "",
+- "data-form-type": "other",
+- "aria-label": label,
+- placeholder: t("Paste or type the key"),
+- onChange: (event) => onChange(event.target.value),
+- onKeyDown: (event) => {
+- if (event.key !== "Enter" || event.nativeEvent.isComposing) return;
+- event.preventDefault();
+- onEnter?.();
+- }
+- });
+function useClosingText(node, useTurnData) {
+ const tail = useTurnData?.("turn-tail");
+ const seq = node.data.finalNode?.seq;
+ if (!tail?.closing || seq === void 0) return true;
+ return tail.closing.finalNode?.seq === seq;
-+}
+ }
+-function ScopeSwitch({ value, onChange, bot }) {
+- const options = [["all", t("All Bots")], ["bot", t("Only {name}", { name: bot.name })]];
+- return (0, import_react5.createElement)(
+function friendLead(bot, texts2) {
+ if (bot?.remote === void 0 || texts2.length === 0) return void 0;
+ if (texts2.every((text) => /^Not sent:/.test(text.trim()))) return void 0;
@@ -6331,7 +4969,17 @@ diff --git a/client.js b/client.js
+ const chat = (roster.bots ?? []).find((item) => item.remote?.handle === held.to);
+ const toName = cleanPeerName(held.toOwner) || (chat ? friendBotOwner(chat) : ownerNameOf({ handle: held.to })) || held.to || t("a friend");
+ return (0, import_react9.createElement)(
-+ "div",
+ "div",
+- { className: "bt-secret-scope", role: "radiogroup", "aria-label": t("Who may use it") },
+- (0, import_react5.createElement)("span", { className: "bt-secret-glide", "data-at": value === "all" ? 0 : 1, "aria-hidden": true }),
+- options.map(([id, text]) => (0, import_react5.createElement)("button", {
+- key: id,
+- type: "button",
+- role: "radio",
+- "aria-checked": value === id,
+- className: "bt-secret-seg",
+- onClick: () => onChange(id)
+- }, text))
+ { className: "bt-held-reply", "data-state": held.status, "data-held": isApprovalWaiting(held.status) ? "" : void 0 },
+ children,
+ closing ? (0, import_react9.createElement)(HeldReplyActions, { held: { ...held, toName, from: bot?.name }, actions }) : null
@@ -6349,13 +4997,7 @@ diff --git a/client.js b/client.js
+function EventLine({ prefix, bots, joiner = t("and"), onOpen, whole = false }) {
+ if (whole && bots.length === 1) {
+ return (0, import_react9.createElement)(
- "div",
-- { className: "bt-q bt-q-settled bt-q-dismissed", role: "group", "aria-label": prompt },
-- (0, import_react4.createElement)(
-- "div",
-- { className: "bt-q-head" },
-- (0, import_react4.createElement)("div", { className: "bt-q-text" }, (0, import_react4.createElement)("p", { className: "bt-q-title" }, prompt)),
-- (0, import_react4.createElement)("span", { className: "bt-q-badge" }, t("Dismissed"))
++ "div",
+ { className: "bt-event" },
+ (0, import_react9.createElement)(
+ "button",
@@ -6363,10 +5005,9 @@ diff --git a/client.js b/client.js
+ (0, import_react9.createElement)("span", null, prefix),
+ (0, import_react9.createElement)(BotMark, { bot: bots[0], size: 16 }),
+ (0, import_react9.createElement)("span", { className: "bt-event-name" }, bots[0].name)
- )
- );
- }
-- return (0, import_react4.createElement)(
++ )
++ );
++ }
+ const parts = [];
+ parts.push((0, import_react9.createElement)("span", { key: "p" }, prefix));
+ bots.forEach((bot, index) => {
@@ -6419,7 +5060,10 @@ diff --git a/client.js b/client.js
+ "button",
+ { type: "button", className: "bt-lead", "aria-label": t("Open {name}'s chat", { name: bot.name }), onClick: () => actions.openSession(bot.id) },
+ (0, import_react9.createElement)(BotMark, { bot, size: 22 })
-+ );
+ );
+-}
+-function SecretHead({ bot, title, detail, name, onClose }) {
+- return (0, import_react5.createElement)(
+ const name = (0, import_react9.createElement)(
+ "span",
+ { className: "bt-group-name", style: { color: inkText(colorOf(bot)) } },
@@ -6428,53 +5072,14 @@ diff --git a/client.js b/client.js
+ );
+ return (0, import_react9.createElement)(
"div",
-- { className: "bt-q bt-q-settled", role: "group", "aria-label": prompt },
-- prompt ? (0, import_react4.createElement)("div", { className: "bt-q-head" }, (0, import_react4.createElement)("div", { className: "bt-q-text" }, (0, import_react4.createElement)("p", { className: "bt-q-title" }, prompt))) : null,
-- (0, import_react4.createElement)("div", { className: "bt-q-list", role: "group", "aria-label": t("Your answer") }, chosen.map((label, index) => {
-- const optionIndex = options.findIndex((option) => option.label === label);
-- return (0, import_react4.createElement)(
-- "div",
-- { key: `${label}-${index}`, className: "bt-q-opt" },
-- optionIndex >= 0 ? (0, import_react4.createElement)("span", { className: "bt-key", "aria-hidden": true }, keyLetter(optionIndex)) : null,
-- (0, import_react4.createElement)("span", { className: "bt-q-body" }, (0, import_react4.createElement)("span", { className: "bt-q-label" }, label)),
-- (0, import_react4.createElement)("span", { className: "bt-q-check", title: t("Selected") }, (0, import_react4.createElement)(CheckIcon))
-- );
-- }))
+- { className: "bt-q-head bt-secret-head" },
+- (0, import_react5.createElement)("span", { className: "bt-secret-who" }, (0, import_react5.createElement)(BotMark, { bot, size: 28 }), (0, import_react5.createElement)("span", { className: "bt-secret-lock" }, (0, import_react5.createElement)(LockIcon))),
+- (0, import_react5.createElement)(
+ { className: "bt-group-msg" },
+ name,
+ (0, import_react9.createElement)(Bubbles, { texts: [text], roster, selfId: bot.id, actions, sessionId: room2?.id, msgKey, useUi, lead })
- );
- }
--function QuestionCard({ matched }) {
-- const pending = matched;
-- const questions = pending.questions ?? [];
-- const [index, setIndex] = (0, import_react4.useState)(0);
-- const [answers, setAnswers] = (0, import_react4.useState)([]);
-- const question = questions[index];
-- if (question === void 0) return null;
-- const onAnswer = (answer) => {
-- const next = [...answers, { id: question.id, ...answer }];
-- if (index + 1 < questions.length) {
-- setAnswers(next);
-- setIndex(index + 1);
-- return;
-- }
-- pending.answer({ answers: next });
-- };
-- return (0, import_react4.createElement)(QuestionView, { key: index, question, onAnswer, onDismiss: () => pending.dismiss(), ownAnswer: true, raised: true });
--}
--function PendingQuestion({ sessionId, question, actions, inline }) {
-- const [answered, setAnswered] = (0, import_react4.useState)(null);
-- if (answered === question.id) return null;
-- const onAnswer = (answer) => {
-- setAnswered(question.id);
-- void actions.answerQuestion(sessionId, question.id, { selected: answer.selected ?? [], custom: answer.custom ?? "" }).catch(() => setAnswered(null));
-- };
-- const onDismiss = () => {
-- setAnswered(question.id);
-- void actions.dismissQuestion(sessionId);
-- };
-- return (0, import_react4.createElement)(
++ );
++}
+function remoteSpeaker(source, roster, sessionId) {
+ const handle = source.remote.handle;
+ const member = (roster.remoteBots ?? []).find((bot2) => bot2.handle === handle);
@@ -6515,7 +5120,10 @@ diff --git a/client.js b/client.js
+ const person = typeof source.remote.typedBy === "string" ? source.remote.typedBy : "";
+ if (person) {
+ return (0, import_react9.createElement)(
-+ "div",
+ "div",
+- { className: "bt-q-text" },
+- (0, import_react5.createElement)("p", { className: "bt-q-title" }, title),
+- (0, import_react5.createElement)("div", { className: "bt-q-detail" }, (0, import_react5.createElement)("code", { className: "bt-secret-name" }, name), detail ? ` · ${detail}` : "")
+ { className: "bt-group-msg bt-person-msg bt-remote-msg", "data-person": person, "data-remote": handle },
+ // One short header: the person, and the Bot that carried the line only when it is known (#275).
+ (0, import_react9.createElement)(
@@ -6531,9 +5139,7 @@ diff --git a/client.js b/client.js
+ const mark = (0, import_react9.createElement)(BotMark, { bot, size: 22 });
+ const lead = chatId ? (0, import_react9.createElement)("button", { type: "button", className: "bt-lead", title: handle, "aria-label": t("Open {name}'s chat", { name }), onClick: () => actions.openSession(chatId) }, mark) : (0, import_react9.createElement)("span", { className: "bt-lead", title: handle }, mark);
+ return (0, import_react9.createElement)(
- "div",
-- { className: inline ? "bt-q-inline" : "bt-q-dock" },
-- (0, import_react4.createElement)(QuestionView, { key: question.id, question, onAnswer, onDismiss, ownAnswer: question.allowCustom === true, raised: !inline })
++ "div",
+ { className: "bt-group-msg bt-remote-msg", "data-remote": handle },
+ // A face room's header is the one name alone; the handle is on hover only (#457).
+ face ? (0, import_react9.createElement)("span", { className: "bt-group-name", style: { color: inkText(colorOf(bot)) }, title: handle }, name) : (0, import_react9.createElement)(
@@ -6541,35 +5147,28 @@ diff --git a/client.js b/client.js
+ { className: "bt-group-name", style: { color: inkText(colorOf(bot)) } },
+ name,
+ (0, import_react9.createElement)("span", { className: "bt-remote-handle", title: source.remote.home ?? handle, "aria-label": t("Friend's Bot") }, (0, import_react9.createElement)(GlobeMark), handle)
-+ ),
+ ),
+- onClose ? (0, import_react5.createElement)("button", { type: "button", className: "bt-q-x", "aria-label": t("Cancel the request"), title: t("Cancel"), onClick: onClose }, (0, import_react5.createElement)(CloseIcon)) : null
+ (0, import_react9.createElement)(Bubbles, { texts: [stripTrace(text)], roster, selfId: bot.id, actions, sessionId, msgKey, useUi, lead }),
+ files.length ? (0, import_react9.createElement)(RemoteFiles, { files, plugin: member?.plugin ?? "social", botId: roster.byId[sessionId]?.id ?? sessionId }) : null
);
}
--function QuestionDock({ sessionId, useRoster, useCards, useSession, actions }) {
-- const question = useRoster((value) => value.questions?.[sessionId]);
-- const drawn = useCards?.((state) => state[sessionId]?.[question?.callId] > 0) === true;
-- const loading = useSession?.(historyLoading) === true;
-- if (question === void 0 || question.callId && (drawn || loading)) return null;
-- return (0, import_react4.createElement)(PendingQuestion, { sessionId, question, actions, inline: false });
+-function SecretCard({ bot, request, roster, actions }) {
+- const [value, setValue] = (0, import_react5.useState)("");
+- const [scope, setScope] = (0, import_react5.useState)("all");
+- const [replacing, setReplacing] = (0, import_react5.useState)(false);
+- const [busy, setBusy] = (0, import_react5.useState)(false);
+- const [error, setError] = (0, import_react5.useState)("");
+- const noteId = (0, import_react5.useId)();
+- const secret = (roster.secrets ?? []).find((entry) => entry.name === request.name);
+- const run = (promise) => {
+- setBusy(true);
+function FirstContact({ source, roster, sessionId }) {
+ const person = typeof source.remote.typedBy === "string" ? source.remote.typedBy : "";
+ const who = person || remoteSpeaker(source, roster).name;
+ const bot = roster.byId[sessionId]?.name ?? t("your Bot");
+ return (0, import_react9.createElement)("div", { className: "bt-event", "data-first-contact": source.remote.handle }, (0, import_react9.createElement)("span", null, t("{name} is talking to {bot} through Bot Social", { name: who, bot })));
- }
--function AnsweredCell({ node }) {
-- const data = node.data ?? {};
-- const questions = Array.isArray(data.questions) ? data.questions : [];
-- if (questions.length === 0) {
-- return data.text ? (0, import_react4.createElement)("div", { className: "bt-urow" }, (0, import_react4.createElement)("div", { className: "bt-ububble" }, data.text)) : null;
-- }
-- const answers = Array.isArray(data.answers) ? data.answers : [];
-- return (0, import_react4.createElement)("div", { className: "bt-q-inline" }, questions.map((question) => (0, import_react4.createElement)(SettledQuestion, {
-- key: question.id,
-- question,
-- answer: answers.find((answer) => answer.id === question.id) ?? { selected: [] }
-- })));
++}
+function GlobeMark() {
+ return (0, import_react9.createElement)(
+ "svg",
@@ -6577,66 +5176,19 @@ diff --git a/client.js b/client.js
+ (0, import_react9.createElement)("circle", { cx: 12, cy: 12, r: 9 }),
+ (0, import_react9.createElement)("path", { d: "M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18" })
+ );
- }
--
--// src/client/secret-card.js
--var import_react5 = require("react");
--var MIN_VALUE = 4;
--var NONE = {};
--var KeyIcon = () => (0, import_react5.createElement)(
-- "svg",
-- { width: 15, height: 15, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
-- (0, import_react5.createElement)("path", { d: "M7 9.5a3.5 3.5 0 1 1 0 .01z" }),
-- (0, import_react5.createElement)("path", { d: "M10.4 10.6L17 10.6M14.5 10.6v2.4M16.6 10.6v1.8" })
--);
--var LockIcon = () => (0, import_react5.createElement)(
-- "svg",
-- { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
-- (0, import_react5.createElement)("path", { d: "M6.5 9V7a3.5 3.5 0 0 1 7 0v2" }),
-- (0, import_react5.createElement)("rect", { x: 4.5, y: 9, width: 11, height: 8, rx: 2 })
--);
--var WarnIcon = () => (0, import_react5.createElement)(
-- "svg",
-- { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
-- (0, import_react5.createElement)("path", { d: "M10 3.5l7 12.5H3z" }),
-- (0, import_react5.createElement)("path", { d: "M10 8.5v3.5M10 14.2h.01" })
--);
--var MASK_BY_CSS = typeof CSS !== "undefined" && typeof CSS.supports === "function" && CSS.supports("-webkit-text-security", "disc");
--var insecure = () => typeof location !== "undefined" && location.protocol === "http:" && !/^(localhost|127(?:\.\d{1,3}){3}|\[::1\])$/.test(location.hostname);
--var scopeLabel = (scope, roster) => {
-- if (scope === "all") return t("All Bots");
-- const names = (scope ?? []).map((id) => roster.byId[id]?.name).filter(Boolean);
-- return names.length === 0 ? t("No Bot") : names.join(t(" and "));
--};
--var when = (time) => Number.isFinite(time) ? new Date(time).toLocaleString(dateLocale(), { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }) : "";
--function MaskedInput({ value, onChange, onEnter, label, autoFocus = false }) {
-- return (0, import_react5.createElement)("input", {
-- className: "bt-secret-input",
-- type: MASK_BY_CSS ? "text" : "password",
-- "data-masked": MASK_BY_CSS ? "" : void 0,
-- value,
-- autoFocus,
-- autoComplete: MASK_BY_CSS ? "off" : "new-password",
-- autoCorrect: "off",
-- autoCapitalize: "off",
-- spellCheck: false,
-- "data-1p-ignore": "",
-- "data-lpignore": "true",
-- "data-bwignore": "",
-- "data-form-type": "other",
-- "aria-label": label,
-- placeholder: t("Paste or type the key"),
-- onChange: (event) => onChange(event.target.value),
-- onKeyDown: (event) => {
-- if (event.key !== "Enter" || event.nativeEvent.isComposing) return;
-- event.preventDefault();
-- onEnter?.();
++}
+function RemoteFiles({ files, plugin, botId }) {
+ const [busy, setBusy] = (0, import_react9.useState)("");
+ const [error, setError] = (0, import_react9.useState)("");
+ const download2 = async (file) => {
+ setBusy(file.id);
-+ setError("");
+ setError("");
+- return Promise.resolve(promise).then(() => setValue(""), (failure) => setError(failure?.message ?? String(failure))).finally(() => setBusy(false));
+- };
+- const cancel = () => run(actions.secretCancel(request.id));
+- const long = value.trim().length >= MIN_VALUE;
+- const save = () => {
+- if (long && !busy) void run(actions.secretSet({ requestId: request.id, value, scope }));
+ try {
+ const got = await call(`flybot/${plugin}/attachment`, { id: file.id, botId });
+ const value = got?.value ?? got;
@@ -6649,9 +5201,10 @@ diff --git a/client.js b/client.js
+ setError(String(reason?.message ?? reason));
+ } finally {
+ setBusy("");
- }
-- });
-+ };
++ }
+ };
+- const allow = () => {
+- if (!busy) void run(actions.secretAllow(request.id));
+ return (0, import_react9.createElement)(
+ "div",
+ { className: "bt-file-chips" },
@@ -6662,30 +5215,15 @@ diff --git a/client.js b/client.js
+ )),
+ error ? (0, import_react9.createElement)("span", { className: "bt-file-error", role: "alert" }, error) : null
+ );
- }
--function ScopeSwitch({ value, onChange, bot }) {
-- const options = [["all", t("All Bots")], ["bot", t("Only {name}", { name: bot.name })]];
-- return (0, import_react5.createElement)(
++}
+function GroupEvent({ prefix, room: room2, name, roster, actions }) {
+ return (0, import_react9.createElement)(
- "div",
-- { className: "bt-secret-scope", role: "radiogroup", "aria-label": t("Who may use it") },
-- (0, import_react5.createElement)("span", { className: "bt-secret-glide", "data-at": value === "all" ? 0 : 1, "aria-hidden": true }),
-- options.map(([id, text]) => (0, import_react5.createElement)("button", {
-- key: id,
-- type: "button",
-- role: "radio",
-- "aria-checked": value === id,
-- className: "bt-secret-seg",
-- onClick: () => onChange(id)
-- }, text))
++ "div",
+ { className: "bt-event" },
+ (0, import_react9.createElement)("span", null, prefix),
+ room2 ? (0, import_react9.createElement)("button", { type: "button", onClick: () => actions.openSession(room2.id) }, (0, import_react9.createElement)(RoomAvatar, { room: room2, roster, size: 16 }), room2.name) : name ? (0, import_react9.createElement)("span", null, name) : null
- );
- }
--function SecretHead({ bot, title, detail, name, onClose }) {
-- return (0, import_react5.createElement)(
++ );
++}
+function MemoryEvent({ sessionId, scope, result, roster, actions, findBot }) {
+ if (!/^(Saved to|Updated in|Removed from) /.test(result)) return null;
+ const self = roster.byId[sessionId];
@@ -6695,10 +5233,7 @@ diff --git a/client.js b/client.js
+ if (!target) return null;
+ const label = team ? t("Team memory updated") : target === self ? t("Memory updated") : t("Updated {name}'s memory", { name: target.name });
+ return (0, import_react9.createElement)(
- "div",
-- { className: "bt-q-head bt-secret-head" },
-- (0, import_react5.createElement)("span", { className: "bt-secret-who" }, (0, import_react5.createElement)(BotMark, { bot, size: 28 }), (0, import_react5.createElement)("span", { className: "bt-secret-lock" }, (0, import_react5.createElement)(LockIcon))),
-- (0, import_react5.createElement)(
++ "div",
+ { className: "bt-event" },
+ (0, import_react9.createElement)("button", { type: "button", title: result, onClick: () => actions.openMemory(target.id) }, (0, import_react9.createElement)(MemoryIcon), label)
+ );
@@ -6732,7 +5267,10 @@ diff --git a/client.js b/client.js
+ busy.current = false;
+ if (alive.current) setView((current) => ({ ...current, loading: false, failed: true }));
+ });
-+ };
+ };
+- const filling = request.kind === "fill" || replacing;
+- const warn = insecure() ? (0, import_react5.createElement)("div", { className: "bt-secret-warn", role: "note" }, (0, import_react5.createElement)(WarnIcon), t("This page is not on HTTPS: the key crosses the network unencrypted.")) : null;
+- return (0, import_react5.createElement)(
+ (0, import_react9.useEffect)(() => {
+ alive.current = true;
+ load(void 0);
@@ -6762,17 +5300,43 @@ diff --git a/client.js b/client.js
+ else rows.push(item.kind === "bot" ? { kind: "bot", texts: [item.text] } : item);
+ }
+ return (0, import_react9.createElement)(
-+ "div",
+ "div",
+- { className: "bt-q bt-secret", role: "group", "aria-describedby": noteId, "data-kind": request.kind },
+- (0, import_react5.createElement)(SecretHead, {
+- bot,
+- title: request.kind === "allow" ? t("Let {bot} use {name}?", { bot: bot.name, name: request.name }) : t("{name} needs a key", { name: bot.name }),
+- detail: request.purpose,
+- name: request.name,
+- onClose: busy ? void 0 : cancel
+- }),
+- request.kind === "allow" ? (0, import_react5.createElement)("div", { className: "bt-secret-saved" }, (0, import_react5.createElement)(KeyIcon), t("Saved for {scope}", { scope: scopeLabel(secret?.scope, roster) })) : null,
+- filling ? (0, import_react5.createElement)(
+- "div",
+- { className: "bt-secret-body" },
+- (0, import_react5.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react5.createElement)(MaskedInput, { value, onChange: setValue, onEnter: save, label: t("Value of {name}", { name: request.name }), autoFocus: replacing })),
+- request.kind === "fill" ? (0, import_react5.createElement)(ScopeSwitch, { value: scope, onChange: setScope, bot }) : null
+- ) : null,
+- (0, import_react5.createElement)(
+ { className: "bt-earlier", role: "feed", "aria-label": t("Earlier messages"), "aria-busy": view.loading },
+ (0, import_react9.createElement)(
"div",
-- { className: "bt-q-text" },
-- (0, import_react5.createElement)("p", { className: "bt-q-title" }, title),
-- (0, import_react5.createElement)("div", { className: "bt-q-detail" }, (0, import_react5.createElement)("code", { className: "bt-secret-name" }, name), detail ? ` · ${detail}` : "")
+- { className: "bt-secret-note", id: noteId },
+- t("{bot} never sees the value. It reaches {bot}'s shell as ", { bot: bot.name }),
+- (0, import_react5.createElement)("code", null, `$DSH_SECRET_${request.name}`),
+- ".",
+- filling && value !== "" && !long ? t(" At least {count} characters.", { count: MIN_VALUE }) : ""
+ { ref: top, className: "bt-earlier-top" },
+ view.loading ? (0, import_react9.createElement)(Shimmer, null, t("Loading earlier messages…")) : view.failed ? (0, import_react9.createElement)("button", { type: "button", className: "bt-soft", onClick: () => load(view.cursor) }, t("Couldn’t load earlier messages · Retry")) : view.cursor ? (0, import_react9.createElement)("button", { type: "button", className: "bt-soft", onClick: () => load(view.cursor) }, t("Load earlier")) : null
),
-- onClose ? (0, import_react5.createElement)("button", { type: "button", className: "bt-q-x", "aria-label": t("Cancel the request"), title: t("Cancel"), onClick: onClose }, (0, import_react5.createElement)(CloseIcon)) : null
+- warn,
+- error ? (0, import_react5.createElement)("div", { className: "bt-secret-error", role: "alert" }, error) : null,
+- (0, import_react5.createElement)(
+- "div",
+- { className: "bt-q-foot" },
+- request.kind === "allow" && !replacing ? (0, import_react5.createElement)("button", { type: "button", className: "bt-q-btn", disabled: busy, onClick: () => setReplacing(true) }, t("Replace value")) : null,
+- (0, import_react5.createElement)("button", { type: "button", className: "bt-q-btn", disabled: busy, onClick: cancel }, t("Cancel")),
+- filling ? (0, import_react5.createElement)("button", { type: "button", className: "bt-q-submit", disabled: !long || busy, onClick: save }, busy ? t("Saving…") : t("Save")) : (0, import_react5.createElement)("button", { type: "button", className: "bt-q-submit", disabled: busy, onClick: allow }, busy ? t("Allowing…") : t("Allow"))
+- )
+ rows.map((row, index) => {
+ const key = rows.length - index;
+ switch (row.kind) {
@@ -6804,64 +5368,24 @@ diff --git a/client.js b/client.js
+ (0, import_react9.createElement)(PartLine, { time: view.startedAt })
);
}
--function SecretCard({ bot, request, roster, actions }) {
-- const [value, setValue] = (0, import_react5.useState)("");
-- const [scope, setScope] = (0, import_react5.useState)("all");
-- const [replacing, setReplacing] = (0, import_react5.useState)(false);
-- const [busy, setBusy] = (0, import_react5.useState)(false);
-- const [error, setError] = (0, import_react5.useState)("");
-- const noteId = (0, import_react5.useId)();
-- const secret = (roster.secrets ?? []).find((entry) => entry.name === request.name);
-- const run = (promise) => {
-- setBusy(true);
-- setError("");
-- return Promise.resolve(promise).then(() => setValue(""), (failure) => setError(failure?.message ?? String(failure))).finally(() => setBusy(false));
-- };
-- const cancel = () => run(actions.secretCancel(request.id));
-- const long = value.trim().length >= MIN_VALUE;
-- const save = () => {
-- if (long && !busy) void run(actions.secretSet({ requestId: request.id, value, scope }));
-- };
-- const allow = () => {
-- if (!busy) void run(actions.secretAllow(request.id));
-- };
-- const filling = request.kind === "fill" || replacing;
-- const warn = insecure() ? (0, import_react5.createElement)("div", { className: "bt-secret-warn", role: "note" }, (0, import_react5.createElement)(WarnIcon), t("This page is not on HTTPS: the key crosses the network unencrypted.")) : null;
+-function SettledSecret({ bot, request, roster }) {
+- const canceled = request.status === "canceled";
+- const text = canceled ? t("{bot} asked for {name}", { bot: bot.name, name: request.name }) : request.status === "allowed" ? t("Allowed {bot} to use {name}", { bot: bot.name, name: request.name }) : t("Saved {name}", { name: request.name });
- return (0, import_react5.createElement)(
- "div",
-- { className: "bt-q bt-secret", role: "group", "aria-describedby": noteId, "data-kind": request.kind },
-- (0, import_react5.createElement)(SecretHead, {
-- bot,
-- title: request.kind === "allow" ? t("Let {bot} use {name}?", { bot: bot.name, name: request.name }) : t("{name} needs a key", { name: bot.name }),
-- detail: request.purpose,
-- name: request.name,
-- onClose: busy ? void 0 : cancel
-- }),
-- request.kind === "allow" ? (0, import_react5.createElement)("div", { className: "bt-secret-saved" }, (0, import_react5.createElement)(KeyIcon), t("Saved for {scope}", { scope: scopeLabel(secret?.scope, roster) })) : null,
-- filling ? (0, import_react5.createElement)(
-- "div",
-- { className: "bt-secret-body" },
-- (0, import_react5.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react5.createElement)(MaskedInput, { value, onChange: setValue, onEnter: save, label: t("Value of {name}", { name: request.name }), autoFocus: replacing })),
-- request.kind === "fill" ? (0, import_react5.createElement)(ScopeSwitch, { value: scope, onChange: setScope, bot }) : null
-- ) : null,
-- (0, import_react5.createElement)(
-- "div",
-- { className: "bt-secret-note", id: noteId },
-- t("{bot} never sees the value. It reaches {bot}'s shell as ", { bot: bot.name }),
-- (0, import_react5.createElement)("code", null, `$DSH_SECRET_${request.name}`),
-- ".",
-- filling && value !== "" && !long ? t(" At least {count} characters.", { count: MIN_VALUE }) : ""
-- ),
-- warn,
-- error ? (0, import_react5.createElement)("div", { className: "bt-secret-error", role: "alert" }, error) : null,
+- { className: "bt-q bt-q-settled bt-secret bt-secret-done", role: "group", "aria-label": text, "data-status": request.status },
- (0, import_react5.createElement)(
- "div",
-- { className: "bt-q-foot" },
-- request.kind === "allow" && !replacing ? (0, import_react5.createElement)("button", { type: "button", className: "bt-q-btn", disabled: busy, onClick: () => setReplacing(true) }, t("Replace value")) : null,
-- (0, import_react5.createElement)("button", { type: "button", className: "bt-q-btn", disabled: busy, onClick: cancel }, t("Cancel")),
-- filling ? (0, import_react5.createElement)("button", { type: "button", className: "bt-q-submit", disabled: !long || busy, onClick: save }, busy ? t("Saving…") : t("Save")) : (0, import_react5.createElement)("button", { type: "button", className: "bt-q-submit", disabled: busy, onClick: allow }, busy ? t("Allowing…") : t("Allow"))
+- { className: "bt-q-head" },
+- (0, import_react5.createElement)("span", { className: "bt-secret-who" }, (0, import_react5.createElement)(BotMark, { bot, size: 22 })),
+- (0, import_react5.createElement)("div", { className: "bt-q-text" }, (0, import_react5.createElement)(
+- "p",
+- { className: "bt-q-title" },
+- text,
+- canceled ? null : (0, import_react5.createElement)("span", { className: "bt-secret-scope-tag" }, ` · ${scopeLabel(request.scope, roster)}`)
+- )),
+- canceled ? (0, import_react5.createElement)("span", { className: "bt-q-badge" }, t("Canceled")) : (0, import_react5.createElement)("span", { className: "bt-q-check bt-secret-check", title: t("Done") }, (0, import_react5.createElement)(CheckIcon))
- )
-- );
+function TriggerCell({ node, sessionId, useRoster, useSessions, useTurnClock, useUi, actions }) {
+ const roster = useRoster((value) => value);
+ const data = node.data;
@@ -6965,26 +5489,7 @@ diff --git a/client.js b/client.js
+}
+function Nothing() {
+ return null;
- }
--function SettledSecret({ bot, request, roster }) {
-- const canceled = request.status === "canceled";
-- const text = canceled ? t("{bot} asked for {name}", { bot: bot.name, name: request.name }) : request.status === "allowed" ? t("Allowed {bot} to use {name}", { bot: bot.name, name: request.name }) : t("Saved {name}", { name: request.name });
-- return (0, import_react5.createElement)(
-- "div",
-- { className: "bt-q bt-q-settled bt-secret bt-secret-done", role: "group", "aria-label": text, "data-status": request.status },
-- (0, import_react5.createElement)(
-- "div",
-- { className: "bt-q-head" },
-- (0, import_react5.createElement)("span", { className: "bt-secret-who" }, (0, import_react5.createElement)(BotMark, { bot, size: 22 })),
-- (0, import_react5.createElement)("div", { className: "bt-q-text" }, (0, import_react5.createElement)(
-- "p",
-- { className: "bt-q-title" },
-- text,
-- canceled ? null : (0, import_react5.createElement)("span", { className: "bt-secret-scope-tag" }, ` · ${scopeLabel(request.scope, roster)}`)
-- )),
-- canceled ? (0, import_react5.createElement)("span", { className: "bt-q-badge" }, t("Canceled")) : (0, import_react5.createElement)("span", { className: "bt-q-check bt-secret-check", title: t("Done") }, (0, import_react5.createElement)(CheckIcon))
-- )
-- );
++}
+var HIDDEN_REMOVED_TOOLS = /* @__PURE__ */ new Set(["ask_user_question"]);
+var isConnectorTool = (name) => typeof name === "string" && /^mcp__(github|composio)__/.test(name);
+var SILENT_REGISTRATION_TOOLS = /* @__PURE__ */ new Set([
@@ -7036,9 +5541,7 @@ diff --git a/client.js b/client.js
+ }
+ if (parts.length === 0) return null;
+ return (0, import_react9.createElement)("div", { className: "bt-event" }, parts.join(" · "));
- }
--function RequestView({ bot, request, roster, actions }) {
-- return request.status === "pending" ? (0, import_react5.createElement)(SecretCard, { key: `${request.id}:${request.kind}`, bot, request, roster, actions }) : (0, import_react5.createElement)(SettledSecret, { bot, request, roster });
++}
+var SEPARATOR_GAP_MS = 30 * 60 * 1e3;
+function clockLabel(time, now = Date.now()) {
+ const date = new Date(time);
@@ -7049,33 +5552,15 @@ diff --git a/client.js b/client.js
+ if (days === 1) return t("Yesterday {time}", { time: clock4 });
+ const sameYear = date.getFullYear() === new Date(now).getFullYear();
+ return `${date.toLocaleDateString(dateLocale(), { weekday: "short", month: "short", day: "numeric", ...sameYear ? {} : { year: "numeric" } })} ${clock4}`;
- }
--function SecretToolCell({ sessionId, callId, name, done, content, roster, actions }) {
-- const bot = roster.byId[sessionId];
-- if (!bot) return null;
-- const request = (roster.secretRequests?.[bot.id] ?? []).find((entry) => entry.callId === callId && (entry.sessionId ?? sessionId) === sessionId);
-- if (request) return (0, import_react5.createElement)("div", { className: "bt-q-inline" }, (0, import_react5.createElement)(RequestView, { bot, request, roster, actions }));
-- if (done && /already saved/.test(contentText(content))) {
-- return (0, import_react5.createElement)("div", { className: "bt-event" }, (0, import_react5.createElement)("span", { className: "bt-secret-event" }, (0, import_react5.createElement)(KeyIcon), t("{bot} is using {name}", { bot: bot.name, name: name ?? t("a saved key") })));
++}
+function nextTurnStart(turns, turn) {
+ let next;
+ for (const key in turns) {
+ const candidate = Number(key);
+ if (candidate > turn && turns[key].first !== void 0 && (next === void 0 || candidate < next)) next = candidate;
- }
-- return null;
++ }
+ return next === void 0 ? void 0 : turns[next].first;
- }
--function SecretDock({ sessionId, useRoster, useCards, useSession, actions }) {
-- const roster = useRoster((value) => value);
-- const shown = useCards?.((state) => state[sessionId]) ?? NONE;
-- const loading = useSession?.(historyLoading) === true;
-- const bot = roster.byId[sessionId];
-- if (!bot || currentPart(bot) !== sessionId) return null;
-- const drawn = (entry) => entry.callId && entry.sessionId === sessionId && (loading || shown[entry.callId] > 0);
-- const waiting = (roster.secretRequests?.[bot.id] ?? []).filter((entry) => entry.status === "pending" && !drawn(entry));
-- if (waiting.length === 0) return null;
-- return (0, import_react5.createElement)("div", { className: "bt-q-dock bt-secret-dock" }, waiting.map((request) => (0, import_react5.createElement)(SecretCard, { key: `${request.id}:${request.kind}`, bot, request, roster, actions })));
++}
+function openingTurn(turns, firstTurns, hiddenTurns) {
+ if (!turns || !firstTurns) return null;
+ const start = nextTurnStart(turns, -Infinity);
@@ -7084,39 +5569,7 @@ diff --git a/client.js b/client.js
+ const listed = firstTurns.split(",").map(Number);
+ const earlier = listed.filter((entry) => entry < turn);
+ return listed.includes(turn) && earlier.every((entry) => hiddenTurns?.includes(entry)) ? { turn, start } : null;
- }
--function ScopeEditor({ secret, roster, onSave }) {
-- const [mode, setMode] = (0, import_react5.useState)(secret.scope === "all" ? "all" : "some");
-- const [picked, setPicked] = (0, import_react5.useState)(secret.scope === "all" ? [] : secret.scope);
-- const toggle = (id) => setPicked((list) => list.includes(id) ? list.filter((item) => item !== id) : [...list, id]);
-- const same = mode === "all" ? secret.scope === "all" : secret.scope !== "all" && [...picked].sort().join() === [...secret.scope].sort().join();
-- return (0, import_react5.createElement)(
-- "div",
-- { className: "bt-secret-edit-block" },
-- (0, import_react5.createElement)("div", { className: "bt-secret-edit-label" }, t("Who may use it")),
-- (0, import_react5.createElement)(
-- "div",
-- { className: "bt-secret-radios", role: "radiogroup", "aria-label": t("Who may use {name}", { name: secret.name }) },
-- [["all", t("All Bots")], ["some", t("Chosen Bots")]].map(([id, text]) => (0, import_react5.createElement)(
-- "label",
-- { key: id, className: "bt-secret-radio" },
-- (0, import_react5.createElement)("input", { type: "radio", name: `scope-${secret.name}`, checked: mode === id, onChange: () => setMode(id) }),
-- text
-- ))
-- ),
-- mode === "some" ? (0, import_react5.createElement)("div", { className: "bt-secret-bots" }, roster.bots.map((bot) => (0, import_react5.createElement)("button", {
-- key: bot.id,
-- type: "button",
-- className: "bt-secret-bot",
-- "aria-pressed": picked.includes(bot.id),
-- onClick: () => toggle(bot.id)
-- }, (0, import_react5.createElement)(BotAvatar, { bot, size: 20, badge: false, live: false }), bot.name, picked.includes(bot.id) ? (0, import_react5.createElement)(CheckIcon) : null))) : null,
-- (0, import_react5.createElement)(
-- "div",
-- { className: "bt-secret-row-actions" },
-- (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: same, onClick: () => onSave(mode === "all" ? "all" : picked) }, t("Save access"))
-- )
-- );
++}
+var unseenSince = (visit, time) => typeof visit?.seen === "number" && time > visit.seen && time <= visit.entered;
+function movedOnSince(visit, turns, hiddenTurns) {
+ if (typeof visit?.entered !== "number") return false;
@@ -7125,35 +5578,7 @@ diff --git a/client.js b/client.js
+ if (turns[key].first !== void 0 && turns[key].first > visit.entered) return true;
+ }
+ return false;
- }
--function ValueEditor({ secret, onSave }) {
-- const [value, setValue] = (0, import_react5.useState)("");
-- const [replaced, setReplaced] = (0, import_react5.useState)(false);
-- const long = value.trim().length >= MIN_VALUE;
-- const save = () => {
-- if (!long) return;
-- void Promise.resolve(onSave(value)).then((ok) => {
-- if (ok) {
-- setValue("");
-- setReplaced(true);
-- }
-- });
-- };
-- const edit = (next) => {
-- setValue(next);
-- setReplaced(false);
-- };
-- return (0, import_react5.createElement)(
-- "div",
-- { className: "bt-secret-edit-block" },
-- (0, import_react5.createElement)("div", { className: "bt-secret-edit-label" }, t("Replace the value")),
-- (0, import_react5.createElement)(
-- "div",
-- { className: "bt-secret-inline" },
-- (0, import_react5.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react5.createElement)(MaskedInput, { value, onChange: edit, onEnter: save, label: t("New value of {name}", { name: secret.name }) })),
-- (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: !long, onClick: save }, t("Replace"))
-- ),
-- value !== "" && !long ? (0, import_react5.createElement)("div", { className: "bt-set-hint" }, t("At least {count} characters.", { count: MIN_VALUE })) : replaced ? (0, import_react5.createElement)("div", { className: "bt-set-hint bt-secret-ok", role: "status" }, (0, import_react5.createElement)(CheckIcon), t("Replaced. Bots get the new value from their next command.")) : null
++}
+var settledVisit = (visit) => typeof visit?.seen === "number" && visit.seen < visit.entered ? { ...visit, seen: visit.entered } : visit;
+function TurnTailCell({ turn: location2, sessionId, useTurnClock, useUi, actions }) {
+ const turn = location2.turn;
@@ -7179,79 +5604,18 @@ diff --git a/client.js b/client.js
+ fresh ? (0, import_react9.createElement)(NewDivider) : null
);
}
--function SecretRow({ secret, roster, actions, run, open, onToggle }) {
-- const [confirm, setConfirm] = (0, import_react5.useState)(false);
-- (0, import_react5.useEffect)(() => {
-- if (!open) setConfirm(false);
-- }, [open]);
-- const asker = secret.requestedBy ? roster.byId[secret.requestedBy]?.name ?? t("a deleted Bot") : t("you");
-- const allowed = secret.scope === "all" ? [] : secret.scope.map((id) => roster.byId[id]).filter(Boolean);
-- const meta = [t("Asked by {name}", { name: asker }), t("added {time}", { time: when(secret.createdAt) }), secret.lastUsedAt ? t("last used {time}", { time: when(secret.lastUsedAt) }) : t("not used yet")].join(" · ");
-- return (0, import_react5.createElement)(
-- "div",
-- { className: "bt-secret-item", "data-open": open ? "" : void 0 },
-- (0, import_react5.createElement)(
-- "button",
-- { type: "button", className: "bt-set-row bt-secret-summary", "aria-expanded": open, onClick: onToggle },
-- (0, import_react5.createElement)(
-- "span",
-- { className: "bt-set-copy" },
-- (0, import_react5.createElement)("span", { className: "bt-secret-title" }, (0, import_react5.createElement)(KeyIcon), (0, import_react5.createElement)("code", { className: "bt-secret-name" }, secret.name), secret.purpose ? (0, import_react5.createElement)("span", { className: "bt-secret-purpose" }, secret.purpose) : null),
-- (0, import_react5.createElement)("span", { className: "bt-set-hint" }, meta)
-- ),
-- (0, import_react5.createElement)(
-- "span",
-- { className: "bt-set-control" },
-- secret.scope === "all" ? (0, import_react5.createElement)("span", { className: "bt-tag" }, t("All Bots")) : allowed.length === 0 ? (0, import_react5.createElement)("span", { className: "bt-tag" }, t("No Bot")) : (0, import_react5.createElement)("span", { className: "bt-secret-faces", title: allowed.map((bot) => bot.name).join(", ") }, allowed.slice(0, 5).map((bot) => (0, import_react5.createElement)(BotAvatar, { key: bot.id, bot, size: 20, badge: false, live: false })))
-- )
-- ),
-- open ? (0, import_react5.createElement)(
-- "div",
-- { className: "bt-secret-edit" },
-- (0, import_react5.createElement)(ScopeEditor, { key: JSON.stringify(secret.scope), secret, roster, onSave: (scope) => run(actions.secretUpdate(secret.name, scope)) }),
-- (0, import_react5.createElement)(ValueEditor, { secret, onSave: (value) => run(actions.secretSet({ name: secret.name, value })) }),
-- (0, import_react5.createElement)(
-- "div",
-- { className: "bt-secret-row-actions" },
-- confirm ? [
-- (0, import_react5.createElement)("span", { key: "q", className: "bt-set-hint" }, t("Delete {name}? Bots lose it at once.", { name: secret.name })),
-- (0, import_react5.createElement)("button", { key: "no", type: "button", className: "bt-soft bt-soft-sm", onClick: () => setConfirm(false) }, t("Keep")),
-- (0, import_react5.createElement)("button", { key: "yes", type: "button", className: "bt-soft bt-soft-sm bt-secret-danger", onClick: () => run(actions.secretDelete(secret.name)) }, t("Delete"))
-- ] : (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-secret-danger", onClick: () => setConfirm(true) }, (0, import_react5.createElement)(TrashIcon), t("Delete"))
-- )
-- ) : null
-- );
+-function RequestView({ bot, request, roster, actions }) {
+- return request.status === "pending" ? (0, import_react5.createElement)(SecretCard, { key: `${request.id}:${request.kind}`, bot, request, roster, actions }) : (0, import_react5.createElement)(SettledSecret, { bot, request, roster });
+function Shimmer({ children }) {
+ return (0, import_react9.createElement)("span", { className: "bt-shimmer" }, children);
}
--function AddSecret({ actions, run, onDone }) {
-- const [name, setName] = (0, import_react5.useState)("");
-- const [purpose, setPurpose] = (0, import_react5.useState)("");
-- const [value, setValue] = (0, import_react5.useState)("");
-- const ready = /^[A-Za-z][\w-]{0,63}$/.test(name.trim()) && value.trim().length >= MIN_VALUE;
-- const save = () => {
-- if (!ready) return;
-- void run(actions.secretSet({ name, purpose, value, scope: "all" })).then((ok) => {
-- if (ok) {
-- setValue("");
-- onDone();
-- }
-- });
-- };
-- return (0, import_react5.createElement)(
-- "div",
-- { className: "bt-set-row bt-set-paste bt-secret-add" },
-- (0, import_react5.createElement)("input", { className: "bt-input", "aria-label": t("Key name"), placeholder: t("NAME, e.g. GITHUB_TOKEN"), value: name, spellCheck: false, autoComplete: "off", autoFocus: true, onChange: (event) => setName(event.target.value.toUpperCase()) }),
-- (0, import_react5.createElement)("input", { className: "bt-input", "aria-label": t("What it is for"), placeholder: t("What it is for"), value: purpose, autoComplete: "off", onChange: (event) => setPurpose(event.target.value) }),
-- (0, import_react5.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react5.createElement)(MaskedInput, { value, onChange: setValue, onEnter: save, label: t("Value") })),
-- (0, import_react5.createElement)(
-- "div",
-- { className: "bt-secret-row-actions" },
-- (0, import_react5.createElement)("span", { className: "bt-set-hint" }, t("New keys are for all Bots; narrow it down afterwards.")),
-- (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onDone }, t("Cancel")),
-- (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: !ready, onClick: save }, t("Save key"))
-- )
-- );
+-function SecretToolCell({ sessionId, callId, name, done, content, roster, actions }) {
+- const bot = roster.byId[sessionId];
+- if (!bot) return null;
+- const request = (roster.secretRequests?.[bot.id] ?? []).find((entry) => entry.callId === callId && (entry.sessionId ?? sessionId) === sessionId);
+- if (request) return (0, import_react5.createElement)("div", { className: "bt-q-inline" }, (0, import_react5.createElement)(RequestView, { bot, request, roster, actions }));
+- if (done && /already saved/.test(contentText(content))) {
+- return (0, import_react5.createElement)("div", { className: "bt-event" }, (0, import_react5.createElement)("span", { className: "bt-secret-event" }, (0, import_react5.createElement)(KeyIcon), t("{bot} is using {name}", { bot: bot.name, name: name ?? t("a saved key") })));
+var PHRASES = {
+ thinking: ["Thinking about it", "Weighing the options", "Working out a plan", "Sorting out the details"],
+ working: ["On it", "Busy with it", "Moving ahead", "Taking care of it", "Making headway"]
@@ -7308,157 +5672,68 @@ diff --git a/client.js b/client.js
+ if (GROUP_PHRASES[name]) return { label: t(GROUP_PHRASES[name]), state: "sending" };
+ const phrase = TOOL_PHRASES.find(([pattern]) => pattern.test(name))?.[1];
+ return { label: phrase ? t(phrase) : null, state: toolState(name) };
-+ }
+ }
+- return null;
}
--function SecretsPage({ roster, actions, run, Section }) {
-- const [open, setOpen] = (0, import_react5.useState)(null);
-- const [adding, setAdding] = (0, import_react5.useState)(false);
-- const secrets = roster.secrets ?? [];
-- return [
-- (0, import_react5.createElement)(
-- "p",
-- { key: "about", className: "bt-secret-about" },
-- t("Keys your Bots asked for. Bots never see the values: they use them as "),
-- (0, import_react5.createElement)("code", null, "$DSH_SECRET_NAME"),
-- t(" in their shell, and every value is replaced by "),
-- (0, import_react5.createElement)("code", null, "[secret:NAME]"),
-- t(" before anything goes to a model.")
-- ),
-- (0, import_react5.createElement)(
-- Section,
-- { key: "list", title: t("Secrets · {count}", { count: secrets.length }) },
-- secrets.length === 0 && !adding ? (0, import_react5.createElement)("div", { className: "bt-set-row" }, (0, import_react5.createElement)("span", { className: "bt-set-hint" }, t("No keys yet. When a Bot needs one, it shows a card in its chat."))) : null,
-- secrets.map((secret) => (0, import_react5.createElement)(SecretRow, { key: secret.name, secret, roster, actions, run, open: open === secret.name, onToggle: () => setOpen(open === secret.name ? null : secret.name) })),
-- adding ? (0, import_react5.createElement)(AddSecret, { actions, run, onDone: () => setAdding(false) }) : null
-- ),
-- adding ? null : (0, import_react5.createElement)("div", { key: "add", className: "bt-actions" }, (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setAdding(true) }, t("Add a key")))
-- ];
+-function SecretDock({ sessionId, useRoster, useCards, useSession, actions }) {
+- const roster = useRoster((value) => value);
+- const shown = useCards?.((state) => state[sessionId]) ?? NONE;
+- const loading = useSession?.(historyLoading) === true;
+- const bot = roster.byId[sessionId];
+- if (!bot || currentPart(bot) !== sessionId) return null;
+- const drawn = (entry) => entry.callId && entry.sessionId === sessionId && (loading || shown[entry.callId] > 0);
+- const waiting = (roster.secretRequests?.[bot.id] ?? []).filter((entry) => entry.status === "pending" && !drawn(entry));
+- if (waiting.length === 0) return null;
+- return (0, import_react5.createElement)("div", { className: "bt-q-dock bt-secret-dock" }, waiting.map((request) => (0, import_react5.createElement)(SecretCard, { key: `${request.id}:${request.kind}`, bot, request, roster, actions })));
+function workPhrase(tool) {
+ if (!tool) return t("Thinking about it");
+ return toolActivity(tool, () => void 0, () => void 0)?.label ?? t("Using {tool}", { tool });
}
--var SECRET_CSS = `
--.bt-secret-head{align-items:center;gap:10px}
--.bt-secret-who{position:relative;flex:none;display:inline-flex}
--.bt-secret-lock{position:absolute;right:-5px;bottom:-4px;width:16px;height:16px;border-radius:50%;background:var(--bt-main);color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 1.5px var(--bt-bubble)}
--.bt-secret-lock svg{width:11px;height:11px}
--.bt-secret-name{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:16px;padding:1px 6px;border-radius:5px;background:var(--bt-hover);color:var(--bt-ink)}
--.bt-secret-body{display:flex;flex-direction:column;gap:8px}
--.bt-secret-field{align-items:center;min-height:36px}
--.bt-secret-input{flex:1;width:100%;min-width:0;margin:0;padding:0;border:0;outline:none;background:transparent;color:var(--bt-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:20px;letter-spacing:.04em}
--.bt-secret-input[data-masked]{-webkit-text-security:disc}
--.bt-secret-input::placeholder{color:var(--bt-ink-3);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;letter-spacing:0}
--.bt-secret-scope{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;align-self:flex-start;padding:2px;border-radius:999px;background:var(--bt-hover)}
--.bt-secret-glide{position:absolute;top:2px;bottom:2px;left:2px;width:calc(50% - 2px);border-radius:999px;background:var(--bt-main);box-shadow:0 1px 3px rgba(20,20,20,.08),inset 0 0 0 .5px color-mix(in srgb,var(--bt-ink) 6%,transparent);transition:${spring(SPRING_SHAPE, "transform")}}
--.bt-secret-glide[data-at="1"]{transform:translateX(100%)}
--.bt-secret-seg{position:relative;z-index:1;height:28px;padding:0 14px;border:0;border-radius:999px;background:none;color:var(--bt-ink-2);font:inherit;font-size:13px;white-space:nowrap;cursor:pointer;transition:color .16s ease}
--.bt-secret-seg[aria-checked=true]{color:var(--bt-ink);font-weight:500}
--.bt-secret-seg:focus-visible{outline:2px solid var(--bt-accent);outline-offset:-2px}
--/* A key card asks the user to act, so the process group carrying it stays open in every
-- work-details mode (same override as .bt-group-replies in styles.js). */
--[data-step-process]:has(.bt-secret)>div:first-child{display:none!important}
--[data-step-process]:has(.bt-secret)>[data-step-process-body]{display:block!important;content-visibility:visible!important;max-height:none!important;overflow:visible!important;mask-image:none!important;scrollbar-gutter:auto!important}
--.bt-secret-ok{display:flex;align-items:center;gap:4px;margin-top:6px;animation:bt-secret-in .22s cubic-bezier(.22,1,.36,1)}
--.bt-secret-ok svg{width:13px;height:13px;color:#16a34a}
--@keyframes bt-secret-in{from{opacity:0;transform:translateY(-2px)}}
--.bt-secret-saved{display:flex;align-items:center;gap:6px;font-size:13px;line-height:18px;color:var(--bt-ink-2)}
--.bt-secret-note{font-size:12px;line-height:17px;color:var(--bt-ink-3)}
--.bt-secret-note code,.bt-secret-about code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px}
--.bt-secret-warn{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:12px;line-height:16px;color:#b25e09;background:color-mix(in srgb,#f59e0b 12%,transparent)}
--.bt-secret-error{font-size:12px;line-height:16px;color:#e02135}
--.bt-secret .bt-q-btn:disabled{opacity:.5;cursor:default}
--.bt-secret-done .bt-q-head{align-items:center}
--.bt-secret-done .bt-q-title{font-size:13px;line-height:18px;color:var(--bt-ink-2);font-weight:500}
--.bt-secret-scope-tag{font-weight:400;color:var(--bt-ink-3)}
--.bt-secret-check{color:var(--bt-green,#22a06b);animation:bt-secret-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} backwards}
--.bt-secret-done{animation:bt-secret-settle .32s cubic-bezier(.22,1,.36,1) backwards}
--@keyframes bt-secret-pop{from{opacity:0;transform:scale(.4)}}
--@keyframes bt-secret-settle{from{opacity:.4;transform:scale(.985)}}
--.bt-secret-event{display:inline-flex;align-items:center;gap:5px}
--.bt-secret-dock{flex-direction:column;align-items:center}
--.bt-secret-dock .bt-q{max-width:min(550px,calc(100% - 32px))}
--.bt-secret-about{margin:0 0 12px;padding:0 4px;font-size:12px;line-height:17px;color:var(--bt-ink-2)}
--.bt-secret-title{display:flex;align-items:center;gap:6px;min-width:0;color:var(--bt-ink)}
--.bt-secret-title svg{flex:none;color:var(--bt-ink-2)}
--.bt-secret-purpose{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bt-ink-2)}
--.bt-secret-faces{display:inline-flex}
--.bt-secret-faces>*+*{margin-left:-6px}
--.bt-secret-edit{display:flex;flex-direction:column;gap:14px;padding:4px 12px 14px;animation:bt-q-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} backwards,bt-veil-in .2s ease-out backwards}
--.bt-secret-edit-block{display:flex;flex-direction:column;gap:8px}
--.bt-secret-edit-label{font-size:12px;line-height:16px;font-weight:600;color:var(--bt-ink-2)}
--.bt-secret-radios{display:flex;gap:16px;font-size:13px}
--.bt-secret-radio{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
--.bt-secret-bots{display:flex;flex-wrap:wrap;gap:6px}
--.bt-secret-bot{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px 0 5px;border-radius:999px;border:.5px solid var(--bt-line);background:var(--bt-card);color:var(--bt-ink-2);font:inherit;font-size:12px;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}
--.bt-secret-bot[aria-pressed=true]{background:var(--bt-active);color:var(--bt-ink);border-color:var(--bt-line-2)}
--.bt-secret-bot svg{width:13px;height:13px}
--.bt-secret-inline{display:flex;gap:8px;align-items:center}
--.bt-secret-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
--.bt-secret-row-actions .bt-set-hint{flex:1}
--.bt-secret-danger{color:#e02135;display:inline-flex;align-items:center;gap:4px}
--.bt-secret-danger svg{width:13px;height:13px}
--.bt-secret-add .bt-input{height:34px}
--@media (prefers-reduced-motion:reduce){.bt-secret-glide{transition:none}.bt-secret-check,.bt-secret-done,.bt-secret-ok,.bt-secret-edit{animation:none}}
--`;
--
--// src/client/turn-reasoning.js
--function turnReasoning(steps, current) {
-- const members = steps.length ? steps : [current];
-- if (members.find((step) => stepReasoning(step) !== "")?.step !== current.step) return "";
-- return members.filter((step) => !thinkingLive(step)).map(stepReasoning).filter(Boolean).join("\n\n");
-+function workText(tool, step) {
-+ return step ? t("{action}: {detail}", { action: workPhrase(tool), detail: step }) : `${workPhrase(tool)}…`;
- }
--var texts = (step) => step.blocks.filter((block) => block.kind === "text" && block.text.trim() !== "");
--var thinkingLive = (step) => step.status === "running" && texts(step).length === 0 && step.blocks.some((block) => block.kind === "reasoning");
--var stepReasoning = (step) => step.blocks.filter((block) => block.kind === "reasoning").map((block) => block.text).join("\n").trim();
--
--// src/client/cells.js
--var import_react6 = require("react");
--var import_react_dom = require("react-dom");
--var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
--var mdLabels = () => ({ code: { copyLabel: t("Copy"), copiedLabel: t("Copied") }, footnotes: t("Footnotes") });
--function Bubbles({ texts: texts2, roster, selfId, actions, streaming, sessionId, msgKey, useUi, lead, mentions }) {
-- const onClick = (event) => {
-- const target = mentionTarget(event);
-- if (target === null) return;
-- event.preventDefault();
-- event.stopPropagation();
-- actions.openSession(target);
-- };
-- const reactions = useUi ? useUi((state) => msgKey ? state.reactions?.[msgKey] ?? null : null) : null;
-- return (0, import_react6.createElement)(
+-function ScopeEditor({ secret, roster, onSave }) {
+- const [mode, setMode] = (0, import_react5.useState)(secret.scope === "all" ? "all" : "some");
+- const [picked, setPicked] = (0, import_react5.useState)(secret.scope === "all" ? [] : secret.scope);
+- const toggle = (id) => setPicked((list) => list.includes(id) ? list.filter((item) => item !== id) : [...list, id]);
+- const same = mode === "all" ? secret.scope === "all" : secret.scope !== "all" && [...picked].sort().join() === [...secret.scope].sort().join();
+- return (0, import_react5.createElement)(
- "div",
-- { className: "bt-astack", "data-lead": lead ? "" : void 0, onClickCapture: onClick },
-- texts2.map((text, index) => {
-- const key = msgKey ? `${msgKey}:${index}` : void 0;
-- const picked = key ? reactions?.[index] ?? [] : [];
-- const last = index === texts2.length - 1;
-- const live = streaming && last;
-- return (0, import_react6.createElement)(
-- "div",
-- { key: index, className: "bt-msg" },
-- (0, import_react6.createElement)(
-- "div",
-- { className: "bt-msg-line" },
-- lead && last ? lead : null,
-- (0, import_react6.createElement)(
-- "div",
-- { className: "bt-bubble" },
-- (0, import_react6.createElement)(import_dsh_client_ui_primitives.MarkdownText, { text: linkMentions(text, roster.bots, selfId), streaming: live, labels: mdLabels(), variant: "compact", fileMentions: mentions })
-- ),
-- live ? null : (0, import_react6.createElement)(MessageTools, { text, name: roster.byId[selfId]?.name ?? t("Bot"), sessionId, react: key ? (emoji) => actions.toggleReaction(msgKey, index, emoji) : void 0, actions })
-- ),
-- picked.length ? (0, import_react6.createElement)("div", { className: "bt-reacts" }, picked.map((emoji) => (0, import_react6.createElement)("button", {
-- key: emoji,
-- type: "button",
-- className: "bt-react",
-- "aria-label": t("Remove reaction {emoji}", { emoji }),
-- onClick: () => actions.toggleReaction(msgKey, index, emoji)
-- }, emoji))) : null
-- );
-- })
+- { className: "bt-secret-edit-block" },
+- (0, import_react5.createElement)("div", { className: "bt-secret-edit-label" }, t("Who may use it")),
+- (0, import_react5.createElement)(
+- "div",
+- { className: "bt-secret-radios", role: "radiogroup", "aria-label": t("Who may use {name}", { name: secret.name }) },
+- [["all", t("All Bots")], ["some", t("Chosen Bots")]].map(([id, text]) => (0, import_react5.createElement)(
+- "label",
+- { key: id, className: "bt-secret-radio" },
+- (0, import_react5.createElement)("input", { type: "radio", name: `scope-${secret.name}`, checked: mode === id, onChange: () => setMode(id) }),
+- text
+- ))
+- ),
+- mode === "some" ? (0, import_react5.createElement)("div", { className: "bt-secret-bots" }, roster.bots.map((bot) => (0, import_react5.createElement)("button", {
+- key: bot.id,
+- type: "button",
+- className: "bt-secret-bot",
+- "aria-pressed": picked.includes(bot.id),
+- onClick: () => toggle(bot.id)
+- }, (0, import_react5.createElement)(BotAvatar, { bot, size: 20, badge: false, live: false }), bot.name, picked.includes(bot.id) ? (0, import_react5.createElement)(CheckIcon) : null))) : null,
+- (0, import_react5.createElement)(
+- "div",
+- { className: "bt-secret-row-actions" },
+- (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: same, onClick: () => onSave(mode === "all" ? "all" : picked) }, t("Save access"))
+- )
- );
++function workText(tool, step) {
++ return step ? t("{action}: {detail}", { action: workPhrase(tool), detail: step }) : `${workPhrase(tool)}…`;
+ }
+-function ValueEditor({ secret, onSave }) {
+- const [value, setValue] = (0, import_react5.useState)("");
+- const [replaced, setReplaced] = (0, import_react5.useState)(false);
+- const long = value.trim().length >= MIN_VALUE;
+- const save = () => {
+- if (!long) return;
+- void Promise.resolve(onSave(value)).then((ok) => {
+- if (ok) {
+- setValue("");
+- setReplaced(true);
+function useLiveNote(actions, sessionId, id, entry) {
+ const key = entry ? JSON.stringify(entry) : "";
+ (0, import_react9.useEffect)(() => {
@@ -7466,19 +5741,7 @@ diff --git a/client.js b/client.js
+ actions.noteLive(sessionId, id, JSON.parse(key));
+ return () => actions.noteLive(sessionId, id, null);
+ }, [sessionId, id, key]);
- }
--var REACTIONS = ["👍", "❤️", "😂", "😮", "😢", "🙏"];
--function useDismiss(open, close, refs) {
-- (0, import_react6.useEffect)(() => {
-- if (!open) return void 0;
-- const onDown = (event) => {
-- if (refs.some((ref) => ref.current?.contains(event.target))) return;
-- close();
-- };
-- const onKey = (event) => {
-- if (event.key === "Escape") {
-- event.stopPropagation();
-- close();
++}
+function GroupReplies({ sessionId, callId, done, content, roster, actions, useUi }) {
+ const [live, setLive] = (0, import_react9.useState)({ replies: [] });
+ (0, import_react9.useEffect)(() => {
@@ -7495,31 +5758,20 @@ diff --git a/client.js b/client.js
+ seen = key;
+ setLive({ replies: entry.replies ?? [] });
}
+- });
+- };
+- const edit = (next) => {
+- setValue(next);
+- setReplaced(false);
+- };
+- return (0, import_react5.createElement)(
+ timer = setTimeout(tick, document.hidden ? 5e3 : 1e3);
- };
-- window.addEventListener("mousedown", onDown);
-- window.addEventListener("keydown", onKey, true);
++ };
+ void tick();
- return () => {
-- window.removeEventListener("mousedown", onDown);
-- window.removeEventListener("keydown", onKey, true);
++ return () => {
+ stop = true;
+ clearTimeout(timer);
- };
-- }, [open]);
--}
--function MessageTools({ text, name, sessionId, react, actions }) {
-- const [panel, setPanel] = (0, import_react6.useState)(null);
-- const [place, setPlace] = (0, import_react6.useState)(null);
-- const [copied, setCopied] = (0, import_react6.useState)(false);
-- const tools = (0, import_react6.useRef)(null);
-- const pop = (0, import_react6.useRef)(null);
-- const close = () => setPanel(null);
-- useDismiss(panel !== null, close, [tools, pop]);
-- const open = (kind, event) => {
-- if (panel === kind) {
-- close();
-- return;
++ };
+ }, [done, sessionId, callId]);
+ let replies = live.replies;
+ if (done) {
@@ -7527,60 +5779,21 @@ diff --git a/client.js b/client.js
+ replies = JSON.parse(contentText(content)).replies ?? [];
+ } catch {
+ replies = [];
- }
-- const rect = event.currentTarget.getBoundingClientRect();
-- const below = rect.bottom + 220 < window.innerHeight;
-- setPlace(kind === "react" ? { left: rect.left + rect.width / 2, top: rect.top - 6, "--bt-origin": "bottom center" } : { left: Math.min(rect.left, window.innerWidth - 208), ...below ? { top: rect.bottom + 4 } : { bottom: window.innerHeight - rect.top + 4, "--bt-origin": "bottom left" } });
-- setPanel(kind);
-- };
-- const copy2 = () => {
-- void navigator.clipboard?.writeText(text).then(() => {
-- setCopied(true);
-- setTimeout(() => setCopied(false), 1e3);
-- });
-- };
-- const download2 = () => {
-- const url = URL.createObjectURL(new Blob([text], { type: "text/markdown" }));
-- const link = Object.assign(document.createElement("a"), { href: url, download: `${name}-message.md` });
-- link.click();
-- setTimeout(() => URL.revokeObjectURL(url), 1e3);
-- };
-- const item = (label, Icon, run) => (0, import_react6.createElement)("button", { key: label, type: "button", role: "menuitem", onClick: () => {
-- close();
-- run();
-- } }, (0, import_react6.createElement)(Icon), label);
-- return (0, import_react6.createElement)(
++ }
+ }
+ if (replies.length === 0) return null;
+ const room2 = roster.roomsById[sessionId];
+ return (0, import_react9.createElement)(
"div",
-- { ref: tools, className: "bt-tools", "data-open": panel !== null || void 0 },
-- react ? (0, import_react6.createElement)("button", { type: "button", className: "bt-tool", "aria-label": t("Add reaction"), title: t("Add reaction"), "aria-expanded": panel === "react", onClick: (event) => open("react", event) }, (0, import_react6.createElement)(SmileIcon)) : null,
-- sessionId ? (0, import_react6.createElement)("button", { type: "button", className: "bt-tool", "aria-label": t("Reply"), title: t("Reply"), onClick: () => actions.quote(sessionId, text) }, (0, import_react6.createElement)(ReplyIcon)) : null,
-- (0, import_react6.createElement)("button", { type: "button", className: "bt-tool", "aria-label": t("More message actions"), title: t("More"), "aria-haspopup": "menu", "aria-expanded": panel === "more", onClick: (event) => open("more", event) }, copied ? (0, import_react6.createElement)(CheckIcon) : (0, import_react6.createElement)(DotsIcon)),
-- panel === "react" ? (0, import_react_dom.createPortal)((0, import_react6.createElement)(
-- "div",
-- { ref: pop, className: "bt-react-strip", role: "menu", "aria-label": t("Reactions"), style: place },
-- REACTIONS.map((emoji) => (0, import_react6.createElement)("button", { key: emoji, type: "button", role: "menuitem", "aria-label": emoji, onClick: () => {
-- close();
-- react(emoji);
-- } }, emoji))
-- ), document.body) : null,
-- panel === "more" ? (0, import_react_dom.createPortal)((0, import_react6.createElement)(
+- { className: "bt-secret-edit-block" },
+- (0, import_react5.createElement)("div", { className: "bt-secret-edit-label" }, t("Replace the value")),
+- (0, import_react5.createElement)(
- "div",
-- { ref: pop, className: "bt-menu", role: "menu", "aria-label": t("Message actions"), style: place },
-- item(t("Copy"), CopyIcon, copy2),
-- item(t("Download"), DownloadIcon, download2)
-- ), document.body) : null
-- );
--}
--function ThinkingRow({ text }) {
-- return (0, import_react6.createElement)(
-- "details",
-- { className: "bt-think" },
-- (0, import_react6.createElement)("summary", null, t("Thought it through")),
-- (0, import_react6.createElement)("div", { className: "bt-think-text" }, text)
+- { className: "bt-secret-inline" },
+- (0, import_react5.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react5.createElement)(MaskedInput, { value, onChange: edit, onEnter: save, label: t("New value of {name}", { name: secret.name }) })),
+- (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: !long, onClick: save }, t("Replace"))
+- ),
+- value !== "" && !long ? (0, import_react5.createElement)("div", { className: "bt-set-hint" }, t("At least {count} characters.", { count: MIN_VALUE })) : replaced ? (0, import_react5.createElement)("div", { className: "bt-set-hint bt-secret-ok", role: "status" }, (0, import_react5.createElement)(CheckIcon), t("Replaced. Bots get the new value from their next command.")) : null
+ { className: "bt-group-replies" },
+ replies.map((reply, index) => {
+ const stored = roster.byId[reply.botId];
@@ -7663,15 +5876,48 @@ diff --git a/client.js b/client.js
+ })
);
}
--function useFileMentions({ node, openFile, fileMentions, useTurnData }) {
-- const tail = useTurnData?.("turn-tail");
-- const location2 = node.location;
-- const turn = location2?.kind === "turn" || location2?.kind === "step" ? location2.turn : void 0;
-- const seq = node.data.finalNode?.seq;
-- return (0, import_react6.useMemo)(() => {
-- if (typeof fileMentions !== "function" || turn?.status !== "closed" || seq === void 0) return void 0;
-- return tail?.closing?.finalNode.seq === seq ? fileMentions({ turn, seq, openFile }) : void 0;
-- }, [fileMentions, openFile, seq, tail, turn]);
+-function SecretRow({ secret, roster, actions, run, open, onToggle }) {
+- const [confirm, setConfirm] = (0, import_react5.useState)(false);
+- (0, import_react5.useEffect)(() => {
+- if (!open) setConfirm(false);
+- }, [open]);
+- const asker = secret.requestedBy ? roster.byId[secret.requestedBy]?.name ?? t("a deleted Bot") : t("you");
+- const allowed = secret.scope === "all" ? [] : secret.scope.map((id) => roster.byId[id]).filter(Boolean);
+- const meta = [t("Asked by {name}", { name: asker }), t("added {time}", { time: when(secret.createdAt) }), secret.lastUsedAt ? t("last used {time}", { time: when(secret.lastUsedAt) }) : t("not used yet")].join(" · ");
+- return (0, import_react5.createElement)(
+- "div",
+- { className: "bt-secret-item", "data-open": open ? "" : void 0 },
+- (0, import_react5.createElement)(
+- "button",
+- { type: "button", className: "bt-set-row bt-secret-summary", "aria-expanded": open, onClick: onToggle },
+- (0, import_react5.createElement)(
+- "span",
+- { className: "bt-set-copy" },
+- (0, import_react5.createElement)("span", { className: "bt-secret-title" }, (0, import_react5.createElement)(KeyIcon), (0, import_react5.createElement)("code", { className: "bt-secret-name" }, secret.name), secret.purpose ? (0, import_react5.createElement)("span", { className: "bt-secret-purpose" }, secret.purpose) : null),
+- (0, import_react5.createElement)("span", { className: "bt-set-hint" }, meta)
+- ),
+- (0, import_react5.createElement)(
+- "span",
+- { className: "bt-set-control" },
+- secret.scope === "all" ? (0, import_react5.createElement)("span", { className: "bt-tag" }, t("All Bots")) : allowed.length === 0 ? (0, import_react5.createElement)("span", { className: "bt-tag" }, t("No Bot")) : (0, import_react5.createElement)("span", { className: "bt-secret-faces", title: allowed.map((bot) => bot.name).join(", ") }, allowed.slice(0, 5).map((bot) => (0, import_react5.createElement)(BotAvatar, { key: bot.id, bot, size: 20, badge: false, live: false })))
+- )
+- ),
+- open ? (0, import_react5.createElement)(
+- "div",
+- { className: "bt-secret-edit" },
+- (0, import_react5.createElement)(ScopeEditor, { key: JSON.stringify(secret.scope), secret, roster, onSave: (scope) => run(actions.secretUpdate(secret.name, scope)) }),
+- (0, import_react5.createElement)(ValueEditor, { secret, onSave: (value) => run(actions.secretSet({ name: secret.name, value })) }),
+- (0, import_react5.createElement)(
+- "div",
+- { className: "bt-secret-row-actions" },
+- confirm ? [
+- (0, import_react5.createElement)("span", { key: "q", className: "bt-set-hint" }, t("Delete {name}? Bots lose it at once.", { name: secret.name })),
+- (0, import_react5.createElement)("button", { key: "no", type: "button", className: "bt-soft bt-soft-sm", onClick: () => setConfirm(false) }, t("Keep")),
+- (0, import_react5.createElement)("button", { key: "yes", type: "button", className: "bt-soft bt-soft-sm bt-secret-danger", onClick: () => run(actions.secretDelete(secret.name)) }, t("Delete"))
+- ] : (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-secret-danger", onClick: () => setConfirm(true) }, (0, import_react5.createElement)(TrashIcon), t("Delete"))
+- )
+- ) : null
+- );
+var DRAWN = /* @__PURE__ */ new Set(["message_bot", "stop_bot", "create_bot", "update_bot", "group_relay", "create_group", "update_group", "delete_group", "post_to_group", "ask_user", "request_secret", "ask_user_question", "read_group_chat", "remember", "forget"]);
+var CARDS = /* @__PURE__ */ new Set(["ask_user", "request_secret"]);
+function callTree(root) {
@@ -7687,40 +5933,17 @@ diff --git a/client.js b/client.js
+ visit(root);
+ return calls;
}
--function AssistantCell({ node, groupPart, sessionId, openFile, fileMentions, useTurnData, useRoster, useUi, useTurnSteps, useTurnContext, actions }) {
-- const roster = useRoster((value) => value);
-- const data = node.data;
-- const steps = useTurnSteps(String(data.turn));
-- const contexts = useTurnContext(String(data.turn));
-- const mentions = useFileMentions({ node, openFile, fileMentions, useTurnData });
-- const hidden = Boolean(roster.roomsById[sessionId]) || isHiddenTurn(roster, sessionId, data.turn);
-- const texts2 = groupPart === "reasoning" ? [] : data.blocks.filter((block) => block.kind === "text" && block.text.trim() !== "").map((block) => block.text);
-- const running = data.status === "running";
-- useLiveNote(actions, sessionId, `text:${node.key ?? data.seq}`, !hidden && running && texts2.length > 0 ? { text: true } : null);
-- if (hidden) return null;
-- const reasoning = groupPart === "response" ? "" : turnReasoning(steps, data);
-- const relays = relayPart(data, groupPart) ? relaysBefore(contexts, steps, data) : [];
-- if (texts2.length === 0 && !reasoning && relays.length === 0) return null;
-- const selfId = roster.byId[sessionId]?.id ?? sessionId;
-- return (0, import_react6.createElement)(
-- import_react6.Fragment,
-- null,
-- relays.map((relay) => {
-- const source = relay.source;
-- const sender = roster.byId[source.senderSessionId] ?? { id: source.senderSessionId, name: source.senderName ?? t("a Bot"), color: "gray" };
-- return (0, import_react6.createElement)(EventLine, {
-- key: relay.seq,
-- prefix: source.role === "stopped" ? t("Stopped by") : source.role === "reply" ? t("Reply from") : t("Message from"),
-- bots: [sender],
-- onOpen: () => {
-- if (sender.id) actions.openExchange(selfId, sender.id);
-- },
-- whole: true
-- });
-- }),
-- reasoning ? (0, import_react6.createElement)(ThinkingRow, { text: reasoning }) : null,
-- texts2.length ? (0, import_react6.createElement)(Bubbles, { texts: texts2, roster, selfId, actions, streaming: running, sessionId, msgKey: `${sessionId}:${data.turn}:${node.key ?? data.seq ?? ""}`, useUi, mentions }) : null
-- );
+-function AddSecret({ actions, run, onDone }) {
+- const [name, setName] = (0, import_react5.useState)("");
+- const [purpose, setPurpose] = (0, import_react5.useState)("");
+- const [value, setValue] = (0, import_react5.useState)("");
+- const ready = /^[A-Za-z][\w-]{0,63}$/.test(name.trim()) && value.trim().length >= MIN_VALUE;
+- const save = () => {
+- if (!ready) return;
+- void run(actions.secretSet({ name, purpose, value, scope: "all" })).then((ok) => {
+- if (ok) {
+- setValue("");
+- onDone();
+function useShownCards(actions, sessionId, callIds) {
+ const key = JSON.stringify(callIds);
+ (0, import_react9.useLayoutEffect)(() => {
@@ -7729,20 +5952,7 @@ diff --git a/client.js b/client.js
+ actions.noteCards(sessionId, ids, 1);
+ return () => actions.noteCards(sessionId, ids, -1);
+ }, [sessionId, key]);
- }
--function EventLine({ prefix, bots, joiner = t("and"), onOpen, whole = false }) {
-- if (whole && bots.length === 1) {
-- return (0, import_react6.createElement)(
-- "div",
-- { className: "bt-event" },
-- (0, import_react6.createElement)(
-- "button",
-- { type: "button", className: "bt-event-whole", title: bots[0].name, onClick: () => onOpen?.(bots[0]) },
-- (0, import_react6.createElement)("span", null, prefix),
-- (0, import_react6.createElement)(BotMark, { bot: bots[0], size: 16 }),
-- (0, import_react6.createElement)("span", { className: "bt-event-name" }, bots[0].name)
-- )
-- );
++}
+function renderCall(call4, { sessionId, roster, actions, useUi, findBot }) {
+ const tool = toolName(call4);
+ const done = call4.kind === "tool-result";
@@ -7802,7 +6012,23 @@ diff --git a/client.js b/client.js
+ parsed = JSON.parse(contentText(call4.content));
+ } catch {
+ parsed = null;
-+ }
+ }
+- });
+- };
+- return (0, import_react5.createElement)(
+- "div",
+- { className: "bt-set-row bt-set-paste bt-secret-add" },
+- (0, import_react5.createElement)("input", { className: "bt-input", "aria-label": t("Key name"), placeholder: t("NAME, e.g. GITHUB_TOKEN"), value: name, spellCheck: false, autoComplete: "off", autoFocus: true, onChange: (event) => setName(event.target.value.toUpperCase()) }),
+- (0, import_react5.createElement)("input", { className: "bt-input", "aria-label": t("What it is for"), placeholder: t("What it is for"), value: purpose, autoComplete: "off", onChange: (event) => setPurpose(event.target.value) }),
+- (0, import_react5.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react5.createElement)(MaskedInput, { value, onChange: setValue, onEnter: save, label: t("Value") })),
+- (0, import_react5.createElement)(
+- "div",
+- { className: "bt-secret-row-actions" },
+- (0, import_react5.createElement)("span", { className: "bt-set-hint" }, t("New keys are for all Bots; narrow it down afterwards.")),
+- (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onDone }, t("Cancel")),
+- (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: !ready, onClick: save }, t("Save key"))
+- )
+- );
+ const answer = parsed?.answers?.[0];
+ const question = argValue("questions")?.[0];
+ if (!answer) return null;
@@ -7818,37 +6044,31 @@ diff --git a/client.js b/client.js
+ return done && !call4.isError ? (0, import_react9.createElement)(MemoryEvent, { sessionId, scope: arg("scope"), result: contentText(call4.content), roster, actions, findBot }) : null;
+ default:
+ return null;
- }
-- const parts = [];
-- parts.push((0, import_react6.createElement)("span", { key: "p" }, prefix));
-- bots.forEach((bot, index) => {
-- if (index > 0) parts.push((0, import_react6.createElement)("span", { key: `j${index}` }, joiner));
-- parts.push((0, import_react6.createElement)(
-- "button",
-- { key: bot.id ?? index, type: "button", onClick: () => onOpen?.(bot) },
-- (0, import_react6.createElement)(BotMark, { bot, size: 16 }),
-- bot.name
-- ));
-- });
-- return (0, import_react6.createElement)("div", { className: "bt-event" }, parts);
++ }
}
--function GroupMessage({ bot, text, room: room2, roster, actions, msgKey, useUi }) {
-- const lead = (0, import_react6.createElement)(
-- "button",
-- { type: "button", className: "bt-lead", "aria-label": t("Open {name}'s chat", { name: bot.name }), onClick: () => actions.openSession(bot.id) },
-- (0, import_react6.createElement)(BotMark, { bot, size: 22 })
-- );
-- return (0, import_react6.createElement)(
-- "div",
-- { className: "bt-group-msg" },
-- (0, import_react6.createElement)(
-- "span",
-- { className: "bt-group-name", style: { color: inkText(colorOf(bot)) } },
-- bot.name,
-- room2?.admin === bot.id ? (0, import_react6.createElement)("span", { className: "bt-group-role" }, t("Admin")) : null
+-function SecretsPage({ roster, actions, run, Section }) {
+- const [open, setOpen] = (0, import_react5.useState)(null);
+- const [adding, setAdding] = (0, import_react5.useState)(false);
+- const secrets = roster.secrets ?? [];
+- return [
+- (0, import_react5.createElement)(
+- "p",
+- { key: "about", className: "bt-secret-about" },
+- t("Keys your Bots asked for. Bots never see the values: they use them as "),
+- (0, import_react5.createElement)("code", null, "$DSH_SECRET_NAME"),
+- t(" in their shell, and every value is replaced by "),
+- (0, import_react5.createElement)("code", null, "[secret:NAME]"),
+- t(" before anything goes to a model.")
- ),
-- (0, import_react6.createElement)(Bubbles, { texts: [text], roster, selfId: bot.id, actions, sessionId: room2?.id, msgKey, useUi, lead })
-- );
+- (0, import_react5.createElement)(
+- Section,
+- { key: "list", title: t("Secrets · {count}", { count: secrets.length }) },
+- secrets.length === 0 && !adding ? (0, import_react5.createElement)("div", { className: "bt-set-row" }, (0, import_react5.createElement)("span", { className: "bt-set-hint" }, t("No keys yet. When a Bot needs one, it shows a card in its chat."))) : null,
+- secrets.map((secret) => (0, import_react5.createElement)(SecretRow, { key: secret.name, secret, roster, actions, run, open: open === secret.name, onToggle: () => setOpen(open === secret.name ? null : secret.name) })),
+- adding ? (0, import_react5.createElement)(AddSecret, { actions, run, onDone: () => setAdding(false) }) : null
+- ),
+- adding ? null : (0, import_react5.createElement)("div", { key: "add", className: "bt-actions" }, (0, import_react5.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setAdding(true) }, t("Add a key")))
+- ];
+function ToolCell({ node, sessionId, useRoster, useUi, actions }) {
+ const roster = useRoster((value) => value);
+ const root = node.data.root;
@@ -7865,14 +6085,75 @@ diff --git a/client.js b/client.js
+ const env = { sessionId, roster, actions, useUi, findBot };
+ return (0, import_react9.createElement)(import_react9.Fragment, null, drawn.map((call4, index) => (0, import_react9.createElement)(import_react9.Fragment, { key: call4.callId ?? index }, renderCall(call4, env))));
}
--function GroupEvent({ prefix, room: room2, name, roster, actions }) {
-- return (0, import_react6.createElement)(
-- "div",
-- { className: "bt-event" },
-- (0, import_react6.createElement)("span", null, prefix),
-- room2 ? (0, import_react6.createElement)("button", { type: "button", onClick: () => actions.openSession(room2.id) }, (0, import_react6.createElement)(RoomAvatar, { room: room2, roster, size: 16 }), room2.name) : name ? (0, import_react6.createElement)("span", null, name) : null
-- );
-+
+-var SECRET_CSS = `
+-.bt-secret-head{align-items:center;gap:10px}
+-.bt-secret-who{position:relative;flex:none;display:inline-flex}
+-.bt-secret-lock{position:absolute;right:-5px;bottom:-4px;width:16px;height:16px;border-radius:50%;background:var(--bt-main);color:var(--bt-ink-2);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 1.5px var(--bt-bubble)}
+-.bt-secret-lock svg{width:11px;height:11px}
+-.bt-secret-name{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:16px;padding:1px 6px;border-radius:5px;background:var(--bt-hover);color:var(--bt-ink)}
+-.bt-secret-body{display:flex;flex-direction:column;gap:8px}
+-.bt-secret-field{align-items:center;min-height:36px}
+-.bt-secret-input{flex:1;width:100%;min-width:0;margin:0;padding:0;border:0;outline:none;background:transparent;color:var(--bt-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:20px;letter-spacing:.04em}
+-.bt-secret-input[data-masked]{-webkit-text-security:disc}
+-.bt-secret-input::placeholder{color:var(--bt-ink-3);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;letter-spacing:0}
+-.bt-secret-scope{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;align-self:flex-start;padding:2px;border-radius:999px;background:var(--bt-hover)}
+-.bt-secret-glide{position:absolute;top:2px;bottom:2px;left:2px;width:calc(50% - 2px);border-radius:999px;background:var(--bt-main);box-shadow:0 1px 3px rgba(20,20,20,.08),inset 0 0 0 .5px color-mix(in srgb,var(--bt-ink) 6%,transparent);transition:${spring(SPRING_SHAPE, "transform")}}
+-.bt-secret-glide[data-at="1"]{transform:translateX(100%)}
+-.bt-secret-seg{position:relative;z-index:1;height:28px;padding:0 14px;border:0;border-radius:999px;background:none;color:var(--bt-ink-2);font:inherit;font-size:13px;white-space:nowrap;cursor:pointer;transition:color .16s ease}
+-.bt-secret-seg[aria-checked=true]{color:var(--bt-ink);font-weight:500}
+-.bt-secret-seg:focus-visible{outline:2px solid var(--bt-accent);outline-offset:-2px}
+-/* A key card asks the user to act, so the process group carrying it stays open in every
+- work-details mode (same override as .bt-group-replies in styles.js). */
+-[data-step-process]:has(.bt-secret)>div:first-child{display:none!important}
+-[data-step-process]:has(.bt-secret)>[data-step-process-body]{display:block!important;content-visibility:visible!important;max-height:none!important;overflow:visible!important;mask-image:none!important;scrollbar-gutter:auto!important}
+-.bt-secret-ok{display:flex;align-items:center;gap:4px;margin-top:6px;animation:bt-secret-in .22s cubic-bezier(.22,1,.36,1)}
+-.bt-secret-ok svg{width:13px;height:13px;color:#16a34a}
+-@keyframes bt-secret-in{from{opacity:0;transform:translateY(-2px)}}
+-.bt-secret-saved{display:flex;align-items:center;gap:6px;font-size:13px;line-height:18px;color:var(--bt-ink-2)}
+-.bt-secret-note{font-size:12px;line-height:17px;color:var(--bt-ink-3)}
+-.bt-secret-note code,.bt-secret-about code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px}
+-.bt-secret-warn{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:12px;line-height:16px;color:#b25e09;background:color-mix(in srgb,#f59e0b 12%,transparent)}
+-.bt-secret-error{font-size:12px;line-height:16px;color:#e02135}
+-.bt-secret .bt-q-btn:disabled{opacity:.5;cursor:default}
+-.bt-secret-done .bt-q-head{align-items:center}
+-.bt-secret-done .bt-q-title{font-size:13px;line-height:18px;color:var(--bt-ink-2);font-weight:500}
+-.bt-secret-scope-tag{font-weight:400;color:var(--bt-ink-3)}
+-.bt-secret-check{color:var(--bt-green,#22a06b);animation:bt-secret-pop ${SPRING_POP.duration}ms ${SPRING_POP.easing} backwards}
+-.bt-secret-done{animation:bt-secret-settle .32s cubic-bezier(.22,1,.36,1) backwards}
+-@keyframes bt-secret-pop{from{opacity:0;transform:scale(.4)}}
+-@keyframes bt-secret-settle{from{opacity:.4;transform:scale(.985)}}
+-.bt-secret-event{display:inline-flex;align-items:center;gap:5px}
+-.bt-secret-dock{flex-direction:column;align-items:center}
+-.bt-secret-dock .bt-q{max-width:min(550px,calc(100% - 32px))}
+-.bt-secret-about{margin:0 0 12px;padding:0 4px;font-size:12px;line-height:17px;color:var(--bt-ink-2)}
+-.bt-secret-title{display:flex;align-items:center;gap:6px;min-width:0;color:var(--bt-ink)}
+-.bt-secret-title svg{flex:none;color:var(--bt-ink-2)}
+-.bt-secret-purpose{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bt-ink-2)}
+-.bt-secret-faces{display:inline-flex}
+-.bt-secret-faces>*+*{margin-left:-6px}
+-.bt-secret-edit{display:flex;flex-direction:column;gap:14px;padding:4px 12px 14px;animation:bt-q-in ${SPRING_SHAPE.duration}ms ${SPRING_SHAPE.easing} backwards,bt-veil-in .2s ease-out backwards}
+-.bt-secret-edit-block{display:flex;flex-direction:column;gap:8px}
+-.bt-secret-edit-label{font-size:12px;line-height:16px;font-weight:600;color:var(--bt-ink-2)}
+-.bt-secret-radios{display:flex;gap:16px;font-size:13px}
+-.bt-secret-radio{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
+-.bt-secret-bots{display:flex;flex-wrap:wrap;gap:6px}
+-.bt-secret-bot{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px 0 5px;border-radius:999px;border:.5px solid var(--bt-line);background:var(--bt-card);color:var(--bt-ink-2);font:inherit;font-size:12px;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}
+-.bt-secret-bot[aria-pressed=true]{background:var(--bt-active);color:var(--bt-ink);border-color:var(--bt-line-2)}
+-.bt-secret-bot svg{width:13px;height:13px}
+-.bt-secret-inline{display:flex;gap:8px;align-items:center}
+-.bt-secret-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
+-.bt-secret-row-actions .bt-set-hint{flex:1}
+-.bt-secret-danger{color:#e02135;display:inline-flex;align-items:center;gap:4px}
+-.bt-secret-danger svg{width:13px;height:13px}
+-.bt-secret-add .bt-input{height:34px}
+-@media (prefers-reduced-motion:reduce){.bt-secret-glide{transition:none}.bt-secret-check,.bt-secret-done,.bt-secret-ok,.bt-secret-edit{animation:none}}
+-`;
+
+-// src/client/turn-reasoning.js
+-function turnReasoning(steps, current) {
+- const members = steps.length ? steps : [current];
+- if (members.find((step) => stepReasoning(step) !== "")?.step !== current.step) return "";
+- return members.filter((step) => !thinkingLive(step)).map(stepReasoning).filter(Boolean).join("\n\n");
+// src/client/awaiting.js
+var AWAIT_REPLY_MS = 10 * 60 * 1e3;
+function awaitingReply(roster, sessionId, now = Date.now()) {
@@ -7880,29 +6161,63 @@ diff --git a/client.js b/client.js
+ if (typeof at !== "number" || roster?.byId?.[sessionId]?.remote === void 0) return false;
+ return now - at < AWAIT_REPLY_MS;
}
--function MemoryEvent({ sessionId, scope, result, roster, actions, findBot }) {
-- if (!/^(Saved to|Updated in|Removed from) /.test(result)) return null;
-- const self = roster.byId[sessionId];
-- const team = /^(team|团队|共享)$/i.test(String(scope ?? "").trim());
-- const other = team || !scope ? void 0 : findBot(scope);
-- const target = other && other.id !== self?.id ? other : self;
-- if (!target) return null;
-- const label = team ? t("Team memory updated") : target === self ? t("Memory updated") : t("Updated {name}'s memory", { name: target.name });
+-var texts = (step) => step.blocks.filter((block) => block.kind === "text" && block.text.trim() !== "");
+-var thinkingLive = (step) => step.status === "running" && texts(step).length === 0 && step.blocks.some((block) => block.kind === "reasoning");
+-var stepReasoning = (step) => step.blocks.filter((block) => block.kind === "reasoning").map((block) => block.text).join("\n").trim();
+
+-// src/client/cells.js
+-var import_react6 = require("react");
+-var import_react_dom = require("react-dom");
+-var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+-var mdLabels = () => ({ code: { copyLabel: t("Copy"), copiedLabel: t("Copied") }, footnotes: t("Footnotes") });
+-function Bubbles({ texts: texts2, roster, selfId, actions, streaming, sessionId, msgKey, useUi, lead, mentions }) {
+- const onClick = (event) => {
+- const target = mentionTarget(event);
+- if (target === null) return;
+- event.preventDefault();
+- event.stopPropagation();
+- actions.openSession(target);
+- };
+- const reactions = useUi ? useUi((state) => msgKey ? state.reactions?.[msgKey] ?? null : null) : null;
- return (0, import_react6.createElement)(
- "div",
-- { className: "bt-event" },
-- (0, import_react6.createElement)("button", { type: "button", title: result, onClick: () => actions.openMemory(target.id) }, (0, import_react6.createElement)(MemoryIcon), label)
+- { className: "bt-astack", "data-lead": lead ? "" : void 0, onClickCapture: onClick },
+- texts2.map((text, index) => {
+- const key = msgKey ? `${msgKey}:${index}` : void 0;
+- const picked = key ? reactions?.[index] ?? [] : [];
+- const last = index === texts2.length - 1;
+- const live = streaming && last;
+- return (0, import_react6.createElement)(
+- "div",
+- { key: index, className: "bt-msg" },
+- (0, import_react6.createElement)(
+- "div",
+- { className: "bt-msg-line" },
+- lead && last ? lead : null,
+- (0, import_react6.createElement)(
+- "div",
+- { className: "bt-bubble" },
+- (0, import_react6.createElement)(import_dsh_client_ui_primitives.MarkdownText, { text: linkMentions(text, roster.bots, selfId), streaming: live, labels: mdLabels(), variant: "compact", fileMentions: mentions })
+- ),
+- live ? null : (0, import_react6.createElement)(MessageTools, { text, name: roster.byId[selfId]?.name ?? t("Bot"), sessionId, react: key ? (emoji) => actions.toggleReaction(msgKey, index, emoji) : void 0, actions })
+- ),
+- picked.length ? (0, import_react6.createElement)("div", { className: "bt-reacts" }, picked.map((emoji) => (0, import_react6.createElement)("button", {
+- key: emoji,
+- type: "button",
+- className: "bt-react",
+- "aria-label": t("Remove reaction {emoji}", { emoji }),
+- onClick: () => actions.toggleReaction(msgKey, index, emoji)
+- }, emoji))) : null
+- );
+- })
- );
-+
+// src/client/remote-approval-wait.js
+var REMOTE_APPROVAL_LABEL = "Waiting for their approval";
+function remoteApprovalPhrase(remote, { tool, inputAt = 0 } = {}) {
+ if (!remote) return null;
+ if (tool && inputAt <= (tool.at ?? 0)) return null;
+ return { key: "remote-approval", label: REMOTE_APPROVAL_LABEL, state: "thinking" };
- }
--function PartLine({ time }) {
-- return (0, import_react6.createElement)("div", { className: "bt-part-line", role: "separator" }, Number.isFinite(time) ? (0, import_react6.createElement)("span", null, dayLabel(time)) : null);
++}
+
+// src/client/activity-row.js
+var import_react10 = require("react");
@@ -7915,21 +6230,29 @@ diff --git a/client.js b/client.js
+ const hours = Math.floor(minutes / 60);
+ return minutes % 60 === 0 ? `${hours}h` : `${hours}h ${minutes % 60}m`;
}
--var scrollParent = (node) => {
-- for (let at = node.parentElement; at; at = at.parentElement) {
-- if (/(auto|scroll)/.test(getComputedStyle(at).overflowY)) return at;
-- }
-- return null;
-+var RUNNING_HOST = "[data-chat-flow] > [data-chat-running]";
-+var TAIL_HOST = "tail";
-+var REMOTE_GRACE_MS = 1500;
-+function useAwaitingReply(roster, sessionId) {
-+ const at = roster?.remoteAwaiting?.[sessionId];
-+ const [, tick] = (0, import_react10.useState)(0);
-+ const shown = awaitingReply(roster, sessionId);
-+ (0, import_react10.useEffect)(() => {
-+ if (!shown) return void 0;
-+ const timer = setTimeout(() => tick((n) => n + 1), Math.max(0, at + AWAIT_REPLY_MS - Date.now()) + 50);
+-var REACTIONS = ["👍", "❤️", "😂", "😮", "😢", "🙏"];
+-function useDismiss(open, close, refs) {
+- (0, import_react6.useEffect)(() => {
+- if (!open) return void 0;
+- const onDown = (event) => {
+- if (refs.some((ref) => ref.current?.contains(event.target))) return;
+- close();
+- };
+- const onKey = (event) => {
+- if (event.key === "Escape") {
+- event.stopPropagation();
+- close();
+- }
++var RUNNING_HOST = "[data-chat-flow] > [data-chat-running]";
++var TAIL_HOST = "tail";
++var REMOTE_GRACE_MS = 1500;
++function useAwaitingReply(roster, sessionId) {
++ const at = roster?.remoteAwaiting?.[sessionId];
++ const [, tick] = (0, import_react10.useState)(0);
++ const shown = awaitingReply(roster, sessionId);
++ (0, import_react10.useEffect)(() => {
++ if (!shown) return void 0;
++ const timer = setTimeout(() => tick((n) => n + 1), Math.max(0, at + AWAIT_REPLY_MS - Date.now()) + 50);
+ return () => clearTimeout(timer);
+ }, [shown, at]);
+ return shown;
@@ -7947,26 +6270,7 @@ diff --git a/client.js b/client.js
+ let top = -1;
+ for (const node of document.querySelectorAll(`[data-chat-flow-kind${kind ? `="${kind}"` : ""}][data-chat-turn]`)) top = Math.max(top, Number(node.dataset.chatTurn));
+ return top;
- };
--function EarlierParts({ sessionId, roster, actions }) {
-- const [view, setView] = (0, import_react6.useState)({ items: [], cursor: void 0, loading: true, failed: false, startedAt: null });
-- const top = (0, import_react6.useRef)(null);
-- const busy = (0, import_react6.useRef)(false);
-- const alive = (0, import_react6.useRef)(true);
-- const restore = (0, import_react6.useRef)(null);
-- const load = (cursor) => {
-- if (busy.current) return;
-- busy.current = true;
-- setView((current) => ({ ...current, loading: true, failed: false }));
-- actions.earlier(sessionId, cursor).then((page) => {
-- busy.current = false;
-- if (!alive.current) return;
-- const scroller = top.current && scrollParent(top.current);
-- if (scroller) restore.current = { scroller, fromEnd: scroller.scrollHeight - scroller.scrollTop };
-- setView((current) => ({ items: [...page.items, ...current.items], cursor: page.cursor, loading: false, failed: false, startedAt: page.startedAt ?? current.startedAt }));
-- }, () => {
-- busy.current = false;
-- if (alive.current) setView((current) => ({ ...current, loading: false, failed: true }));
++};
+function useReplyAfterSend(remote, sending) {
+ const sendTurn = (0, import_react10.useRef)(-1);
+ const wasSending = (0, import_react10.useRef)(false);
@@ -7988,26 +6292,52 @@ diff --git a/client.js b/client.js
+ const check = () => {
+ frame = 0;
+ if (lastTurnOnScreen("assistant-step") > sendTurn.current) setReplied(true);
-+ };
+ };
+- window.addEventListener("mousedown", onDown);
+- window.addEventListener("keydown", onKey, true);
+ const observer = new MutationObserver(() => {
+ if (!frame) frame = requestAnimationFrame(check);
+ });
+ observer.observe(document.querySelector("[data-conversation-scroll]") ?? document.body, { childList: true, subtree: true });
+ check();
-+ return () => {
+ return () => {
+- window.removeEventListener("mousedown", onDown);
+- window.removeEventListener("keydown", onKey, true);
+ cancelAnimationFrame(frame);
+ observer.disconnect();
-+ };
+ };
+- }, [open]);
+ }, [remote, sending]);
+ return replied;
-+}
+ }
+-function MessageTools({ text, name, sessionId, react, actions }) {
+- const [panel, setPanel] = (0, import_react6.useState)(null);
+- const [place, setPlace] = (0, import_react6.useState)(null);
+- const [copied, setCopied] = (0, import_react6.useState)(false);
+- const tools = (0, import_react6.useRef)(null);
+- const pop = (0, import_react6.useRef)(null);
+- const close = () => setPanel(null);
+- useDismiss(panel !== null, close, [tools, pop]);
+- const open = (kind, event) => {
+- if (panel === kind) {
+- close();
+- return;
+function useRunningHost(active, where = RUNNING_HOST) {
+ const [host, setHost] = (0, import_react10.useState)(null);
+ (0, import_react10.useEffect)(() => {
+ if (!active) {
+ setHost(null);
+ return void 0;
-+ }
+ }
+- const rect = event.currentTarget.getBoundingClientRect();
+- const below = rect.bottom + 220 < window.innerHeight;
+- setPlace(kind === "react" ? { left: rect.left + rect.width / 2, top: rect.top - 6, "--bt-origin": "bottom center" } : { left: Math.min(rect.left, window.innerWidth - 208), ...below ? { top: rect.bottom + 4 } : { bottom: window.innerHeight - rect.top + 4, "--bt-origin": "bottom left" } });
+- setPanel(kind);
+- };
+- const copy2 = () => {
+- void navigator.clipboard?.writeText(text).then(() => {
+- setCopied(true);
+- setTimeout(() => setCopied(false), 1e3);
+ let frame = 0;
+ const find = () => {
+ frame = 0;
@@ -8018,135 +6348,93 @@ diff --git a/client.js b/client.js
+ if (!frame) frame = requestAnimationFrame(find);
});
- };
-- (0, import_react6.useEffect)(() => {
-- alive.current = true;
-- load(void 0);
-+ observer.observe(document.querySelector("[data-conversation-scroll]") ?? document.body, { childList: true, subtree: true });
-+ find();
- return () => {
-- alive.current = false;
-+ cancelAnimationFrame(frame);
-+ observer.disconnect();
- };
-- }, [sessionId]);
-- (0, import_react6.useLayoutEffect)(() => {
-- const pending = restore.current;
-- restore.current = null;
-- if (pending) pending.scroller.scrollTop = pending.scroller.scrollHeight - pending.fromEnd;
-- }, [view.items]);
-- (0, import_react6.useEffect)(() => {
-- const node = top.current;
-- if (!node || view.loading || view.failed || !view.cursor || typeof IntersectionObserver !== "function") return void 0;
-- const observer = new IntersectionObserver((entries2) => {
-- if (entries2.some((entry) => entry.isIntersecting)) load(view.cursor);
-- }, { root: scrollParent(node), rootMargin: "600px 0px 0px 0px" });
-- observer.observe(node);
-- return () => observer.disconnect();
-- }, [view.cursor, view.loading, view.failed]);
-- const selfId = roster.byId[sessionId]?.id;
-- const rows = [];
-- for (const item of view.items) {
-- const last = rows.at(-1);
-- if (item.kind === "bot" && last?.kind === "bot") last.texts.push(item.text);
-- else rows.push(item.kind === "bot" ? { kind: "bot", texts: [item.text] } : item);
-- }
+- const download2 = () => {
+- const url = URL.createObjectURL(new Blob([text], { type: "text/markdown" }));
+- const link = Object.assign(document.createElement("a"), { href: url, download: `${name}-message.md` });
+- link.click();
+- setTimeout(() => URL.revokeObjectURL(url), 1e3);
+- };
+- const item = (label, Icon, run) => (0, import_react6.createElement)("button", { key: label, type: "button", role: "menuitem", onClick: () => {
+- close();
+- run();
+- } }, (0, import_react6.createElement)(Icon), label);
- return (0, import_react6.createElement)(
- "div",
-- { className: "bt-earlier", role: "feed", "aria-label": t("Earlier messages"), "aria-busy": view.loading },
-- (0, import_react6.createElement)(
+- { ref: tools, className: "bt-tools", "data-open": panel !== null || void 0 },
+- react ? (0, import_react6.createElement)("button", { type: "button", className: "bt-tool", "aria-label": t("Add reaction"), title: t("Add reaction"), "aria-expanded": panel === "react", onClick: (event) => open("react", event) }, (0, import_react6.createElement)(SmileIcon)) : null,
+- sessionId ? (0, import_react6.createElement)("button", { type: "button", className: "bt-tool", "aria-label": t("Reply"), title: t("Reply"), onClick: () => actions.quote(sessionId, text) }, (0, import_react6.createElement)(ReplyIcon)) : null,
+- (0, import_react6.createElement)("button", { type: "button", className: "bt-tool", "aria-label": t("More message actions"), title: t("More"), "aria-haspopup": "menu", "aria-expanded": panel === "more", onClick: (event) => open("more", event) }, copied ? (0, import_react6.createElement)(CheckIcon) : (0, import_react6.createElement)(DotsIcon)),
+- panel === "react" ? (0, import_react_dom.createPortal)((0, import_react6.createElement)(
- "div",
-- { ref: top, className: "bt-earlier-top" },
-- view.loading ? (0, import_react6.createElement)(Shimmer, null, t("Loading earlier messages…")) : view.failed ? (0, import_react6.createElement)("button", { type: "button", className: "bt-soft", onClick: () => load(view.cursor) }, t("Couldn’t load earlier messages · Retry")) : view.cursor ? (0, import_react6.createElement)("button", { type: "button", className: "bt-soft", onClick: () => load(view.cursor) }, t("Load earlier")) : null
-- ),
-- rows.map((row, index) => {
-- const key = rows.length - index;
-- switch (row.kind) {
-- case "divider":
-- return (0, import_react6.createElement)(PartLine, { key, time: row.time });
-- case "user":
-- return (0, import_react6.createElement)("div", { key, className: "bt-urow" }, (0, import_react6.createElement)(
-- "div",
-- { className: "bt-ububble" },
-- row.text ? (0, import_react6.createElement)(import_dsh_client_ui_primitives.MarkdownText, { text: row.text, labels: mdLabels(), variant: "compact" }) : null,
-- row.images ? (0, import_react6.createElement)("span", { className: "bt-uimages" }, row.images === 1 ? t("1 image") : t("{count} images", { count: row.images })) : null
-- ));
-- case "answer":
-- return (0, import_react6.createElement)(AnsweredCell, { key, node: { data: row } });
-- case "bot":
-- return (0, import_react6.createElement)(Bubbles, { key, texts: row.texts, roster, selfId, actions });
-- case "event": {
-- if (row.role === "report") return (0, import_react6.createElement)(GroupEvent, { key, prefix: t("Replies from"), room: roster.roomsById[row.roomId], name: t("a group chat"), roster, actions });
-- const other = roster.byId[row.botId] ?? { id: row.botId, name: row.name ?? t("a Bot"), color: "gray" };
-- const prefix = { stopped: t("Stopped by"), reply: t("Reply from") }[row.role] ?? t("Message from");
-- return (0, import_react6.createElement)(EventLine, { key, prefix, bots: [other], onOpen: () => {
-- if (selfId && other.id) actions.openExchange(selfId, other.id);
-- }, whole: true });
-- }
-- default:
-- return null;
-- }
-- }),
-- (0, import_react6.createElement)(PartLine, { time: view.startedAt })
+- { ref: pop, className: "bt-react-strip", role: "menu", "aria-label": t("Reactions"), style: place },
+- REACTIONS.map((emoji) => (0, import_react6.createElement)("button", { key: emoji, type: "button", role: "menuitem", "aria-label": emoji, onClick: () => {
+- close();
+- react(emoji);
+- } }, emoji))
+- ), document.body) : null,
+- panel === "more" ? (0, import_react_dom.createPortal)((0, import_react6.createElement)(
+- "div",
+- { ref: pop, className: "bt-menu", role: "menu", "aria-label": t("Message actions"), style: place },
+- item(t("Copy"), CopyIcon, copy2),
+- item(t("Download"), DownloadIcon, download2)
+- ), document.body) : null
+- );
+-}
+-function ThinkingRow({ text }) {
+- return (0, import_react6.createElement)(
+- "details",
+- { className: "bt-think" },
+- (0, import_react6.createElement)("summary", null, t("Thought it through")),
+- (0, import_react6.createElement)("div", { className: "bt-think-text" }, text)
- );
+-}
+-function useFileMentions({ node, openFile, fileMentions, useTurnData }) {
+- const tail = useTurnData?.("turn-tail");
+- const location2 = node.location;
+- const turn = location2?.kind === "turn" || location2?.kind === "step" ? location2.turn : void 0;
+- const seq = node.data.finalNode?.seq;
+- return (0, import_react6.useMemo)(() => {
+- if (typeof fileMentions !== "function" || turn?.status !== "closed" || seq === void 0) return void 0;
+- return tail?.closing?.finalNode.seq === seq ? fileMentions({ turn, seq, openFile }) : void 0;
+- }, [fileMentions, openFile, seq, tail, turn]);
++ observer.observe(document.querySelector("[data-conversation-scroll]") ?? document.body, { childList: true, subtree: true });
++ find();
++ return () => {
++ cancelAnimationFrame(frame);
++ observer.disconnect();
++ };
+ }, [active, where]);
+ return host;
}
--function TriggerCell({ node, sessionId, useRoster, useSessions, useTurnClock, useUi, actions }) {
+-function AssistantCell({ node, groupPart, sessionId, openFile, fileMentions, useTurnData, useRoster, useUi, useTurnSteps, useTurnContext, actions }) {
- const roster = useRoster((value) => value);
- const data = node.data;
-- const source = data.source !== null && typeof data.source === "object" ? data.source : {};
+- const steps = useTurnSteps(String(data.turn));
+- const contexts = useTurnContext(String(data.turn));
+- const mentions = useFileMentions({ node, openFile, fileMentions, useTurnData });
+- const hidden = Boolean(roster.roomsById[sessionId]) || isHiddenTurn(roster, sessionId, data.turn);
+- const texts2 = groupPart === "reasoning" ? [] : data.blocks.filter((block) => block.kind === "text" && block.text.trim() !== "").map((block) => block.text);
+- const running = data.status === "running";
+- useLiveNote(actions, sessionId, `text:${node.key ?? data.seq}`, !hidden && running && texts2.length > 0 ? { text: true } : null);
+- if (hidden) return null;
+- const reasoning = groupPart === "response" ? "" : turnReasoning(steps, data);
+- const relays = relayPart(data, groupPart) ? relaysBefore(contexts, steps, data) : [];
+- if (texts2.length === 0 && !reasoning && relays.length === 0) return null;
- const selfId = roster.byId[sessionId]?.id ?? sessionId;
-- const deferred = source.kind === "bot" && source.deferred === true;
-- const relayed = isRelayContext(data);
-- const turn = node.location?.turn?.turn ?? data.turn;
-- (0, import_react6.useLayoutEffect)(() => {
-- if (relayed) actions.noteTurnPeer(sessionId, turn, source.senderSessionId);
-- }, [relayed, sessionId, turn, source.senderSessionId]);
-- const order = useSessions((list) => {
-- const outline = list.projectionsBySession?.[sessionId]?.values?.turnOutline ?? list.byId[sessionId]?.projectionValues?.turnOutline;
-- return Array.isArray(outline) ? outline.map((entry) => entry.turn).join(",") : "";
-- });
-- const peers = useTurnClock((state) => {
-- if (!relayed) return "";
-- const turns = state[sessionId] ?? {};
-- return Object.keys(turns).filter((key) => turns[key].peer !== void 0).map((key) => `${key}:${turns[key].peer}`).join(",");
-- });
-- const visit = useUi((state) => state.visits?.[sessionId]);
-- const hiddenTurns = roster.exchangeTurns[sessionId];
-- const unreadOpening = useTurnClock((state) => {
-- const first = openingTurn(state[sessionId], order, hiddenTurns);
-- return first?.turn === turn && unseenSince(visit, first.start) ? clockLabel(first.start) : "";
-- });
-- const body = triggerBody();
-- return unreadOpening ? (0, import_react6.createElement)(import_react6.Fragment, null, (0, import_react6.createElement)("div", { className: "bt-open-new" }, (0, import_react6.createElement)(NewDivider), (0, import_react6.createElement)("div", { className: "bt-time-sep", role: "separator" }, unreadOpening)), body) : body;
-- function triggerBody() {
-- if (source.kind === "bot") {
-- if (source.handoff === true) return roster.roomsById[sessionId] ? null : (0, import_react6.createElement)(EarlierParts, { sessionId, roster, actions });
-- if (source.role === "kickoff" || source.role === "room") return null;
-- if (source.role === "secret" || deferred) return null;
-- if (source.role === "post") {
-- if (source.failed !== void 0 || source.resumed === true || source.stopped === true) return null;
-- const room2 = roster.roomsById[sessionId];
-- const poster = roster.byId[source.senderSessionId] ?? { id: source.senderSessionId, name: source.senderName ?? t("a Bot"), color: "gray" };
-- return (0, import_react6.createElement)(GroupMessage, { bot: poster, text: stripHeader(contentText(data.content)), room: room2, roster, actions, msgKey: `${sessionId}:${data.turn}:post`, useUi });
-- }
-- if (source.role === "report") {
-- return (0, import_react6.createElement)(GroupEvent, { prefix: t("Replies from"), room: roster.roomsById[source.roomId], name: t("a group chat"), roster, actions });
-- }
-- if (source.role === "resume" || source.resumed === true) return (0, import_react6.createElement)("div", { className: "bt-event" }, t("Picked up its work after a restart"));
-- if (source.role === "retry" || source.retried === true) return (0, import_react6.createElement)("div", { className: "bt-event" }, t("Asked to make the tool call it wrote as text"));
-- const run = relayed ? commRunOf(
-- order.split(",").filter(Boolean).map(Number),
-- Object.fromEntries(peers.split(",").filter(Boolean).map((pair) => [Number(pair.slice(0, pair.indexOf(":"))), pair.slice(pair.indexOf(":") + 1)])),
-- turn,
-- hiddenTurns
-- ) : null;
-- if (run === "folded") return null;
+- return (0, import_react6.createElement)(
+- import_react6.Fragment,
+- null,
+- relays.map((relay) => {
+- const source = relay.source;
- const sender = roster.byId[source.senderSessionId] ?? { id: source.senderSessionId, name: source.senderName ?? t("a Bot"), color: "gray" };
-- const count = run?.count ?? (isHiddenTurn(roster, sessionId, turn) ? 2 : 1);
-- const bots = [sender];
-- for (const peer of (run?.peerIds ?? []).map((id) => roster.byId[id]).filter(Boolean)) {
-- if (!bots.some((bot) => bot.id === peer.id)) bots.push(peer);
+- return (0, import_react6.createElement)(EventLine, {
+- key: relay.seq,
+- prefix: source.role === "stopped" ? t("Stopped by") : source.role === "reply" ? t("Reply from") : t("Message from"),
+- bots: [sender],
+- onOpen: () => {
+- if (sender.id) actions.openExchange(selfId, sender.id);
+- },
+- whole: true
+function useRowEntrances(replacing) {
+ const check = (0, import_react10.useRef)(replacing);
+ check.current = replacing;
@@ -8167,18 +6455,44 @@ diff --git a/client.js b/client.js
+ observer.disconnect();
+ column = next;
+ if (column) observer.observe(column, { childList: true, subtree: true });
- }
-- return (0, import_react6.createElement)(EventLine, {
-- prefix: source.role === "stopped" ? t("Stopped by") : count > 1 ? t("{count} messages with", { count }) : t("Message from"),
-- bots,
-- onOpen: (bot) => actions.openExchange(selfId, bot.id),
-- whole: true
++ }
+ if (!column) return;
+ const items = [...column.querySelectorAll(":scope > [data-chat-flow-key]")];
+ let last = -1;
+ items.forEach((item, index) => {
+ if (seen.has(item)) last = index;
});
+- }),
+- reasoning ? (0, import_react6.createElement)(ThinkingRow, { text: reasoning }) : null,
+- texts2.length ? (0, import_react6.createElement)(Bubbles, { texts: texts2, roster, selfId, actions, streaming: running, sessionId, msgKey: `${sessionId}:${data.turn}:${node.key ?? data.seq ?? ""}`, useUi, mentions }) : null
+- );
+-}
+-function EventLine({ prefix, bots, joiner = t("and"), onOpen, whole = false }) {
+- if (whole && bots.length === 1) {
+- return (0, import_react6.createElement)(
+- "div",
+- { className: "bt-event" },
+- (0, import_react6.createElement)(
+- "button",
+- { type: "button", className: "bt-event-whole", title: bots[0].name, onClick: () => onOpen?.(bots[0]) },
+- (0, import_react6.createElement)("span", null, prefix),
+- (0, import_react6.createElement)(BotMark, { bot: bots[0], size: 16 }),
+- (0, import_react6.createElement)("span", { className: "bt-event-name" }, bots[0].name)
+- )
+- );
+- }
+- const parts = [];
+- parts.push((0, import_react6.createElement)("span", { key: "p" }, prefix));
+- bots.forEach((bot, index) => {
+- if (index > 0) parts.push((0, import_react6.createElement)("span", { key: `j${index}` }, joiner));
+- parts.push((0, import_react6.createElement)(
+- "button",
+- { key: bot.id ?? index, type: "button", onClick: () => onOpen?.(bot) },
+- (0, import_react6.createElement)(BotMark, { bot, size: 16 }),
+- bot.name
+- ));
+- });
+- return (0, import_react6.createElement)("div", { className: "bt-event" }, parts);
+ const fresh = items.filter((item) => !seen.has(item) && item.offsetHeight > 0);
+ for (const item of fresh) seen.add(item);
+ if (last < 0 || Date.now() - started < 800 || fresh.length > 3) return;
@@ -8198,7 +6512,14 @@ diff --git a/client.js b/client.js
+ observer.disconnect();
+ };
+ }, []);
-+}
+ }
+-function GroupMessage({ bot, text, room: room2, roster, actions, msgKey, useUi }) {
+- const lead = (0, import_react6.createElement)(
+- "button",
+- { type: "button", className: "bt-lead", "aria-label": t("Open {name}'s chat", { name: bot.name }), onClick: () => actions.openSession(bot.id) },
+- (0, import_react6.createElement)(BotMark, { bot, size: 22 })
+- );
+- return (0, import_react6.createElement)(
+function ActivityIndicator({ sessionId, useRoster, useSessionStatus, useLive, useSession, actions }) {
+ const roster = useRoster((value) => value);
+ const running = useSessionStatus((map) => map.get(sessionId)?.running === true);
@@ -8237,10 +6558,7 @@ diff --git a/client.js b/client.js
+ if (wait <= 0) {
+ make();
+ return void 0;
- }
-- if (source.kind === "schedule") {
-- const prompts = reminderPrompts(contentText(data.content));
-- return (0, import_react6.createElement)("div", { className: "bt-event" }, prompts.length > 0 ? t("Scheduled task: {text}", { text: prompts.join(" · ").slice(0, 80) }) : t("Routine started"));
++ }
+ const timer = setTimeout(make, wait);
+ return () => clearTimeout(timer);
+ }, [wantKey, shown]);
@@ -8253,10 +6571,7 @@ diff --git a/client.js b/client.js
+ if (visible) {
+ setPhase("in");
+ return void 0;
- }
-- if (source.kind === "user-question-reply") return null;
-- return (0, import_react6.createElement)("div", { className: "bt-event" }, contentText(data.content).slice(0, 80) || t("Update"));
-- }
++ }
+ let timer;
+ const leave = () => {
+ setPhase((current) => current === "in" ? "out" : current);
@@ -8300,11 +6615,41 @@ diff --git a/client.js b/client.js
+ if (!host || phase === null || !shown) return null;
+ const elapsed = now - shown.at >= 6e4 ? elapsedLabel(now - shown.at) : null;
+ return (0, import_react_dom2.createPortal)((0, import_react10.createElement)(
-+ "div",
+ "div",
+- { className: "bt-group-msg" },
+- (0, import_react6.createElement)(
+ { className: "bt-typing", "data-exiting": phase === "out" ? "" : void 0, "data-carry": carry && phase !== "out" ? "" : void 0, "data-remote": remote ? "" : void 0, "data-flybot": shown.key === "remote-approval" ? "remote-approval" : void 0, "aria-hidden": true },
+ bot ? (0, import_react10.createElement)(BotMark, { bot, size: 28, state: markState.current, live: true, pokeable: true }) : (0, import_react10.createElement)(RoomAvatar, { room: room2, roster, size: 28 }),
+ (0, import_react10.createElement)(
-+ "span",
+ "span",
+- { className: "bt-group-name", style: { color: inkText(colorOf(bot)) } },
+- bot.name,
+- room2?.admin === bot.id ? (0, import_react6.createElement)("span", { className: "bt-group-role" }, t("Admin")) : null
+- ),
+- (0, import_react6.createElement)(Bubbles, { texts: [text], roster, selfId: bot.id, actions, sessionId: room2?.id, msgKey, useUi, lead })
+- );
+-}
+-function GroupEvent({ prefix, room: room2, name, roster, actions }) {
+- return (0, import_react6.createElement)(
+- "div",
+- { className: "bt-event" },
+- (0, import_react6.createElement)("span", null, prefix),
+- room2 ? (0, import_react6.createElement)("button", { type: "button", onClick: () => actions.openSession(room2.id) }, (0, import_react6.createElement)(RoomAvatar, { room: room2, roster, size: 16 }), room2.name) : name ? (0, import_react6.createElement)("span", null, name) : null
+- );
+-}
+-function MemoryEvent({ sessionId, scope, result, roster, actions, findBot }) {
+- if (!/^(Saved to|Updated in|Removed from) /.test(result)) return null;
+- const self = roster.byId[sessionId];
+- const team = /^(team|团队|共享)$/i.test(String(scope ?? "").trim());
+- const other = team || !scope ? void 0 : findBot(scope);
+- const target = other && other.id !== self?.id ? other : self;
+- if (!target) return null;
+- const label = team ? t("Team memory updated") : target === self ? t("Memory updated") : t("Updated {name}'s memory", { name: target.name });
+- return (0, import_react6.createElement)(
+- "div",
+- { className: "bt-event" },
+- (0, import_react6.createElement)("button", { type: "button", title: result, onClick: () => actions.openMemory(target.id) }, (0, import_react6.createElement)(MemoryIcon), label)
+- );
+ { className: "bt-typing-text" },
+ (0, import_react10.createElement)(
+ "span",
@@ -8314,7 +6659,9 @@ diff --git a/client.js b/client.js
+ )
+ )
+ ), host);
-+}
+ }
+-function PartLine({ time }) {
+- return (0, import_react6.createElement)("div", { className: "bt-part-line", role: "separator" }, Number.isFinite(time) ? (0, import_react6.createElement)("span", null, dayLabel(time)) : null);
+
+// src/client/dsh-offer.js
+var APP_OFFER = /* @__PURE__ */ new Set(["available", "downloading", "verifying", "installing", "ready"]);
@@ -8324,28 +6671,141 @@ diff --git a/client.js b/client.js
+ if (!dsh?.verified || !dsh.current || sameVersion(dsh.verified, dsh.current)) return false;
+ if (dsh.kind === "npm") return true;
+ return dsh.kind === "app" && APP_OFFER.has(app?.phase) && sameVersion(app.version, dsh.verified);
-+}
+ }
+-var scrollParent = (node) => {
+- for (let at = node.parentElement; at; at = at.parentElement) {
+- if (/(auto|scroll)/.test(getComputedStyle(at).overflowY)) return at;
+- }
+- return null;
+
+// src/client/overlay-hooks.js
+var import_react11 = require("react");
+var escapeLayers = [];
+var onEscapeKey = (event) => {
+ if (event.key === "Escape") escapeLayers.at(-1)?.current();
-+};
+ };
+-function EarlierParts({ sessionId, roster, actions }) {
+- const [view, setView] = (0, import_react6.useState)({ items: [], cursor: void 0, loading: true, failed: false, startedAt: null });
+- const top = (0, import_react6.useRef)(null);
+- const busy = (0, import_react6.useRef)(false);
+- const alive = (0, import_react6.useRef)(true);
+- const restore = (0, import_react6.useRef)(null);
+- const load = (cursor) => {
+- if (busy.current) return;
+- busy.current = true;
+- setView((current) => ({ ...current, loading: true, failed: false }));
+- actions.earlier(sessionId, cursor).then((page) => {
+- busy.current = false;
+- if (!alive.current) return;
+- const scroller = top.current && scrollParent(top.current);
+- if (scroller) restore.current = { scroller, fromEnd: scroller.scrollHeight - scroller.scrollTop };
+- setView((current) => ({ items: [...page.items, ...current.items], cursor: page.cursor, loading: false, failed: false, startedAt: page.startedAt ?? current.startedAt }));
+- }, () => {
+- busy.current = false;
+- if (alive.current) setView((current) => ({ ...current, loading: false, failed: true }));
+- });
+- };
+- (0, import_react6.useEffect)(() => {
+- alive.current = true;
+- load(void 0);
+function useEscape(onClose) {
+ const ref = (0, import_react11.useRef)(onClose);
+ ref.current = onClose;
+ (0, import_react11.useEffect)(() => {
+ if (escapeLayers.length === 0) window.addEventListener("keydown", onEscapeKey);
+ escapeLayers.push(ref);
-+ return () => {
+ return () => {
+- alive.current = false;
+ escapeLayers.splice(escapeLayers.indexOf(ref), 1);
+ if (escapeLayers.length === 0) window.removeEventListener("keydown", onEscapeKey);
-+ };
+ };
+- }, [sessionId]);
+- (0, import_react6.useLayoutEffect)(() => {
+- const pending = restore.current;
+- restore.current = null;
+- if (pending) pending.scroller.scrollTop = pending.scroller.scrollHeight - pending.fromEnd;
+- }, [view.items]);
+- (0, import_react6.useEffect)(() => {
+- const node = top.current;
+- if (!node || view.loading || view.failed || !view.cursor || typeof IntersectionObserver !== "function") return void 0;
+- const observer = new IntersectionObserver((entries2) => {
+- if (entries2.some((entry) => entry.isIntersecting)) load(view.cursor);
+- }, { root: scrollParent(node), rootMargin: "600px 0px 0px 0px" });
+- observer.observe(node);
+- return () => observer.disconnect();
+- }, [view.cursor, view.loading, view.failed]);
+- const selfId = roster.byId[sessionId]?.id;
+- const rows = [];
+- for (const item of view.items) {
+- const last = rows.at(-1);
+- if (item.kind === "bot" && last?.kind === "bot") last.texts.push(item.text);
+- else rows.push(item.kind === "bot" ? { kind: "bot", texts: [item.text] } : item);
+- }
+- return (0, import_react6.createElement)(
+- "div",
+- { className: "bt-earlier", role: "feed", "aria-label": t("Earlier messages"), "aria-busy": view.loading },
+- (0, import_react6.createElement)(
+- "div",
+- { ref: top, className: "bt-earlier-top" },
+- view.loading ? (0, import_react6.createElement)(Shimmer, null, t("Loading earlier messages…")) : view.failed ? (0, import_react6.createElement)("button", { type: "button", className: "bt-soft", onClick: () => load(view.cursor) }, t("Couldn’t load earlier messages · Retry")) : view.cursor ? (0, import_react6.createElement)("button", { type: "button", className: "bt-soft", onClick: () => load(view.cursor) }, t("Load earlier")) : null
+- ),
+- rows.map((row, index) => {
+- const key = rows.length - index;
+- switch (row.kind) {
+- case "divider":
+- return (0, import_react6.createElement)(PartLine, { key, time: row.time });
+- case "user":
+- return (0, import_react6.createElement)("div", { key, className: "bt-urow" }, (0, import_react6.createElement)(
+- "div",
+- { className: "bt-ububble" },
+- row.text ? (0, import_react6.createElement)(import_dsh_client_ui_primitives.MarkdownText, { text: row.text, labels: mdLabels(), variant: "compact" }) : null,
+- row.images ? (0, import_react6.createElement)("span", { className: "bt-uimages" }, row.images === 1 ? t("1 image") : t("{count} images", { count: row.images })) : null
+- ));
+- case "answer":
+- return (0, import_react6.createElement)(AnsweredCell, { key, node: { data: row } });
+- case "bot":
+- return (0, import_react6.createElement)(Bubbles, { key, texts: row.texts, roster, selfId, actions });
+- case "event": {
+- if (row.role === "report") return (0, import_react6.createElement)(GroupEvent, { key, prefix: t("Replies from"), room: roster.roomsById[row.roomId], name: t("a group chat"), roster, actions });
+- const other = roster.byId[row.botId] ?? { id: row.botId, name: row.name ?? t("a Bot"), color: "gray" };
+- const prefix = { stopped: t("Stopped by"), reply: t("Reply from") }[row.role] ?? t("Message from");
+- return (0, import_react6.createElement)(EventLine, { key, prefix, bots: [other], onOpen: () => {
+- if (selfId && other.id) actions.openExchange(selfId, other.id);
+- }, whole: true });
+- }
+- default:
+- return null;
+- }
+- }),
+- (0, import_react6.createElement)(PartLine, { time: view.startedAt })
+- );
+ }, []);
}
--function NewDivider() {
-- return (0, import_react6.createElement)("div", { className: "bt-new-sep", role: "separator", "aria-label": t("New messages") }, (0, import_react6.createElement)("span", null, t("New")));
+-function TriggerCell({ node, sessionId, useRoster, useSessions, useTurnClock, useUi, actions }) {
+- const roster = useRoster((value) => value);
+- const data = node.data;
+- const source = data.source !== null && typeof data.source === "object" ? data.source : {};
+- const selfId = roster.byId[sessionId]?.id ?? sessionId;
+- const deferred = source.kind === "bot" && source.deferred === true;
+- const relayed = isRelayContext(data);
+- const turn = node.location?.turn?.turn ?? data.turn;
+- (0, import_react6.useLayoutEffect)(() => {
+- if (relayed) actions.noteTurnPeer(sessionId, turn, source.senderSessionId);
+- }, [relayed, sessionId, turn, source.senderSessionId]);
+- const order = useSessions((list) => {
+- const outline = list.projectionsBySession?.[sessionId]?.values?.turnOutline ?? list.byId[sessionId]?.projectionValues?.turnOutline;
+- return Array.isArray(outline) ? outline.map((entry) => entry.turn).join(",") : "";
+- });
+- const peers = useTurnClock((state) => {
+- if (!relayed) return "";
+- const turns = state[sessionId] ?? {};
+- return Object.keys(turns).filter((key) => turns[key].peer !== void 0).map((key) => `${key}:${turns[key].peer}`).join(",");
+- });
+- const visit = useUi((state) => state.visits?.[sessionId]);
+- const hiddenTurns = roster.exchangeTurns[sessionId];
+- const unreadOpening = useTurnClock((state) => {
+- const first = openingTurn(state[sessionId], order, hiddenTurns);
+- return first?.turn === turn && unseenSince(visit, first.start) ? clockLabel(first.start) : "";
+function usePaneLeft() {
+ const [paneLeft, setPaneLeft] = (0, import_react11.useState)(280);
+ (0, import_react11.useLayoutEffect)(() => {
@@ -8353,22 +6813,7 @@ diff --git a/client.js b/client.js
+ if (column) setPaneLeft(Math.round(column.getBoundingClientRect().right));
+ }, []);
+ return paneLeft;
- }
--function TurnProcessCell({ node, sessionId, turnProcess, useRoster, useUi, useTurnClock, actions }) {
-- const open = turnProcess === void 0 || !turnProcess.foldable || turnProcess.open;
-- (0, import_react6.useEffect)(() => {
-- if (!open) turnProcess.setOpen(true);
-- }, [open, turnProcess]);
-- const turn = node?.location?.turn?.turn ?? node?.data?.turn;
-- const start = node?.location?.turn?.start?.time;
-- const hidden = useRoster((roster) => isHiddenTurn(roster, sessionId, turn));
-- (0, import_react6.useEffect)(() => {
-- actions.noteTurnTime(sessionId, turn, "first", start);
-- }, [sessionId, turn, start]);
-- const visit = useUi((state) => state.visits?.[sessionId]);
-- const fresh = useTurnClock((state) => {
-- const own = state[sessionId]?.[turn];
-- return !hidden && typeof visit?.seen === "number" && own?.first !== void 0 && own.first <= visit.seen && own.end !== void 0 && own.end > visit.seen && own.end <= visit.entered;
++}
+
+// src/client/member-status.js
+var import_react12 = require("react");
@@ -8391,51 +6836,88 @@ diff --git a/client.js b/client.js
+ const approvals = askedIn(room2, work, id, doing);
+ return { id, approvals, doing, here: doing !== void 0, state: approvals.length > 0 ? "ask" : doing ? "work" : "idle" };
});
-- return fresh ? (0, import_react6.createElement)(NewDivider) : null;
+- const body = triggerBody();
+- return unreadOpening ? (0, import_react6.createElement)(import_react6.Fragment, null, (0, import_react6.createElement)("div", { className: "bt-open-new" }, (0, import_react6.createElement)(NewDivider), (0, import_react6.createElement)("div", { className: "bt-time-sep", role: "separator" }, unreadOpening)), body) : body;
+- function triggerBody() {
+- if (source.kind === "bot") {
+- if (source.handoff === true) return roster.roomsById[sessionId] ? null : (0, import_react6.createElement)(EarlierParts, { sessionId, roster, actions });
+- if (source.role === "kickoff" || source.role === "room") return null;
+- if (source.role === "secret" || deferred) return null;
+- if (source.role === "post") {
+- if (source.failed !== void 0 || source.resumed === true || source.stopped === true) return null;
+- const room2 = roster.roomsById[sessionId];
+- const poster = roster.byId[source.senderSessionId] ?? { id: source.senderSessionId, name: source.senderName ?? t("a Bot"), color: "gray" };
+- return (0, import_react6.createElement)(GroupMessage, { bot: poster, text: stripHeader(contentText(data.content)), room: room2, roster, actions, msgKey: `${sessionId}:${data.turn}:post`, useUi });
+- }
+- if (source.role === "report") {
+- return (0, import_react6.createElement)(GroupEvent, { prefix: t("Replies from"), room: roster.roomsById[source.roomId], name: t("a group chat"), roster, actions });
+- }
+- if (source.role === "resume" || source.resumed === true) return (0, import_react6.createElement)("div", { className: "bt-event" }, t("Picked up its work after a restart"));
+- if (source.role === "retry" || source.retried === true) return (0, import_react6.createElement)("div", { className: "bt-event" }, t("Asked to make the tool call it wrote as text"));
+- const run = relayed ? commRunOf(
+- order.split(",").filter(Boolean).map(Number),
+- Object.fromEntries(peers.split(",").filter(Boolean).map((pair) => [Number(pair.slice(0, pair.indexOf(":"))), pair.slice(pair.indexOf(":") + 1)])),
+- turn,
+- hiddenTurns
+- ) : null;
+- if (run === "folded") return null;
+- const sender = roster.byId[source.senderSessionId] ?? { id: source.senderSessionId, name: source.senderName ?? t("a Bot"), color: "gray" };
+- const count = run?.count ?? (isHiddenTurn(roster, sessionId, turn) ? 2 : 1);
+- const bots = [sender];
+- for (const peer of (run?.peerIds ?? []).map((id) => roster.byId[id]).filter(Boolean)) {
+- if (!bots.some((bot) => bot.id === peer.id)) bots.push(peer);
+- }
+- return (0, import_react6.createElement)(EventLine, {
+- prefix: source.role === "stopped" ? t("Stopped by") : count > 1 ? t("{count} messages with", { count }) : t("Message from"),
+- bots,
+- onOpen: (bot) => actions.openExchange(selfId, bot.id),
+- whole: true
+- });
+- }
+- if (source.kind === "schedule") {
+- const prompts = reminderPrompts(contentText(data.content));
+- return (0, import_react6.createElement)("div", { className: "bt-event" }, prompts.length > 0 ? t("Scheduled task: {text}", { text: prompts.join(" · ").slice(0, 80) }) : t("Routine started"));
+- }
+- if (source.kind === "user-question-reply") return null;
+- return (0, import_react6.createElement)("div", { className: "bt-event" }, contentText(data.content).slice(0, 80) || t("Update"));
+- }
}
--function Nothing() {
-- return null;
+-function NewDivider() {
+- return (0, import_react6.createElement)("div", { className: "bt-new-sep", role: "separator", "aria-label": t("New messages") }, (0, import_react6.createElement)("span", null, t("New")));
+function busyMembers(room2, work, roster) {
+ const busy = memberWork(room2, work).filter((entry) => entry.state !== "idle" && roster.byId[entry.id]);
+ return [...busy.filter((entry) => entry.state === "ask"), ...busy.filter((entry) => entry.state === "work")].map((entry) => ({ ...entry, bot: roster.byId[entry.id] }));
}
--var SEPARATOR_GAP_MS = 30 * 60 * 1e3;
--function clockLabel(time, now = Date.now()) {
-- const date = new Date(time);
-- const midnight = (value) => new Date(value.getFullYear(), value.getMonth(), value.getDate()).getTime();
-- const days = Math.round((midnight(new Date(now)) - midnight(date)) / 864e5);
-- const clock4 = date.toLocaleTimeString(dateLocale(), { hour: "numeric", minute: "2-digit" });
-- if (days === 0) return t("Today {time}", { time: clock4 });
-- if (days === 1) return t("Yesterday {time}", { time: clock4 });
-- const sameYear = date.getFullYear() === new Date(now).getFullYear();
-- return `${date.toLocaleDateString(dateLocale(), { weekday: "short", month: "short", day: "numeric", ...sameYear ? {} : { year: "numeric" } })} ${clock4}`;
+-function TurnProcessCell({ node, sessionId, turnProcess, useRoster, useUi, useTurnClock, actions }) {
+- const open = turnProcess === void 0 || !turnProcess.foldable || turnProcess.open;
+- (0, import_react6.useEffect)(() => {
+- if (!open) turnProcess.setOpen(true);
+- }, [open, turnProcess]);
+- const turn = node?.location?.turn?.turn ?? node?.data?.turn;
+- const start = node?.location?.turn?.start?.time;
+- const hidden = useRoster((roster) => isHiddenTurn(roster, sessionId, turn));
+- (0, import_react6.useEffect)(() => {
+- actions.noteTurnTime(sessionId, turn, "first", start);
+- }, [sessionId, turn, start]);
+- const visit = useUi((state) => state.visits?.[sessionId]);
+- const fresh = useTurnClock((state) => {
+- const own = state[sessionId]?.[turn];
+- return !hidden && typeof visit?.seen === "number" && own?.first !== void 0 && own.first <= visit.seen && own.end !== void 0 && own.end > visit.seen && own.end <= visit.entered;
+function splitBusy(busy) {
+ const here = busy.filter((entry) => entry.state === "work" && entry.here);
+ const rows = [...here.filter((entry) => entry.doing.speaking === true), ...here.filter((entry) => entry.doing.speaking !== true)].slice(0, ROWS_MAX);
-+ return { rows, rest: busy.filter((entry) => !rows.includes(entry)) };
- }
--function nextTurnStart(turns, turn) {
-- let next;
-- for (const key in turns) {
-- const candidate = Number(key);
-- if (candidate > turn && turns[key].first !== void 0 && (next === void 0 || candidate < next)) next = candidate;
-- }
-- return next === void 0 ? void 0 : turns[next].first;
++ return { rows, rest: busy.filter((entry) => !rows.includes(entry)) };
++}
+function botGroupWork(botId, work, roster) {
+ return Object.entries(work.rooms ?? {}).flatMap(([roomId, entries2]) => {
+ const entry = entries2.find((item) => item.botId === botId);
+ const room2 = roster.roomsById[roomId];
+ return entry && room2 ? [{ room: room2, tool: entry.tool, step: stepIn(work, botId, roomId, entry.tool), since: entry.since }] : [];
-+ });
+ });
+- return fresh ? (0, import_react6.createElement)(NewDivider) : null;
}
--function openingTurn(turns, firstTurns, hiddenTurns) {
-- if (!turns || !firstTurns) return null;
-- const start = nextTurnStart(turns, -Infinity);
-- if (start === void 0) return null;
-- const turn = Number(Object.keys(turns).filter((key) => turns[key].first === start)[0]);
-- const listed = firstTurns.split(",").map(Number);
-- const earlier = listed.filter((entry) => entry < turn);
-- return listed.includes(turn) && earlier.every((entry) => hiddenTurns?.includes(entry)) ? { turn, start } : null;
+-function Nothing() {
+- return null;
+function summaryText(busy) {
+ const asks = busy.filter((entry) => entry.state === "ask");
+ const workers = busy.filter((entry) => entry.state === "work");
@@ -8444,39 +6926,14 @@ diff --git a/client.js b/client.js
+ const first = workers[0];
+ const doing = first ? `${first.bot.name} · ${workText(first.doing.tool, first.doing.step)}${workers.length > 1 ? ` +${workers.length - 1}` : ""}` : "";
+ return { waiting, doing };
- }
--var unseenSince = (visit, time) => typeof visit?.seen === "number" && time > visit.seen && time <= visit.entered;
--function TurnTailCell({ turn: location2, sessionId, useTurnClock, useUi, actions }) {
-- const turn = location2.turn;
-- const time = location2.end.time;
-- (0, import_react6.useEffect)(() => {
-- actions.noteTurnTime(sessionId, turn, "end", time);
-- }, [sessionId, turn, time]);
-- const label = useTurnClock((state) => {
-- const start = nextTurnStart(state[sessionId] ?? {}, turn);
-- return start !== void 0 && start - time >= SEPARATOR_GAP_MS ? clockLabel(start) : "";
-- });
-- const visit = useUi((state) => state.visits?.[sessionId]);
-- const fresh = useTurnClock((state) => {
-- if (typeof visit?.seen !== "number" || time > visit.seen) return false;
-- const start = nextTurnStart(state[sessionId] ?? {}, turn);
-- return start !== void 0 && start > visit.seen && start <= visit.entered;
-- });
-- if (!label && !fresh) return null;
-- return (0, import_react6.createElement)(
-- import_react6.Fragment,
-- null,
-- label ? (0, import_react6.createElement)("div", { className: "bt-time-sep", role: "separator" }, label) : null,
-- fresh ? (0, import_react6.createElement)(NewDivider) : null
++}
+function Face({ entry, size }) {
+ return (0, import_react12.createElement)(
+ "span",
+ { className: "bt-mw-face", "data-ask": entry.state === "ask" || void 0 },
+ (0, import_react12.createElement)(BotMark, { bot: entry.bot, size, state: entry.state === "ask" ? "alert" : toolState(entry.doing?.tool ?? "") })
- );
- }
--function Shimmer({ children }) {
-- return (0, import_react6.createElement)("span", { className: "bt-shimmer" }, children);
++ );
++}
+var elapsedSince = (now, at) => typeof at === "number" && now - at >= 6e4 ? elapsedLabel(now - at) : "";
+function WorkRow({ bot, tool, step, label, at, now, onOpen }) {
+ const text = `${label} · ${workText(tool, step)}`;
@@ -8489,62 +6946,16 @@ diff --git a/client.js b/client.js
+ elapsed ? (0, import_react12.createElement)("span", { className: "bt-mw-row-time" }, `· ${elapsed}`) : null
+ );
}
--var PHRASES = {
-- thinking: ["Thinking about it", "Weighing the options", "Working out a plan", "Sorting out the details"],
-- working: ["On it", "Busy with it", "Moving ahead", "Taking care of it", "Making headway"]
--};
--var TOOL_PHRASES = [
-- [/web_?search|search_?web/i, "Searching online"],
-- [/fetch|browse|browser|web/i, "Reading a page"],
-- [/shell|bash|pwsh|powershell|exec|command|terminal/i, "Running shell commands"],
-- [/^(read|view|cat)\b|read_/i, "Opening a file"],
-- [/grep|glob|list_dir|^ls$|find|search/i, "Looking through files"],
-- [/write|edit|patch|apply|replace/i, "Writing changes"],
-- [/image|photo|draw/i, "Working on an image"]
--];
--var GROUP_PHRASES = { create_group: "Creating a group", update_group: "Updating the group", delete_group: "Deleting the group", post_to_group: "Posting in the group" };
--function toolActivity(name, arg, findBot, self) {
-- switch (name) {
-- case "ask_user":
-- return null;
-- case "request_secret":
-- return null;
-- case "list_secrets":
-- return { label: t("Checking the keys"), state: "searching" };
-- case "ask_user_question":
-- return { label: t("Waiting for your answer"), state: "alert" };
-- case "group_relay":
-- return { relay: true, state: "orbit" };
-- case "message_bot": {
-- const target = findBot(arg("to"));
-- return { label: target ? t("Asking {name}", { name: target.name }) : t("Asking another Bot"), state: "sending" };
-- }
-- case "stop_bot": {
-- const target = findBot(arg("bot"));
-- return { label: target ? t("Stopping {name}", { name: target.name }) : t("Stopping another Bot"), state: "sending" };
-- }
-- case "create_bot":
-- return { label: t("Creating {name}", { name: arg("name") ?? t("a Bot") }), state: "sending" };
-- case "update_bot": {
-- const target = findBot(arg("name")) ?? findBot(arg("bot")) ?? (arg("bot") ? void 0 : self);
-- return { label: t("Updating {name}", { name: target?.name ?? t("a Bot") }), state: "sending" };
-- }
-- case "list_bots":
-- return { label: t("Checking the team"), state: "searching" };
-- case "read_group_chat":
-- return { label: t("Reading {name}", { name: arg("group") ?? t("a group chat") }), state: "searching" };
-- case "read_own_chat":
-- return { label: t("Looking back through the chat"), state: "searching" };
-- case "remember":
-- return { label: t("Saving to memory"), state: "working" };
-- case "forget":
-- return { label: t("Updating memory"), state: "working" };
-- case "recall":
-- return { label: t("Checking memory"), state: "searching" };
-- default:
-- if (GROUP_PHRASES[name]) return { label: t(GROUP_PHRASES[name]), state: "sending" };
-- const phrase = TOOL_PHRASES.find(([pattern]) => pattern.test(name))?.[1];
-- return { label: phrase ? t(phrase) : null, state: toolState(name) };
+-var SEPARATOR_GAP_MS = 30 * 60 * 1e3;
+-function clockLabel(time, now = Date.now()) {
+- const date = new Date(time);
+- const midnight = (value) => new Date(value.getFullYear(), value.getMonth(), value.getDate()).getTime();
+- const days = Math.round((midnight(new Date(now)) - midnight(date)) / 864e5);
+- const clock4 = date.toLocaleTimeString(dateLocale(), { hour: "numeric", minute: "2-digit" });
+- if (days === 0) return t("Today {time}", { time: clock4 });
+- if (days === 1) return t("Yesterday {time}", { time: clock4 });
+- const sameYear = date.getFullYear() === new Date(now).getFullYear();
+- return `${date.toLocaleDateString(dateLocale(), { weekday: "short", month: "short", day: "numeric", ...sameYear ? {} : { year: "numeric" } })} ${clock4}`;
+function SummaryLine({ busy, now, onOpen }) {
+ const { waiting, doing } = summaryText(busy);
+ const elapsed = doing ? elapsedSince(now, busy.find((entry) => entry.state === "work")?.doing.since) : "";
@@ -8561,7 +6972,12 @@ diff --git a/client.js b/client.js
+ ),
+ elapsed ? (0, import_react12.createElement)("span", { className: "bt-mw-row-time" }, `· ${elapsed}`) : null
+ );
-+}
+ }
+-function nextTurnStart(turns, turn) {
+- let next;
+- for (const key in turns) {
+- const candidate = Number(key);
+- if (candidate > turn && turns[key].first !== void 0 && (next === void 0 || candidate < next)) next = candidate;
+function MemberDock({ sessionId, useRoster, useWork, actions }) {
+ const roster = useRoster((value) => value);
+ const work = useWork((value) => value);
@@ -8585,6 +7001,16 @@ diff --git a/client.js b/client.js
+ rest.length > 0 ? (0, import_react12.createElement)(SummaryLine, { busy: rest, now, onOpen: open }) : null
+ );
}
+- return next === void 0 ? void 0 : turns[next].first;
+-}
+-function openingTurn(turns, firstTurns, hiddenTurns) {
+- if (!turns || !firstTurns) return null;
+- const start = nextTurnStart(turns, -Infinity);
+- if (start === void 0) return null;
+- const turn = Number(Object.keys(turns).filter((key) => turns[key].first === start)[0]);
+- const listed = firstTurns.split(",").map(Number);
+- const earlier = listed.filter((entry) => entry < turn);
+- return listed.includes(turn) && earlier.every((entry) => hiddenTurns?.includes(entry)) ? { turn, start } : null;
+ return (0, import_react12.createElement)("div", { ref, className: "bt-mw-dock-stack" }, groups.slice(0, ROWS_MAX).map((item) => (0, import_react12.createElement)(WorkRow, {
+ key: item.room.id,
+ bot,
@@ -8596,9 +7022,30 @@ diff --git a/client.js b/client.js
+ onOpen: () => actions.openSession(item.room.id)
+ })));
}
--function workPhrase(tool) {
-- if (!tool) return t("Thinking about it");
-- return toolActivity(tool, () => void 0, () => void 0)?.label ?? t("On it");
+-var unseenSince = (visit, time) => typeof visit?.seen === "number" && time > visit.seen && time <= visit.entered;
+-function TurnTailCell({ turn: location2, sessionId, useTurnClock, useUi, actions }) {
+- const turn = location2.turn;
+- const time = location2.end.time;
+- (0, import_react6.useEffect)(() => {
+- actions.noteTurnTime(sessionId, turn, "end", time);
+- }, [sessionId, turn, time]);
+- const label = useTurnClock((state) => {
+- const start = nextTurnStart(state[sessionId] ?? {}, turn);
+- return start !== void 0 && start - time >= SEPARATOR_GAP_MS ? clockLabel(start) : "";
+- });
+- const visit = useUi((state) => state.visits?.[sessionId]);
+- const fresh = useTurnClock((state) => {
+- if (typeof visit?.seen !== "number" || time > visit.seen) return false;
+- const start = nextTurnStart(state[sessionId] ?? {}, turn);
+- return start !== void 0 && start > visit.seen && start <= visit.entered;
+- });
+- if (!label && !fresh) return null;
+- return (0, import_react6.createElement)(
+- import_react6.Fragment,
+- null,
+- label ? (0, import_react6.createElement)("div", { className: "bt-time-sep", role: "separator" }, label) : null,
+- fresh ? (0, import_react6.createElement)(NewDivider) : null
+- );
+function useFlowColumn(ref, active, key) {
+ (0, import_react12.useLayoutEffect)(() => {
+ const node = ref.current;
@@ -8615,7 +7062,9 @@ diff --git a/client.js b/client.js
+ for (const target of [flow, flow.parentElement, node.parentElement]) if (target) observer.observe(target);
+ return () => observer.disconnect();
+ }, [active, key]);
-+}
+ }
+-function Shimmer({ children }) {
+- return (0, import_react6.createElement)("span", { className: "bt-shimmer" }, children);
+function useNow(active) {
+ const [now, setNow] = (0, import_react12.useState)(Date.now);
+ (0, import_react12.useEffect)(() => {
@@ -8624,12 +7073,68 @@ diff --git a/client.js b/client.js
+ return () => clearInterval(timer);
+ }, [active]);
+ return now;
-+}
+ }
+-var PHRASES = {
+- thinking: ["Thinking about it", "Weighing the options", "Working out a plan", "Sorting out the details"],
+- working: ["On it", "Busy with it", "Moving ahead", "Taking care of it", "Making headway"]
+-};
+-var TOOL_PHRASES = [
+- [/web_?search|search_?web/i, "Searching online"],
+- [/fetch|browse|browser|web/i, "Reading a page"],
+- [/shell|bash|pwsh|powershell|exec|command|terminal/i, "Running shell commands"],
+- [/^(read|view|cat)\b|read_/i, "Opening a file"],
+- [/grep|glob|list_dir|^ls$|find|search/i, "Looking through files"],
+- [/write|edit|patch|apply|replace/i, "Writing changes"],
+- [/image|photo|draw/i, "Working on an image"]
+var since = (now, at) => typeof at === "number" && now - at >= 6e4 ? ` · ${elapsedLabel(now - at)}` : "";
+var alwaysChoices = (approval, bot) => bot?.remote ? [] : [
+ ["always-bot", "Always allow for this Bot"],
+ ...approval.roomId ? [["always-room", "Always allow for this group"]] : []
-+];
+ ];
+-var GROUP_PHRASES = { create_group: "Creating a group", update_group: "Updating the group", delete_group: "Deleting the group", post_to_group: "Posting in the group" };
+-function toolActivity(name, arg, findBot, self) {
+- switch (name) {
+- case "ask_user":
+- return null;
+- case "request_secret":
+- return null;
+- case "list_secrets":
+- return { label: t("Checking the keys"), state: "searching" };
+- case "ask_user_question":
+- return { label: t("Waiting for your answer"), state: "alert" };
+- case "group_relay":
+- return { relay: true, state: "orbit" };
+- case "message_bot": {
+- const target = findBot(arg("to"));
+- return { label: target ? t("Asking {name}", { name: target.name }) : t("Asking another Bot"), state: "sending" };
+- }
+- case "stop_bot": {
+- const target = findBot(arg("bot"));
+- return { label: target ? t("Stopping {name}", { name: target.name }) : t("Stopping another Bot"), state: "sending" };
+- }
+- case "create_bot":
+- return { label: t("Creating {name}", { name: arg("name") ?? t("a Bot") }), state: "sending" };
+- case "update_bot": {
+- const target = findBot(arg("name")) ?? findBot(arg("bot")) ?? (arg("bot") ? void 0 : self);
+- return { label: t("Updating {name}", { name: target?.name ?? t("a Bot") }), state: "sending" };
+- }
+- case "list_bots":
+- return { label: t("Checking the team"), state: "searching" };
+- case "read_group_chat":
+- return { label: t("Reading {name}", { name: arg("group") ?? t("a group chat") }), state: "searching" };
+- case "read_own_chat":
+- return { label: t("Looking back through the chat"), state: "searching" };
+- case "remember":
+- return { label: t("Saving to memory"), state: "working" };
+- case "forget":
+- return { label: t("Updating memory"), state: "working" };
+- case "recall":
+- return { label: t("Checking memory"), state: "searching" };
+- default:
+- if (GROUP_PHRASES[name]) return { label: t(GROUP_PHRASES[name]), state: "sending" };
+- const phrase = TOOL_PHRASES.find(([pattern]) => pattern.test(name))?.[1];
+- return { label: phrase ? t(phrase) : null, state: toolState(name) };
+- }
+function ApprovalCard({ approval, bot, actions }) {
+ const [busy, setBusy] = (0, import_react12.useState)(false);
+ const answer = (choice) => {
@@ -8655,7 +7160,10 @@ diff --git a/client.js b/client.js
+ (0, import_react12.createElement)("button", { type: "button", className: "bt-q-btn", onClick: () => actions.openSession(bot.id) }, t("Open {name}'s chat", { name: bot.name }))
+ )
+ );
-+}
+ }
+-function workPhrase(tool) {
+- if (!tool) return t("Thinking about it");
+- return toolActivity(tool, () => void 0, () => void 0)?.label ?? t("On it");
+function MemberWork({ entry, bot, room: room2, actions, now }) {
+ const [stopping, setStopping] = (0, import_react12.useState)(false);
+ if (entry.state === "ask") {
@@ -8700,6 +7208,20 @@ diff --git a/client.js b/client.js
- (0, import_react6.useEffect)(() => {
- if (done) return void 0;
- let stop = false;
+- let timer;
+- let seen = "";
+- const tick = async () => {
+- const result = await actions.roomProgress(sessionId);
+- if (stop) return;
+- const entry = (result ?? []).find((item) => item.callId === callId) ?? (result ?? [])[0];
+- const key = entry ? JSON.stringify([entry.replies, entry.speaking]) : "";
+- if (entry && key !== seen) {
+- seen = key;
+- setLive({ replies: entry.replies ?? [], speaking: entry.speaking ?? null });
+- }
+- timer = setTimeout(tick, document.hidden ? 5e3 : 1e3);
+- };
+- void tick();
+var MEMBER_CSS = `
+.bt-mw-dock-stack{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:var(--dsh-chat-content-width,min(960px,100%));margin:0 auto 6px;pointer-events:none}
+.bt-mw-row{pointer-events:auto;display:flex;align-items:center;gap:10px;min-width:0;max-width:calc(100% + 6px);height:32px;margin-inline-start:-6px;padding:0 12px 0 6px;border:0;border-radius:16px;background:none;color:var(--bt-ink-2);font:inherit;font-size:14px;cursor:pointer;animation:bt-mw-in .32s cubic-bezier(.23,1,.32,1) backwards;transition:background-color .16s ease-out}
@@ -8775,25 +7297,12 @@ diff --git a/client.js b/client.js
+ sharedTasks = Array.isArray(list) ? list : [];
+ for (const listener of taskListeners) listener(sharedTasks);
+}
-+function useTasks(actions) {
-+ const [tasks, setTasks] = (0, import_react13.useState)(sharedTasks);
-+ (0, import_react13.useEffect)(() => {
-+ taskListeners.add(setTasks);
-+ let stopped = false;
- let timer;
-- let seen = "";
-- const tick = async () => {
-- const result = await actions.roomProgress(sessionId);
-- if (stop) return;
-- const entry = (result ?? []).find((item) => item.callId === callId) ?? (result ?? [])[0];
-- const key = entry ? JSON.stringify([entry.replies, entry.speaking]) : "";
-- if (entry && key !== seen) {
-- seen = key;
-- setLive({ replies: entry.replies ?? [], speaking: entry.speaking ?? null });
-- }
-- timer = setTimeout(tick, document.hidden ? 5e3 : 1e3);
-- };
-- void tick();
++function useTasks(actions) {
++ const [tasks, setTasks] = (0, import_react13.useState)(sharedTasks);
++ (0, import_react13.useEffect)(() => {
++ taskListeners.add(setTasks);
++ let stopped = false;
++ let timer;
+ const load = () => Promise.resolve(actions?.tasks?.()).then((list) => {
+ if (!stopped && list !== void 0) publishTasks(list);
+ }).catch(() => {
@@ -8814,82 +7323,9 @@ diff --git a/client.js b/client.js
- replies = JSON.parse(contentText(content)).replies ?? [];
- } catch {
- replies = [];
-- }
-- }
-- const pending = done || !live.speaking ? [] : [live.speaking];
-- const speakerTool = useWork?.((work) => work.bots?.[live.speaking]?.tool) ?? void 0;
-- if (replies.length === 0 && pending.length === 0) return null;
-- const room2 = roster.roomsById[sessionId];
-- return (0, import_react6.createElement)(
-- "div",
-- { className: "bt-group-replies" },
-- replies.map((reply, index) => {
-- const bot = roster.byId[reply.botId] ?? { id: reply.botId, name: reply.name, color: reply.color ?? "gray" };
-- if (reply.kind === "user") {
-- return (0, import_react6.createElement)("div", { key: `user-${index}`, className: "bt-urow" }, (0, import_react6.createElement)(
-- "div",
-- { className: "bt-ububble" },
-- (0, import_react6.createElement)(import_dsh_client_ui_primitives.MarkdownText, { text: reply.text, labels: mdLabels(), variant: "compact" })
-- ));
-- }
-- if (reply.kind === "failed") {
-- return (0, import_react6.createElement)(
-- "div",
-- { key: `${reply.botId}-${index}`, className: "bt-event bt-event-error", role: "status", title: [reply.code, reply.status, reply.text].filter(Boolean).join(" · ") },
-- t("{name} could not answer: {reason}", { name: bot.name, reason: failureLabel(reply.code, reply.text) })
-- );
-- }
-- if (reply.kind === "lookup") {
-- return (0, import_react6.createElement)(
-- "div",
-- { key: `${reply.botId}-${index}`, className: "bt-event" },
-- reply.text ? t("{name} looked up its own chat for “{text}”", { name: bot.name, text: reply.text }) : t("{name} looked up its own chat", { name: bot.name })
-- );
-- }
-- if (reply.kind === "missed") {
-- return (0, import_react6.createElement)("div", { key: `${reply.botId}-${index}`, className: "bt-event" }, t("{name} didn't answer in time", { name: bot.name }));
-- }
-- if (reply.kind === "resumed") {
-- return (0, import_react6.createElement)("div", { key: `${reply.botId}-${index}`, className: "bt-event" }, t("{name} was cut off by a restart and picked its work back up", { name: bot.name }));
-- }
-- if (reply.kind === "cut") {
-- return (0, import_react6.createElement)("div", { key: `${reply.botId}-${index}`, className: "bt-event" }, t("{name} was cut off by a restart again and stopped", { name: bot.name }));
-- }
-- if (reply.kind === "approval" || reply.kind === "working") {
-- return (0, import_react6.createElement)(
-- "div",
-- { key: `${reply.botId}-${index}`, className: "bt-event" },
-- (0, import_react6.createElement)(
-- "button",
-- { type: "button", className: "bt-event-whole", onClick: () => actions.showDetails(sessionId) },
-- (0, import_react6.createElement)(BotMark, { bot, size: 16 }),
-- (0, import_react6.createElement)("span", { className: "bt-event-name" }, t(reply.kind === "working" ? "{name} started on it" : "{name} paused for your approval", { name: bot.name }))
-- )
-- );
-- }
-- if (reply.kind === "stopped") {
-- return (0, import_react6.createElement)("div", { key: `${reply.botId}-${index}`, className: "bt-event" }, t("You stopped {name}'s work", { name: bot.name }));
-- }
-- return (0, import_react6.createElement)(GroupMessage, { key: `${reply.botId}-${index}`, bot, text: reply.text, room: room2, roster, actions, msgKey: callId ? `${sessionId}:${callId}:${index}` : void 0, useUi });
-- }),
-- pending.map((id) => {
-- const bot = roster.byId[id];
-- if (!bot) return null;
-- return (0, import_react6.createElement)(
-- "div",
-- { key: `pending-${id}`, className: "bt-activity" },
-- (0, import_react6.createElement)(BotMark, { bot, size: 22, state: speakerTool ? toolState(speakerTool) : "thinking" }),
-- (0, import_react6.createElement)(Shimmer, null, speakerTool ? `${bot.name} · ${workPhrase(speakerTool)}…` : t("{name} is typing…", { name: bot.name }))
-- );
-- })
-- );
+ }, []);
+ return tasks;
- }
--var DRAWN = /* @__PURE__ */ new Set(["message_bot", "stop_bot", "create_bot", "update_bot", "group_relay", "create_group", "update_group", "delete_group", "post_to_group", "ask_user", "request_secret", "ask_user_question", "read_group_chat", "remember", "forget"]);
--var CARDS = /* @__PURE__ */ new Set(["ask_user", "request_secret"]);
--function callTree(root) {
-- const calls = [];
++}
+var ownBot = (roster, id) => {
+ const bot = roster.byId?.[id];
+ if (bot === void 0 || bot.remote) return void 0;
@@ -9002,13 +7438,7 @@ diff --git a/client.js b/client.js
+ const count = room2.pendingCount ?? 0;
+ if (count > 0) held(room2.id, count, { room: room2, place: placeOf(roster, room2.id), ...people(roster, null) });
+ }
- const seen = /* @__PURE__ */ new Set();
-- const visit = (call2) => {
-- const id = call2.callId ?? call2;
-- if (seen.has(id)) return;
-- seen.add(id);
-- calls.push(call2);
-- for (const child of call2.subCalls ?? []) visit(child);
++ const seen = /* @__PURE__ */ new Set();
+ const running = (botId, entry, roomId) => {
+ const bot = ownBot(roster, botId);
+ const key = `${botId}|${roomId ?? ""}`;
@@ -9026,9 +7456,7 @@ diff --git a/client.js b/client.js
+ chat: roomId ?? bot.id,
+ ...people(roster, bot.id)
+ });
- };
-- visit(root);
-- return calls;
++ };
+ for (const [botId, entry] of Object.entries(work.bots ?? {})) running(botId, entry, entry.roomId);
+ for (const [roomId, entries2] of Object.entries(work.rooms ?? {})) for (const entry of entries2) running(entry.botId, entry, roomId);
+ const lastEnded = /* @__PURE__ */ new Map();
@@ -9086,8 +7514,58 @@ diff --git a/client.js b/client.js
+ const text = previewOf(sessions, part);
+ if (text === "") continue;
+ done.push({ id: `chat:${bot.id}`, kind: "chat", status: "done", bot, at, title: text, place: "", chat: bot.id, ...people(roster, bot.id) });
-+ }
-+ }
+ }
+ }
+- const pending = done || !live.speaking ? [] : [live.speaking];
+- const speakerTool = useWork?.((work) => work.bots?.[live.speaking]?.tool) ?? void 0;
+- if (replies.length === 0 && pending.length === 0) return null;
+- const room2 = roster.roomsById[sessionId];
+- return (0, import_react6.createElement)(
+- "div",
+- { className: "bt-group-replies" },
+- replies.map((reply, index) => {
+- const bot = roster.byId[reply.botId] ?? { id: reply.botId, name: reply.name, color: reply.color ?? "gray" };
+- if (reply.kind === "user") {
+- return (0, import_react6.createElement)("div", { key: `user-${index}`, className: "bt-urow" }, (0, import_react6.createElement)(
+- "div",
+- { className: "bt-ububble" },
+- (0, import_react6.createElement)(import_dsh_client_ui_primitives.MarkdownText, { text: reply.text, labels: mdLabels(), variant: "compact" })
+- ));
+- }
+- if (reply.kind === "failed") {
+- return (0, import_react6.createElement)(
+- "div",
+- { key: `${reply.botId}-${index}`, className: "bt-event bt-event-error", role: "status", title: [reply.code, reply.status, reply.text].filter(Boolean).join(" · ") },
+- t("{name} could not answer: {reason}", { name: bot.name, reason: failureLabel(reply.code, reply.text) })
+- );
+- }
+- if (reply.kind === "lookup") {
+- return (0, import_react6.createElement)(
+- "div",
+- { key: `${reply.botId}-${index}`, className: "bt-event" },
+- reply.text ? t("{name} looked up its own chat for “{text}”", { name: bot.name, text: reply.text }) : t("{name} looked up its own chat", { name: bot.name })
+- );
+- }
+- if (reply.kind === "missed") {
+- return (0, import_react6.createElement)("div", { key: `${reply.botId}-${index}`, className: "bt-event" }, t("{name} didn't answer in time", { name: bot.name }));
+- }
+- if (reply.kind === "resumed") {
+- return (0, import_react6.createElement)("div", { key: `${reply.botId}-${index}`, className: "bt-event" }, t("{name} was cut off by a restart and picked its work back up", { name: bot.name }));
+- }
+- if (reply.kind === "cut") {
+- return (0, import_react6.createElement)("div", { key: `${reply.botId}-${index}`, className: "bt-event" }, t("{name} was cut off by a restart again and stopped", { name: bot.name }));
+- }
+- if (reply.kind === "approval" || reply.kind === "working") {
+- return (0, import_react6.createElement)(
+- "div",
+- { key: `${reply.botId}-${index}`, className: "bt-event" },
+- (0, import_react6.createElement)(
+- "button",
+- { type: "button", className: "bt-event-whole", onClick: () => actions.showDetails(sessionId) },
+- (0, import_react6.createElement)(BotMark, { bot, size: 16 }),
+- (0, import_react6.createElement)("span", { className: "bt-event-name" }, t(reply.kind === "working" ? "{name} started on it" : "{name} paused for your approval", { name: bot.name }))
+- )
+- );
+ const newest = (a, b) => (b.at ?? Infinity) - (a.at ?? Infinity);
+ for (const card of [...needs, ...progress, ...done]) {
+ card.activity = latestActivity(card, { roster, work, sessions });
@@ -9123,15 +7601,7 @@ diff --git a/client.js b/client.js
+ return Promise.resolve(actions.answerApproval(card.approval.id, choice));
+ }
+ return void 0;
- }
--function useShownCards(actions, sessionId, callIds) {
-- const key = JSON.stringify(callIds);
-- (0, import_react6.useLayoutEffect)(() => {
-- const ids = JSON.parse(key);
-- if (ids.length === 0 || !actions.noteCards) return void 0;
-- actions.noteCards(sessionId, ids, 1);
-- return () => actions.noteCards(sessionId, ids, -1);
-- }, [sessionId, key]);
++}
+var answerSlots = /* @__PURE__ */ new Map();
+var answerSlot = (id) => {
+ let slot = answerSlots.get(id);
@@ -9177,7 +7647,9 @@ diff --git a/client.js b/client.js
+ if (event.key !== "Enter" || event.shiftKey || event.nativeEvent.isComposing) return;
+ event.preventDefault();
+ send();
-+ }
+ }
+- if (reply.kind === "stopped") {
+- return (0, import_react6.createElement)("div", { key: `${reply.botId}-${index}`, className: "bt-event" }, t("You stopped {name}'s work", { name: bot.name }));
+ }) : null,
+ slot.open ? (0, import_react13.createElement)("button", { type: "button", className: "bt-send bt-soft-sm", disabled: busy, onClick: send }, t("Send it back")) : (0, import_react13.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => {
+ slot.open = true;
@@ -9185,6 +7657,126 @@ diff --git a/client.js b/client.js
+ } }, t("Send back")),
+ (0, import_react13.createElement)("button", { type: "button", className: "bt-send bt-soft-sm", disabled: busy, onClick: () => onAnswer(card, "accept") }, t("Accept"))
+ );
++}
++function AnswerFields({ card, busy, onAnswer }) {
++ const [, redraw] = (0, import_react13.useState)(0);
++ const question = card.kind === "question";
++ const taskInput = card.kind === "task" && card.status === "input" && typeof card.task?.inputRequest?.id === "string";
++ if (!question && !taskInput) return null;
++ const slot = answerSlot(card.id);
++ const multi = question && card.question?.multiSelect === true;
++ const options = question && Array.isArray(card.question?.options) ? card.question.options : [];
++ const send = () => {
++ if (busy) return;
++ const custom = slot.text.trim();
++ if (question) {
++ const selected = multi ? slot.picked.filter((label) => label !== "") : [];
++ if (selected.length === 0 && custom === "") return;
++ onAnswer(card, { selected, custom });
++ return;
++ }
++ if (custom === "") return;
++ onAnswer(card, custom);
++ };
++ const choose = (label) => {
++ if (busy) return;
++ if (!multi) {
++ onAnswer(card, { selected: [label], custom: "" });
++ return;
++ }
++ slot.picked = slot.picked.includes(label) ? slot.picked.filter((item) => item !== label) : [...slot.picked, label];
++ redraw((count) => count + 1);
++ };
++ return (0, import_react13.createElement)(
++ "span",
++ { className: "bt-inbox-answer" },
++ ...options.map((option, index) => (0, import_react13.createElement)("button", {
++ key: `${option.label}-${index}`,
++ type: "button",
++ className: "bt-soft bt-soft-sm",
++ disabled: busy,
++ "aria-pressed": multi ? slot.picked.includes(option.label) : void 0,
++ onClick: () => choose(option.label)
++ }, option.label)),
++ (0, import_react13.createElement)("input", {
++ type: "text",
++ className: "bt-inbox-answer-text",
++ value: slot.text,
++ disabled: busy,
++ "aria-label": t("Your own answer"),
++ placeholder: t("Type your own answer"),
++ onChange: (event) => {
++ slot.text = String(event.target?.value ?? "");
++ redraw((count) => count + 1);
++ },
++ onKeyDown: (event) => {
++ if (event.key !== "Enter" || event.shiftKey || event.nativeEvent.isComposing) return;
++ event.preventDefault();
++ send();
+ }
+- return (0, import_react6.createElement)(GroupMessage, { key: `${reply.botId}-${index}`, bot, text: reply.text, room: room2, roster, actions, msgKey: callId ? `${sessionId}:${callId}:${index}` : void 0, useUi });
+ }),
+- pending.map((id) => {
+- const bot = roster.byId[id];
+- if (!bot) return null;
+- return (0, import_react6.createElement)(
+- "div",
+- { key: `pending-${id}`, className: "bt-activity" },
+- (0, import_react6.createElement)(BotMark, { bot, size: 22, state: speakerTool ? toolState(speakerTool) : "thinking" }),
+- (0, import_react6.createElement)(Shimmer, null, speakerTool ? `${bot.name} · ${workPhrase(speakerTool)}…` : t("{name} is typing…", { name: bot.name }))
+- );
+- })
++ (0, import_react13.createElement)("button", { type: "button", className: "bt-send bt-soft-sm", disabled: busy, onClick: send }, t("Submit"))
+ );
+ }
+-var DRAWN = /* @__PURE__ */ new Set(["message_bot", "stop_bot", "create_bot", "update_bot", "group_relay", "create_group", "update_group", "delete_group", "post_to_group", "ask_user", "request_secret", "ask_user_question", "read_group_chat", "remember", "forget"]);
+-var CARDS = /* @__PURE__ */ new Set(["ask_user", "request_secret"]);
+-function callTree(root) {
+- const calls = [];
+- const seen = /* @__PURE__ */ new Set();
+- const visit = (call2) => {
+- const id = call2.callId ?? call2;
+- if (seen.has(id)) return;
+- seen.add(id);
+- calls.push(call2);
+- for (const child of call2.subCalls ?? []) visit(child);
+- };
+- visit(root);
+- return calls;
++function InboxRow({ wide, useRoster, useWork, useUi, actions }) {
++ const roster = useRoster((value) => value);
++ const work = useWork ? useWork((value) => value) : {};
++ const open = useUi ? useUi((value) => Boolean(value.inbox)) : false;
++ const tasks = useTasks(actions);
++ const count = needsCount(roster, work, tasks);
++ const label = count > 0 ? t("Inbox, {count} need you", { count }) : t("Inbox");
++ return (0, import_react13.createElement)(
++ "button",
++ {
++ type: "button",
++ className: "bt-row bt-inbox-row",
++ "aria-label": label,
++ title: wide ? void 0 : label,
++ "aria-haspopup": "dialog",
++ "aria-expanded": open,
++ onClick: () => actions.openInbox()
++ },
++ (0, import_react13.createElement)("span", { className: "bt-inbox-mark" }, (0, import_react13.createElement)(InboxIcon)),
++ wide ? (0, import_react13.createElement)("span", { className: "bt-inbox-label" }, t("Inbox")) : null,
++ count > 0 ? (0, import_react13.createElement)("span", { className: "bt-inbox-count", "aria-hidden": true }, count > 99 ? "99+" : String(count)) : null
++ );
+ }
+-function useShownCards(actions, sessionId, callIds) {
+- const key = JSON.stringify(callIds);
+- (0, import_react6.useLayoutEffect)(() => {
+- const ids = JSON.parse(key);
+- if (ids.length === 0 || !actions.noteCards) return void 0;
+- actions.noteCards(sessionId, ids, 1);
+- return () => actions.noteCards(sessionId, ids, -1);
+- }, [sessionId, key]);
++function Status({ status }) {
++ const { label, tone, Icon } = STATUSES[status];
++ return (0, import_react13.createElement)("span", { className: "bt-inbox-status", "data-tone": tone }, (0, import_react13.createElement)(Icon), (0, import_react13.createElement)("span", null, t(label)));
}
-function renderCall(call2, { sessionId, roster, actions, useUi, useWork, findBot }) {
- const tool = toolName(call2);
@@ -9230,36 +7822,12 @@ diff --git a/client.js b/client.js
- const name = named[2];
- const room2 = roster.rooms.find((entry) => entry.name === name);
- return (0, import_react6.createElement)(GroupEvent, { prefix: t(verbs[0]), room: tool === "delete_group" ? void 0 : room2, name, roster, actions });
-+function AnswerFields({ card, busy, onAnswer }) {
-+ const [, redraw] = (0, import_react13.useState)(0);
-+ const question = card.kind === "question";
-+ const taskInput = card.kind === "task" && card.status === "input" && typeof card.task?.inputRequest?.id === "string";
-+ if (!question && !taskInput) return null;
-+ const slot = answerSlot(card.id);
-+ const multi = question && card.question?.multiSelect === true;
-+ const options = question && Array.isArray(card.question?.options) ? card.question.options : [];
-+ const send = () => {
-+ if (busy) return;
-+ const custom = slot.text.trim();
-+ if (question) {
-+ const selected = multi ? slot.picked.filter((label) => label !== "") : [];
-+ if (selected.length === 0 && custom === "") return;
-+ onAnswer(card, { selected, custom });
-+ return;
- }
+- }
- case "ask_user": {
- const question = roster.questions?.[sessionId];
- if (!question || question.callId !== call2.callId) return (0, import_react6.createElement)("span", { className: "bt-q-gone", hidden: true });
- return (0, import_react6.createElement)(PendingQuestion, { sessionId, question, actions, inline: true });
-+ if (custom === "") return;
-+ onAnswer(card, custom);
-+ };
-+ const choose = (label) => {
-+ if (busy) return;
-+ if (!multi) {
-+ onAnswer(card, { selected: [label], custom: "" });
-+ return;
- }
+- }
- case "request_secret":
- return (0, import_react6.createElement)(SecretToolCell, { sessionId, callId: call2.callId, name: arg("name"), done, content: call2.content, roster, actions });
- case "ask_user_question": {
@@ -9269,36 +7837,7 @@ diff --git a/client.js b/client.js
- parsed = JSON.parse(contentText(call2.content));
- } catch {
- parsed = null;
-+ slot.picked = slot.picked.includes(label) ? slot.picked.filter((item) => item !== label) : [...slot.picked, label];
-+ redraw((count) => count + 1);
-+ };
-+ return (0, import_react13.createElement)(
-+ "span",
-+ { className: "bt-inbox-answer" },
-+ ...options.map((option, index) => (0, import_react13.createElement)("button", {
-+ key: `${option.label}-${index}`,
-+ type: "button",
-+ className: "bt-soft bt-soft-sm",
-+ disabled: busy,
-+ "aria-pressed": multi ? slot.picked.includes(option.label) : void 0,
-+ onClick: () => choose(option.label)
-+ }, option.label)),
-+ (0, import_react13.createElement)("input", {
-+ type: "text",
-+ className: "bt-inbox-answer-text",
-+ value: slot.text,
-+ disabled: busy,
-+ "aria-label": t("Your own answer"),
-+ placeholder: t("Type your own answer"),
-+ onChange: (event) => {
-+ slot.text = String(event.target?.value ?? "");
-+ redraw((count) => count + 1);
-+ },
-+ onKeyDown: (event) => {
-+ if (event.key !== "Enter" || event.shiftKey || event.nativeEvent.isComposing) return;
-+ event.preventDefault();
-+ send();
- }
+- }
- const answer = parsed?.answers?.[0];
- const question = argValue("questions")?.[0];
- if (!answer) return null;
@@ -9314,37 +7853,6 @@ diff --git a/client.js b/client.js
- return done && !call2.isError ? (0, import_react6.createElement)(MemoryEvent, { sessionId, scope: arg("scope"), result: contentText(call2.content), roster, actions, findBot }) : null;
- default:
- return null;
-+ }),
-+ (0, import_react13.createElement)("button", { type: "button", className: "bt-send bt-soft-sm", disabled: busy, onClick: send }, t("Submit"))
-+ );
-+}
-+function InboxRow({ wide, useRoster, useWork, useUi, actions }) {
-+ const roster = useRoster((value) => value);
-+ const work = useWork ? useWork((value) => value) : {};
-+ const open = useUi ? useUi((value) => Boolean(value.inbox)) : false;
-+ const tasks = useTasks(actions);
-+ const count = needsCount(roster, work, tasks);
-+ const label = count > 0 ? t("Inbox, {count} need you", { count }) : t("Inbox");
-+ return (0, import_react13.createElement)(
-+ "button",
-+ {
-+ type: "button",
-+ className: "bt-row bt-inbox-row",
-+ "aria-label": label,
-+ title: wide ? void 0 : label,
-+ "aria-haspopup": "dialog",
-+ "aria-expanded": open,
-+ onClick: () => actions.openInbox()
-+ },
-+ (0, import_react13.createElement)("span", { className: "bt-inbox-mark" }, (0, import_react13.createElement)(InboxIcon)),
-+ wide ? (0, import_react13.createElement)("span", { className: "bt-inbox-label" }, t("Inbox")) : null,
-+ count > 0 ? (0, import_react13.createElement)("span", { className: "bt-inbox-count", "aria-hidden": true }, count > 99 ? "99+" : String(count)) : null
-+ );
-+}
-+function Status({ status }) {
-+ const { label, tone, Icon } = STATUSES[status];
-+ return (0, import_react13.createElement)("span", { className: "bt-inbox-status", "data-tone": tone }, (0, import_react13.createElement)(Icon), (0, import_react13.createElement)("span", null, t(label)));
-+}
+function whenText(card, now) {
+ if (card.status === "running" || card.status === "task") {
+ return typeof card.since === "number" && now - card.since >= 6e4 ? t("for {time}", { time: elapsedLabel(now - card.since) }) : t("just started");
@@ -9512,7 +8020,7 @@ diff --git a/client.js b/client.js
+ )
+ )
+ );
- }
++}
+var INBOX_CSS = `
+.bt-inbox-row{min-height:40px;padding:6px 8px;gap:10px}
+.bt-inbox-mark{flex:none;width:36px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--bt-ink-2)}
@@ -9562,17 +8070,7 @@ diff --git a/client.js b/client.js
+.bt-inbox-actions{flex:none;display:flex;align-items:center;gap:6px;align-self:center}
+.bt-inbox-actions .bt-send{height:28px;font-size:12px}
+`;
-
--// src/client/activity-row.js
--var import_react7 = require("react");
--var import_react_dom2 = require("react-dom");
--var PHRASE_HOLD_MS = 800;
--var drawPhrase = (pool) => t(pool[Math.min(pool.length - 1, Math.floor(Math.random() * pool.length))]);
--function elapsedLabel(ms) {
-- const minutes = Math.floor(ms / 6e4);
-- if (minutes < 60) return `${Math.max(1, minutes)}m`;
-- const hours = Math.floor(minutes / 60);
-- return minutes % 60 === 0 ? `${hours}h` : `${hours}h ${minutes % 60}m`;
++
+// src/shared/task-board.js
+var COLUMNS = ["not-started", "in-progress", "done"];
+var PRIORITIES = ["urgent", "high", "normal", "low"];
@@ -9607,28 +8105,312 @@ diff --git a/client.js b/client.js
+ if (byWorking !== 0) return byWorking;
+ return (b?.updatedAt ?? 0) - (a?.updatedAt ?? 0);
+}
-+function progressOf(task) {
-+ const value = task?.progress;
-+ if (typeof value !== "number" || !Number.isFinite(value)) return columnOf(task) === "done" && task?.status !== "cancelled" && task?.status !== "failed" ? 100 : 0;
-+ return Math.max(0, Math.min(100, Math.round(value)));
- }
--function useRunningHost(active) {
-- const [host, setHost] = (0, import_react7.useState)(null);
-- (0, import_react7.useEffect)(() => {
-- if (!active) {
-- setHost(null);
-- return void 0;
++function progressOf(task) {
++ const value = task?.progress;
++ if (typeof value !== "number" || !Number.isFinite(value)) return columnOf(task) === "done" && task?.status !== "cancelled" && task?.status !== "failed" ? 100 : 0;
++ return Math.max(0, Math.min(100, Math.round(value)));
+ }
+
+-// src/client/activity-row.js
+-var import_react7 = require("react");
+-var import_react_dom2 = require("react-dom");
+-var PHRASE_HOLD_MS = 800;
+-var drawPhrase = (pool) => t(pool[Math.min(pool.length - 1, Math.floor(Math.random() * pool.length))]);
+-function elapsedLabel(ms) {
+- const minutes = Math.floor(ms / 6e4);
+- if (minutes < 60) return `${Math.max(1, minutes)}m`;
+- const hours = Math.floor(minutes / 60);
+- return minutes % 60 === 0 ? `${hours}h` : `${hours}h ${minutes % 60}m`;
++// src/client/delivery-view.js
++var import_react14 = require("react");
++var POLL_MS3 = 6e4;
++var DELIVERY_COLUMNS = [
++ { id: "raw", label: "Original issue" },
++ { id: "ready", label: "Ready to start" },
++ { id: "working", label: "In progress" },
++ { id: "review", label: "In review" },
++ { id: "done-today", label: "Done today" }
++];
++var BADGES = {
++ inc: "INC · rework",
++ "pass-enqueue": "PASS · waiting for enqueue",
++ "pass-merge": "PASS · waiting for merge",
++ "ci-red": "CI red",
++ "ci-running": "CI running",
++ "no-verdict": "No verdict"
++};
++var badgeLabel = (badge) => badge ? t(BADGES[badge] ?? badge) : "";
++function duration(ms) {
++ if (!Number.isFinite(ms) || ms < 0) return "—";
++ const hours = ms / 36e5;
++ if (hours < 1) return `${Math.max(1, Math.round(ms / 6e4))}m`;
++ if (hours < 48) return `${Math.round(hours)}h`;
++ return `${Math.round(hours / 24)}d`;
++}
++function metricRows(snapshot) {
++ const today = snapshot?.today ?? {};
++ const week = snapshot?.week ?? {};
++ const ci = today.ci ?? {};
++ const count = (value) => value === null || value === void 0 ? "—" : String(value);
++ const rows = [
++ { label: t("New issues"), key: "newIssues" },
++ { label: t("Closed issues"), key: "closedIssues" },
++ { label: t("New pull requests"), key: "newPullRequests" },
++ { label: t("Merged pull requests"), key: "mergedPullRequests" },
++ { label: t("Median issue close"), key: "medianIssueCloseMs", format: duration },
++ { label: t("Median PR merge"), key: "medianPullMergeMs", format: duration }
++ ].map((row) => {
++ const format = row.format ?? count;
++ return { label: row.label, today: format(today[row.key]), week: format(week[row.key]) };
++ });
++ return {
++ dayStart: snapshot?.dayStart ?? null,
++ rows,
++ ci: {
++ failed: ci.failed ?? 0,
++ total: ci.total ?? 0,
++ counted: ci.counted ?? 0,
++ caveat: Number.isFinite(ci.total) && Number.isFinite(ci.counted) && ci.counted < ci.total,
++ superseded: ci.superseded ?? 0
++ },
++ open: snapshot?.open ?? {}
++ };
+ }
+-function useRunningHost(active) {
+- const [host, setHost] = (0, import_react7.useState)(null);
+- (0, import_react7.useEffect)(() => {
+- if (!active) {
+- setHost(null);
+- return void 0;
+- }
+- let frame = 0;
+- const find = () => {
+- frame = 0;
+- const node = document.querySelector("[data-chat-flow] > [data-chat-running]");
+- setHost((prev) => prev === node ? prev : node);
++function useDeliveryBoard(actions) {
++ const [snapshot, setSnapshot] = (0, import_react14.useState)(null);
++ const [message, setMessage] = (0, import_react14.useState)("");
++ (0, import_react14.useEffect)(() => {
++ let stopped = false;
++ const load = () => {
++ const job = Promise.resolve(actions?.deliveryBoard?.());
++ void job.then((next) => {
++ if (stopped || !next || typeof next !== "object") return;
++ if (next.ok === false) {
++ setMessage(next.reason === "no-github" ? t("No GitHub connection yet; the board fills in once one is added.") : t("The delivery board is not ready yet."));
++ return;
++ }
++ setSnapshot(next);
++ setMessage(next.error ? t("Showing the last snapshot from {time}: {error}", { time: timeOf(next.asOf), error: next.error }) : "");
++ }).catch((error) => {
++ if (!stopped) setMessage(String(error?.message ?? error));
++ });
+ };
+- const observer = new MutationObserver(() => {
+- if (!frame) frame = requestAnimationFrame(find);
+- });
+- observer.observe(document.querySelector("[data-conversation-scroll]") ?? document.body, { childList: true, subtree: true });
+- find();
++ load();
++ const timer = setInterval(load, POLL_MS3);
+ return () => {
+- cancelAnimationFrame(frame);
+- observer.disconnect();
++ stopped = true;
++ clearInterval(timer);
+ };
+- }, [active]);
+- return host;
++ }, [actions]);
++ return { snapshot, message };
+ }
+-function useRowEntrances(replacing) {
+- const check = (0, import_react7.useRef)(replacing);
+- check.current = replacing;
+- (0, import_react7.useEffect)(() => {
+- const seen = /* @__PURE__ */ new WeakSet();
+- const started = Date.now();
+- let column = null;
+- let frame = 0;
+- const settle = (event) => {
+- if (event.target !== event.currentTarget || !/^bt-row/.test(event.animationName)) return;
+- delete event.currentTarget.dataset.btEnter;
+- event.currentTarget.removeEventListener("animationend", settle);
+- };
+- const scan = () => {
+- frame = 0;
+- const next = document.querySelector("[data-chat-flow]");
+- if (next !== column) {
+- observer.disconnect();
+- column = next;
+- if (column) observer.observe(column, { childList: true, subtree: true });
+- }
+- if (!column) return;
+- const items = [...column.querySelectorAll(":scope > [data-chat-flow-key]")];
+- let last = -1;
+- items.forEach((item, index) => {
+- if (seen.has(item)) last = index;
+- });
+- const fresh = items.filter((item) => !seen.has(item) && item.offsetHeight > 0);
+- for (const item of fresh) seen.add(item);
+- if (last < 0 || Date.now() - started < 800 || fresh.length > 3) return;
+- for (const item of fresh) {
+- if (items.indexOf(item) < last) continue;
+- const reply = [void 0, "assistant-step", "tool-call"].includes(item.dataset.chatFlowKind);
+- item.dataset.btEnter = reply && check.current() ? "after-collapse" : "new";
+- item.addEventListener("animationend", settle);
+- }
++var timeOf = (iso) => {
++ const at = Date.parse(iso ?? "");
++ if (!Number.isFinite(at)) return "—";
++ return new Date(at).toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" });
++};
++function Label({ name }) {
++ return (0, import_react14.createElement)("span", { className: "bt-del-label", "data-label": name }, name);
++}
++function DeliveryCard({ card }) {
++ const badge = badgeLabel(card?.badge);
++ return (0, import_react14.createElement)(
++ "article",
++ { className: "bt-del-card", "data-kind": card?.kind, "data-number": card?.number, "data-badge": card?.badge ?? void 0 },
++ (0, import_react14.createElement)(
++ "span",
++ { className: "bt-del-card-top" },
++ (0, import_react14.createElement)("span", { className: "bt-del-id" }, `#${card?.number ?? "?"}`),
++ badge ? (0, import_react14.createElement)("span", { className: "bt-del-badge", "data-badge": card?.badge }, badge) : null
++ ),
++ (0, import_react14.createElement)("span", { className: "bt-del-title" }, card?.title ?? ""),
++ card?.labels?.length ? (0, import_react14.createElement)("span", { className: "bt-del-labels" }, card.labels.map((name) => (0, import_react14.createElement)(Label, { key: name, name }))) : null,
++ card?.owner ? (0, import_react14.createElement)("span", { className: "bt-del-owner", "data-kind": card.ownerKind ?? "human" }, card.owner) : null,
++ card?.linked ? (0, import_react14.createElement)("span", { className: "bt-del-linked" }, t("linked to #{number}", { number: card.linked })) : null,
++ card?.sha ? (0, import_react14.createElement)("span", { className: "bt-del-sha" }, card.sha) : null,
++ card?.url ? (0, import_react14.createElement)("a", { className: "bt-del-open", href: card.url, target: "_blank", rel: "noreferrer" }, t("Open")) : null
++ );
++}
++function DeliveryHeader({ snapshot }) {
++ if (!snapshot) return null;
++ const { rows, ci, open } = metricRows(snapshot);
++ return (0, import_react14.createElement)(
++ "header",
++ { className: "bt-del-head" },
++ (0, import_react14.createElement)(
++ "div",
++ { className: "bt-del-metrics" },
++ (0, import_react14.createElement)(
++ "table",
++ { className: "bt-del-table" },
++ (0, import_react14.createElement)("thead", null, (0, import_react14.createElement)("tr", null, (0, import_react14.createElement)("th", null, ""), (0, import_react14.createElement)("th", null, t("Today")), (0, import_react14.createElement)("th", null, t("7 days")))),
++ (0, import_react14.createElement)("tbody", null, rows.map((row) => (0, import_react14.createElement)(
++ "tr",
++ { key: row.label },
++ (0, import_react14.createElement)("th", { scope: "row" }, row.label),
++ (0, import_react14.createElement)("td", null, row.today),
++ (0, import_react14.createElement)("td", null, row.week)
++ )))
++ ),
++ (0, import_react14.createElement)(
++ "p",
++ { className: "bt-del-ci" },
++ t("CI failed {failed} of {total}", { failed: ci.failed, total: ci.total }),
++ ci.caveat ? ` · ${t("counted {counted} of {total}", { counted: ci.counted, total: ci.total })}` : "",
++ ci.superseded ? ` · ${t("{count} superseded", { count: ci.superseded })}` : ""
++ ),
++ (0, import_react14.createElement)("p", { className: "bt-del-open" }, t("Open: {issues} issues ({needs} need a human), {prs} pull requests", {
++ issues: open.issues ?? 0,
++ needs: open.needsHuman ?? 0,
++ prs: open.pullRequests ?? 0
++ }), open.medianIssueAgeMs !== null && open.medianIssueAgeMs !== void 0 ? ` · ${t("median open age {age}", { age: duration(open.medianIssueAgeMs) })}` : "")
++ ),
++ (0, import_react14.createElement)(
++ "p",
++ { className: "bt-del-asof" },
++ t("as of {time}", { time: timeOf(snapshot.asOf) }),
++ snapshot.refreshing ? ` · ${t("refreshing…")}` : ""
++ )
++ );
++}
++function DeliveryBoard({ snapshot, message }) {
++ if (!snapshot) {
++ return (0, import_react14.createElement)(
++ "div",
++ { className: "bt-del-body", "data-view": "delivery" },
++ message ? (0, import_react14.createElement)("p", { className: "bt-board-error", role: "alert" }, message) : (0, import_react14.createElement)("p", { className: "bt-board-empty" }, t("No snapshot yet."))
++ );
++ }
++ const columns = snapshot.columns ?? {};
++ return (0, import_react14.createElement)(
++ "div",
++ { className: "bt-del-body", "data-view": "delivery" },
++ message ? (0, import_react14.createElement)("p", { className: "bt-board-error", role: "alert" }, message) : null,
++ (0, import_react14.createElement)(DeliveryHeader, { snapshot: snapshot.metrics ? { ...snapshot.metrics, asOf: snapshot.asOf, refreshing: snapshot.refreshing } : null }),
++ (0, import_react14.createElement)(
++ "div",
++ { className: "bt-del-columns" },
++ DELIVERY_COLUMNS.map((column) => (0, import_react14.createElement)(
++ "section",
++ { key: column.id, className: "bt-del-column", "data-column": column.id },
++ (0, import_react14.createElement)(
++ "h3",
++ { className: "bt-board-column-head" },
++ (0, import_react14.createElement)("span", null, t(column.label)),
++ (0, import_react14.createElement)("span", { className: "bt-board-count" }, String((columns[column.id] ?? []).length))
++ ),
++ (columns[column.id] ?? []).length === 0 ? (0, import_react14.createElement)("p", { className: "bt-board-empty" }, t("Nothing here.")) : (columns[column.id] ?? []).map((card) => (0, import_react14.createElement)(DeliveryCard, { key: `${card.kind}-${card.number}`, card }))
++ ))
++ )
++ );
++}
++function DeliveryView({ actions }) {
++ const { snapshot, message } = useDeliveryBoard(actions);
++ return (0, import_react14.createElement)(DeliveryBoard, { snapshot, message });
++}
++var DELIVERY_CSS = `
++.bt-del-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;padding:12px 14px 16px}
++.bt-del-head{display:flex;flex-direction:column;gap:6px;border-bottom:.5px solid var(--bt-line);padding-bottom:8px}
++.bt-del-metrics{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px}
++.bt-del-table{border-collapse:collapse;font-size:12px;line-height:16px;font-variant-numeric:tabular-nums}
++.bt-del-table th,.bt-del-table td{padding:2px 8px;text-align:right;white-space:nowrap}
++.bt-del-table th[scope=row]{text-align:left;font-weight:500;color:var(--bt-ink-2)}
++.bt-del-table thead th{font-weight:600;color:var(--bt-ink-3)}
++.bt-del-ci,.bt-del-open{margin:0;font-size:12px;line-height:16px;color:var(--bt-ink-2)}
++.bt-del-asof{margin:0;font-size:11.5px;line-height:15px;color:var(--bt-ink-3)}
++.bt-del-columns{flex:1 1 auto;min-height:0;display:flex;gap:10px;overflow:auto}
++.bt-del-column{flex:1 1 0;min-width:200px;display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:14px;background:var(--bt-hover);overflow:auto}
++.bt-del-card{display:flex;flex-direction:column;gap:5px;padding:10px;border:.5px solid var(--bt-line-2);border-radius:12px;background:var(--bt-card,var(--bt-main))}
++.bt-del-card-top{display:flex;align-items:center;gap:6px}
++.bt-del-id{font-size:12px;line-height:16px;color:var(--bt-ink-3);font-variant-numeric:tabular-nums}
++.bt-del-badge{margin-left:auto;font-size:10.5px;line-height:16px;padding:0 6px;border-radius:999px;background:var(--bt-hover);color:var(--bt-ink-2)}
++.bt-del-badge[data-badge=inc]{background:rgba(224,33,53,.12);color:#c21d2e}
++.bt-del-badge[data-badge=ci-red]{background:rgba(224,33,53,.12);color:#c21d2e}
++.bt-del-badge[data-badge=pass-enqueue],.bt-del-badge[data-badge=pass-merge]{background:color-mix(in srgb,var(--bt-green) 16%,transparent);color:color-mix(in srgb,var(--bt-green) 70%,var(--bt-ink))}
++.bt-del-title{font-size:13.5px;line-height:19px;color:var(--bt-ink)}
++.bt-del-labels{display:flex;flex-wrap:wrap;gap:4px}
++.bt-del-label{font-size:10.5px;line-height:16px;padding:0 6px;border-radius:999px;background:var(--bt-hover);color:var(--bt-ink-2)}
++.bt-del-owner{font-size:12px;line-height:16px;color:var(--bt-ink-2)}
++.bt-del-owner[data-kind=human]{font-weight:600;color:var(--bt-ink)}
++.bt-del-linked,.bt-del-sha{font-size:11.5px;line-height:15px;color:var(--bt-ink-3)}
++.bt-del-open{align-self:flex-start;font-size:12px;line-height:16px;color:var(--bt-accent)}
++@media (max-width:800px){
++ .bt-del-columns{overflow:auto}
++ .bt-del-column{min-width:220px}
++}
++@media (max-width:640px){
++ .bt-del-columns{flex-direction:column}
++ .bt-del-column{min-width:0}
++}
++`;
+
+// src/client/kanban.js
-+var import_react14 = require("react");
-+var POLL_MS3 = 15e3;
++var import_react15 = require("react");
++var POLL_MS4 = 15e3;
+function BoardIcon() {
-+ return (0, import_react14.createElement)(
++ return (0, import_react15.createElement)(
+ "svg",
+ { width: 18, height: 18, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinejoin: "round", "aria-hidden": true },
-+ (0, import_react14.createElement)("rect", { x: 2.5, y: 3, width: 4, height: 14, rx: 1 }),
-+ (0, import_react14.createElement)("rect", { x: 8, y: 3, width: 4, height: 9, rx: 1 }),
-+ (0, import_react14.createElement)("rect", { x: 13.5, y: 3, width: 4, height: 12, rx: 1 })
++ (0, import_react15.createElement)("rect", { x: 2.5, y: 3, width: 4, height: 14, rx: 1 }),
++ (0, import_react15.createElement)("rect", { x: 8, y: 3, width: 4, height: 9, rx: 1 }),
++ (0, import_react15.createElement)("rect", { x: 13.5, y: 3, width: 4, height: 12, rx: 1 })
+ );
+}
+function shortId(id) {
@@ -9691,12 +8473,7 @@ diff --git a/client.js b/client.js
+ for (const bot of children.get(parent) ?? []) {
+ rows.push({ kind: "bot", id: bot.id, name: bot.name, depth, bot });
+ walk(bot.id, depth + 1);
- }
-- let frame = 0;
-- const find = () => {
-- frame = 0;
-- const node = document.querySelector("[data-chat-flow] > [data-chat-running]");
-- setHost((prev) => prev === node ? prev : node);
++ }
+ };
+ walk("", 0);
+ const groups = (roster?.rooms ?? []).filter((room2) => room2 && room2.hidden !== true && room2.origin !== "face-to-face" && adminOf(roster, room2)).map((room2) => ({ kind: "group", id: room2.id, name: room2.displayName || room2.name || t("Group"), room: room2 }));
@@ -9761,10 +8538,10 @@ diff --git a/client.js b/client.js
+ return order.map((id) => ({ id, name: botName(roster, map.get(id)[0]) || id, tasks: map.get(id) }));
+}
+function useBoardTasks(actions, scope) {
-+ const [own, setOwn] = (0, import_react14.useState)([]);
-+ const [groupTasks, setGroupTasks] = (0, import_react14.useState)([]);
++ const [own, setOwn] = (0, import_react15.useState)([]);
++ const [groupTasks, setGroupTasks] = (0, import_react15.useState)([]);
+ const key = scope?.kind === "group" ? `group:${scope.roomId}` : "own";
-+ (0, import_react14.useEffect)(() => {
++ (0, import_react15.useEffect)(() => {
+ let stopped = false;
+ const load = () => {
+ const job = scope?.kind === "group" ? Promise.resolve(actions?.tasks?.({ roomId: scope.roomId })) : Promise.resolve(actions?.tasks?.());
@@ -9775,20 +8552,18 @@ diff --git a/client.js b/client.js
+ }).catch(() => void 0);
};
- const observer = new MutationObserver(() => {
-- if (!frame) frame = requestAnimationFrame(find);
+- if (!frame) frame = requestAnimationFrame(scan);
- });
-- observer.observe(document.querySelector("[data-conversation-scroll]") ?? document.body, { childList: true, subtree: true });
-- find();
+- scan();
+ load();
-+ const timer = setInterval(load, POLL_MS3);
++ const timer = setInterval(load, POLL_MS4);
return () => {
- cancelAnimationFrame(frame);
- observer.disconnect();
+ stopped = true;
+ clearInterval(timer);
};
-- }, [active]);
-- return host;
+- }, []);
+ }, [key]);
+ const tasks = scope?.kind === "group" ? groupTasks : own.filter((task) => !scope?.botId || task.ownerBotId === scope.botId);
+ const replace = (task) => {
@@ -9798,43 +8573,86 @@ diff --git a/client.js b/client.js
+ };
+ return { own, tasks, replace };
}
--function useRowEntrances(replacing) {
-- const check = (0, import_react7.useRef)(replacing);
-- check.current = replacing;
+-function ActivityIndicator({ sessionId, useRoster, useSessionStatus, useLive, useSession, actions }) {
+- const roster = useRoster((value) => value);
+- const running = useSessionStatus((map) => map.get(sessionId)?.running === true);
+- const liveKey = useLive((state) => JSON.stringify(state[sessionId] ?? {}));
+- const pendingInput = useSession((snapshot) => Math.max(0, ...(snapshot?.pendingSubmissions ?? []).filter((sub) => sub.placement !== "queued").map((sub) => sub.time)));
+- const bot = roster.byId[sessionId];
+- const room2 = roster.roomsById[sessionId];
+- const entries2 = (0, import_react7.useMemo)(() => Object.values(JSON.parse(liveKey)), [liveKey]);
+- const streaming = entries2.some((entry) => entry.text);
+- const tools = entries2.filter((entry) => !entry.text).sort((a, b) => a.at - b.at);
+- const relaying = tools.some((entry) => entry.relay);
+- const visible = running && !streaming && !relaying && (bot !== void 0 || room2 !== void 0);
+- const tool = tools.at(-1);
+- const inputRef = (0, import_react7.useRef)(0);
+- const inputAt = Math.max(inputRef.current, pendingInput);
+- inputRef.current = inputAt;
+- const want = !visible ? null : inputAt > (tool?.at ?? 0) ? { key: `input:${inputAt}`, pool: PHRASES.thinking, state: "thinking" } : tool ? { key: tool.label ? `tool:${tool.label}` : "working", label: tool.label, pool: PHRASES.working, state: tool.state ?? "working" } : { key: "thinking", pool: PHRASES.thinking, state: "thinking" };
+- const [shown, setShown] = (0, import_react7.useState)(null);
+- const wantKey = want?.key ?? null;
+- const markState = (0, import_react7.useRef)("thinking");
+- if (want) markState.current = want.state;
- (0, import_react7.useEffect)(() => {
-- const seen = /* @__PURE__ */ new WeakSet();
-- const started = Date.now();
-- let column = null;
-- let frame = 0;
-- const settle = (event) => {
-- if (event.target !== event.currentTarget || !/^bt-row/.test(event.animationName)) return;
-- delete event.currentTarget.dataset.btEnter;
-- event.currentTarget.removeEventListener("animationend", settle);
-- };
-- const scan = () => {
-- frame = 0;
-- const next = document.querySelector("[data-chat-flow]");
-- if (next !== column) {
-- observer.disconnect();
-- column = next;
-- if (column) observer.observe(column, { childList: true, subtree: true });
-- }
-- if (!column) return;
-- const items = [...column.querySelectorAll(":scope > [data-chat-flow-key]")];
-- let last = -1;
-- items.forEach((item, index) => {
-- if (seen.has(item)) last = index;
-- });
-- const fresh = items.filter((item) => !seen.has(item) && item.offsetHeight > 0);
-- for (const item of fresh) seen.add(item);
-- if (last < 0 || Date.now() - started < 800 || fresh.length > 3) return;
-- for (const item of fresh) {
-- if (items.indexOf(item) < last) continue;
-- const reply = [void 0, "assistant-step", "tool-call"].includes(item.dataset.chatFlowKind);
-- item.dataset.btEnter = reply && check.current() ? "after-collapse" : "new";
-- item.addEventListener("animationend", settle);
+- if (wantKey === null || shown?.key === wantKey) return void 0;
+- const make = () => setShown({ key: wantKey, text: want.label ?? drawPhrase(want.pool), at: Date.now() });
+- const wait = shown ? shown.at + PHRASE_HOLD_MS - Date.now() : 0;
+- if (wait <= 0) {
+- make();
+- return void 0;
+- }
+- const timer = setTimeout(make, wait);
+- return () => clearTimeout(timer);
+- }, [wantKey, shown]);
+- const [phase, setPhase] = (0, import_react7.useState)(null);
+- const endedAt = (0, import_react7.useRef)(0);
+- const shift = (0, import_react7.useRef)(null);
+- const leaving = (0, import_react7.useRef)(false);
+- leaving.current = phase !== null && !visible;
+- (0, import_react7.useEffect)(() => {
+- if (visible) {
+- setPhase("in");
+- return void 0;
+- }
+- setPhase((current) => current === "in" ? "out" : current);
+- const timer = setTimeout(() => {
+- shift.current = document.querySelector("[data-conversation-scroll]")?.scrollTop ?? null;
+- setPhase((current) => current === "out" ? null : current);
+- }, 140);
+- return () => clearTimeout(timer);
+- }, [visible]);
+- (0, import_react7.useLayoutEffect)(() => {
+- if (phase !== null) return;
+- endedAt.current = Date.now();
+- setShown(null);
+- const before = shift.current;
+- shift.current = null;
+- const scroller = document.querySelector("[data-conversation-scroll]");
+- if (before === null || !scroller || reducedMotion()) return;
+- const delta = before - scroller.scrollTop;
+- if (delta > 0) scroller.querySelector("[data-chat-flow]")?.animate([{ transform: `translateY(${-delta}px)` }, { transform: "none" }], { duration: 140, easing: "cubic-bezier(.23,1,.32,1)" });
+- }, [phase]);
+- (0, import_react7.useEffect)(() => {
+- if (!running) actions.clearLive(sessionId);
+- }, [running, sessionId]);
+- useRowEntrances(() => leaving.current || Date.now() - endedAt.current < 300);
+- const [now, setNow] = (0, import_react7.useState)(Date.now);
+- (0, import_react7.useEffect)(() => {
+- if (phase !== "in") return void 0;
+- const timer = setInterval(() => setNow(Date.now()), 1e4);
+- return () => clearInterval(timer);
+- }, [phase]);
+- const host = useRunningHost(running);
+- if (!host || phase === null || !shown) return null;
+- const elapsed = now - shown.at >= 6e4 ? elapsedLabel(now - shown.at) : null;
+- return (0, import_react_dom2.createPortal)((0, import_react7.createElement)(
+- "div",
+- { className: "bt-typing", "data-exiting": phase === "out" ? "" : void 0, "aria-hidden": true },
+- bot ? (0, import_react7.createElement)(BotMark, { bot, size: 28, state: markState.current, live: true, pokeable: true }) : (0, import_react7.createElement)(RoomAvatar, { room: room2, roster, size: 28 }),
+- (0, import_react7.createElement)(
+function RailButton({ row, selected, meta, onSelect }) {
-+ return (0, import_react14.createElement)(
++ return (0, import_react15.createElement)(
+ "button",
+ {
+ type: "button",
@@ -9846,8 +8664,8 @@ diff --git a/client.js b/client.js
+ style: row.depth ? { paddingLeft: `${10 + row.depth * 14}px` } : void 0,
+ onClick: () => onSelect(row.kind === "group" ? { kind: "group", roomId: row.id } : { kind: "bot", botId: row.id })
+ },
-+ (0, import_react14.createElement)("span", { className: "bt-board-rail-name" }, row.name),
-+ meta ? (0, import_react14.createElement)("span", { className: "bt-board-rail-meta" }, meta) : null
++ (0, import_react15.createElement)("span", { className: "bt-board-rail-name" }, row.name),
++ meta ? (0, import_react15.createElement)("span", { className: "bt-board-rail-meta" }, meta) : null
+ );
+}
+function BoardCard({ task, roster, movable, onMove, onDrag, partOf: partOf2 }) {
@@ -9857,7 +8675,7 @@ diff --git a/client.js b/client.js
+ const who = botName(roster, task);
+ const question = task.waitingFor === "input" ? task.inputRequest?.question : "";
+ const overall = task.kind === "group";
-+ return (0, import_react14.createElement)(
++ return (0, import_react15.createElement)(
+ "article",
+ {
+ className: "bt-board-card",
@@ -9873,35 +8691,40 @@ diff --git a/client.js b/client.js
+ },
+ onDragEnd: () => onDrag?.(null)
+ },
-+ (0, import_react14.createElement)(
-+ "span",
++ (0, import_react15.createElement)(
+ "span",
+- { className: "bt-typing-text" },
+- (0, import_react7.createElement)(
+ { className: "bt-board-card-top" },
-+ (0, import_react14.createElement)("span", { className: "bt-board-id" }, shortId(task.id)),
-+ (0, import_react14.createElement)("span", { className: "bt-board-priority", "data-priority": priority }, priorityLabel(priority)),
-+ (0, import_react14.createElement)("span", { className: "bt-board-status" }, statusLabel(task.status))
++ (0, import_react15.createElement)("span", { className: "bt-board-id" }, shortId(task.id)),
++ (0, import_react15.createElement)("span", { className: "bt-board-priority", "data-priority": priority }, priorityLabel(priority)),
++ (0, import_react15.createElement)("span", { className: "bt-board-status" }, statusLabel(task.status))
+ ),
-+ (0, import_react14.createElement)("span", { className: "bt-board-title" }, task.title || t("Untitled task")),
-+ overall ? (0, import_react14.createElement)("span", { className: "bt-board-kind" }, t("Group task")) : null,
-+ partOf2 ? (0, import_react14.createElement)("span", { className: "bt-board-part" }, t("Part of {title}", { title: partOf2 })) : null,
-+ task.note ? (0, import_react14.createElement)("span", { className: "bt-board-note" }, task.note) : null,
-+ question ? (0, import_react14.createElement)("span", { className: "bt-board-wait" }, question) : null,
-+ (0, import_react14.createElement)(
++ (0, import_react15.createElement)("span", { className: "bt-board-title" }, task.title || t("Untitled task")),
++ overall ? (0, import_react15.createElement)("span", { className: "bt-board-kind" }, t("Group task")) : null,
++ partOf2 ? (0, import_react15.createElement)("span", { className: "bt-board-part" }, t("Part of {title}", { title: partOf2 })) : null,
++ task.note ? (0, import_react15.createElement)("span", { className: "bt-board-note" }, task.note) : null,
++ question ? (0, import_react15.createElement)("span", { className: "bt-board-wait" }, question) : null,
++ (0, import_react15.createElement)(
+ "span",
+ { className: "bt-board-foot" },
-+ who ? (0, import_react14.createElement)("span", { className: "bt-board-who" }, who) : null,
-+ (0, import_react14.createElement)(
-+ "span",
++ who ? (0, import_react15.createElement)("span", { className: "bt-board-who" }, who) : null,
++ (0, import_react15.createElement)(
+ "span",
+- { key: `${shown.key}:${shown.at}`, className: "bt-typing-label" },
+- (0, import_react7.createElement)(Shimmer, null, `${shown.text}…`),
+- elapsed ? (0, import_react7.createElement)("span", { className: "bt-typing-time" }, `· ${elapsed}`) : null
+ { className: "bt-board-progress" },
-+ (0, import_react14.createElement)(
++ (0, import_react15.createElement)(
+ "span",
+ { className: "bt-board-progress-bar", role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": progress, "aria-label": t("Progress") },
-+ (0, import_react14.createElement)("span", { style: { width: `${progress}%` } })
++ (0, import_react15.createElement)("span", { style: { width: `${progress}%` } })
+ ),
-+ (0, import_react14.createElement)("span", { className: "bt-board-percent" }, t("{percent}%", { percent: progress }))
++ (0, import_react15.createElement)("span", { className: "bt-board-percent" }, t("{percent}%", { percent: progress }))
+ )
+ ),
-+ movable && column === "not-started" ? (0, import_react14.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => onMove?.(task.id, "in-progress") }, t("Start")) : null,
-+ movable && column === "in-progress" && task.status !== "blocked" ? (0, import_react14.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => onMove?.(task.id, "done") }, t("Complete")) : null
++ movable && column === "not-started" ? (0, import_react15.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => onMove?.(task.id, "in-progress") }, t("Start")) : null,
++ movable && column === "in-progress" && task.status !== "blocked" ? (0, import_react15.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => onMove?.(task.id, "done") }, t("Complete")) : null
+ );
+}
+function cardProps(task, roster, onMove, onDrag, partOf2) {
@@ -9911,7 +8734,7 @@ diff --git a/client.js b/client.js
+ const tree = lanes ? columnTree(tasks) : null;
+ const linked = tree ? tree.loose.filter((task) => task.parentId || task.parentTitle) : [];
+ const plain = tree ? tree.loose.filter((task) => !task.parentId && !task.parentTitle) : tasks;
-+ return (0, import_react14.createElement)(
++ return (0, import_react15.createElement)(
+ "section",
+ {
+ className: "bt-board-column",
@@ -9926,101 +8749,50 @@ diff --git a/client.js b/client.js
+ const id = event.dataTransfer?.getData("text/plain");
+ if (id) onMove?.(id, column);
+ onDrag?.(null);
- }
-- };
-- const observer = new MutationObserver(() => {
-- if (!frame) frame = requestAnimationFrame(scan);
-- });
-- scan();
-- return () => {
-- cancelAnimationFrame(frame);
-- observer.disconnect();
-- };
-- }, []);
++ }
+ },
-+ (0, import_react14.createElement)(
++ (0, import_react15.createElement)(
+ "h3",
+ { className: "bt-board-column-head" },
-+ (0, import_react14.createElement)("span", null, columnTitle(column)),
-+ (0, import_react14.createElement)("span", { className: "bt-board-count" }, String(tasks.length))
++ (0, import_react15.createElement)("span", null, columnTitle(column)),
++ (0, import_react15.createElement)("span", { className: "bt-board-count" }, String(tasks.length))
+ ),
-+ dragging ? (0, import_react14.createElement)("div", { className: "bt-board-drop" }, dropLabel(column)) : null,
-+ tasks.length === 0 && !dragging ? (0, import_react14.createElement)("p", { className: "bt-board-empty" }, t("Nothing in this column.")) : null,
-+ tree ? tree.nests.map((nest) => (0, import_react14.createElement)(
++ dragging ? (0, import_react15.createElement)("div", { className: "bt-board-drop" }, dropLabel(column)) : null,
++ tasks.length === 0 && !dragging ? (0, import_react15.createElement)("p", { className: "bt-board-empty" }, t("Nothing in this column.")) : null,
++ tree ? tree.nests.map((nest) => (0, import_react15.createElement)(
+ "div",
+ { key: nest.task.id, className: "bt-board-nest" },
-+ (0, import_react14.createElement)(BoardCard, cardProps(nest.task, roster, onMove, onDrag)),
-+ nest.children.map((child) => (0, import_react14.createElement)(
++ (0, import_react15.createElement)(BoardCard, cardProps(nest.task, roster, onMove, onDrag)),
++ nest.children.map((child) => (0, import_react15.createElement)(
+ "div",
+ { key: child.id, className: "bt-board-subtask", "data-parent": nest.task.id },
-+ (0, import_react14.createElement)(BoardCard, cardProps(child, roster, onMove, onDrag))
++ (0, import_react15.createElement)(BoardCard, cardProps(child, roster, onMove, onDrag))
+ ))
+ )) : null,
-+ linked.map((task) => (0, import_react14.createElement)(BoardCard, { key: task.id, ...cardProps(task, roster, onMove, onDrag, task.parentTitle || "") })),
-+ lanes ? lanesOf(plain, roster).map((lane) => (0, import_react14.createElement)(
++ linked.map((task) => (0, import_react15.createElement)(BoardCard, { key: task.id, ...cardProps(task, roster, onMove, onDrag, task.parentTitle || "") })),
++ lanes ? lanesOf(plain, roster).map((lane) => (0, import_react15.createElement)(
+ "div",
+ { key: lane.id, className: "bt-board-lane" },
-+ (0, import_react14.createElement)("span", { className: "bt-board-lane-name" }, lane.name),
-+ lane.tasks.map((task) => (0, import_react14.createElement)(BoardCard, { key: task.id, ...cardProps(task, roster, onMove, onDrag) }))
-+ )) : plain.map((task) => (0, import_react14.createElement)(BoardCard, { key: task.id, ...cardProps(task, roster, onMove, onDrag) }))
++ (0, import_react15.createElement)("span", { className: "bt-board-lane-name" }, lane.name),
++ lane.tasks.map((task) => (0, import_react15.createElement)(BoardCard, { key: task.id, ...cardProps(task, roster, onMove, onDrag) }))
++ )) : plain.map((task) => (0, import_react15.createElement)(BoardCard, { key: task.id, ...cardProps(task, roster, onMove, onDrag) }))
+ );
- }
--function ActivityIndicator({ sessionId, useRoster, useSessionStatus, useLive, useSession, actions }) {
-- const roster = useRoster((value) => value);
-- const running = useSessionStatus((map) => map.get(sessionId)?.running === true);
-- const liveKey = useLive((state) => JSON.stringify(state[sessionId] ?? {}));
-- const pendingInput = useSession((snapshot) => Math.max(0, ...(snapshot?.pendingSubmissions ?? []).filter((sub) => sub.placement !== "queued").map((sub) => sub.time)));
-- const bot = roster.byId[sessionId];
-- const room2 = roster.roomsById[sessionId];
-- const entries2 = (0, import_react7.useMemo)(() => Object.values(JSON.parse(liveKey)), [liveKey]);
-- const streaming = entries2.some((entry) => entry.text);
-- const tools = entries2.filter((entry) => !entry.text).sort((a, b) => a.at - b.at);
-- const relaying = tools.some((entry) => entry.relay);
-- const visible = running && !streaming && !relaying && (bot !== void 0 || room2 !== void 0);
-- const tool = tools.at(-1);
-- const inputRef = (0, import_react7.useRef)(0);
-- const inputAt = Math.max(inputRef.current, pendingInput);
-- inputRef.current = inputAt;
-- const want = !visible ? null : inputAt > (tool?.at ?? 0) ? { key: `input:${inputAt}`, pool: PHRASES.thinking, state: "thinking" } : tool ? { key: tool.label ? `tool:${tool.label}` : "working", label: tool.label, pool: PHRASES.working, state: tool.state ?? "working" } : { key: "thinking", pool: PHRASES.thinking, state: "thinking" };
-- const [shown, setShown] = (0, import_react7.useState)(null);
-- const wantKey = want?.key ?? null;
-- const markState = (0, import_react7.useRef)("thinking");
-- if (want) markState.current = want.state;
-- (0, import_react7.useEffect)(() => {
-- if (wantKey === null || shown?.key === wantKey) return void 0;
-- const make = () => setShown({ key: wantKey, text: want.label ?? drawPhrase(want.pool), at: Date.now() });
-- const wait = shown ? shown.at + PHRASE_HOLD_MS - Date.now() : 0;
-- if (wait <= 0) {
-- make();
-- return void 0;
-- }
-- const timer = setTimeout(make, wait);
-- return () => clearTimeout(timer);
-- }, [wantKey, shown]);
-- const [phase, setPhase] = (0, import_react7.useState)(null);
-- const endedAt = (0, import_react7.useRef)(0);
-- const shift = (0, import_react7.useRef)(null);
-- const leaving = (0, import_react7.useRef)(false);
-- leaving.current = phase !== null && !visible;
-- (0, import_react7.useEffect)(() => {
-- if (visible) {
-- setPhase("in");
-- return void 0;
++}
+function BoardView({ roster, tasks, rail, scope, counts: counts2, dragging, error, draft, onDraft, onSelect, onMove, onDrag, onCreate }) {
+ const columns = boardColumns(tasks);
+ const lanes = scope?.kind === "group";
+ const selectedBot = scope?.kind === "bot" ? scope.botId : "";
+ const selectedRoom = scope?.kind === "group" ? scope.roomId : "";
-+ return (0, import_react14.createElement)(
++ return (0, import_react15.createElement)(
+ "div",
+ { className: "bt-board-body" },
-+ (0, import_react14.createElement)(
++ (0, import_react15.createElement)(
+ "aside",
+ { className: "bt-board-rail", "aria-label": t("Task board") },
-+ (0, import_react14.createElement)("h3", { className: "bt-board-rail-head" }, t("Your Bots")),
-+ rail.bots.length === 0 ? (0, import_react14.createElement)("p", { className: "bt-board-empty" }, t("No tasks yet.")) : rail.bots.map((row) => {
++ (0, import_react15.createElement)("h3", { className: "bt-board-rail-head" }, t("Your Bots")),
++ rail.bots.length === 0 ? (0, import_react15.createElement)("p", { className: "bt-board-empty" }, t("No tasks yet.")) : rail.bots.map((row) => {
+ const count = counts2?.[row.id] ?? { done: 0, total: 0 };
-+ return (0, import_react14.createElement)(RailButton, {
++ return (0, import_react15.createElement)(RailButton, {
+ key: row.id,
+ row,
+ selected: row.id === selectedBot,
@@ -10028,26 +8800,26 @@ diff --git a/client.js b/client.js
+ meta: count.total > 0 ? t("{done}/{total}", { done: count.done, total: count.total }) : ""
+ });
+ }),
-+ rail.groups.length > 0 ? (0, import_react14.createElement)("h3", { className: "bt-board-rail-head" }, t("Groups you admin")) : null,
-+ rail.groups.map((row) => (0, import_react14.createElement)(RailButton, { key: row.id, row, selected: row.id === selectedRoom, onSelect }))
++ rail.groups.length > 0 ? (0, import_react15.createElement)("h3", { className: "bt-board-rail-head" }, t("Groups you admin")) : null,
++ rail.groups.map((row) => (0, import_react15.createElement)(RailButton, { key: row.id, row, selected: row.id === selectedRoom, onSelect }))
+ ),
-+ (0, import_react14.createElement)(
++ (0, import_react15.createElement)(
+ "div",
+ { className: "bt-board-main" },
-+ error ? (0, import_react14.createElement)("p", { className: "bt-board-error", role: "alert" }, error) : null,
-+ scope?.kind === "bot" && onCreate ? (0, import_react14.createElement)(
++ error ? (0, import_react15.createElement)("p", { className: "bt-board-error", role: "alert" }, error) : null,
++ scope?.kind === "bot" && onCreate ? (0, import_react15.createElement)(
+ "form",
+ { className: "bt-board-add", onSubmit: (event) => {
+ event.preventDefault();
+ onCreate(draft);
+ } },
-+ (0, import_react14.createElement)("input", { "aria-label": t("Task title"), placeholder: t("New task"), value: draft ?? "", onChange: (event) => onDraft?.(event.target.value) }),
-+ (0, import_react14.createElement)("button", { type: "submit", className: "bt-soft bt-soft-sm" }, t("Add task"))
++ (0, import_react15.createElement)("input", { "aria-label": t("Task title"), placeholder: t("New task"), value: draft ?? "", onChange: (event) => onDraft?.(event.target.value) }),
++ (0, import_react15.createElement)("button", { type: "submit", className: "bt-soft bt-soft-sm" }, t("Add task"))
+ ) : null,
-+ (0, import_react14.createElement)(
++ (0, import_react15.createElement)(
+ "div",
+ { className: "bt-board-columns" },
-+ ["not-started", "in-progress", "done"].map((column) => (0, import_react14.createElement)(BoardColumn, {
++ ["not-started", "in-progress", "done"].map((column) => (0, import_react15.createElement)(BoardColumn, {
+ key: column,
+ column,
+ tasks: columns[column],
@@ -10057,14 +8829,24 @@ diff --git a/client.js b/client.js
+ onMove,
+ onDrag
+ }))
-+ )
-+ )
+ )
+ )
+- ), host);
+ );
-+}
+ }
+-
+-// src/client/dsh-offer.js
+-var APP_OFFER = /* @__PURE__ */ new Set(["available", "downloading", "verifying", "installing", "ready"]);
+-var bare = (value) => String(value ?? "").trim().replace(/^v/i, "").split("+")[0];
+-var sameVersion = (a, b) => bare(a) !== "" && bare(a) === bare(b);
+-function showsDshRow(dsh, app) {
+- if (!dsh?.verified || !dsh.current || sameVersion(dsh.verified, dsh.current)) return false;
+- if (dsh.kind === "npm") return true;
+- return dsh.kind === "app" && APP_OFFER.has(app?.phase) && sameVersion(app.version, dsh.verified);
+function KanbanRow({ wide, useUi, actions }) {
+ const open = useUi ? useUi((value) => Boolean(value.board)) : false;
+ const label = t("Tasks");
-+ return (0, import_react14.createElement)(
++ return (0, import_react15.createElement)(
+ "button",
+ {
+ type: "button",
@@ -10075,8 +8857,8 @@ diff --git a/client.js b/client.js
+ "aria-expanded": open,
+ onClick: () => actions.openBoard()
+ },
-+ (0, import_react14.createElement)("span", { className: "bt-board-mark" }, (0, import_react14.createElement)(BoardIcon)),
-+ wide ? (0, import_react14.createElement)("span", { className: "bt-board-label" }, label) : null
++ (0, import_react15.createElement)("span", { className: "bt-board-mark" }, (0, import_react15.createElement)(BoardIcon)),
++ wide ? (0, import_react15.createElement)("span", { className: "bt-board-label" }, label) : null
+ );
+}
+function scopeName(roster, scope) {
@@ -10085,13 +8867,14 @@ diff --git a/client.js b/client.js
+ return "";
+}
+function KanbanDialog({ roster, actions, leaving = false }) {
++ const [view, setView] = (0, import_react15.useState)("tasks");
+ const rail = boardRail(roster);
-+ const [scope, setScope] = (0, import_react14.useState)(() => rail.bots[0] ? { kind: "bot", botId: rail.bots[0].id } : rail.groups[0] ? { kind: "group", roomId: rail.groups[0].id } : null);
-+ const [dragging, setDragging] = (0, import_react14.useState)(null);
-+ const [error, setError] = (0, import_react14.useState)("");
-+ const [draft, setDraft] = (0, import_react14.useState)("");
++ const [scope, setScope] = (0, import_react15.useState)(() => rail.bots[0] ? { kind: "bot", botId: rail.bots[0].id } : rail.groups[0] ? { kind: "group", roomId: rail.groups[0].id } : null);
++ const [dragging, setDragging] = (0, import_react15.useState)(null);
++ const [error, setError] = (0, import_react15.useState)("");
++ const [draft, setDraft] = (0, import_react15.useState)("");
+ const { own, tasks, replace } = useBoardTasks(actions, scope);
-+ const close = (0, import_react14.useCallback)(() => actions.closeBoard(), []);
++ const close = (0, import_react15.useCallback)(() => actions.closeBoard(), []);
+ useEscape(close);
+ const counts2 = {};
+ for (const task of own) {
@@ -10109,39 +8892,7 @@ diff --git a/client.js b/client.js
+ replace(await actions.taskUpdate({ id, column }));
+ } catch (failure) {
+ setError(failure?.message ?? String(failure));
- }
-- setPhase((current) => current === "in" ? "out" : current);
-- const timer = setTimeout(() => {
-- shift.current = document.querySelector("[data-conversation-scroll]")?.scrollTop ?? null;
-- setPhase((current) => current === "out" ? null : current);
-- }, 140);
-- return () => clearTimeout(timer);
-- }, [visible]);
-- (0, import_react7.useLayoutEffect)(() => {
-- if (phase !== null) return;
-- endedAt.current = Date.now();
-- setShown(null);
-- const before = shift.current;
-- shift.current = null;
-- const scroller = document.querySelector("[data-conversation-scroll]");
-- if (before === null || !scroller || reducedMotion()) return;
-- const delta = before - scroller.scrollTop;
-- if (delta > 0) scroller.querySelector("[data-chat-flow]")?.animate([{ transform: `translateY(${-delta}px)` }, { transform: "none" }], { duration: 140, easing: "cubic-bezier(.23,1,.32,1)" });
-- }, [phase]);
-- (0, import_react7.useEffect)(() => {
-- if (!running) actions.clearLive(sessionId);
-- }, [running, sessionId]);
-- useRowEntrances(() => leaving.current || Date.now() - endedAt.current < 300);
-- const [now, setNow] = (0, import_react7.useState)(Date.now);
-- (0, import_react7.useEffect)(() => {
-- if (phase !== "in") return void 0;
-- const timer = setInterval(() => setNow(Date.now()), 1e4);
-- return () => clearInterval(timer);
-- }, [phase]);
-- const host = useRunningHost(running);
-- if (!host || phase === null || !shown) return null;
-- const elapsed = now - shown.at >= 6e4 ? elapsedLabel(now - shown.at) : null;
-- return (0, import_react_dom2.createPortal)((0, import_react7.createElement)(
++ }
+ };
+ const create = async (title) => {
+ const text = String(title ?? "").trim();
@@ -10155,33 +8906,28 @@ diff --git a/client.js b/client.js
+ }
+ };
+ const name = scopeName(roster, scope);
-+ return (0, import_react14.createElement)(
- "div",
-- { className: "bt-typing", "data-exiting": phase === "out" ? "" : void 0, "aria-hidden": true },
-- bot ? (0, import_react7.createElement)(BotMark, { bot, size: 28, state: markState.current, live: true, pokeable: true }) : (0, import_react7.createElement)(RoomAvatar, { room: room2, roster, size: 28 }),
-- (0, import_react7.createElement)(
-- "span",
-- { className: "bt-typing-text" },
-- (0, import_react7.createElement)(
-- "span",
-- { key: `${shown.key}:${shown.at}`, className: "bt-typing-label" },
-- (0, import_react7.createElement)(Shimmer, null, `${shown.text}…`),
-- elapsed ? (0, import_react7.createElement)("span", { className: "bt-typing-time" }, `· ${elapsed}`) : null
-- )
++ return (0, import_react15.createElement)(
++ "div",
+ { className: "bt-mem-layer bt-board-layer", "data-leaving": leaving || void 0 },
-+ (0, import_react14.createElement)("div", { className: "bt-scrim", onClick: close }),
-+ (0, import_react14.createElement)(
++ (0, import_react15.createElement)("div", { className: "bt-scrim", onClick: close }),
++ (0, import_react15.createElement)(
+ "div",
+ { className: "bt-mem bt-board", role: "dialog", "aria-modal": true, "aria-labelledby": "bt-board-heading" },
-+ (0, import_react14.createElement)(
++ (0, import_react15.createElement)(
+ "div",
+ { className: "bt-mem-head" },
-+ (0, import_react14.createElement)("h2", { id: "bt-board-heading" }, t("Tasks")),
-+ (0, import_react14.createElement)("span", { className: "bt-mem-status" }, name),
-+ (0, import_react14.createElement)("span", { className: "bt-mem-head-gap" }),
-+ (0, import_react14.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close tasks"), autoFocus: true, onClick: close }, (0, import_react14.createElement)(CloseIcon))
++ (0, import_react15.createElement)("h2", { id: "bt-board-heading" }, view === "delivery" ? t("Delivery") : t("Tasks")),
++ (0, import_react15.createElement)(
++ "div",
++ { className: "bt-board-views", role: "tablist", "aria-label": t("Board view") },
++ (0, import_react15.createElement)("button", { type: "button", role: "tab", className: "bt-soft bt-soft-sm", "data-view": "tasks", "aria-selected": view === "tasks" ? "true" : "false", onClick: () => setView("tasks") }, t("Tasks")),
++ (0, import_react15.createElement)("button", { type: "button", role: "tab", className: "bt-soft bt-soft-sm", "data-view": "delivery", "aria-selected": view === "delivery" ? "true" : "false", onClick: () => setView("delivery") }, t("Delivery"))
++ ),
++ view === "tasks" ? (0, import_react15.createElement)("span", { className: "bt-mem-status" }, name) : null,
++ (0, import_react15.createElement)("span", { className: "bt-mem-head-gap" }),
++ (0, import_react15.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close tasks"), autoFocus: true, onClick: close }, (0, import_react15.createElement)(CloseIcon))
+ ),
-+ (0, import_react14.createElement)(BoardView, {
++ view === "delivery" ? (0, import_react15.createElement)(DeliveryView, { actions }) : (0, import_react15.createElement)(BoardView, {
+ roster,
+ tasks,
+ rail,
@@ -10196,21 +8942,13 @@ diff --git a/client.js b/client.js
+ onDrag: setDragging,
+ onCreate: create
+ })
- )
-- ), host);
++ )
+ );
}
--
--// src/client/dsh-offer.js
--var APP_OFFER = /* @__PURE__ */ new Set(["available", "downloading", "verifying", "installing", "ready"]);
--var bare = (value) => String(value ?? "").trim().replace(/^v/i, "").split("+")[0];
--var sameVersion = (a, b) => bare(a) !== "" && bare(a) === bare(b);
--function showsDshRow(dsh, app) {
-- if (!dsh?.verified || !dsh.current || sameVersion(dsh.verified, dsh.current)) return false;
-- if (dsh.kind === "npm") return true;
-- return dsh.kind === "app" && APP_OFFER.has(app?.phase) && sameVersion(app.version, dsh.verified);
+var KANBAN_CSS = `
+.bt-board-row{min-height:40px;padding:6px 8px;gap:10px}
++.bt-board-views{display:flex;gap:6px;align-items:center}
++.bt-board-views .bt-soft[aria-selected=true]{background:var(--bt-active,var(--bt-hover));color:var(--bt-ink)}
+.bt-board-mark{flex:none;width:36px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--bt-ink-2)}
+.bt-board-mark svg{width:18px;height:18px}
+.bt-board-label{flex:1 1 auto;min-width:0;font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@@ -10269,22 +9007,22 @@ diff --git a/client.js b/client.js
+ .bt-mem.bt-board{width:100vw;border-radius:0;border:0}
+ .bt-board-columns{flex-direction:column}
+ .bt-board-column{min-width:0}
- }
-+`;
++}
++` + DELIVERY_CSS;
// src/client/sidebar.js
-var import_react8 = require("react");
-+var import_react15 = require("react");
++var import_react16 = require("react");
var import_react_dom3 = require("react-dom");
var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
function useMarkedUnread(id, active, marked, actions) {
- (0, import_react8.useEffect)(() => {
-+ (0, import_react15.useEffect)(() => {
++ (0, import_react16.useEffect)(() => {
if (active && marked) actions.clearUnread(id);
}, [active, marked]);
}
-var PinMark = () => (0, import_react8.createElement)("span", { className: "bt-pin", "aria-hidden": true }, (0, import_react8.createElement)(PinMarkIcon));
-+var PinMark = () => (0, import_react15.createElement)("span", { className: "bt-pin", "aria-hidden": true }, (0, import_react15.createElement)(PinMarkIcon));
++var PinMark = () => (0, import_react16.createElement)("span", { className: "bt-pin", "aria-hidden": true }, (0, import_react16.createElement)(PinMarkIcon));
var useApproval = (useWork, match) => useWork ? useWork((work) => (work.approvals ?? []).some(match)) : false;
var useGroupWork = (useWork, pick2) => useWork ? useWork((work) => pick2(work.rooms ?? {}).join(",")) : "";
var workKeys = (text) => text === "" ? [] : text.split(",").map((key) => {
@@ -10293,7 +9031,7 @@ diff --git a/client.js b/client.js
});
-var workLine = (lead, tool, more) => (0, import_react8.createElement)(Shimmer, null, `${lead} · ${workPhrase(tool)}…${more > 0 ? ` +${more}` : ""}`);
-function BotRow({ bot, roster, actions, useSessions, useSessionStatus, useSessionRetainInfo, useActivity, useWork, wide, marked }) {
-+var workLine = (lead, tool, more) => (0, import_react15.createElement)(Shimmer, null, `${lead} · ${workPhrase(tool)}…${more > 0 ? ` +${more}` : ""}`);
++var workLine = (lead, tool, more) => (0, import_react16.createElement)(Shimmer, null, `${lead} · ${workPhrase(tool)}…${more > 0 ? ` +${more}` : ""}`);
+function BotRow({ bot, roster, actions, useSessions, useSessionStatus, useSessionRetainInfo, useActivity, useWork, wide, marked, asRow = false }) {
const id = bot.id;
const part = currentPart(bot);
@@ -10331,7 +9069,7 @@ diff --git a/client.js b/client.js
+ const label = [shown, main ? t("Main Bot") : "", pinned ? t("Pinned") : "", running || away ? t("Working") : "", waiting ? t("Waiting for your approval") : alert ? t("Waiting for your answer") : "", unread ? t("Unread activity") : ""].filter(Boolean).join(", ");
if (tile && wide) {
- return (0, import_react8.createElement)("div", { className: "bt-tile-wrap" }, (0, import_react8.createElement)(
-+ return (0, import_react15.createElement)("div", { className: "bt-tile-wrap" }, (0, import_react15.createElement)(
++ return (0, import_react16.createElement)("div", { className: "bt-tile-wrap" }, (0, import_react16.createElement)(
"button",
{
type: "button",
@@ -10342,16 +9080,16 @@ diff --git a/client.js b/client.js
- (0, import_react8.createElement)(BotAvatar, { bot, size: 60, state, main: true }),
- (0, import_react8.createElement)("span", { className: "bt-tile-name" }, bot.name),
- bot.role ? (0, import_react8.createElement)("span", { className: "bt-chip" }, bot.role) : null
-+ (0, import_react15.createElement)(BotAvatar, { bot, size: 60, state, main: true }),
-+ (0, import_react15.createElement)("span", { className: "bt-tile-name" }, shown),
++ (0, import_react16.createElement)(BotAvatar, { bot, size: 60, state, main: true }),
++ (0, import_react16.createElement)("span", { className: "bt-tile-name" }, shown),
+ // The Main Bot's tile gets the same unread dot as a row (#420); a wait shows on its avatar.
-+ unread && !waiting && !active ? (0, import_react15.createElement)("span", { className: "bt-unread bt-tile-unread", "aria-hidden": true }) : null,
-+ bot.role ? (0, import_react15.createElement)("span", { className: "bt-chip" }, bot.role) : null
++ unread && !waiting && !active ? (0, import_react16.createElement)("span", { className: "bt-unread bt-tile-unread", "aria-hidden": true }) : null,
++ bot.role ? (0, import_react16.createElement)("span", { className: "bt-chip" }, bot.role) : null
));
}
- return (0, import_react8.createElement)(
-+ const unreadMark = wide && waiting && !active ? (0, import_react15.createElement)("span", { className: "bt-unread bt-unread-wait", "aria-hidden": true }) : wide && unread && !active ? (0, import_react15.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null;
-+ const row = (0, import_react15.createElement)(
++ const unreadMark = wide && waiting && !active ? (0, import_react16.createElement)("span", { className: "bt-unread bt-unread-wait", "aria-hidden": true }) : wide && unread && !active ? (0, import_react16.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null;
++ const row = (0, import_react16.createElement)(
"button",
{
type: "button",
@@ -10368,27 +9106,27 @@ diff --git a/client.js b/client.js
- (0, import_react8.createElement)(BotAvatar, { bot, size: 36, state, main }),
- pinned && !wide ? (0, import_react8.createElement)(PinMark) : null,
- wide ? (0, import_react8.createElement)(
-+ (0, import_react15.createElement)(BotAvatar, { bot, size: 36, state, main }),
-+ pinned && !wide ? (0, import_react15.createElement)(PinMark) : null,
-+ wide ? (0, import_react15.createElement)(
++ (0, import_react16.createElement)(BotAvatar, { bot, size: 36, state, main }),
++ pinned && !wide ? (0, import_react16.createElement)(PinMark) : null,
++ wide ? (0, import_react16.createElement)(
"span",
{ className: "bt-row-body" },
- (0, import_react8.createElement)("span", { className: "bt-row-name" }, (0, import_react8.createElement)("span", { className: "bt-row-title" }, bot.name), pinned ? (0, import_react8.createElement)(PinMark) : null),
- awayLine ? (0, import_react8.createElement)("span", { className: "bt-row-preview" }, awayLine) : preview ? (0, import_react8.createElement)("span", { className: "bt-row-preview" }, preview) : null
-+ (0, import_react15.createElement)(
++ (0, import_react16.createElement)(
+ "span",
+ { className: "bt-row-name" },
-+ (0, import_react15.createElement)("span", { className: "bt-row-title" }, shown),
-+ bot.remote ? (0, import_react15.createElement)(RemoteMark, { remote: bot.remote }) : null,
-+ pinned ? (0, import_react15.createElement)(PinMark) : null
++ (0, import_react16.createElement)("span", { className: "bt-row-title" }, shown),
++ bot.remote ? (0, import_react16.createElement)(RemoteMark, { remote: bot.remote }) : null,
++ pinned ? (0, import_react16.createElement)(PinMark) : null
+ ),
-+ secondLine ? (0, import_react15.createElement)("span", { className: "bt-row-preview" }, secondLine) : null
++ secondLine ? (0, import_react16.createElement)("span", { className: "bt-row-preview" }, secondLine) : null
) : null,
- wide && unread && !active ? (0, import_react8.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null
+ unreadMark
+ );
+ const settingsLabel = bot.remote ? t("Bot settings") : t("Edit Bot");
-+ const settings = wide ? (0, import_react15.createElement)("button", {
++ const settings = wide ? (0, import_react16.createElement)("button", {
+ type: "button",
+ className: "bt-row-settings",
+ "aria-label": settingsLabel,
@@ -10399,8 +9137,8 @@ diff --git a/client.js b/client.js
+ keepSidebarStill(event.currentTarget);
+ actions.openSettings("bots", id);
+ }
-+ }, (0, import_react15.createElement)(GearIcon)) : null;
-+ if (settings) return (0, import_react15.createElement)("div", { className: "bt-row-wrap", "data-bot-id": id }, row, settings);
++ }, (0, import_react16.createElement)(GearIcon)) : null;
++ if (settings) return (0, import_react16.createElement)("div", { className: "bt-row-wrap", "data-bot-id": id }, row, settings);
+ return row;
+}
+function keepSidebarStill(node) {
@@ -10413,14 +9151,14 @@ diff --git a/client.js b/client.js
+ if (typeof requestAnimationFrame === "function") requestAnimationFrame(() => requestAnimationFrame(reset));
+}
+function RemoteMark({ remote }) {
-+ return (0, import_react15.createElement)(
++ return (0, import_react16.createElement)(
+ "span",
+ { className: "bt-row-remote", title: remote.gone ? `${remote.handle} · ${t("no longer shared")}` : remote.handle, "aria-label": t("Friend's Bot") },
-+ (0, import_react15.createElement)(
++ (0, import_react16.createElement)(
+ "svg",
+ { width: 11, height: 11, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", "aria-hidden": true },
-+ (0, import_react15.createElement)("circle", { cx: 12, cy: 12, r: 9 }),
-+ (0, import_react15.createElement)("path", { d: "M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18" })
++ (0, import_react16.createElement)("circle", { cx: 12, cy: 12, r: 9 }),
++ (0, import_react16.createElement)("path", { d: "M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18" })
+ )
+ );
+}
@@ -10432,15 +9170,15 @@ diff --git a/client.js b/client.js
+ return status === "candidate" && expires && Number.isFinite(Date.parse(expires)) && Date.parse(expires) <= Date.now();
+}
+function FaceMark() {
-+ return (0, import_react15.createElement)(
++ return (0, import_react16.createElement)(
+ "span",
+ { className: "bt-row-remote bt-row-face", title: t("Face-to-face"), "aria-label": t("Face-to-face") },
-+ (0, import_react15.createElement)(
++ (0, import_react16.createElement)(
+ "svg",
+ { width: 11, height: 11, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", "aria-hidden": true },
-+ (0, import_react15.createElement)("circle", { cx: 9, cy: 8, r: 3 }),
-+ (0, import_react15.createElement)("circle", { cx: 16, cy: 9, r: 2.5 }),
-+ (0, import_react15.createElement)("path", { d: "M4 18a5 5 0 0 1 10 0M14 18a4 4 0 0 1 6 0" })
++ (0, import_react16.createElement)("circle", { cx: 9, cy: 8, r: 3 }),
++ (0, import_react16.createElement)("circle", { cx: 16, cy: 9, r: 2.5 }),
++ (0, import_react16.createElement)("path", { d: "M4 18a5 5 0 0 1 10 0M14 18a4 4 0 0 1 6 0" })
+ )
);
}
@@ -10469,7 +9207,7 @@ diff --git a/client.js b/client.js
+ const alert = question || waiting;
+ const face = room2.origin === "face-to-face";
+ const label = [hover, face ? t("Face-to-face") : "", pinned ? t("Pinned") : "", members.length > 0 ? t("Working") : "", waiting ? t("Waiting for your approval") : alert ? t("Waiting for your answer") : ""].filter(Boolean).join(", ");
-+ return (0, import_react15.createElement)(
++ return (0, import_react16.createElement)(
"button",
{
type: "button",
@@ -10489,25 +9227,25 @@ diff --git a/client.js b/client.js
- (0, import_react8.createElement)(RoomAvatar, { room: room2, roster, size: 36 }),
- pinned && !wide ? (0, import_react8.createElement)(PinMark) : null,
- wide ? (0, import_react8.createElement)(
-+ (0, import_react15.createElement)(RoomAvatar, { room: room2, roster, size: 36 }),
-+ pinned && !wide ? (0, import_react15.createElement)(PinMark) : null,
-+ wide ? (0, import_react15.createElement)(
++ (0, import_react16.createElement)(RoomAvatar, { room: room2, roster, size: 36 }),
++ pinned && !wide ? (0, import_react16.createElement)(PinMark) : null,
++ wide ? (0, import_react16.createElement)(
"span",
{ className: "bt-row-body" },
- (0, import_react8.createElement)("span", { className: "bt-row-name" }, (0, import_react8.createElement)("span", { className: "bt-row-title" }, room2.name), pinned ? (0, import_react8.createElement)(PinMark) : null),
- workingLine ? (0, import_react8.createElement)("span", { className: "bt-row-preview" }, workingLine) : preview ? (0, import_react8.createElement)("span", { className: "bt-row-preview" }, preview) : null
-+ (0, import_react15.createElement)("span", { className: "bt-row-name" }, (0, import_react15.createElement)("span", { className: face ? "bt-row-title bt-row-title-face" : "bt-row-title" }, face ? faceRowTitle(title) : title), face ? (0, import_react15.createElement)(FaceMark) : room2.sharedFrom ? (0, import_react15.createElement)("span", { className: "bt-tag", title: from }, t("Shared")) : null, pinned ? (0, import_react15.createElement)(PinMark) : null),
-+ workingLine ? (0, import_react15.createElement)("span", { className: "bt-row-preview" }, workingLine) : preview ? (0, import_react15.createElement)("span", { className: "bt-row-preview" }, preview) : null
++ (0, import_react16.createElement)("span", { className: "bt-row-name" }, (0, import_react16.createElement)("span", { className: face ? "bt-row-title bt-row-title-face" : "bt-row-title" }, face ? faceRowTitle(title) : title), face ? (0, import_react16.createElement)(FaceMark) : room2.sharedFrom ? (0, import_react16.createElement)("span", { className: "bt-tag", title: from }, t("Shared")) : null, pinned ? (0, import_react16.createElement)(PinMark) : null),
++ workingLine ? (0, import_react16.createElement)("span", { className: "bt-row-preview" }, workingLine) : preview ? (0, import_react16.createElement)("span", { className: "bt-row-preview" }, preview) : null
) : null,
- wide && approval && !active ? (0, import_react8.createElement)("span", { className: "bt-unread bt-unread-wait", "aria-hidden": true }) : wide && unread && !active ? (0, import_react8.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null
-+ wide && alert && !active ? (0, import_react15.createElement)("span", { className: "bt-unread bt-unread-wait", "aria-hidden": true }) : wide && unread && !active ? (0, import_react15.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null
++ wide && alert && !active ? (0, import_react16.createElement)("span", { className: "bt-unread bt-unread-wait", "aria-hidden": true }) : wide && unread && !active ? (0, import_react16.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null
);
}
function AgentSessionRow({ session, agent, actions, renaming, index }) {
- const input = (0, import_react8.useRef)(null);
- (0, import_react8.useLayoutEffect)(() => {
-+ const input = (0, import_react15.useRef)(null);
-+ (0, import_react15.useLayoutEffect)(() => {
++ const input = (0, import_react16.useRef)(null);
++ (0, import_react16.useLayoutEffect)(() => {
if (!renaming) return;
input.current?.focus();
input.current?.select();
@@ -10516,11 +9254,11 @@ diff --git a/client.js b/client.js
})();
};
- return (0, import_react8.createElement)(
-+ return (0, import_react15.createElement)(
++ return (0, import_react16.createElement)(
"div",
{ className: "bt-agent-sub-row bt-agent-edit", style: { "--i": index } },
- (0, import_react8.createElement)("input", {
-+ (0, import_react15.createElement)("input", {
++ (0, import_react16.createElement)("input", {
ref: input,
defaultValue: session.title,
"aria-label": t("Rename"),
@@ -10529,7 +9267,7 @@ diff --git a/client.js b/client.js
);
}
- return (0, import_react8.createElement)(
-+ return (0, import_react15.createElement)(
++ return (0, import_react16.createElement)(
"button",
{
type: "button",
@@ -10539,8 +9277,8 @@ diff --git a/client.js b/client.js
},
- (0, import_react8.createElement)("span", { className: "bt-agent-sub-title" }, session.title),
- (0, import_react8.createElement)("span", { className: "bt-agent-sub-time" }, session.at > 0 ? relativeShort(session.at) : "")
-+ (0, import_react15.createElement)("span", { className: "bt-agent-sub-title" }, session.title),
-+ (0, import_react15.createElement)("span", { className: "bt-agent-sub-time" }, session.at > 0 ? relativeShort(session.at) : "")
++ (0, import_react16.createElement)("span", { className: "bt-agent-sub-title" }, session.title),
++ (0, import_react16.createElement)("span", { className: "bt-agent-sub-time" }, session.at > 0 ? relativeShort(session.at) : "")
);
}
function AgentRow({ agent, actions, useSessions, useSessionStatus, useUi, wide, marked }) {
@@ -10549,11 +9287,11 @@ diff --git a/client.js b/client.js
const label = ["DSH Agent", running ? t("Working") : "", unread ? t("Unread activity") : ""].filter(Boolean).join(", ");
const open = active && wide;
- return (0, import_react8.createElement)(
-+ return (0, import_react15.createElement)(
++ return (0, import_react16.createElement)(
"div",
{ className: "bt-agent" },
- (0, import_react8.createElement)(
-+ (0, import_react15.createElement)(
++ (0, import_react16.createElement)(
"button",
{
type: "button",
@@ -10563,39 +9301,39 @@ diff --git a/client.js b/client.js
},
- (0, import_react8.createElement)("span", { className: `bt-agent-ava${running ? " bt-run" : ""}` }, (0, import_react8.createElement)(import_dsh_client_ui_primitives2.FishLogo, { size: 22 })),
- wide ? (0, import_react8.createElement)(
-+ (0, import_react15.createElement)("span", { className: `bt-agent-ava${running ? " bt-run" : ""}` }, (0, import_react15.createElement)(import_dsh_client_ui_primitives2.FishLogo, { size: 22 })),
-+ wide ? (0, import_react15.createElement)(
++ (0, import_react16.createElement)("span", { className: `bt-agent-ava${running ? " bt-run" : ""}` }, (0, import_react16.createElement)(import_dsh_client_ui_primitives2.FishLogo, { size: 22 })),
++ wide ? (0, import_react16.createElement)(
"span",
{ className: "bt-row-body" },
- (0, import_react8.createElement)("span", { className: "bt-row-name" }, "DSH Agent"),
- preview ? (0, import_react8.createElement)("span", { className: "bt-row-preview" }, preview) : null
-+ (0, import_react15.createElement)("span", { className: "bt-row-name" }, "DSH Agent"),
-+ preview ? (0, import_react15.createElement)("span", { className: "bt-row-preview" }, preview) : null
++ (0, import_react16.createElement)("span", { className: "bt-row-name" }, "DSH Agent"),
++ preview ? (0, import_react16.createElement)("span", { className: "bt-row-preview" }, preview) : null
) : null,
- wide && unread && !active ? (0, import_react8.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null
-+ wide && unread && !active ? (0, import_react15.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null
++ wide && unread && !active ? (0, import_react16.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null
),
- (0, import_react8.createElement)(
-+ (0, import_react15.createElement)(
++ (0, import_react16.createElement)(
"div",
{ className: "bt-agent-sub", "data-open": open || void 0 },
- (0, import_react8.createElement)(
-+ (0, import_react15.createElement)(
++ (0, import_react16.createElement)(
"div",
{ className: "bt-agent-sub-in" },
- (0, import_react8.createElement)(
-+ (0, import_react15.createElement)(
++ (0, import_react16.createElement)(
"button",
{ type: "button", className: "bt-agent-sub-row bt-agent-new", style: { "--i": 0 }, onClick: () => {
void actions.newAgentSession(agent.id).catch((error) => actions.reportError(error, "agent-session"));
} },
- (0, import_react8.createElement)(PlusIcon),
- (0, import_react8.createElement)("span", { className: "bt-agent-sub-title" }, t("New session"))
-+ (0, import_react15.createElement)(PlusIcon),
-+ (0, import_react15.createElement)("span", { className: "bt-agent-sub-title" }, t("New session"))
++ (0, import_react16.createElement)(PlusIcon),
++ (0, import_react16.createElement)("span", { className: "bt-agent-sub-title" }, t("New session"))
),
- sessions.map((session, index) => (0, import_react8.createElement)(AgentSessionRow, {
-+ sessions.map((session, index) => (0, import_react15.createElement)(AgentSessionRow, {
++ sessions.map((session, index) => (0, import_react16.createElement)(AgentSessionRow, {
key: session.id,
session,
agent,
@@ -10605,8 +9343,8 @@ diff --git a/client.js b/client.js
function useListGlide(listRef, layout, key) {
- const tops = (0, import_react8.useRef)({ layout, map: /* @__PURE__ */ new Map() });
- (0, import_react8.useLayoutEffect)(() => {
-+ const tops = (0, import_react15.useRef)({ layout, map: /* @__PURE__ */ new Map() });
-+ (0, import_react15.useLayoutEffect)(() => {
++ const tops = (0, import_react16.useRef)({ layout, map: /* @__PURE__ */ new Map() });
++ (0, import_react16.useLayoutEffect)(() => {
const list = listRef.current;
if (!list) return;
const next = /* @__PURE__ */ new Map();
@@ -10614,7 +9352,7 @@ diff --git a/client.js b/client.js
tops.current = { layout, map: next };
}, [layout, key]);
}
-+var NodeActions = class extends import_react15.Component {
++var NodeActions = class extends import_react16.Component {
+ constructor(props) {
+ super(props);
+ this.state = { failed: false };
@@ -10626,33 +9364,33 @@ diff --git a/client.js b/client.js
+ console.error("flybot: nodeActions failed", error);
+ }
+ render() {
-+ return this.state.failed ? null : (0, import_react15.createElement)(this.props.component, { bot: this.props.bot });
++ return this.state.failed ? null : (0, import_react16.createElement)(this.props.component, { bot: this.props.bot });
+ }
+};
+function TreeNode({ node, rowProps, markedUnread, collapsed, toggle, actions }) {
+ const { bot, depth, children } = node;
+ const closed = collapsed[bot.id] === true;
-+ return (0, import_react15.createElement)(
-+ import_react15.Fragment,
++ return (0, import_react16.createElement)(
++ import_react16.Fragment,
+ null,
-+ (0, import_react15.createElement)(
++ (0, import_react16.createElement)(
+ "div",
+ { className: "bt-tree-item", "data-depth": depth, style: { paddingLeft: `${depth * 16}px` } },
-+ children.length ? (0, import_react15.createElement)(
++ children.length ? (0, import_react16.createElement)(
+ "button",
+ { type: "button", className: "bt-tree-toggle", "aria-expanded": !closed, "aria-label": `${closed ? t("Expand") : t("Collapse")} ${bot.name}`, onClick: () => toggle(bot.id) },
-+ (0, import_react15.createElement)("span", { className: "bt-tree-chev", "aria-hidden": true }, "▾")
-+ ) : (0, import_react15.createElement)("span", { className: "bt-tree-toggle bt-tree-leaf", "aria-hidden": true }),
-+ (0, import_react15.createElement)(BotRow, { ...rowProps, bot, asRow: true, marked: markedUnread[bot.id] === true }),
-+ typeof actions === "function" ? (0, import_react15.createElement)(NodeActions, { component: actions, bot }) : null
++ (0, import_react16.createElement)("span", { className: "bt-tree-chev", "aria-hidden": true }, "▾")
++ ) : (0, import_react16.createElement)("span", { className: "bt-tree-toggle bt-tree-leaf", "aria-hidden": true }),
++ (0, import_react16.createElement)(BotRow, { ...rowProps, bot, asRow: true, marked: markedUnread[bot.id] === true }),
++ typeof actions === "function" ? (0, import_react16.createElement)(NodeActions, { component: actions, bot }) : null
+ ),
-+ closed ? null : children.map((child) => (0, import_react15.createElement)(TreeNode, { key: child.bot.id, node: child, rowProps, markedUnread, collapsed, toggle, actions }))
++ closed ? null : children.map((child) => (0, import_react16.createElement)(TreeNode, { key: child.bot.id, node: child, rowProps, markedUnread, collapsed, toggle, actions }))
+ );
+}
function TeamSidebar(props) {
const { wide, useRoster, useUi, useSessions, actions } = props;
- const listRef = (0, import_react8.useRef)(null);
-+ const listRef = (0, import_react15.useRef)(null);
++ const listRef = (0, import_react16.useRef)(null);
const roster = useRoster((value) => value);
const markedUnread = useUi((value) => value.unread);
props.useRegistry((value) => value);
@@ -10661,7 +9399,7 @@ diff --git a/client.js b/client.js
return JSON.stringify(stamps);
});
- const order = (0, import_react8.useMemo)(() => {
-+ const order = (0, import_react15.useMemo)(() => {
++ const order = (0, import_react16.useMemo)(() => {
const stamps = JSON.parse(updated);
const entries2 = [
- ...roster.bots.filter((bot) => bot.id !== roster.mainBotId).map((bot) => ({ kind: "bot", item: bot, at: stamps[currentPart(bot)] ?? bot.createdAt })),
@@ -10679,7 +9417,7 @@ diff --git a/client.js b/client.js
}, [roster, updated]);
const main = roster.byId[roster.mainBotId];
+ const structure = useSidebarStructure();
-+ const [collapsed, setCollapsed] = (0, import_react15.useState)({});
++ const [collapsed, setCollapsed] = (0, import_react16.useState)({});
+ const toggle = (id) => setCollapsed((value) => ({ ...value, [id]: !value[id] }));
+ const inTree = (entry) => entry.kind === "bot" && !entry.item.remote;
+ const listed = (entry) => inTree(entry) && structure?.include?.(entry.item.id) !== false;
@@ -10692,11 +9430,11 @@ diff --git a/client.js b/client.js
actions.openPalette(event.key);
};
- return (0, import_react8.createElement)(
-+ return (0, import_react15.createElement)(
++ return (0, import_react16.createElement)(
"div",
{ className: wide ? "bt-side" : "bt-side bt-rail", onKeyDown: typeToSearch },
- wide ? (0, import_react8.createElement)(
-+ wide ? (0, import_react15.createElement)(
++ wide ? (0, import_react16.createElement)(
"div",
{ className: "bt-side-top" },
- (0, import_react8.createElement)("span", { className: "bt-brand" }, (0, import_react8.createElement)(BrandMark, { size: 22 }), (0, import_react8.createElement)(BrandName)),
@@ -10705,31 +9443,31 @@ diff --git a/client.js b/client.js
- (0, import_react8.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("New…"), title: t("New…"), onClick: () => actions.openNewChat("new") }, (0, import_react8.createElement)(PlusIcon))
- ) : (0, import_react8.createElement)(
- import_react8.Fragment,
-+ (0, import_react15.createElement)("span", { className: "bt-brand" }, (0, import_react15.createElement)(BrandMark, { size: 22 }), (0, import_react15.createElement)(BrandName)),
-+ (0, import_react15.createElement)(UpdateButton, { useUpdate: props.useUpdate, actions }),
-+ (0, import_react15.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Search"), title: t("Search"), onClick: () => actions.openPalette() }, (0, import_react15.createElement)(SearchIcon)),
-+ (0, import_react15.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("New…"), title: t("New…"), onClick: () => actions.openNewChat("new") }, (0, import_react15.createElement)(PlusIcon))
-+ ) : (0, import_react15.createElement)(
-+ import_react15.Fragment,
++ (0, import_react16.createElement)("span", { className: "bt-brand" }, (0, import_react16.createElement)(BrandMark, { size: 22 }), (0, import_react16.createElement)(BrandName)),
++ (0, import_react16.createElement)(UpdateButton, { useUpdate: props.useUpdate, actions }),
++ (0, import_react16.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Search"), title: t("Search"), onClick: () => actions.openPalette() }, (0, import_react16.createElement)(SearchIcon)),
++ (0, import_react16.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("New…"), title: t("New…"), onClick: () => actions.openNewChat("new") }, (0, import_react16.createElement)(PlusIcon))
++ ) : (0, import_react16.createElement)(
++ import_react16.Fragment,
null,
- (0, import_react8.createElement)(UpdateButton, { useUpdate: props.useUpdate, actions }),
- (0, import_react8.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("New…"), title: t("New…"), onClick: () => actions.openNewChat("new") }, (0, import_react8.createElement)(PlusIcon))
-+ (0, import_react15.createElement)(UpdateButton, { useUpdate: props.useUpdate, actions }),
-+ (0, import_react15.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("New…"), title: t("New…"), onClick: () => actions.openNewChat("new") }, (0, import_react15.createElement)(PlusIcon))
++ (0, import_react16.createElement)(UpdateButton, { useUpdate: props.useUpdate, actions }),
++ (0, import_react16.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("New…"), title: t("New…"), onClick: () => actions.openNewChat("new") }, (0, import_react16.createElement)(PlusIcon))
),
- wide && roster.readOnly ? (0, import_react8.createElement)("div", { className: "bt-hint bt-read-only", role: "status" }, hostText(roster.readOnly)) : null,
- (0, import_react8.createElement)(
-+ wide && roster.readOnly ? (0, import_react15.createElement)("div", { className: "bt-hint bt-read-only", role: "status" }, hostText(roster.readOnly)) : null,
-+ (0, import_react15.createElement)(InboxRow, { wide, useRoster, useWork: props.useWork, useUi, actions }),
-+ (0, import_react15.createElement)(KanbanRow, { wide, useUi, actions }),
-+ (0, import_react15.createElement)(
++ wide && roster.readOnly ? (0, import_react16.createElement)("div", { className: "bt-hint bt-read-only", role: "status" }, hostText(roster.readOnly)) : null,
++ (0, import_react16.createElement)(InboxRow, { wide, useRoster, useWork: props.useWork, useUi, actions }),
++ (0, import_react16.createElement)(KanbanRow, { wide, useUi, actions }),
++ (0, import_react16.createElement)(
"div",
{ ref: listRef, className: "bt-list", role: "region", "aria-label": t("Bot list") },
- main ? (0, import_react8.createElement)(BotRow, { ...rowProps, bot: main, marked: markedUnread[main.id] === true }) : roster.ready ? null : (0, import_react8.createElement)("div", { className: "bt-hint" }, t("Setting up your Main Bot…")),
- order.map((entry) => entry.kind === "bot" ? (0, import_react8.createElement)(BotRow, { key: entry.item.id, ...rowProps, bot: entry.item, marked: markedUnread[entry.item.id] === true }) : entry.kind === "room" ? (0, import_react8.createElement)(RoomRow, { key: entry.item.id, ...rowProps, room: entry.item, marked: markedUnread[entry.item.id] === true }) : (0, import_react8.createElement)(AgentRow, { key: entry.item.id, ...rowProps, agent: entry.item, marked: markedUnread[entry.item.id] === true }))
-+ tree ? (0, import_react15.createElement)("div", { className: "bt-tree", role: "group", "aria-label": t("Bot tree") }, tree.map((node) => (0, import_react15.createElement)(TreeNode, { key: node.bot.id, node, rowProps, markedUnread, collapsed, toggle, actions: structure?.nodeActions }))) : main ? (0, import_react15.createElement)(BotRow, { ...rowProps, bot: main, marked: markedUnread[main.id] === true }) : roster.ready ? null : (0, import_react15.createElement)("div", { className: "bt-hint" }, t("Setting up your Main Bot…")),
-+ order.filter((entry) => !(tree && inTree(entry)) && !(inTree(entry) && structure?.include?.(entry.item.id) === false)).map((entry) => entry.kind === "bot" ? (0, import_react15.createElement)(BotRow, { key: entry.item.id, ...rowProps, bot: entry.item, marked: markedUnread[entry.item.id] === true }) : entry.kind === "room" ? (0, import_react15.createElement)(RoomRow, { key: entry.item.id, ...rowProps, room: entry.item, marked: markedUnread[entry.item.id] === true }) : (0, import_react15.createElement)(AgentRow, { key: entry.item.id, ...rowProps, agent: entry.item, marked: markedUnread[entry.item.id] === true })),
-+ wide ? (0, import_react15.createElement)(FlyBotSections, { roster, actions, renderBot: (bot) => (0, import_react15.createElement)(BotRow, { key: bot.id, ...rowProps, bot, asRow: true, marked: markedUnread[bot.id] === true }) }) : null
++ tree ? (0, import_react16.createElement)("div", { className: "bt-tree", role: "group", "aria-label": t("Bot tree") }, tree.map((node) => (0, import_react16.createElement)(TreeNode, { key: node.bot.id, node, rowProps, markedUnread, collapsed, toggle, actions: structure?.nodeActions }))) : main ? (0, import_react16.createElement)(BotRow, { ...rowProps, bot: main, marked: markedUnread[main.id] === true }) : roster.ready ? null : (0, import_react16.createElement)("div", { className: "bt-hint" }, t("Setting up your Main Bot…")),
++ order.filter((entry) => !(tree && inTree(entry)) && !(inTree(entry) && structure?.include?.(entry.item.id) === false)).map((entry) => entry.kind === "bot" ? (0, import_react16.createElement)(BotRow, { key: entry.item.id, ...rowProps, bot: entry.item, marked: markedUnread[entry.item.id] === true }) : entry.kind === "room" ? (0, import_react16.createElement)(RoomRow, { key: entry.item.id, ...rowProps, room: entry.item, marked: markedUnread[entry.item.id] === true }) : (0, import_react16.createElement)(AgentRow, { key: entry.item.id, ...rowProps, agent: entry.item, marked: markedUnread[entry.item.id] === true })),
++ wide ? (0, import_react16.createElement)(FlyBotSections, { roster, actions, renderBot: (bot) => (0, import_react16.createElement)(BotRow, { key: bot.id, ...rowProps, bot, asRow: true, marked: markedUnread[bot.id] === true }) }) : null
)
);
}
@@ -10741,12 +9479,12 @@ diff --git a/client.js b/client.js
- const [dshError, setDshError] = (0, import_react8.useState)("");
- const button = (0, import_react8.useRef)(null);
- (0, import_react8.useEffect)(() => {
-+ const [open, setOpen] = (0, import_react15.useState)(false);
-+ const [box, setBox] = (0, import_react15.useState)(null);
-+ const [error, setError] = (0, import_react15.useState)("");
-+ const [dshError, setDshError] = (0, import_react15.useState)("");
-+ const button = (0, import_react15.useRef)(null);
-+ (0, import_react15.useEffect)(() => {
++ const [open, setOpen] = (0, import_react16.useState)(false);
++ const [box, setBox] = (0, import_react16.useState)(null);
++ const [error, setError] = (0, import_react16.useState)("");
++ const [dshError, setDshError] = (0, import_react16.useState)("");
++ const button = (0, import_react16.useRef)(null);
++ (0, import_react16.useEffect)(() => {
if (!open) return void 0;
const onDown = (event) => {
if (event.target instanceof Element && (event.target.closest(".bt-update-pop") || button.current?.contains(event.target))) return;
@@ -10762,11 +9500,11 @@ diff --git a/client.js b/client.js
- return (0, import_react8.createElement)(
- import_react8.Fragment,
+ const dshText = dshPhase === "installed" ? t("Restart DSH to start using DSH {version}.", { version: dsh.installed ?? dsh.verified }) : dsh?.available === false && dsh?.blockedBy ? t("Update FlyBot core {version} first.", { version: dsh.blockedBy }) : t("You have {version}.", { version: dsh?.current });
-+ return (0, import_react15.createElement)(
-+ import_react15.Fragment,
++ return (0, import_react16.createElement)(
++ import_react16.Fragment,
null,
- (0, import_react8.createElement)("button", {
-+ (0, import_react15.createElement)("button", {
++ (0, import_react16.createElement)("button", {
ref: button,
type: "button",
className: "bt-round bt-update",
@@ -10776,30 +9514,30 @@ diff --git a/client.js b/client.js
onClick: toggle
- }, (0, import_react8.createElement)(CloudDownloadIcon, { done: phase === "installed" }), phase === "failed" || dshPhase === "failed" ? (0, import_react8.createElement)("span", { className: "bt-update-dot", "aria-hidden": true }) : null),
- open && box ? (0, import_react_dom3.createPortal)((0, import_react8.createElement)(
-+ }, (0, import_react15.createElement)(CloudDownloadIcon, { done: phase === "installed" }), phase === "failed" || dshPhase === "failed" ? (0, import_react15.createElement)("span", { className: "bt-update-dot", "aria-hidden": true }) : null),
-+ open && box ? (0, import_react_dom3.createPortal)((0, import_react15.createElement)(
++ }, (0, import_react16.createElement)(CloudDownloadIcon, { done: phase === "installed" }), phase === "failed" || dshPhase === "failed" ? (0, import_react16.createElement)("span", { className: "bt-update-dot", "aria-hidden": true }) : null),
++ open && box ? (0, import_react_dom3.createPortal)((0, import_react16.createElement)(
"div",
- { className: "bt-update-pop", role: "dialog", "aria-label": update?.available || phase !== "idle" ? t("DS Bot update") : t("DSH update"), style: box },
- update?.available || phase !== "idle" ? (0, import_react8.createElement)(
- import_react8.Fragment,
+ { className: "bt-update-pop", role: "dialog", "aria-label": update?.available || phase !== "idle" ? t("FlyBot core update") : t("DSH update"), style: box },
-+ update?.available || phase !== "idle" ? (0, import_react15.createElement)(
-+ import_react15.Fragment,
++ update?.available || phase !== "idle" ? (0, import_react16.createElement)(
++ import_react16.Fragment,
null,
- (0, import_react8.createElement)("div", { className: "bt-update-title" }, phase === "installed" ? t("Update installed") : t("DS Bot {version}", { version: update.latest })),
- (0, import_react8.createElement)("div", { className: "bt-update-text" }, phase === "installed" ? t("Restart DSH to start using DS Bot {version}.", { version: update.installed ?? update.latest }) : t("You have {version}.", { version: update.current })),
- message ? (0, import_react8.createElement)("div", { className: "bt-update-error", role: "alert" }, t("The update did not finish: {reason}", { reason: message })) : null,
- (0, import_react8.createElement)(
-+ (0, import_react15.createElement)("div", { className: "bt-update-title" }, phase === "installed" ? t("Update installed") : t("FlyBot core {version}", { version: update.latest })),
-+ (0, import_react15.createElement)("div", { className: "bt-update-text" }, phase === "installed" ? t("Restart DSH to start using FlyBot core {version}.", { version: update.installed ?? update.latest }) : t("You have {version}.", { version: update.current })),
-+ message ? (0, import_react15.createElement)("div", { className: "bt-update-error", role: "alert" }, t("The update did not finish: {reason}", { reason: message })) : null,
-+ (0, import_react15.createElement)(
++ (0, import_react16.createElement)("div", { className: "bt-update-title" }, phase === "installed" ? t("Update installed") : t("FlyBot core {version}", { version: update.latest })),
++ (0, import_react16.createElement)("div", { className: "bt-update-text" }, phase === "installed" ? t("Restart DSH to start using FlyBot core {version}.", { version: update.installed ?? update.latest }) : t("You have {version}.", { version: update.current })),
++ message ? (0, import_react16.createElement)("div", { className: "bt-update-error", role: "alert" }, t("The update did not finish: {reason}", { reason: message })) : null,
++ (0, import_react16.createElement)(
"div",
{ className: "bt-update-actions" },
- update.notesUrl ? (0, import_react8.createElement)("a", { className: "bt-update-notes", href: update.notesUrl, target: "_blank", rel: "noopener noreferrer" }, t("What's new")) : null,
- phase === "installed" ? null : (0, import_react8.createElement)("button", {
-+ update.notesUrl ? (0, import_react15.createElement)("a", { className: "bt-update-notes", href: update.notesUrl, target: "_blank", rel: "noopener noreferrer" }, t("What's new")) : null,
-+ phase === "installed" ? null : (0, import_react15.createElement)("button", {
++ update.notesUrl ? (0, import_react16.createElement)("a", { className: "bt-update-notes", href: update.notesUrl, target: "_blank", rel: "noopener noreferrer" }, t("What's new")) : null,
++ phase === "installed" ? null : (0, import_react16.createElement)("button", {
type: "button",
className: "bt-update-go",
disabled: phase === "installing",
@@ -10808,23 +9546,23 @@ diff --git a/client.js b/client.js
)
) : null,
- dshRow ? (0, import_react8.createElement)(
-+ dshRow ? (0, import_react15.createElement)(
++ dshRow ? (0, import_react16.createElement)(
"div",
{ className: "bt-update-dsh" },
- (0, import_react8.createElement)("div", { className: "bt-update-title" }, t("DSH {version}", { version: dsh.verified })),
- (0, import_react8.createElement)("div", { className: "bt-update-text" }, dshText),
- dshMessage ? (0, import_react8.createElement)("div", { className: "bt-update-error", role: "alert" }, t("The update did not finish: {reason}", { reason: dshMessage })) : null,
- (0, import_react8.createElement)(
-+ (0, import_react15.createElement)("div", { className: "bt-update-title" }, t("DSH {version}", { version: dsh.verified })),
-+ (0, import_react15.createElement)("div", { className: "bt-update-text" }, dshText),
-+ dshMessage ? (0, import_react15.createElement)("div", { className: "bt-update-error", role: "alert" }, t("The update did not finish: {reason}", { reason: dshMessage })) : null,
-+ (0, import_react15.createElement)(
++ (0, import_react16.createElement)("div", { className: "bt-update-title" }, t("DSH {version}", { version: dsh.verified })),
++ (0, import_react16.createElement)("div", { className: "bt-update-text" }, dshText),
++ dshMessage ? (0, import_react16.createElement)("div", { className: "bt-update-error", role: "alert" }, t("The update did not finish: {reason}", { reason: dshMessage })) : null,
++ (0, import_react16.createElement)(
"div",
{ className: "bt-update-actions" },
- dsh.kind === "app" ? dsh.available ? (0, import_react8.createElement)("button", { type: "button", className: "bt-update-go", onClick: () => void actions.openAppUpdates(dsh.verified).catch(() => {
- }) }, t("Open updates")) : null : !dsh.available && dshPhase === "idle" ? null : dshPhase === "installed" ? null : (0, import_react8.createElement)("button", {
-+ dsh.kind === "app" ? dsh.available ? (0, import_react15.createElement)("button", { type: "button", className: "bt-update-go", onClick: () => void actions.openAppUpdates(dsh.verified).catch(() => {
-+ }) }, t("Open updates")) : null : !dsh.available && dshPhase === "idle" ? null : dshPhase === "installed" ? null : (0, import_react15.createElement)("button", {
++ dsh.kind === "app" ? dsh.available ? (0, import_react16.createElement)("button", { type: "button", className: "bt-update-go", onClick: () => void actions.openAppUpdates(dsh.verified).catch(() => {
++ }) }, t("Open updates")) : null : !dsh.available && dshPhase === "idle" ? null : dshPhase === "installed" ? null : (0, import_react16.createElement)("button", {
type: "button",
className: "bt-update-go",
disabled: dshPhase === "installing",
@@ -10856,11 +9594,11 @@ diff --git a/client.js b/client.js
- setTip(false);
- };
- return (0, import_react8.createElement)(
-+ return (0, import_react15.createElement)(
++ return (0, import_react16.createElement)(
"span",
{ className: "bt-connect-wrap" },
- (0, import_react8.createElement)(
-+ (0, import_react15.createElement)(
++ (0, import_react16.createElement)(
"button",
- {
- ref: button,
@@ -10883,20 +9621,20 @@ diff --git a/client.js b/client.js
- t("Plugin compatibility is not fully verified.")
- ), document.body) : null
+ { type: "button", className: "bt-connect bt-connect-foot", onClick: () => actions.openConnectors() },
-+ (0, import_react15.createElement)(PlugIcon),
++ (0, import_react16.createElement)(PlugIcon),
+ t("Connect apps")
+ )
);
}
function YouAvatar() {
- return (0, import_react8.createElement)(
-+ return (0, import_react15.createElement)(
++ return (0, import_react16.createElement)(
"span",
{ className: "bt-you-wrap" },
- (0, import_react8.createElement)("span", { className: "bt-you", "aria-hidden": true }, (0, import_react8.createElement)(BotMark, { look: MAIN_LOOK, size: 24 })),
- (0, import_react8.createElement)("span", { style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clip: "rect(0 0 0 0)" } }, t("Settings"))
-+ (0, import_react15.createElement)("span", { className: "bt-you", "aria-hidden": true }, (0, import_react15.createElement)(BotMark, { look: MAIN_LOOK, size: 24 })),
-+ (0, import_react15.createElement)("span", { style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clip: "rect(0 0 0 0)" } }, t("Settings"))
++ (0, import_react16.createElement)("span", { className: "bt-you", "aria-hidden": true }, (0, import_react16.createElement)(BotMark, { look: MAIN_LOOK, size: 24 })),
++ (0, import_react16.createElement)("span", { style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clip: "rect(0 0 0 0)" } }, t("Settings"))
);
}
var openShellSettings = null;
@@ -10907,7 +9645,7 @@ diff --git a/client.js b/client.js
+var MODELS_STEP_ID = "flybot-models";
+var MODELS_STEP_ORDER = 1e3;
+function ModelsSettingsStep({ explicit, complete, openSection }) {
-+ (0, import_react15.useLayoutEffect)(() => {
++ (0, import_react16.useLayoutEffect)(() => {
+ if (explicit) openSection("models");
+ complete();
+ }, []);
@@ -10925,8 +9663,8 @@ diff --git a/client.js b/client.js
function AccountLauncher({ seat = true, settingsOpen, openSettings, openOnboarding, actions }) {
- const [open, setOpen] = (0, import_react8.useState)(false);
- (0, import_react8.useLayoutEffect)(() => {
-+ const [open, setOpen] = (0, import_react15.useState)(false);
-+ (0, import_react15.useLayoutEffect)(() => {
++ const [open, setOpen] = (0, import_react16.useState)(false);
++ (0, import_react16.useLayoutEffect)(() => {
if (!seat) return void 0;
actions.seatAccount(true);
return () => actions.seatAccount(false);
@@ -10934,13 +9672,13 @@ diff --git a/client.js b/client.js
- const [box, setBox] = (0, import_react8.useState)(null);
- const button = (0, import_react8.useRef)(null);
- (0, import_react8.useEffect)(() => {
-+ const [box, setBox] = (0, import_react15.useState)(null);
-+ const button = (0, import_react15.useRef)(null);
-+ (0, import_react15.useEffect)(() => {
++ const [box, setBox] = (0, import_react16.useState)(null);
++ const button = (0, import_react16.useRef)(null);
++ (0, import_react16.useEffect)(() => {
if (settingsOpen) setOpen(false);
}, [settingsOpen]);
- (0, import_react8.useEffect)(() => {
-+ (0, import_react15.useEffect)(() => {
++ (0, import_react16.useEffect)(() => {
if (!openSettings) return void 0;
openShellSettings = openSettings;
return () => {
@@ -10948,7 +9686,7 @@ diff --git a/client.js b/client.js
};
}, [openSettings]);
- (0, import_react8.useEffect)(() => {
-+ (0, import_react15.useEffect)(() => {
++ (0, import_react16.useEffect)(() => {
if (!openOnboarding) return void 0;
openShellOnboarding = openOnboarding;
return () => {
@@ -10956,7 +9694,7 @@ diff --git a/client.js b/client.js
};
}, [openOnboarding]);
- (0, import_react8.useEffect)(() => {
-+ (0, import_react15.useEffect)(() => {
++ (0, import_react16.useEffect)(() => {
if (!open) return void 0;
const onDown = (event) => {
if (event.target instanceof Element && (event.target.closest(".bt-account-menu") || button.current?.contains(event.target))) return;
@@ -10978,30 +9716,30 @@ diff --git a/client.js b/client.js
];
- return (0, import_react8.createElement)(
- import_react8.Fragment,
-+ return (0, import_react15.createElement)(
-+ import_react15.Fragment,
++ return (0, import_react16.createElement)(
++ import_react16.Fragment,
null,
- (0, import_react8.createElement)(
-+ (0, import_react15.createElement)(
++ (0, import_react16.createElement)(
"button",
{ ref: button, type: "button", className: "bt-account", "aria-label": t("Account"), "aria-haspopup": "menu", "aria-expanded": open, onClick: toggle },
- (0, import_react8.createElement)("span", { className: "bt-you", "aria-hidden": true }, (0, import_react8.createElement)(BotMark, { look: MAIN_LOOK, size: 24 }))
-+ (0, import_react15.createElement)("span", { className: "bt-you", "aria-hidden": true }, (0, import_react15.createElement)(BotMark, { look: MAIN_LOOK, size: 24 }))
++ (0, import_react16.createElement)("span", { className: "bt-you", "aria-hidden": true }, (0, import_react16.createElement)(BotMark, { look: MAIN_LOOK, size: 24 }))
),
- open && box ? (0, import_react_dom3.createPortal)((0, import_react8.createElement)(
-+ open && box ? (0, import_react_dom3.createPortal)((0, import_react15.createElement)(
++ open && box ? (0, import_react_dom3.createPortal)((0, import_react16.createElement)(
"div",
{ className: "bt-menu bt-menu-up bt-account-menu", role: "menu", "aria-label": t("Account"), style: box },
- groups.map((group, index) => (0, import_react8.createElement)(
- import_react8.Fragment,
-+ (0, import_react15.createElement)(FlyBotAccountHeader, { actions }),
-+ groups.map((group, index) => (0, import_react15.createElement)(
-+ import_react15.Fragment,
++ (0, import_react16.createElement)(FlyBotAccountHeader, { actions }),
++ groups.map((group, index) => (0, import_react16.createElement)(
++ import_react16.Fragment,
{ key: index },
- index > 0 ? (0, import_react8.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null,
- group.map(([label, Icon, run, hint]) => (0, import_react8.createElement)("button", {
-+ index > 0 ? (0, import_react15.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null,
-+ group.map(([label, Icon, run, hint]) => (0, import_react15.createElement)("button", {
++ index > 0 ? (0, import_react16.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null,
++ group.map(([label, Icon, run, hint]) => (0, import_react16.createElement)("button", {
key: label,
type: "button",
role: "menuitem",
@@ -11010,7 +9748,7 @@ diff --git a/client.js b/client.js
void Promise.resolve(run()).catch((error) => actions.reportError(error, "menu"));
}
- }, (0, import_react8.createElement)(Icon), (0, import_react8.createElement)("span", { className: "bt-menu-label" }, label), hint ? (0, import_react8.createElement)("span", { className: "bt-menu-hint" }, hint) : null))
-+ }, (0, import_react15.createElement)(Icon), (0, import_react15.createElement)("span", { className: "bt-menu-label" }, label), hint ? (0, import_react15.createElement)("span", { className: "bt-menu-hint" }, hint) : null))
++ }, (0, import_react16.createElement)(Icon), (0, import_react16.createElement)("span", { className: "bt-menu-label" }, label), hint ? (0, import_react16.createElement)("span", { className: "bt-menu-hint" }, hint) : null))
))
), document.body) : null
);
@@ -11020,8 +9758,8 @@ diff --git a/client.js b/client.js
});
- const lastBot = (0, import_react8.useRef)(null);
- (0, import_react8.useEffect)(() => {
-+ const lastBot = (0, import_react15.useRef)(null);
-+ (0, import_react15.useEffect)(() => {
++ const lastBot = (0, import_react16.useRef)(null);
++ (0, import_react16.useEffect)(() => {
if (!roster.ready || !roster.mainBotId) return void 0;
const [id, blank3] = mainView.split("|");
const bot = id === "" ? void 0 : roster.byId[id];
@@ -11038,20 +9776,20 @@ diff --git a/client.js b/client.js
const seated = props.useUi((value) => value.accountSeated === true);
if (seated) return null;
- return (0, import_react8.createElement)("span", { className: "bt-foot-account" }, (0, import_react8.createElement)(AccountLauncher, { ...props, seat: false }));
-+ return (0, import_react15.createElement)("span", { className: "bt-foot-account" }, (0, import_react15.createElement)(AccountLauncher, { ...props, seat: false }));
++ return (0, import_react16.createElement)("span", { className: "bt-foot-account" }, (0, import_react16.createElement)(AccountLauncher, { ...props, seat: false }));
}
function BotReturn({ wide, useSurface, actions }) {
const mode = useSurface((value) => value.mode);
if (mode !== "agent") return null;
- return (0, import_react8.createElement)(
-+ return (0, import_react15.createElement)(
++ return (0, import_react16.createElement)(
"button",
- { type: "button", className: "bt-return", "aria-label": t("DS Bot"), title: t("DS Bot"), onClick: () => actions.setSurface("bot") },
- (0, import_react8.createElement)(BotMark, { look: MAIN_LOOK, size: 20 }),
- wide ? (0, import_react8.createElement)("span", { className: "bt-return-name" }, t("DS Bot")) : null
+ { type: "button", className: "bt-return", "aria-label": t("FlyBot"), title: t("FlyBot"), onClick: () => actions.setSurface("bot") },
-+ (0, import_react15.createElement)(FlyBotMark, { size: 20 }),
-+ wide ? (0, import_react15.createElement)("span", { className: "bt-return-name" }, t("FlyBot")) : null
++ (0, import_react16.createElement)(FlyBotMark, { size: 20 }),
++ wide ? (0, import_react16.createElement)("span", { className: "bt-return-name" }, t("FlyBot")) : null
);
}
var RETURN_CSS = `
@@ -11068,11 +9806,11 @@ diff --git a/client.js b/client.js
`;
function BrandMark({ size = 24 }) {
- return (0, import_react8.createElement)("span", { className: "bt-brand-whale" }, (0, import_react8.createElement)(BotMark, { look: MAIN_LOOK, size }));
-+ return (0, import_react15.createElement)("span", { className: "bt-brand-mark" }, (0, import_react15.createElement)(FlyBotMark, { size }));
++ return (0, import_react16.createElement)("span", { className: "bt-brand-mark" }, (0, import_react16.createElement)(FlyBotMark, { size }));
}
function BrandName() {
- return (0, import_react8.createElement)("span", { style: { fontWeight: 600, fontSize: 14 } }, "DS Bot");
-+ return (0, import_react15.createElement)("span", { style: { fontWeight: 600, fontSize: 14 } }, t("FlyBot"));
++ return (0, import_react16.createElement)("span", { style: { fontWeight: 600, fontSize: 14 } }, t("FlyBot"));
}
var SIDEBAR_CSS = `
.bt-side-top .bt-brand{cursor:default;padding-left:6px}
@@ -11094,18 +9832,18 @@ diff --git a/client.js b/client.js
// src/client/header.js
-var import_react9 = require("react");
-+var import_react16 = require("react");
++var import_react17 = require("react");
var import_react_dom4 = require("react-dom");
-var GoArrow = () => (0, import_react9.createElement)("svg", { width: 14, height: 14, viewBox: "-12 -12 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, (0, import_react9.createElement)("path", { d: "M-7 0H7M2 -5L7 0L2 5" }));
-+var GoArrow = () => (0, import_react16.createElement)("svg", { width: 14, height: 14, viewBox: "-12 -12 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, (0, import_react16.createElement)("path", { d: "M-7 0H7M2 -5L7 0L2 5" }));
++var GoArrow = () => (0, import_react17.createElement)("svg", { width: 14, height: 14, viewBox: "-12 -12 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, (0, import_react17.createElement)("path", { d: "M-7 0H7M2 -5L7 0L2 5" }));
var MEMORY_NOTICE_MS = 3200;
var noNews = (select) => select({});
function useMemoryNotice(ids, useMemoryNews) {
const seen = useMemoryNews((map) => Math.max(0, ...ids.map((id) => map?.[id]?.seen ?? 0)));
- const [shown, setShown] = (0, import_react9.useState)(false);
- (0, import_react9.useEffect)(() => {
-+ const [shown, setShown] = (0, import_react16.useState)(false);
-+ (0, import_react16.useEffect)(() => {
++ const [shown, setShown] = (0, import_react17.useState)(false);
++ (0, import_react17.useEffect)(() => {
const left = seen + MEMORY_NOTICE_MS - Date.now();
setShown(seen > 0 && left > 0);
if (seen === 0 || left <= 0) return void 0;
@@ -11115,19 +9853,19 @@ diff --git a/client.js b/client.js
function MemoryNotice({ shown }) {
- const inner = (0, import_react9.useRef)(null);
- const [width, setWidth] = (0, import_react9.useState)(0);
-+ const inner = (0, import_react16.useRef)(null);
-+ const [width, setWidth] = (0, import_react16.useState)(0);
++ const inner = (0, import_react17.useRef)(null);
++ const [width, setWidth] = (0, import_react17.useState)(0);
const label = t("Memory updated");
- (0, import_react9.useLayoutEffect)(() => {
-+ (0, import_react16.useLayoutEffect)(() => {
++ (0, import_react17.useLayoutEffect)(() => {
if (shown) setWidth(inner.current?.scrollWidth ?? 0);
}, [label, shown]);
- return (0, import_react9.createElement)(
-+ return (0, import_react16.createElement)(
++ return (0, import_react17.createElement)(
"span",
{ className: "bt-pill-mem", "aria-hidden": true, style: { "--bt-mem-w": `${width}px` } },
- (0, import_react9.createElement)("span", { className: "bt-pill-mem-in", ref: inner }, (0, import_react9.createElement)("span", { className: "bt-pill-mem-ico" }, (0, import_react9.createElement)(MemoryIcon)), label)
-+ (0, import_react16.createElement)("span", { className: "bt-pill-mem-in", ref: inner }, (0, import_react16.createElement)("span", { className: "bt-pill-mem-ico" }, (0, import_react16.createElement)(MemoryIcon)), label)
++ (0, import_react17.createElement)("span", { className: "bt-pill-mem-in", ref: inner }, (0, import_react17.createElement)("span", { className: "bt-pill-mem-ico" }, (0, import_react17.createElement)(MemoryIcon)), label)
);
}
function HeaderPill({ sessionId, useRoster, useSessions, useSessionStatus, useSession, useActivity, useMemoryNews, useTurnClock, useUi, useLive, actions }) {
@@ -11136,7 +9874,7 @@ diff --git a/client.js b/client.js
return first && !unseenSince(visit, first.start) ? clockLabel(first.start) : "";
});
- (0, import_react9.useEffect)(() => {
-+ (0, import_react16.useEffect)(() => {
++ (0, import_react17.useEffect)(() => {
if (opening) document.body.style.setProperty("--bt-first-sep", JSON.stringify(opening));
else document.body.style.removeProperty("--bt-first-sep");
return () => document.body.style.removeProperty("--bt-first-sep");
@@ -11170,11 +9908,11 @@ diff --git a/client.js b/client.js
- return (0, import_react9.createElement)(
+ const changed2 = useNews((map) => latestMemoryChange(map, memoryIds));
+ const memoryNotice = notice && changed2 !== null && roster.memory !== false;
-+ return (0, import_react16.createElement)(
++ return (0, import_react17.createElement)(
"div",
{ className: "bt-head" },
- (0, import_react9.createElement)(
-+ (0, import_react16.createElement)(
++ (0, import_react17.createElement)(
"button",
{
type: "button",
@@ -11190,24 +9928,24 @@ diff --git a/client.js b/client.js
- (0, import_react9.createElement)("span", { className: "bt-pill-name" }, bot?.name ?? room2?.name ?? (title || t("New chat"))),
- (0, import_react9.createElement)(MemoryNotice, { shown: memoryNotice }),
- (0, import_react9.createElement)("span", { className: "bt-pill-go", "aria-hidden": true }, (0, import_react9.createElement)(GoArrow))
-+ bot ? (0, import_react16.createElement)(BotAvatar, { bot, size: 24, state: botState(running, doing, roster.questions?.[currentPart(bot)] !== void 0), badge: false }) : room2 ? (0, import_react16.createElement)(RoomAvatar, { room: room2, roster, size: 24 }) : null,
-+ (0, import_react16.createElement)("span", { className: face ? "bt-pill-name bt-pill-name-face" : "bt-pill-name", title: face ? full2 : void 0 }, name || title || t("New chat")),
-+ (0, import_react16.createElement)(MemoryNotice, { shown: memoryNotice }),
-+ (0, import_react16.createElement)("span", { className: "bt-pill-go", "aria-hidden": true }, (0, import_react16.createElement)(GoArrow))
++ bot ? (0, import_react17.createElement)(BotAvatar, { bot, size: 24, state: botState(running, doing, roster.questions?.[currentPart(bot)] !== void 0), badge: false }) : room2 ? (0, import_react17.createElement)(RoomAvatar, { room: room2, roster, size: 24 }) : null,
++ (0, import_react17.createElement)("span", { className: face ? "bt-pill-name bt-pill-name-face" : "bt-pill-name", title: face ? full2 : void 0 }, name || title || t("New chat")),
++ (0, import_react17.createElement)(MemoryNotice, { shown: memoryNotice }),
++ (0, import_react17.createElement)("span", { className: "bt-pill-go", "aria-hidden": true }, (0, import_react17.createElement)(GoArrow))
),
- (0, import_react9.createElement)("span", { className: "bt-sr", role: "status" }, memoryNotice ? t("Memory updated") : ""),
- (0, import_react9.createElement)(NewMessagePills, { key: sessionId, sessionId, useSessions, useUi, useTurnClock }),
- (0, import_react9.createElement)(ActivityIndicator, { key: `activity:${sessionId}`, sessionId, useRoster, useSessionStatus, useSession, useLive, actions })
-+ (0, import_react16.createElement)("span", { className: "bt-sr", role: "status" }, memoryNotice ? t("Memory updated") : ""),
-+ (0, import_react16.createElement)(NewMessagePills, { key: sessionId, sessionId, hiddenTurns, useSessions, useUi, useTurnClock, actions }),
-+ (0, import_react16.createElement)(ActivityIndicator, { key: `activity:${sessionId}`, sessionId, useRoster, useSessionStatus, useSession, useLive, actions })
++ (0, import_react17.createElement)("span", { className: "bt-sr", role: "status" }, memoryNotice ? t("Memory updated") : ""),
++ (0, import_react17.createElement)(NewMessagePills, { key: sessionId, sessionId, hiddenTurns, useSessions, useUi, useTurnClock, actions }),
++ (0, import_react17.createElement)(ActivityIndicator, { key: `activity:${sessionId}`, sessionId, useRoster, useSessionStatus, useSession, useLive, actions })
);
}
function useTranscriptView() {
- const [view, setView] = (0, import_react9.useState)(null);
- (0, import_react9.useEffect)(() => {
-+ const [view, setView] = (0, import_react16.useState)(null);
-+ (0, import_react16.useEffect)(() => {
++ const [view, setView] = (0, import_react17.useState)(null);
++ (0, import_react17.useEffect)(() => {
let frame = 0;
let watched = null;
const observer = new MutationObserver(() => schedule());
@@ -11227,24 +9965,24 @@ diff --git a/client.js b/client.js
- const [release, setRelease] = (0, import_react9.useState)({ base: null, dismissed: false });
- const [above, setAbove] = (0, import_react9.useState)({ seen: false, dismissed: false });
- (0, import_react9.useEffect)(() => {
-+ const [release, setRelease] = (0, import_react16.useState)({ base: null, dismissed: false });
-+ const [above, setAbove] = (0, import_react16.useState)({ seen: false, dismissed: false });
-+ (0, import_react16.useEffect)(() => {
++ const [release, setRelease] = (0, import_react17.useState)({ base: null, dismissed: false });
++ const [above, setAbove] = (0, import_react17.useState)({ seen: false, dismissed: false });
++ (0, import_react17.useEffect)(() => {
setRelease({ base: unpinned ? replies : null, dismissed: false });
}, [unpinned]);
- (0, import_react9.useEffect)(() => {
-+ (0, import_react16.useEffect)(() => {
++ (0, import_react17.useEffect)(() => {
if (view?.divider === "in-view") setAbove((state) => state.seen ? state : { ...state, seen: true });
}, [view?.divider]);
+ const movedOn = useTurnClock((state) => movedOnSince(visit, state[sessionId], hiddenTurns));
-+ (0, import_react16.useEffect)(() => {
++ (0, import_react17.useEffect)(() => {
+ if (above.seen && movedOn) actions?.settleVisit?.(sessionId);
+ }, [above.seen, movedOn, sessionId]);
const fresh = release.base === null ? 0 : replies - release.base;
const showDown = unpinned && fresh > 0 && !release.dismissed;
const showUp = view?.divider === "above" && !above.seen && !above.dismissed;
- (0, import_react9.useEffect)(() => {
-+ (0, import_react16.useEffect)(() => {
++ (0, import_react17.useEffect)(() => {
const scroller = document.querySelector("[data-conversation-scroll]");
if (!scroller) return void 0;
scroller.toggleAttribute("data-bt-news", showDown);
@@ -11253,19 +9991,19 @@ diff --git a/client.js b/client.js
if (!view || !showDown && !showUp) return null;
const label = (count) => count === 1 ? t("1 new message") : count > 0 ? t("{count} new messages", { count }) : t("New messages");
- const pill = (direction, count, style, onJump, onDismiss) => (0, import_react9.createElement)(
-+ const pill = (direction, count, style, onJump, onDismiss) => (0, import_react16.createElement)(
++ const pill = (direction, count, style, onJump, onDismiss) => (0, import_react17.createElement)(
"div",
{ className: "bt-news", "data-direction": direction, style },
- (0, import_react9.createElement)(
-+ (0, import_react16.createElement)(
++ (0, import_react17.createElement)(
"button",
{ type: "button", className: "bt-news-jump", onClick: onJump },
- (0, import_react9.createElement)("span", { className: "bt-news-ico" }, (0, import_react9.createElement)(direction === "up" ? ArrowUpIcon : ArrowDownIcon)),
-+ (0, import_react16.createElement)("span", { className: "bt-news-ico" }, (0, import_react16.createElement)(direction === "up" ? ArrowUpIcon : ArrowDownIcon)),
++ (0, import_react17.createElement)("span", { className: "bt-news-ico" }, (0, import_react17.createElement)(direction === "up" ? ArrowUpIcon : ArrowDownIcon)),
label(count)
),
- (0, import_react9.createElement)("button", {
-+ (0, import_react16.createElement)("button", {
++ (0, import_react17.createElement)("button", {
type: "button",
className: "bt-news-x",
"aria-label": t("Dismiss new messages"),
@@ -11274,7 +10012,7 @@ diff --git a/client.js b/client.js
onDismiss();
}
- }, (0, import_react9.createElement)(CloseIcon))
-+ }, (0, import_react16.createElement)(CloseIcon))
++ }, (0, import_react17.createElement)(CloseIcon))
);
const toLatest = () => {
const scroller = document.querySelector("[data-conversation-scroll]");
@@ -11284,8 +10022,8 @@ diff --git a/client.js b/client.js
return (0, import_react_dom4.createPortal)(
- (0, import_react9.createElement)(
- import_react9.Fragment,
-+ (0, import_react16.createElement)(
-+ import_react16.Fragment,
++ (0, import_react17.createElement)(
++ import_react17.Fragment,
null,
showUp ? pill("up", unread, { left: view.center, top: view.top }, toDivider, () => setAbove((state) => ({ ...state, dismissed: true }))) : null,
showDown ? pill("down", fresh, { left: view.center, bottom: view.bottom }, toLatest, () => setRelease((state) => ({ ...state, dismissed: true }))) : null
@@ -11393,7 +10131,7 @@ diff --git a/client.js b/client.js
+
// src/client/composer.js
-var import_react10 = require("react");
-+var import_react17 = require("react");
++var import_react18 = require("react");
var import_react_dom5 = require("react-dom");
var speechApi = () => window.SpeechRecognition ?? window.webkitSpeechRecognition;
var keepComposerFocus = (event) => event.preventDefault();
@@ -11402,15 +10140,15 @@ diff --git a/client.js b/client.js
- const [note, setNote] = (0, import_react10.useState)("");
- const recognition = (0, import_react10.useRef)(null);
- const latest = (0, import_react10.useRef)(onText);
-+ const [listening, setListening] = (0, import_react17.useState)(false);
-+ const [note, setNote] = (0, import_react17.useState)("");
-+ const recognition = (0, import_react17.useRef)(null);
-+ const latest = (0, import_react17.useRef)(onText);
++ const [listening, setListening] = (0, import_react18.useState)(false);
++ const [note, setNote] = (0, import_react18.useState)("");
++ const recognition = (0, import_react18.useRef)(null);
++ const latest = (0, import_react18.useRef)(onText);
latest.current = onText;
- (0, import_react10.useEffect)(() => () => recognition.current?.abort(), []);
- (0, import_react10.useEffect)(() => {
-+ (0, import_react17.useEffect)(() => () => recognition.current?.abort(), []);
-+ (0, import_react17.useEffect)(() => {
++ (0, import_react18.useEffect)(() => () => recognition.current?.abort(), []);
++ (0, import_react18.useEffect)(() => {
if (!note) return void 0;
const timer = setTimeout(() => setNote(""), 2600);
return () => clearTimeout(timer);
@@ -11424,14 +10162,14 @@ diff --git a/client.js b/client.js
+ const self = roster.self;
+ const humans = (room2?.participants ?? []).filter((p) => p.kind === "human" && p.leftSeq === void 0);
+ if (room2?.viewerRole === "invited-owner") {
-+ return (0, import_react17.createElement)(
++ return (0, import_react18.createElement)(
+ "span",
+ { className: "bt-composer-as", title: t("You can remove your Bot from this room") },
+ t("Shared room from {name}", { name: room2.sharedFrom?.inviterName || t("a friend") })
+ );
+ }
+ if (!self || !room2 || humans.length < 2) return null;
-+ return (0, import_react17.createElement)(
++ return (0, import_react18.createElement)(
+ "span",
+ { className: "bt-composer-as", title: t("Messages in this room are attributed to you") },
+ t("Sending as {name}", { name: self.displayName || self.memberId })
@@ -11443,7 +10181,7 @@ diff --git a/client.js b/client.js
});
const quote = useUi((state) => state.quote?.sessionId === sessionId ? state.quote : null);
- (0, import_react10.useEffect)(() => {
-+ (0, import_react17.useEffect)(() => {
++ (0, import_react18.useEffect)(() => {
if (!quote || !inputActions) return;
actions.clearQuote(quote.token);
const excerpt = quote.text.replace(/\s+/g, " ").trim();
@@ -11462,11 +10200,11 @@ diff --git a/client.js b/client.js
const pluginMic = actions.speech() !== void 0;
- return (0, import_react10.createElement)(
- import_react10.Fragment,
-+ return (0, import_react17.createElement)(
-+ import_react17.Fragment,
++ return (0, import_react18.createElement)(
++ import_react18.Fragment,
null,
- pluginMic ? null : (0, import_react10.createElement)("button", {
-+ pluginMic ? null : (0, import_react17.createElement)("button", {
++ pluginMic ? null : (0, import_react18.createElement)("button", {
type: "button",
className: "bt-mic",
"aria-label": dictation.listening ? t("Stop dictation") : t("Dictate"),
@@ -11476,8 +10214,8 @@ diff --git a/client.js b/client.js
onClick: () => dictation.listening ? dictation.stop() : dictation.start()
- }, (0, import_react10.createElement)(MicIcon)),
- (0, import_react10.createElement)("button", {
-+ }, (0, import_react17.createElement)(MicIcon)),
-+ (0, import_react17.createElement)("button", {
++ }, (0, import_react18.createElement)(MicIcon)),
++ (0, import_react18.createElement)("button", {
type: "button",
className: "bt-voice",
"aria-label": t("Start voice chat"),
@@ -11486,8 +10224,8 @@ diff --git a/client.js b/client.js
onClick: () => actions.openVoice(sessionId)
- }, (0, import_react10.createElement)(WaveIcon, { size: 18 })),
- dictation.note ? (0, import_react10.createElement)("span", { className: "bt-mic-note", role: "status" }, dictation.note) : null
-+ }, (0, import_react17.createElement)(WaveIcon, { size: 18 })),
-+ dictation.note ? (0, import_react17.createElement)("span", { className: "bt-mic-note", role: "status" }, dictation.note) : null
++ }, (0, import_react18.createElement)(WaveIcon, { size: 18 })),
++ dictation.note ? (0, import_react18.createElement)("span", { className: "bt-mic-note", role: "status" }, dictation.note) : null
);
}
function menuIcons(roster) {
@@ -11496,21 +10234,21 @@ diff --git a/client.js b/client.js
if (!row.bot) return PeopleIcon;
const id = row.bot.id;
- if (!marks.has(id)) marks.set(id, ({ size = 14 }) => (0, import_react10.createElement)(BotMark, { bot: roster.getSnapshot().byId[id] ?? row.bot, size }));
-+ if (!marks.has(id)) marks.set(id, ({ size = 14 }) => (0, import_react17.createElement)(BotMark, { bot: markBotForMention(row.bot, roster.getSnapshot()), size }));
++ if (!marks.has(id)) marks.set(id, ({ size = 14 }) => (0, import_react18.createElement)(BotMark, { bot: markBotForMention(row.bot, roster.getSnapshot()), size }));
return marks.get(id);
};
}
function ComposerPlus({ sessionId, inputActions, useRoster, actions }) {
const roster = useRoster((value) => value);
- const [open, setOpen] = (0, import_react10.useState)(null);
-+ const [open, setOpen] = (0, import_react17.useState)(null);
++ const [open, setOpen] = (0, import_react18.useState)(null);
const [shown, leaving] = useLinger(open, 120);
- const button = (0, import_react10.useRef)(null);
- const menu = (0, import_react10.useRef)(null);
- (0, import_react10.useEffect)(() => {
-+ const button = (0, import_react17.useRef)(null);
-+ const menu = (0, import_react17.useRef)(null);
-+ (0, import_react17.useEffect)(() => {
++ const button = (0, import_react18.useRef)(null);
++ const menu = (0, import_react18.useRef)(null);
++ (0, import_react18.useEffect)(() => {
if (!open) return void 0;
const onDown = (event) => {
if (![button.current, menu.current].some((node) => node?.contains(event.target))) setOpen(null);
@@ -11520,11 +10258,11 @@ diff --git a/client.js b/client.js
const canReference = typeof inputActions?.captureInsertion === "function" && actions.canReferenceChat();
- return (0, import_react10.createElement)(
- import_react10.Fragment,
-+ return (0, import_react17.createElement)(
-+ import_react17.Fragment,
++ return (0, import_react18.createElement)(
++ import_react18.Fragment,
null,
- (0, import_react10.createElement)("button", {
-+ (0, import_react17.createElement)("button", {
++ (0, import_react18.createElement)("button", {
ref: button,
type: "button",
className: "bt-plus",
@@ -11534,8 +10272,8 @@ diff --git a/client.js b/client.js
onClick: toggle
- }, (0, import_react10.createElement)(PlusIcon)),
- shown ? (0, import_react_dom5.createPortal)((0, import_react10.createElement)(
-+ }, (0, import_react17.createElement)(PlusIcon)),
-+ shown ? (0, import_react_dom5.createPortal)((0, import_react17.createElement)(
++ }, (0, import_react18.createElement)(PlusIcon)),
++ shown ? (0, import_react_dom5.createPortal)((0, import_react18.createElement)(
"div",
{
ref: menu,
@@ -11546,9 +10284,9 @@ diff --git a/client.js b/client.js
- (0, import_react10.createElement)("button", { type: "button", role: "menuitem", onClick: attach }, (0, import_react10.createElement)(PaperclipIcon), (0, import_react10.createElement)("span", { className: "bt-menu-label" }, t("Add files"))),
- canReference ? (0, import_react10.createElement)("button", { type: "button", role: "menuitem", onMouseDown: keepComposerFocus, onClick: reference }, (0, import_react10.createElement)(ChatsIcon), (0, import_react10.createElement)("span", { className: "bt-menu-label" }, t("Reference a chat"))) : null,
- (0, import_react10.createElement)("button", { type: "button", role: "menuitem", onClick: schedule }, (0, import_react10.createElement)(ClockIcon), (0, import_react10.createElement)("span", { className: "bt-menu-label" }, t("Scheduled task")))
-+ (0, import_react17.createElement)("button", { type: "button", role: "menuitem", onClick: attach }, (0, import_react17.createElement)(PaperclipIcon), (0, import_react17.createElement)("span", { className: "bt-menu-label" }, t("Add files"))),
-+ canReference ? (0, import_react17.createElement)("button", { type: "button", role: "menuitem", onMouseDown: keepComposerFocus, onClick: reference }, (0, import_react17.createElement)(ChatsIcon), (0, import_react17.createElement)("span", { className: "bt-menu-label" }, t("Reference a chat"))) : null,
-+ (0, import_react17.createElement)("button", { type: "button", role: "menuitem", onClick: schedule }, (0, import_react17.createElement)(ClockIcon), (0, import_react17.createElement)("span", { className: "bt-menu-label" }, t("Scheduled task")))
++ (0, import_react18.createElement)("button", { type: "button", role: "menuitem", onClick: attach }, (0, import_react18.createElement)(PaperclipIcon), (0, import_react18.createElement)("span", { className: "bt-menu-label" }, t("Add files"))),
++ canReference ? (0, import_react18.createElement)("button", { type: "button", role: "menuitem", onMouseDown: keepComposerFocus, onClick: reference }, (0, import_react18.createElement)(ChatsIcon), (0, import_react18.createElement)("span", { className: "bt-menu-label" }, t("Reference a chat"))) : null,
++ (0, import_react18.createElement)("button", { type: "button", role: "menuitem", onClick: schedule }, (0, import_react18.createElement)(ClockIcon), (0, import_react18.createElement)("span", { className: "bt-menu-label" }, t("Scheduled task")))
), document.body) : null
);
}
@@ -11650,10 +10388,14 @@ diff --git a/client.js b/client.js
},
onPick: ({ candidate }) => candidate.value ? { text: candidate.value } : void 0
};
-@@ -5995,6 +5995,83 @@ function atSources({ roster, sessions, launched, iconFor }) {
- return [bots, chats];
- }
-
+@@ -5992,7 +5992,84 @@ function atSources({ roster, sessions, launched, iconFor }) {
+ },
+ codec: { clipboardText: (ref) => ref, serialize: (ref) => Promise.resolve(ref) }
+ };
+- return [bots, chats];
++ return [bots, chats];
++}
++
+// src/client/face-at-filter.js
+var REFERENCE_SOURCE = "reference";
+var optionId = (source, index) => `dsh-slash-option-${source}-${index}`;
@@ -11729,15 +10471,20 @@ diff --git a/client.js b/client.js
+ unsubscribe?.();
+ style.remove();
+ };
-+}
-+
+ }
+
// src/client/speech.js
- var VOICE_BUNDLE = "@deepseek-ai/dsh-experimental-voice-input-bundle";
- var USABLE = /* @__PURE__ */ new Set(["ready", "standby", "waking"]);
-@@ -6068,285 +6068,61 @@ async function openCapture() {
- level() {
- if (closed) return 0;
- analyser.getFloatTimeDomainData(frame);
+@@ -6061,292 +6061,68 @@ async function openCapture() {
+ closed = true;
+ if (recorder.state !== "inactive") recorder.stop();
+ stream.getTracks().forEach((track) => track.stop());
+- void audio.close().catch(() => {
+- });
+- };
+- return {
+- level() {
+- if (closed) return 0;
+- analyser.getFloatTimeDomainData(frame);
- let sum = 0;
- for (const sample of frame) sum += sample * sample;
- return Math.min(1, Math.sqrt(sum / frame.length) * 4);
@@ -12013,6 +10760,13 @@ diff --git a/client.js b/client.js
- )
- )
- );
++ void audio.close().catch(() => {
++ });
++ };
++ return {
++ level() {
++ if (closed) return 0;
++ analyser.getFloatTimeDomainData(frame);
+ let sum = 0;
+ for (const sample of frame) sum += sample * sample;
+ return Math.min(1, Math.sqrt(sum / frame.length) * 4);
@@ -12068,7 +10822,7 @@ diff --git a/client.js b/client.js
// src/client/model-menu.js
-var import_react13 = require("react");
-+var import_react18 = require("react");
++var import_react19 = require("react");
var import_react_dom6 = require("react-dom");
var MENU_EXIT_MS = 120;
function groupModels(models) {
@@ -12087,8 +10841,8 @@ diff --git a/client.js b/client.js
function useEfforts(served, ref, actions) {
- const [fetched, setFetched] = (0, import_react13.useState)(void 0);
- (0, import_react13.useEffect)(() => {
-+ const [fetched, setFetched] = (0, import_react18.useState)(void 0);
-+ (0, import_react18.useEffect)(() => {
++ const [fetched, setFetched] = (0, import_react19.useState)(void 0);
++ (0, import_react19.useEffect)(() => {
setFetched(void 0);
if (ref === void 0 || served?.reasoning !== void 0 || actions?.efforts === void 0) return void 0;
let live = true;
@@ -12098,15 +10852,15 @@ diff --git a/client.js b/client.js
function EffortRows({ reasoning, current, onPick }) {
- return (0, import_react13.createElement)(
- import_react13.Fragment,
-+ return (0, import_react18.createElement)(
-+ import_react18.Fragment,
++ return (0, import_react19.createElement)(
++ import_react19.Fragment,
null,
- (0, import_react13.createElement)("div", { className: "bt-menu-sep", role: "separator" }),
- (0, import_react13.createElement)("div", { className: "bt-model-group", role: "presentation" }, t("Thinking level")),
- effortRows(reasoning).map((row) => (0, import_react13.createElement)(
-+ (0, import_react18.createElement)("div", { className: "bt-menu-sep", role: "separator" }),
-+ (0, import_react18.createElement)("div", { className: "bt-model-group", role: "presentation" }, t("Thinking level")),
-+ effortRows(reasoning).map((row) => (0, import_react18.createElement)(
++ (0, import_react19.createElement)("div", { className: "bt-menu-sep", role: "separator" }),
++ (0, import_react19.createElement)("div", { className: "bt-model-group", role: "presentation" }, t("Thinking level")),
++ effortRows(reasoning).map((row) => (0, import_react19.createElement)(
"button",
{
key: row.effort ?? "default",
@@ -12116,21 +10870,21 @@ diff --git a/client.js b/client.js
},
- (0, import_react13.createElement)("span", { className: "bt-menu-label" }, row.label),
- (0, import_react13.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, row.effort === current ? (0, import_react13.createElement)(CheckIcon) : null)
-+ (0, import_react18.createElement)("span", { className: "bt-menu-label" }, row.label),
-+ (0, import_react18.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, row.effort === current ? (0, import_react18.createElement)(CheckIcon) : null)
++ (0, import_react19.createElement)("span", { className: "bt-menu-label" }, row.label),
++ (0, import_react19.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, row.effort === current ? (0, import_react19.createElement)(CheckIcon) : null)
))
);
}
function ModelRows({ roster, current, onPick }) {
- return groupModels(roster.models).map(([provider, list]) => (0, import_react13.createElement)(
- import_react13.Fragment,
-+ return groupModels(roster.models).map(([provider, list]) => (0, import_react18.createElement)(
-+ import_react18.Fragment,
++ return groupModels(roster.models).map(([provider, list]) => (0, import_react19.createElement)(
++ import_react19.Fragment,
{ key: list[0].provider ?? provider },
- (0, import_react13.createElement)("div", { className: "bt-model-group", role: "presentation" }, provider),
- list.map((model) => (0, import_react13.createElement)(
-+ (0, import_react18.createElement)("div", { className: "bt-model-group", role: "presentation" }, provider),
-+ list.map((model) => (0, import_react18.createElement)(
++ (0, import_react19.createElement)("div", { className: "bt-model-group", role: "presentation" }, provider),
++ list.map((model) => (0, import_react19.createElement)(
"button",
{
key: model.ref,
@@ -12141,25 +10895,25 @@ diff --git a/client.js b/client.js
- (0, import_react13.createElement)("span", { className: "bt-menu-label" }, model.name),
- model.ref === roster.defaultModel ? (0, import_react13.createElement)("span", { className: "bt-menu-hint" }, t("Default")) : null,
- (0, import_react13.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, model.ref === current ? (0, import_react13.createElement)(CheckIcon) : null)
-+ (0, import_react18.createElement)("span", { className: "bt-menu-label" }, model.name),
-+ model.ref === roster.defaultModel ? (0, import_react18.createElement)("span", { className: "bt-menu-hint" }, t("Default")) : null,
-+ (0, import_react18.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, model.ref === current ? (0, import_react18.createElement)(CheckIcon) : null)
++ (0, import_react19.createElement)("span", { className: "bt-menu-label" }, model.name),
++ model.ref === roster.defaultModel ? (0, import_react19.createElement)("span", { className: "bt-menu-hint" }, t("Default")) : null,
++ (0, import_react19.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, model.ref === current ? (0, import_react19.createElement)(CheckIcon) : null)
))
));
}
-var Caret = () => (0, import_react13.createElement)("svg", { className: "bt-model-caret", width: 12, height: 12, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.8, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, (0, import_react13.createElement)("path", { d: "M5.5 8l4.5 4.5L14.5 8" }));
-+var Caret = () => (0, import_react18.createElement)("svg", { className: "bt-model-caret", width: 12, height: 12, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.8, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, (0, import_react18.createElement)("path", { d: "M5.5 8l4.5 4.5L14.5 8" }));
++var Caret = () => (0, import_react19.createElement)("svg", { className: "bt-model-caret", width: 12, height: 12, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.8, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, (0, import_react19.createElement)("path", { d: "M5.5 8l4.5 4.5L14.5 8" }));
function useAnchoredMenu() {
- const [place, setPlace] = (0, import_react13.useState)(null);
-+ const [place, setPlace] = (0, import_react18.useState)(null);
++ const [place, setPlace] = (0, import_react19.useState)(null);
const [shownPlace, leaving] = useLinger(place, MENU_EXIT_MS);
- const button = (0, import_react13.useRef)(null);
- const menu = (0, import_react13.useRef)(null);
-+ const button = (0, import_react18.useRef)(null);
-+ const menu = (0, import_react18.useRef)(null);
++ const button = (0, import_react19.useRef)(null);
++ const menu = (0, import_react19.useRef)(null);
const close = () => setPlace(null);
- (0, import_react13.useEffect)(() => {
-+ (0, import_react18.useEffect)(() => {
++ (0, import_react19.useEffect)(() => {
if (place === null) return void 0;
const onDown = (event) => {
if (menu.current?.contains(event.target) || button.current?.contains(event.target)) return;
@@ -12177,11 +10931,11 @@ diff --git a/client.js b/client.js
const models = roster.models ?? [];
- return (0, import_react13.createElement)(
- import_react13.Fragment,
-+ return (0, import_react18.createElement)(
-+ import_react18.Fragment,
++ return (0, import_react19.createElement)(
++ import_react19.Fragment,
null,
- (0, import_react13.createElement)(
-+ (0, import_react18.createElement)(
++ (0, import_react19.createElement)(
"button",
{
ref: button,
@@ -12190,34 +10944,34 @@ diff --git a/client.js b/client.js
onClick: toggle
},
- (0, import_react13.createElement)(
-+ (0, import_react18.createElement)(
++ (0, import_react19.createElement)(
"span",
{ className: "bt-model-copy" },
- (0, import_react13.createElement)("span", { className: "bt-model-name" }, shown?.name ?? t("Choose a model")),
- shown ? (0, import_react13.createElement)("span", { className: "bt-model-provider" }, shown.served || models.length === 0 ? effortLabel === void 0 ? shown.provider : `${shown.provider} · ${effortLabel}` : t("{provider} · not available", { provider: shown.provider })) : null
-+ (0, import_react18.createElement)("span", { className: "bt-model-name" }, shown?.name ?? t("Choose a model")),
-+ shown ? (0, import_react18.createElement)("span", { className: "bt-model-provider" }, shown.served || models.length === 0 ? effortLabel === void 0 ? shown.provider : `${shown.provider} · ${effortLabel}` : t("{provider} · not available", { provider: shown.provider })) : null
++ (0, import_react19.createElement)("span", { className: "bt-model-name" }, shown?.name ?? t("Choose a model")),
++ shown ? (0, import_react19.createElement)("span", { className: "bt-model-provider" }, shown.served || models.length === 0 ? effortLabel === void 0 ? shown.provider : `${shown.provider} · ${effortLabel}` : t("{provider} · not available", { provider: shown.provider })) : null
),
- (0, import_react13.createElement)(Caret)
-+ (0, import_react18.createElement)(Caret)
++ (0, import_react19.createElement)(Caret)
),
- shownPlace ? (0, import_react_dom6.createPortal)((0, import_react13.createElement)(
-+ shownPlace ? (0, import_react_dom6.createPortal)((0, import_react18.createElement)(
++ shownPlace ? (0, import_react_dom6.createPortal)((0, import_react19.createElement)(
"div",
{ ref: menu, className: `bt-menu bt-model-menu${shownPlace.bottom !== void 0 ? " bt-menu-up" : ""}`, role: "menu", "aria-label": t("Model for {name}", { name: bot.name }), style: shownPlace, "data-leaving": leaving || void 0 },
- models.length > 0 ? (0, import_react13.createElement)(ModelRows, { roster, current, onPick: pick2 }) : (0, import_react13.createElement)("div", { className: "bt-model-none" }, t("No models are set up in DeepSeek Harness yet.")),
- effortRows(reasoning).length > 0 ? (0, import_react13.createElement)(EffortRows, { reasoning, current: picked, onPick: pickEffort }) : null,
- (0, import_react13.createElement)("div", { className: "bt-menu-sep", role: "separator" }),
- (0, import_react13.createElement)("button", { type: "button", role: "menuitem", onClick: () => {
-+ models.length > 0 ? (0, import_react18.createElement)(ModelRows, { roster, current, onPick: pick2 }) : (0, import_react18.createElement)("div", { className: "bt-model-none" }, t("No models are set up in DeepSeek Harness yet.")),
-+ effortRows(reasoning).length > 0 ? (0, import_react18.createElement)(EffortRows, { reasoning, current: picked, onPick: pickEffort }) : null,
-+ (0, import_react18.createElement)("div", { className: "bt-menu-sep", role: "separator" }),
-+ (0, import_react18.createElement)("button", { type: "button", role: "menuitem", onClick: () => {
++ models.length > 0 ? (0, import_react19.createElement)(ModelRows, { roster, current, onPick: pick2 }) : (0, import_react19.createElement)("div", { className: "bt-model-none" }, t("No models are set up in DeepSeek Harness yet.")),
++ effortRows(reasoning).length > 0 ? (0, import_react19.createElement)(EffortRows, { reasoning, current: picked, onPick: pickEffort }) : null,
++ (0, import_react19.createElement)("div", { className: "bt-menu-sep", role: "separator" }),
++ (0, import_react19.createElement)("button", { type: "button", role: "menuitem", onClick: () => {
close();
- openHarnessSettings();
- } }, (0, import_react13.createElement)(SlidersIcon), (0, import_react13.createElement)("span", { className: "bt-menu-label" }, t("Models and providers…")))
+ openHarnessModels();
-+ } }, (0, import_react18.createElement)(SlidersIcon), (0, import_react18.createElement)("span", { className: "bt-menu-label" }, t("Models and providers…")))
++ } }, (0, import_react19.createElement)(SlidersIcon), (0, import_react19.createElement)("span", { className: "bt-menu-label" }, t("Models and providers…")))
), document.body) : null
);
}
@@ -12226,15 +10980,15 @@ diff --git a/client.js b/client.js
const bot = roster.byId[sessionId];
- const [busy, setBusy] = (0, import_react13.useState)("");
- const [error, setError] = (0, import_react13.useState)("");
-+ const [busy, setBusy] = (0, import_react18.useState)("");
-+ const [error, setError] = (0, import_react18.useState)("");
++ const [busy, setBusy] = (0, import_react19.useState)("");
++ const [error, setError] = (0, import_react19.useState)("");
const shown = Boolean(bot) && currentPart(bot) === sessionId && roster.ready;
- (0, import_react13.useEffect)(() => {
-+ (0, import_react18.useEffect)(() => {
++ (0, import_react19.useEffect)(() => {
if (shown) void actions.refreshModels?.();
}, [shown, sessionId]);
if (!bot || currentPart(bot) !== sessionId || !roster.ready) return null;
-+ if (bot.remote) return bot.remote.gone ? (0, import_react18.createElement)(RemoteGoneDock, { bot }) : null;
++ if (bot.remote) return bot.remote.gone ? (0, import_react19.createElement)(RemoteGoneDock, { bot }) : null;
const models = roster.models ?? [];
const lost = bot.model ? !models.some((model) => model.ref === bot.model) : false;
if (bot.model && (!lost || models.length === 0)) return null;
@@ -12244,14 +10998,14 @@ diff --git a/client.js b/client.js
const text = lost ? t("{model} is not available anymore. Pick another model for me.", { model: bot.model.split("/").slice(1).join("/") }) : models.length === 0 ? t("Hi, I'm {name}. I don't have a model yet. How do you want to set one up?", { name: bot.name }) : t("Hi, I'm {name}. Pick a model for me first. You can change it later in my details.", { name: bot.name });
- const choices = models.length === 0 ? setupChoices(actions).map(([label, run]) => (0, import_react13.createElement)("button", { key: label, type: "button", className: "bt-model-chip", onClick: run }, label)) : [
- ...groupModels(models).map(([provider, list]) => (0, import_react13.createElement)(
-+ const choices = models.length === 0 ? [...setupChoices(actions).map(([label, run]) => (0, import_react18.createElement)("button", { key: label, type: "button", className: "bt-model-chip", onClick: run }, label)), (0, import_react18.createElement)(KeyHelpLink, { key: "key-help" })] : [
-+ ...groupModels(models).map(([provider, list]) => (0, import_react18.createElement)(
++ const choices = models.length === 0 ? [...setupChoices(actions).map(([label, run]) => (0, import_react19.createElement)("button", { key: label, type: "button", className: "bt-model-chip", onClick: run }, label)), (0, import_react19.createElement)(KeyHelpLink, { key: "key-help" })] : [
++ ...groupModels(models).map(([provider, list]) => (0, import_react19.createElement)(
"div",
{ key: list[0].provider ?? provider, className: "bt-model-choice-group", role: "group", "aria-label": provider },
- (0, import_react13.createElement)("div", { className: "bt-model-choice-provider", "aria-hidden": true }, provider),
- (0, import_react13.createElement)("div", { className: "bt-model-choice-chips" }, list.map((model) => (0, import_react13.createElement)("button", {
-+ (0, import_react18.createElement)("div", { className: "bt-model-choice-provider", "aria-hidden": true }, provider),
-+ (0, import_react18.createElement)("div", { className: "bt-model-choice-chips" }, list.map((model) => (0, import_react18.createElement)("button", {
++ (0, import_react19.createElement)("div", { className: "bt-model-choice-provider", "aria-hidden": true }, provider),
++ (0, import_react19.createElement)("div", { className: "bt-model-choice-chips" }, list.map((model) => (0, import_react19.createElement)("button", {
key: model.ref,
type: "button",
className: "bt-model-chip",
@@ -12260,55 +11014,55 @@ diff --git a/client.js b/client.js
title: model.ref === roster.defaultModel ? `${model.ref} · ${t("Harness default")}` : model.ref,
onClick: () => pick2(model.ref)
- }, model.name, busy === model.ref ? (0, import_react13.createElement)("span", { className: "bt-model-spin", "aria-label": t("Saving…") }) : null)))
-+ }, model.name, busy === model.ref ? (0, import_react18.createElement)("span", { className: "bt-model-spin", "aria-label": t("Saving…") }) : null)))
++ }, model.name, busy === model.ref ? (0, import_react19.createElement)("span", { className: "bt-model-spin", "aria-label": t("Saving…") }) : null)))
)),
- (0, import_react13.createElement)("button", { key: "manage", type: "button", className: "bt-model-chip bt-model-chip-quiet", onClick: openHarnessSettings }, (0, import_react13.createElement)(SlidersIcon), t("Manage models"))
-+ (0, import_react18.createElement)("button", { key: "manage", type: "button", className: "bt-model-chip bt-model-chip-quiet", onClick: openHarnessModels }, (0, import_react18.createElement)(SlidersIcon), t("Manage models"))
++ (0, import_react19.createElement)("button", { key: "manage", type: "button", className: "bt-model-chip bt-model-chip-quiet", onClick: openHarnessModels }, (0, import_react19.createElement)(SlidersIcon), t("Manage models"))
];
- return (0, import_react13.createElement)(
-+ return (0, import_react18.createElement)(
++ return (0, import_react19.createElement)(
"div",
{ className: "bt-model-dock" },
- (0, import_react13.createElement)(
-+ (0, import_react18.createElement)(
++ (0, import_react19.createElement)(
"div",
{ className: "bt-astack", "data-lead": "" },
- (0, import_react13.createElement)(
-+ (0, import_react18.createElement)(
++ (0, import_react19.createElement)(
"div",
{ className: "bt-msg" },
- (0, import_react13.createElement)(
-+ (0, import_react18.createElement)(
++ (0, import_react19.createElement)(
"div",
{ className: "bt-msg-line" },
- (0, import_react13.createElement)(BotMark, { bot, size: 22 }),
- (0, import_react13.createElement)("div", { className: "bt-bubble" }, text)
-+ (0, import_react18.createElement)(BotMark, { bot, size: 22 }),
-+ (0, import_react18.createElement)("div", { className: "bt-bubble" }, text)
++ (0, import_react19.createElement)(BotMark, { bot, size: 22 }),
++ (0, import_react19.createElement)("div", { className: "bt-bubble" }, text)
)
)
),
- (0, import_react13.createElement)("div", { className: "bt-model-chips", role: "group", "aria-label": t("Choose a model") }, choices),
- error ? (0, import_react13.createElement)("div", { className: "bt-secret-error bt-model-error", role: "alert" }, error) : null
-+ (0, import_react18.createElement)("div", { className: "bt-model-chips", role: "group", "aria-label": t("Choose a model") }, choices),
-+ error ? (0, import_react18.createElement)("div", { className: "bt-secret-error bt-model-error", role: "alert" }, error) : null
++ (0, import_react19.createElement)("div", { className: "bt-model-chips", role: "group", "aria-label": t("Choose a model") }, choices),
++ error ? (0, import_react19.createElement)("div", { className: "bt-secret-error bt-model-error", role: "alert" }, error) : null
+ );
+}
+function RemoteGoneDock({ bot }) {
-+ return (0, import_react18.createElement)(
++ return (0, import_react19.createElement)(
+ "div",
+ { className: "bt-model-dock", "data-flybot": "remote-gone" },
-+ (0, import_react18.createElement)(
++ (0, import_react19.createElement)(
+ "div",
+ { className: "bt-astack", "data-lead": "" },
-+ (0, import_react18.createElement)(
++ (0, import_react19.createElement)(
+ "div",
+ { className: "bt-msg" },
-+ (0, import_react18.createElement)(
++ (0, import_react19.createElement)(
+ "div",
+ { className: "bt-msg-line" },
-+ (0, import_react18.createElement)(BotMark, { bot, size: 22 }),
-+ (0, import_react18.createElement)("div", { className: "bt-bubble" }, t("{name} ({handle}) is no longer shared with you, so messages to it cannot be delivered. It runs on its owner's machine, so another model cannot stand in. Ask its owner for a new invite.", { name: bot.name, handle: bot.remote.handle }))
++ (0, import_react19.createElement)(BotMark, { bot, size: 22 }),
++ (0, import_react19.createElement)("div", { className: "bt-bubble" }, t("{name} ({handle}) is no longer shared with you, so messages to it cannot be delivered. It runs on its owner's machine, so another model cannot stand in. Ask its owner for a new invite.", { name: bot.name, handle: bot.remote.handle }))
+ )
+ )
+ )
@@ -12324,7 +11078,7 @@ diff --git a/client.js b/client.js
}
+var KEY_HELP_URL = "https://github.com/ThinkFlowLab/FlyBot/blob/main/docs/deepseek-api-key.md";
+function KeyHelpLink() {
-+ return (0, import_react18.createElement)("a", { className: "bt-model-help", href: KEY_HELP_URL, target: "_blank", rel: "noopener noreferrer" }, t("How to set a DeepSeek API key"));
++ return (0, import_react19.createElement)("a", { className: "bt-model-help", href: KEY_HELP_URL, target: "_blank", rel: "noopener noreferrer" }, t("How to set a DeepSeek API key"));
+}
+function missingModelKey(message) {
+ const text = String(message ?? "");
@@ -12348,22 +11102,22 @@ diff --git a/client.js b/client.js
+ const message = missing ? t("This Bot's model has no API key yet. Set one up, then send your message again.") : code === "ACCOUNT_SIGNED_OUT" ? shell("message.failure.accountSignedOut", raw) : code === "ACCOUNT_SIGN_IN_REQUIRED" ? shell("message.failure.accountSignInRequired", raw) : code === "QUOTA" || code === "ACCOUNT_QUOTA" ? shell("message.failure.quota", raw) : code === "AUTH" ? shell("message.failure.auth", raw) : raw;
+ const choices = missing ? modelKeyChoices(actions ?? {}, missing.route) : [];
+ const deepseek = missing ? /^deepseek/i.test(missing.route) : false;
-+ return (0, import_react18.createElement)(
++ return (0, import_react19.createElement)(
+ "div",
+ { className: "bt-turn-error", role: "status", "data-missing-key": missing ? "" : void 0 },
-+ (0, import_react18.createElement)("span", { className: "bt-turn-error-dot", "aria-hidden": true }),
-+ (0, import_react18.createElement)(
++ (0, import_react19.createElement)("span", { className: "bt-turn-error-dot", "aria-hidden": true }),
++ (0, import_react19.createElement)(
+ "div",
+ { className: "bt-turn-error-copy" },
-+ (0, import_react18.createElement)("span", { className: "bt-turn-error-title" }, title),
-+ (0, import_react18.createElement)("span", { className: "bt-turn-error-message" }, message),
-+ code ? (0, import_react18.createElement)("code", { className: "bt-turn-error-code" }, code) : null
++ (0, import_react19.createElement)("span", { className: "bt-turn-error-title" }, title),
++ (0, import_react19.createElement)("span", { className: "bt-turn-error-message" }, message),
++ code ? (0, import_react19.createElement)("code", { className: "bt-turn-error-code" }, code) : null
+ ),
-+ choices.length > 0 ? (0, import_react18.createElement)(
++ choices.length > 0 ? (0, import_react19.createElement)(
+ "div",
+ { className: "bt-turn-error-actions" },
-+ choices.map(([label, run]) => (0, import_react18.createElement)("button", { key: label, type: "button", className: "bt-model-chip", onClick: run }, label)),
-+ deepseek ? (0, import_react18.createElement)(KeyHelpLink, { key: "key-help" }) : null
++ choices.map(([label, run]) => (0, import_react19.createElement)("button", { key: label, type: "button", className: "bt-model-chip", onClick: run }, label)),
++ deepseek ? (0, import_react19.createElement)(KeyHelpLink, { key: "key-help" }) : null
+ ) : null
+ );
+}
@@ -12372,18 +11126,18 @@ diff --git a/client.js b/client.js
const entry = open ? actions.signInEntry?.() : null;
if (!entry) return null;
- return (0, import_react13.createElement)(SignInHost, { key: open, entry, actions });
-+ return (0, import_react18.createElement)(SignInHost, { key: open, entry, actions });
++ return (0, import_react19.createElement)(SignInHost, { key: open, entry, actions });
}
function SignInHost({ entry, actions }) {
- const [ops] = (0, import_react13.useState)(() => entry.inject?.() ?? {});
-+ const [ops] = (0, import_react18.useState)(() => entry.inject?.() ?? {});
++ const [ops] = (0, import_react19.useState)(() => entry.inject?.() ?? {});
const close = () => actions.closeSignIn();
- const useHook = (source) => (selector) => (0, import_react13.useSyncExternalStore)(source.subscribe, () => selector(source.getSnapshot()));
- const [hooks] = (0, import_react13.useState)(() => ({ useAccount: useHook(ops.hooks.account), useTheme: useHook(ops.hooks.theme) }));
- return (0, import_react13.createElement)(entry.component, {
-+ const useHook = (source) => (selector) => (0, import_react18.useSyncExternalStore)(source.subscribe, () => selector(source.getSnapshot()));
-+ const [hooks] = (0, import_react18.useState)(() => ({ useAccount: useHook(ops.hooks.account), useTheme: useHook(ops.hooks.theme) }));
-+ return (0, import_react18.createElement)(entry.component, {
++ const useHook = (source) => (selector) => (0, import_react19.useSyncExternalStore)(source.subscribe, () => selector(source.getSnapshot()));
++ const [hooks] = (0, import_react19.useState)(() => ({ useAccount: useHook(ops.hooks.account), useTheme: useHook(ops.hooks.theme) }));
++ return (0, import_react19.createElement)(entry.component, {
...ops,
...hooks,
t: actions.accountT(),
@@ -12409,7 +11163,7 @@ diff --git a/client.js b/client.js
`;
+// src/client/model-test.js
-+var import_react19 = require("react");
++var import_react20 = require("react");
+var FAILURE_COPY = {
+ NO_MODEL: "Pick a model first.",
+ NO_KEY: "This model has no API key yet. Set one up in the model settings.",
@@ -12434,12 +11188,12 @@ diff --git a/client.js b/client.js
+}
+var testModel = (id) => call("test-model", { id });
+function ModelTestRow({ bot, modelName, test = testModel }) {
-+ const [state, setState] = (0, import_react19.useState)({ busy: false, outcome: void 0 });
-+ const live = (0, import_react19.useRef)(true);
-+ (0, import_react19.useEffect)(() => () => {
++ const [state, setState] = (0, import_react20.useState)({ busy: false, outcome: void 0 });
++ const live = (0, import_react20.useRef)(true);
++ (0, import_react20.useEffect)(() => () => {
+ live.current = false;
+ }, []);
-+ (0, import_react19.useEffect)(() => {
++ (0, import_react20.useEffect)(() => {
+ setState({ busy: false, outcome: void 0 });
+ }, [bot.id, bot.model]);
+ const start = () => {
@@ -12453,21 +11207,21 @@ diff --git a/client.js b/client.js
+ });
+ };
+ const { busy, outcome } = state;
-+ return (0, import_react19.createElement)(
++ return (0, import_react20.createElement)(
+ "div",
+ { className: "bt-set-row bt-bs-row bt-model-test" },
-+ (0, import_react19.createElement)(
++ (0, import_react20.createElement)(
+ "span",
+ { className: "bt-set-copy" },
-+ (0, import_react19.createElement)("span", { className: "bt-set-hint" }, t("Sends one short request to this model. It may be billed.")),
-+ (0, import_react19.createElement)(
++ (0, import_react20.createElement)("span", { className: "bt-set-hint" }, t("Sends one short request to this model. It may be billed.")),
++ (0, import_react20.createElement)(
+ "span",
+ { className: "bt-model-test-result", role: "status", "aria-live": "polite", "data-ok": outcome === void 0 ? void 0 : String(outcome.ok) },
+ busy ? t("Testing…") : outcome === void 0 ? null : outcome.text,
-+ outcome?.code ? (0, import_react19.createElement)("code", { className: "bt-model-test-code" }, outcome.code) : null
++ outcome?.code ? (0, import_react20.createElement)("code", { className: "bt-model-test-code" }, outcome.code) : null
+ )
+ ),
-+ (0, import_react19.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, "aria-busy": busy || void 0, onClick: start }, t("Test connection"))
++ (0, import_react20.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, "aria-busy": busy || void 0, onClick: start }, t("Test connection"))
+ );
+}
+var MODEL_TEST_CSS = `
@@ -12480,11 +11234,11 @@ diff --git a/client.js b/client.js
+
// src/client/folder-menu.js
-var import_react14 = require("react");
-+var import_react20 = require("react");
++var import_react21 = require("react");
var import_react_dom7 = require("react-dom");
var folderName = (path) => String(path).replace(/[\\/]+$/, "").split(/[\\/]/).pop() || String(path);
-var Tick = ({ on }) => (0, import_react14.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, on ? (0, import_react14.createElement)(CheckIcon) : null);
-+var Tick = ({ on }) => (0, import_react20.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, on ? (0, import_react20.createElement)(CheckIcon) : null);
++var Tick = ({ on }) => (0, import_react21.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, on ? (0, import_react21.createElement)(CheckIcon) : null);
function FolderMenu({ value, group = false, actions, run, onPick, wide = false }) {
const { isOpen, shownPlace, leaving, button, menu, open, close } = useAnchoredMenu();
- const [info, setInfo] = (0, import_react14.useState)(null);
@@ -12492,11 +11246,11 @@ diff --git a/client.js b/client.js
- const [draft, setDraft] = (0, import_react14.useState)("");
- const [listing, setListing] = (0, import_react14.useState)(null);
- const [problem, setProblem] = (0, import_react14.useState)("");
-+ const [info, setInfo] = (0, import_react20.useState)(null);
-+ const [view, setView] = (0, import_react20.useState)("list");
-+ const [draft, setDraft] = (0, import_react20.useState)("");
-+ const [listing, setListing] = (0, import_react20.useState)(null);
-+ const [problem, setProblem] = (0, import_react20.useState)("");
++ const [info, setInfo] = (0, import_react21.useState)(null);
++ const [view, setView] = (0, import_react21.useState)("list");
++ const [draft, setDraft] = (0, import_react21.useState)("");
++ const [listing, setListing] = (0, import_react21.useState)(null);
++ const [problem, setProblem] = (0, import_react21.useState)("");
const fallback = group ? t("Each Bot's own folder") : t("Team workspace");
const toggle = () => {
if (isOpen) {
@@ -12505,50 +11259,50 @@ diff --git a/client.js b/client.js
const known = info?.folders ?? [];
const folders = value && !known.some((folder) => folder.path === value) ? [{ path: value, title: folderName(value) }, ...known] : known;
- const listView = (0, import_react14.createElement)(
-+ const listView = (0, import_react20.createElement)(
++ const listView = (0, import_react21.createElement)(
"div",
{ key: "list", className: "bt-folder-view" },
- (0, import_react14.createElement)(
-+ (0, import_react20.createElement)(
++ (0, import_react21.createElement)(
"button",
{ type: "button", role: "menuitemradio", "aria-checked": !value, title: group ? void 0 : info?.team ?? void 0, onClick: () => choose("") },
- (0, import_react14.createElement)("span", { className: "bt-menu-label" }, fallback),
- (0, import_react14.createElement)(Tick, { on: !value })
-+ (0, import_react20.createElement)("span", { className: "bt-menu-label" }, fallback),
-+ (0, import_react20.createElement)(Tick, { on: !value })
++ (0, import_react21.createElement)("span", { className: "bt-menu-label" }, fallback),
++ (0, import_react21.createElement)(Tick, { on: !value })
),
- folders.length > 0 ? (0, import_react14.createElement)("div", { className: "bt-model-group", role: "presentation" }, t("Folders")) : null,
- folders.map((folder) => (0, import_react14.createElement)(
-+ folders.length > 0 ? (0, import_react20.createElement)("div", { className: "bt-model-group", role: "presentation" }, t("Folders")) : null,
-+ folders.map((folder) => (0, import_react20.createElement)(
++ folders.length > 0 ? (0, import_react21.createElement)("div", { className: "bt-model-group", role: "presentation" }, t("Folders")) : null,
++ folders.map((folder) => (0, import_react21.createElement)(
"button",
{ key: folder.path, type: "button", role: "menuitemradio", "aria-checked": folder.path === value, title: folder.path, onClick: () => choose(folder.path) },
- (0, import_react14.createElement)("span", { className: "bt-folder-copy" }, (0, import_react14.createElement)("span", { className: "bt-menu-label" }, folder.title), (0, import_react14.createElement)("span", { className: "bt-folder-path" }, folder.path)),
- (0, import_react14.createElement)(Tick, { on: folder.path === value })
-+ (0, import_react20.createElement)("span", { className: "bt-folder-copy" }, (0, import_react20.createElement)("span", { className: "bt-menu-label" }, folder.title), (0, import_react20.createElement)("span", { className: "bt-folder-path" }, folder.path)),
-+ (0, import_react20.createElement)(Tick, { on: folder.path === value })
++ (0, import_react21.createElement)("span", { className: "bt-folder-copy" }, (0, import_react21.createElement)("span", { className: "bt-menu-label" }, folder.title), (0, import_react21.createElement)("span", { className: "bt-folder-path" }, folder.path)),
++ (0, import_react21.createElement)(Tick, { on: folder.path === value })
)),
- (0, import_react14.createElement)("div", { className: "bt-menu-sep", role: "separator" }),
- info?.picker === "native" ? (0, import_react14.createElement)("button", { type: "button", role: "menuitem", onClick: pickNative }, (0, import_react14.createElement)(FolderIcon), (0, import_react14.createElement)("span", { className: "bt-menu-label" }, t("Choose a folder…"))) : null,
- info?.picker === "browse" ? (0, import_react14.createElement)("button", { type: "button", role: "menuitem", onClick: () => browse(value) }, (0, import_react14.createElement)(FolderIcon), (0, import_react14.createElement)("span", { className: "bt-menu-label" }, t("Browse folders…"))) : null,
- (0, import_react14.createElement)("button", { type: "button", role: "menuitem", onClick: () => {
-+ (0, import_react20.createElement)("div", { className: "bt-menu-sep", role: "separator" }),
-+ info?.picker === "native" ? (0, import_react20.createElement)("button", { type: "button", role: "menuitem", onClick: pickNative }, (0, import_react20.createElement)(FolderIcon), (0, import_react20.createElement)("span", { className: "bt-menu-label" }, t("Choose a folder…"))) : null,
-+ info?.picker === "browse" ? (0, import_react20.createElement)("button", { type: "button", role: "menuitem", onClick: () => browse(value) }, (0, import_react20.createElement)(FolderIcon), (0, import_react20.createElement)("span", { className: "bt-menu-label" }, t("Browse folders…"))) : null,
-+ (0, import_react20.createElement)("button", { type: "button", role: "menuitem", onClick: () => {
++ (0, import_react21.createElement)("div", { className: "bt-menu-sep", role: "separator" }),
++ info?.picker === "native" ? (0, import_react21.createElement)("button", { type: "button", role: "menuitem", onClick: pickNative }, (0, import_react21.createElement)(FolderIcon), (0, import_react21.createElement)("span", { className: "bt-menu-label" }, t("Choose a folder…"))) : null,
++ info?.picker === "browse" ? (0, import_react21.createElement)("button", { type: "button", role: "menuitem", onClick: () => browse(value) }, (0, import_react21.createElement)(FolderIcon), (0, import_react21.createElement)("span", { className: "bt-menu-label" }, t("Browse folders…"))) : null,
++ (0, import_react21.createElement)("button", { type: "button", role: "menuitem", onClick: () => {
setDraft(value ?? "");
setView("type");
- } }, (0, import_react14.createElement)(PencilIcon), (0, import_react14.createElement)("span", { className: "bt-menu-label" }, t("Enter a path…")))
-+ } }, (0, import_react20.createElement)(PencilIcon), (0, import_react20.createElement)("span", { className: "bt-menu-label" }, t("Enter a path…")))
++ } }, (0, import_react21.createElement)(PencilIcon), (0, import_react21.createElement)("span", { className: "bt-menu-label" }, t("Enter a path…")))
);
- const typeView = (0, import_react14.createElement)(
-+ const typeView = (0, import_react20.createElement)(
++ const typeView = (0, import_react21.createElement)(
"div",
{ key: "type", className: "bt-folder-view" },
- (0, import_react14.createElement)("button", { type: "button", className: "bt-folder-back", onClick: () => setView("list") }, (0, import_react14.createElement)(ChevronLeftIcon), (0, import_react14.createElement)("span", { className: "bt-menu-label" }, t("Back"))),
- (0, import_react14.createElement)("input", {
-+ (0, import_react20.createElement)("button", { type: "button", className: "bt-folder-back", onClick: () => setView("list") }, (0, import_react20.createElement)(ChevronLeftIcon), (0, import_react20.createElement)("span", { className: "bt-menu-label" }, t("Back"))),
-+ (0, import_react20.createElement)("input", {
++ (0, import_react21.createElement)("button", { type: "button", className: "bt-folder-back", onClick: () => setView("list") }, (0, import_react21.createElement)(ChevronLeftIcon), (0, import_react21.createElement)("span", { className: "bt-menu-label" }, t("Back"))),
++ (0, import_react21.createElement)("input", {
className: "bt-folder-input",
autoFocus: true,
value: draft,
@@ -12557,48 +11311,48 @@ diff --git a/client.js b/client.js
}
}),
- (0, import_react14.createElement)("button", { type: "button", className: "bt-folder-use", disabled: draft.trim() === "", onClick: typed }, t("Use this folder"))
-+ (0, import_react20.createElement)("button", { type: "button", className: "bt-folder-use", disabled: draft.trim() === "", onClick: typed }, t("Use this folder"))
++ (0, import_react21.createElement)("button", { type: "button", className: "bt-folder-use", disabled: draft.trim() === "", onClick: typed }, t("Use this folder"))
);
const parent = listing?.crumbs?.length > 1 ? listing.crumbs.at(-2) : void 0;
const inside = listing?.entries?.filter((entry) => !entry.hidden) ?? [];
- const browseView = listing ? (0, import_react14.createElement)(
-+ const browseView = listing ? (0, import_react20.createElement)(
++ const browseView = listing ? (0, import_react21.createElement)(
"div",
{ key: `browse:${listing.path}`, className: "bt-folder-view" },
- (0, import_react14.createElement)("button", { type: "button", className: "bt-folder-back", onClick: () => setView("list") }, (0, import_react14.createElement)(ChevronLeftIcon), (0, import_react14.createElement)("span", { className: "bt-menu-label" }, t("Back"))),
- (0, import_react14.createElement)("div", { className: "bt-folder-path bt-folder-here" }, listing.path),
- parent ? (0, import_react14.createElement)("button", { type: "button", role: "menuitem", title: parent.path, onClick: () => browse(parent.path) }, (0, import_react14.createElement)(FolderIcon), (0, import_react14.createElement)("span", { className: "bt-menu-label" }, t("Up one level"))) : null,
- inside.map((entry) => (0, import_react14.createElement)(
-+ (0, import_react20.createElement)("button", { type: "button", className: "bt-folder-back", onClick: () => setView("list") }, (0, import_react20.createElement)(ChevronLeftIcon), (0, import_react20.createElement)("span", { className: "bt-menu-label" }, t("Back"))),
-+ (0, import_react20.createElement)("div", { className: "bt-folder-path bt-folder-here" }, listing.path),
-+ parent ? (0, import_react20.createElement)("button", { type: "button", role: "menuitem", title: parent.path, onClick: () => browse(parent.path) }, (0, import_react20.createElement)(FolderIcon), (0, import_react20.createElement)("span", { className: "bt-menu-label" }, t("Up one level"))) : null,
-+ inside.map((entry) => (0, import_react20.createElement)(
++ (0, import_react21.createElement)("button", { type: "button", className: "bt-folder-back", onClick: () => setView("list") }, (0, import_react21.createElement)(ChevronLeftIcon), (0, import_react21.createElement)("span", { className: "bt-menu-label" }, t("Back"))),
++ (0, import_react21.createElement)("div", { className: "bt-folder-path bt-folder-here" }, listing.path),
++ parent ? (0, import_react21.createElement)("button", { type: "button", role: "menuitem", title: parent.path, onClick: () => browse(parent.path) }, (0, import_react21.createElement)(FolderIcon), (0, import_react21.createElement)("span", { className: "bt-menu-label" }, t("Up one level"))) : null,
++ inside.map((entry) => (0, import_react21.createElement)(
"button",
{ key: entry.path, type: "button", role: "menuitem", onClick: () => browse(entry.path) },
- (0, import_react14.createElement)(FolderIcon),
- (0, import_react14.createElement)("span", { className: "bt-menu-label" }, entry.name),
- (0, import_react14.createElement)(ChevronRightIcon)
-+ (0, import_react20.createElement)(FolderIcon),
-+ (0, import_react20.createElement)("span", { className: "bt-menu-label" }, entry.name),
-+ (0, import_react20.createElement)(ChevronRightIcon)
++ (0, import_react21.createElement)(FolderIcon),
++ (0, import_react21.createElement)("span", { className: "bt-menu-label" }, entry.name),
++ (0, import_react21.createElement)(ChevronRightIcon)
)),
- inside.length === 0 ? (0, import_react14.createElement)("div", { className: "bt-model-none" }, t("No folders inside.")) : null,
- listing.truncated ? (0, import_react14.createElement)("div", { className: "bt-folder-path bt-folder-here" }, t("Some folders are not shown.")) : null,
- (0, import_react14.createElement)("div", { className: "bt-menu-sep", role: "separator" }),
- (0, import_react14.createElement)("button", { type: "button", className: "bt-folder-use", onClick: () => choose(listing.path) }, t("Use this folder"))
-+ inside.length === 0 ? (0, import_react20.createElement)("div", { className: "bt-model-none" }, t("No folders inside.")) : null,
-+ listing.truncated ? (0, import_react20.createElement)("div", { className: "bt-folder-path bt-folder-here" }, t("Some folders are not shown.")) : null,
-+ (0, import_react20.createElement)("div", { className: "bt-menu-sep", role: "separator" }),
-+ (0, import_react20.createElement)("button", { type: "button", className: "bt-folder-use", onClick: () => choose(listing.path) }, t("Use this folder"))
++ inside.length === 0 ? (0, import_react21.createElement)("div", { className: "bt-model-none" }, t("No folders inside.")) : null,
++ listing.truncated ? (0, import_react21.createElement)("div", { className: "bt-folder-path bt-folder-here" }, t("Some folders are not shown.")) : null,
++ (0, import_react21.createElement)("div", { className: "bt-menu-sep", role: "separator" }),
++ (0, import_react21.createElement)("button", { type: "button", className: "bt-folder-use", onClick: () => choose(listing.path) }, t("Use this folder"))
) : null;
const shownView = view === "type" ? typeView : view === "browse" && browseView ? browseView : listView;
- return (0, import_react14.createElement)(
- import_react14.Fragment,
-+ return (0, import_react20.createElement)(
-+ import_react20.Fragment,
++ return (0, import_react21.createElement)(
++ import_react21.Fragment,
null,
- (0, import_react14.createElement)(
-+ (0, import_react20.createElement)(
++ (0, import_react21.createElement)(
"button",
{
ref: button,
@@ -12607,24 +11361,24 @@ diff --git a/client.js b/client.js
onClick: toggle
},
- (0, import_react14.createElement)(
-+ (0, import_react20.createElement)(
++ (0, import_react21.createElement)(
"span",
{ className: "bt-model-copy" },
- (0, import_react14.createElement)("span", { className: "bt-model-name" }, value ? folderName(value) : fallback),
- value ? (0, import_react14.createElement)("span", { className: "bt-model-provider" }, value) : null
-+ (0, import_react20.createElement)("span", { className: "bt-model-name" }, value ? folderName(value) : fallback),
-+ value ? (0, import_react20.createElement)("span", { className: "bt-model-provider" }, value) : null
++ (0, import_react21.createElement)("span", { className: "bt-model-name" }, value ? folderName(value) : fallback),
++ value ? (0, import_react21.createElement)("span", { className: "bt-model-provider" }, value) : null
),
- (0, import_react14.createElement)(Caret)
-+ (0, import_react20.createElement)(Caret)
++ (0, import_react21.createElement)(Caret)
),
- shownPlace ? (0, import_react_dom7.createPortal)((0, import_react14.createElement)(
-+ shownPlace ? (0, import_react_dom7.createPortal)((0, import_react20.createElement)(
++ shownPlace ? (0, import_react_dom7.createPortal)((0, import_react21.createElement)(
"div",
{ ref: menu, className: `bt-menu bt-model-menu bt-folder-menu${shownPlace.bottom !== void 0 ? " bt-menu-up" : ""}`, role: "menu", "aria-label": t("Working folder"), style: shownPlace, "data-leaving": leaving || void 0 },
shownView,
- problem ? (0, import_react14.createElement)("div", { className: "bt-folder-error", role: "alert" }, problem) : null
-+ problem ? (0, import_react20.createElement)("div", { className: "bt-folder-error", role: "alert" }, problem) : null
++ problem ? (0, import_react21.createElement)("div", { className: "bt-folder-error", role: "alert" }, problem) : null
), document.body) : null
);
}
@@ -12634,8 +11388,8 @@ diff --git a/client.js b/client.js
// src/client/schedules.js
-var import_react15 = require("react");
-var POLL_MS = 3e4;
-+var import_react21 = require("react");
-+var POLL_MS4 = 3e4;
++var import_react22 = require("react");
++var POLL_MS5 = 3e4;
var shared = null;
var listeners = /* @__PURE__ */ new Set();
function publish(view) {
@@ -12645,8 +11399,8 @@ diff --git a/client.js b/client.js
function useSchedules(actions) {
- const [view, setView] = (0, import_react15.useState)(shared);
- (0, import_react15.useEffect)(() => {
-+ const [view, setView] = (0, import_react21.useState)(shared);
-+ (0, import_react21.useEffect)(() => {
++ const [view, setView] = (0, import_react22.useState)(shared);
++ (0, import_react22.useEffect)(() => {
listeners.add(setView);
let stopped = false;
let timer;
@@ -12655,7 +11409,7 @@ diff --git a/client.js b/client.js
}).catch(() => {
}).finally(() => {
- if (!stopped) timer = setTimeout(load, POLL_MS);
-+ if (!stopped) timer = setTimeout(load, POLL_MS4);
++ if (!stopped) timer = setTimeout(load, POLL_MS5);
});
load();
return () => {
@@ -12684,9 +11438,9 @@ diff --git a/client.js b/client.js
+ }
+}
+function TaskRow({ task, actions, onView, onEdit, showBot, roster }) {
-+ const [confirming, setConfirming] = (0, import_react21.useState)(false);
-+ const [busy, setBusy] = (0, import_react21.useState)(false);
-+ (0, import_react21.useEffect)(() => {
++ const [confirming, setConfirming] = (0, import_react22.useState)(false);
++ const [busy, setBusy] = (0, import_react22.useState)(false);
++ (0, import_react22.useEffect)(() => {
if (!confirming) return void 0;
const timer = setTimeout(() => setConfirming(false), 3e3);
return () => clearTimeout(timer);
@@ -12702,7 +11456,7 @@ diff --git a/client.js b/client.js
+ onView(next);
+ }, () => setBusy(false));
+ };
-+ const [retryError, setRetryError] = (0, import_react21.useState)("");
++ const [retryError, setRetryError] = (0, import_react22.useState)("");
+ const retry = () => {
+ setBusy(true);
+ setRetryError("");
@@ -12719,32 +11473,32 @@ diff --git a/client.js b/client.js
+ const stoppable = task.status === "active" || task.status === "paused";
+ const failed = task.lastRun?.result === "failed";
+ const last = lastRunText(task.lastRun);
-+ return (0, import_react21.createElement)(
++ return (0, import_react22.createElement)(
"div",
- { className: "bt-set-row bt-task", "data-done": task.status === "active" ? void 0 : "", "data-busy": busy || void 0 },
- showBot ? (0, import_react15.createElement)(BotAvatar, { bot: roster.byId[task.botId], size: 28, badge: false, live: false }) : null,
- (0, import_react15.createElement)(
+ { className: "bt-set-row bt-task", "data-done": stoppable ? void 0 : "", "data-paused": task.status === "paused" || void 0, "data-busy": busy || void 0 },
-+ showBot ? (0, import_react21.createElement)(BotAvatar, { bot: roster.byId[task.botId], size: 28, badge: false, live: false }) : null,
-+ (0, import_react21.createElement)(
++ showBot ? (0, import_react22.createElement)(BotAvatar, { bot: roster.byId[task.botId], size: 28, badge: false, live: false }) : null,
++ (0, import_react22.createElement)(
"span",
{ className: "bt-set-copy" },
- (0, import_react15.createElement)("span", { className: "bt-task-title" }, task.title),
- (0, import_react15.createElement)("span", { className: "bt-set-hint" }, [timingText(task), room2 ? t("in {name}", { name: room2.name }) : ""].filter(Boolean).join(" · ")),
- task.prompt && task.prompt !== task.title ? (0, import_react15.createElement)("span", { className: "bt-task-prompt" }, task.prompt) : null
-+ (0, import_react21.createElement)("span", { className: "bt-task-title" }, task.title),
-+ (0, import_react21.createElement)("span", { className: "bt-set-hint" }, [timingText(task), room2 ? t("in {name}", { name: room2.name }) : ""].filter(Boolean).join(" · ")),
-+ task.prompt && task.prompt !== task.title ? (0, import_react21.createElement)("span", { className: "bt-task-prompt" }, task.prompt) : null,
-+ last ? (0, import_react21.createElement)("span", { className: "bt-task-last", "data-failed": failed || void 0 }, last) : null,
-+ retryError ? (0, import_react21.createElement)("span", { className: "bt-task-last", "data-failed": "", role: "alert" }, retryError) : null
++ (0, import_react22.createElement)("span", { className: "bt-task-title" }, task.title),
++ (0, import_react22.createElement)("span", { className: "bt-set-hint" }, [timingText(task), room2 ? t("in {name}", { name: room2.name }) : ""].filter(Boolean).join(" · ")),
++ task.prompt && task.prompt !== task.title ? (0, import_react22.createElement)("span", { className: "bt-task-prompt" }, task.prompt) : null,
++ last ? (0, import_react22.createElement)("span", { className: "bt-task-last", "data-failed": failed || void 0 }, last) : null,
++ retryError ? (0, import_react22.createElement)("span", { className: "bt-task-last", "data-failed": "", role: "alert" }, retryError) : null
),
- (0, import_react15.createElement)("span", { className: "bt-task-next" }, nextText(task)),
- (0, import_react15.createElement)("button", {
-+ (0, import_react21.createElement)("span", { className: "bt-task-next" }, nextText(task)),
-+ failed && task.status !== "paused" && actions.scheduleRetry ? (0, import_react21.createElement)("button", { type: "button", className: "bt-mini bt-task-pause", disabled: busy, title: t("Run the task once now"), onClick: retry }, t("Retry")) : null,
-+ onEdit ? (0, import_react21.createElement)("button", { type: "button", className: "bt-mini bt-task-tool", disabled: busy, "aria-label": t("Edit"), title: t("Edit"), onClick: () => onEdit(task) }, (0, import_react21.createElement)(PencilIcon)) : null,
-+ stoppable ? (0, import_react21.createElement)("button", { type: "button", className: "bt-mini bt-task-pause", disabled: busy, onClick: toggle }, task.status === "paused" ? t("Resume") : t("Pause")) : null,
-+ (0, import_react21.createElement)("button", {
++ (0, import_react22.createElement)("span", { className: "bt-task-next" }, nextText(task)),
++ failed && task.status !== "paused" && actions.scheduleRetry ? (0, import_react22.createElement)("button", { type: "button", className: "bt-mini bt-task-pause", disabled: busy, title: t("Run the task once now"), onClick: retry }, t("Retry")) : null,
++ onEdit ? (0, import_react22.createElement)("button", { type: "button", className: "bt-mini bt-task-tool", disabled: busy, "aria-label": t("Edit"), title: t("Edit"), onClick: () => onEdit(task) }, (0, import_react22.createElement)(PencilIcon)) : null,
++ stoppable ? (0, import_react22.createElement)("button", { type: "button", className: "bt-mini bt-task-pause", disabled: busy, onClick: toggle }, task.status === "paused" ? t("Resume") : t("Pause")) : null,
++ (0, import_react22.createElement)("button", {
type: "button",
className: "bt-mini bt-task-remove",
"data-confirm": confirming || void 0,
@@ -12753,7 +11507,7 @@ diff --git a/client.js b/client.js
title: confirming ? void 0 : t("Delete task"),
onClick: remove
- }, confirming ? t("Delete") : (0, import_react15.createElement)(TrashIcon))
-+ }, confirming ? t("Delete") : (0, import_react21.createElement)(TrashIcon))
++ }, confirming ? t("Delete") : (0, import_react22.createElement)(TrashIcon))
);
}
var pad = (number) => String(number).padStart(2, "0");
@@ -12795,17 +11549,17 @@ diff --git a/client.js b/client.js
+}
+function TaskForm({ roster, actions, start, task, onDone, onCancel }) {
+ const first = formStart(task);
-+ const [target, setTarget] = (0, import_react21.useState)(task ? task.botId ?? task.roomId : start ?? roster.bots[0]?.id ?? "");
-+ const [title, setTitle] = (0, import_react21.useState)(first.title);
-+ const [prompt, setPrompt] = (0, import_react21.useState)(first.prompt);
-+ const [kind, setKind] = (0, import_react21.useState)(first.kind);
-+ const [at, setAt] = (0, import_react21.useState)(first.at);
-+ const [time, setTime] = (0, import_react21.useState)(first.time);
-+ const [weekdays, setWeekdays] = (0, import_react21.useState)(first.weekdays);
-+ const [count, setCount] = (0, import_react21.useState)(first.count);
-+ const [unit, setUnit] = (0, import_react21.useState)(first.unit);
-+ const [busy, setBusy] = (0, import_react21.useState)(false);
-+ const [error, setError] = (0, import_react21.useState)("");
++ const [target, setTarget] = (0, import_react22.useState)(task ? task.botId ?? task.roomId : start ?? roster.bots[0]?.id ?? "");
++ const [title, setTitle] = (0, import_react22.useState)(first.title);
++ const [prompt, setPrompt] = (0, import_react22.useState)(first.prompt);
++ const [kind, setKind] = (0, import_react22.useState)(first.kind);
++ const [at, setAt] = (0, import_react22.useState)(first.at);
++ const [time, setTime] = (0, import_react22.useState)(first.time);
++ const [weekdays, setWeekdays] = (0, import_react22.useState)(first.weekdays);
++ const [count, setCount] = (0, import_react22.useState)(first.count);
++ const [unit, setUnit] = (0, import_react22.useState)(first.unit);
++ const [busy, setBusy] = (0, import_react22.useState)(false);
++ const [error, setError] = (0, import_react22.useState)("");
const timing = () => {
+ if (kind === "cron") return { kind: "keep" };
if (kind === "at") return { kind, at: new Date(at).toISOString() };
@@ -12828,60 +11582,60 @@ diff --git a/client.js b/client.js
};
const toggleDay = (day) => setWeekdays((days) => days.includes(day) ? days.filter((item) => item !== day) : [...days, day].sort());
- return (0, import_react15.createElement)(
-+ return (0, import_react21.createElement)(
++ return (0, import_react22.createElement)(
"form",
{ className: "bt-set-card bt-task-form", onSubmit: submit },
- (0, import_react15.createElement)(
-+ (0, import_react21.createElement)(
++ (0, import_react22.createElement)(
"label",
{ className: "bt-set-row bt-bs-row" },
- (0, import_react15.createElement)("span", { className: "bt-set-copy" }, (0, import_react15.createElement)("span", { className: "bt-bs-label" }, t("Send to"))),
- (0, import_react15.createElement)(
-+ (0, import_react21.createElement)("span", { className: "bt-set-copy" }, (0, import_react21.createElement)("span", { className: "bt-bs-label" }, t("Send to"))),
-+ (0, import_react21.createElement)(
++ (0, import_react22.createElement)("span", { className: "bt-set-copy" }, (0, import_react22.createElement)("span", { className: "bt-bs-label" }, t("Send to"))),
++ (0, import_react22.createElement)(
"select",
{ className: "bt-select bt-task-bot", value: target, onChange: (event) => setTarget(event.target.value) },
- (0, import_react15.createElement)("optgroup", { label: t("Bots") }, roster.bots.map((bot) => (0, import_react15.createElement)("option", { key: bot.id, value: bot.id }, bot.name))),
- roster.rooms.length > 0 ? (0, import_react15.createElement)("optgroup", { label: t("Group chats") }, roster.rooms.map((room2) => (0, import_react15.createElement)("option", { key: room2.id, value: room2.id }, room2.name))) : null
-+ (0, import_react21.createElement)("optgroup", { label: t("Bots") }, roster.bots.map((bot) => (0, import_react21.createElement)("option", { key: bot.id, value: bot.id }, bot.name))),
-+ roster.rooms.length > 0 ? (0, import_react21.createElement)("optgroup", { label: t("Group chats") }, roster.rooms.map((room2) => (0, import_react21.createElement)("option", { key: room2.id, value: room2.id }, room2.name))) : null
++ (0, import_react22.createElement)("optgroup", { label: t("Bots") }, roster.bots.map((bot) => (0, import_react22.createElement)("option", { key: bot.id, value: bot.id }, bot.name))),
++ roster.rooms.length > 0 ? (0, import_react22.createElement)("optgroup", { label: t("Group chats") }, roster.rooms.map((room2) => (0, import_react22.createElement)("option", { key: room2.id, value: room2.id }, room2.name))) : null
)
),
- (0, import_react15.createElement)(
-+ (0, import_react21.createElement)(
++ (0, import_react22.createElement)(
"label",
{ className: "bt-set-row bt-bs-row" },
- (0, import_react15.createElement)("span", { className: "bt-set-copy" }, (0, import_react15.createElement)("span", { className: "bt-bs-label" }, t("Name"))),
- (0, import_react15.createElement)("input", { className: "bt-bs-input", value: title, maxLength: 120, placeholder: t("Morning briefing"), autoFocus: true, onChange: (event) => setTitle(event.target.value) })
-+ (0, import_react21.createElement)("span", { className: "bt-set-copy" }, (0, import_react21.createElement)("span", { className: "bt-bs-label" }, t("Name"))),
-+ (0, import_react21.createElement)("input", { className: "bt-bs-input", value: title, maxLength: 120, placeholder: t("Morning briefing"), autoFocus: true, onChange: (event) => setTitle(event.target.value) })
++ (0, import_react22.createElement)("span", { className: "bt-set-copy" }, (0, import_react22.createElement)("span", { className: "bt-bs-label" }, t("Name"))),
++ (0, import_react22.createElement)("input", { className: "bt-bs-input", value: title, maxLength: 120, placeholder: t("Morning briefing"), autoFocus: true, onChange: (event) => setTitle(event.target.value) })
),
- (0, import_react15.createElement)(
-+ (0, import_react21.createElement)(
++ (0, import_react22.createElement)(
"label",
{ className: "bt-set-row bt-bs-row bt-bs-stack" },
- (0, import_react15.createElement)("span", { className: "bt-set-copy" }, (0, import_react15.createElement)("span", { className: "bt-bs-label" }, t("What to do"))),
- (0, import_react15.createElement)("textarea", { className: "bt-bs-input bt-bs-area", value: prompt, rows: 3, placeholder: t("Sum up what changed since yesterday and what needs me today."), onChange: (event) => setPrompt(event.target.value) })
-+ (0, import_react21.createElement)("span", { className: "bt-set-copy" }, (0, import_react21.createElement)("span", { className: "bt-bs-label" }, t("What to do"))),
-+ (0, import_react21.createElement)("textarea", { className: "bt-bs-input bt-bs-area", value: prompt, rows: 3, placeholder: t("Sum up what changed since yesterday and what needs me today."), onChange: (event) => setPrompt(event.target.value) })
++ (0, import_react22.createElement)("span", { className: "bt-set-copy" }, (0, import_react22.createElement)("span", { className: "bt-bs-label" }, t("What to do"))),
++ (0, import_react22.createElement)("textarea", { className: "bt-bs-input bt-bs-area", value: prompt, rows: 3, placeholder: t("Sum up what changed since yesterday and what needs me today."), onChange: (event) => setPrompt(event.target.value) })
),
- (0, import_react15.createElement)(
-+ (0, import_react21.createElement)(
++ (0, import_react22.createElement)(
"div",
{ className: "bt-set-row bt-bs-row bt-bs-stack" },
- (0, import_react15.createElement)("span", { className: "bt-set-copy" }, (0, import_react15.createElement)("span", { className: "bt-bs-label" }, t("When"))),
- (0, import_react15.createElement)(Segmented, { label: t("When"), value: kind }, KINDS.map(([id, label]) => (0, import_react15.createElement)("button", { key: id, type: "button", "aria-pressed": kind === id, onClick: () => setKind(id) }, t(label)))),
- (0, import_react15.createElement)(
-+ (0, import_react21.createElement)("span", { className: "bt-set-copy" }, (0, import_react21.createElement)("span", { className: "bt-bs-label" }, t("When"))),
-+ (0, import_react21.createElement)(Segmented, { label: t("When"), value: kind }, KINDS.map(([id, label]) => (0, import_react21.createElement)("button", { key: id, type: "button", "aria-pressed": kind === id, onClick: () => setKind(id) }, t(label)))),
-+ (0, import_react21.createElement)(
++ (0, import_react22.createElement)("span", { className: "bt-set-copy" }, (0, import_react22.createElement)("span", { className: "bt-bs-label" }, t("When"))),
++ (0, import_react22.createElement)(Segmented, { label: t("When"), value: kind }, KINDS.map(([id, label]) => (0, import_react22.createElement)("button", { key: id, type: "button", "aria-pressed": kind === id, onClick: () => setKind(id) }, t(label)))),
++ (0, import_react22.createElement)(
"div",
{ key: kind, className: "bt-task-when bt-veil" },
- kind === "at" ? (0, import_react15.createElement)("input", { className: "bt-input", type: "datetime-local", value: at, "aria-label": t("Date and time"), onChange: (event) => setAt(event.target.value) }) : null,
- kind === "weekly" ? (0, import_react15.createElement)("div", { className: "bt-task-days", role: "group", "aria-label": t("Days") }, [1, 2, 3, 4, 5, 6, 7].map((day) => (0, import_react15.createElement)("button", {
-+ kind === "cron" ? (0, import_react21.createElement)("span", { className: "bt-task-every" }, timingText(task)) : null,
-+ kind === "at" ? (0, import_react21.createElement)("input", { className: "bt-input", type: "datetime-local", value: at, "aria-label": t("Date and time"), onChange: (event) => setAt(event.target.value) }) : null,
-+ kind === "weekly" ? (0, import_react21.createElement)("div", { className: "bt-task-days", role: "group", "aria-label": t("Days") }, [1, 2, 3, 4, 5, 6, 7].map((day) => (0, import_react21.createElement)("button", {
++ kind === "cron" ? (0, import_react22.createElement)("span", { className: "bt-task-every" }, timingText(task)) : null,
++ kind === "at" ? (0, import_react22.createElement)("input", { className: "bt-input", type: "datetime-local", value: at, "aria-label": t("Date and time"), onChange: (event) => setAt(event.target.value) }) : null,
++ kind === "weekly" ? (0, import_react22.createElement)("div", { className: "bt-task-days", role: "group", "aria-label": t("Days") }, [1, 2, 3, 4, 5, 6, 7].map((day) => (0, import_react22.createElement)("button", {
key: day,
type: "button",
className: "bt-task-day",
@@ -12891,34 +11645,34 @@ diff --git a/client.js b/client.js
- kind === "daily" || kind === "weekly" ? (0, import_react15.createElement)("input", { className: "bt-input bt-task-time", type: "time", value: time, "aria-label": t("Time"), onChange: (event) => setTime(event.target.value) }) : null,
- kind === "every" ? (0, import_react15.createElement)(
- import_react15.Fragment,
-+ kind === "daily" || kind === "weekly" ? (0, import_react21.createElement)("input", { className: "bt-input bt-task-time", type: "time", value: time, "aria-label": t("Time"), onChange: (event) => setTime(event.target.value) }) : null,
-+ kind === "every" ? (0, import_react21.createElement)(
-+ import_react21.Fragment,
++ kind === "daily" || kind === "weekly" ? (0, import_react22.createElement)("input", { className: "bt-input bt-task-time", type: "time", value: time, "aria-label": t("Time"), onChange: (event) => setTime(event.target.value) }) : null,
++ kind === "every" ? (0, import_react22.createElement)(
++ import_react22.Fragment,
null,
- (0, import_react15.createElement)("span", { className: "bt-task-every" }, t("Every")),
- (0, import_react15.createElement)("input", { className: "bt-input bt-task-count", type: "number", min: 1, value: count, "aria-label": t("How many"), onChange: (event) => setCount(event.target.value) }),
- (0, import_react15.createElement)(
-+ (0, import_react21.createElement)("span", { className: "bt-task-every" }, t("Every")),
-+ (0, import_react21.createElement)("input", { className: "bt-input bt-task-count", type: "number", min: 1, value: count, "aria-label": t("How many"), onChange: (event) => setCount(event.target.value) }),
-+ (0, import_react21.createElement)(
++ (0, import_react22.createElement)("span", { className: "bt-task-every" }, t("Every")),
++ (0, import_react22.createElement)("input", { className: "bt-input bt-task-count", type: "number", min: 1, value: count, "aria-label": t("How many"), onChange: (event) => setCount(event.target.value) }),
++ (0, import_react22.createElement)(
"select",
{ className: "bt-select bt-task-unit", value: unit, "aria-label": t("Unit"), onChange: (event) => setUnit(event.target.value) },
- UNITS.map(([id, , label]) => (0, import_react15.createElement)("option", { key: id, value: id }, t(label)))
-+ UNITS.map(([id, , label]) => (0, import_react21.createElement)("option", { key: id, value: id }, t(label)))
++ UNITS.map(([id, , label]) => (0, import_react22.createElement)("option", { key: id, value: id }, t(label)))
)
) : null
)
),
- error ? (0, import_react15.createElement)("div", { className: "bt-set-row" }, (0, import_react15.createElement)("span", { className: "bt-danger bt-set-hint" }, error)) : null,
- (0, import_react15.createElement)(
-+ error ? (0, import_react21.createElement)("div", { className: "bt-set-row" }, (0, import_react21.createElement)("span", { className: "bt-danger bt-set-hint" }, error)) : null,
-+ (0, import_react21.createElement)(
++ error ? (0, import_react22.createElement)("div", { className: "bt-set-row" }, (0, import_react22.createElement)("span", { className: "bt-danger bt-set-hint" }, error)) : null,
++ (0, import_react22.createElement)(
"div",
{ className: "bt-set-row bt-task-foot" },
- (0, import_react15.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onCancel }, t("Cancel")),
- (0, import_react15.createElement)("button", { type: "submit", className: "bt-send bt-soft-sm", disabled: busy || !target || title.trim() === "" || prompt.trim() === "" }, busy ? t("Creating…") : t("Create task"))
-+ (0, import_react21.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onCancel }, t("Cancel")),
-+ (0, import_react21.createElement)(
++ (0, import_react22.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onCancel }, t("Cancel")),
++ (0, import_react22.createElement)(
+ "button",
+ { type: "submit", className: "bt-send bt-soft-sm", disabled: busy || !target || title.trim() === "" || prompt.trim() === "" },
+ task ? busy ? t("Saving…") : t("Save changes") : busy ? t("Creating…") : t("Create task")
@@ -12933,17 +11687,17 @@ diff --git a/client.js b/client.js
+ actions.selectPanel("plugins");
+}
+function AutomationOff({ actions }) {
-+ return (0, import_react21.createElement)(
++ return (0, import_react22.createElement)(
"div",
{ className: "bt-set-card bt-task-off" },
- (0, import_react15.createElement)("span", { className: "bt-task-off-mark" }, (0, import_react15.createElement)(ClockIcon)),
- (0, import_react15.createElement)("span", { className: "bt-task-off-title" }, t("Turn on Automation tasks in DSH")),
- (0, import_react15.createElement)("span", { className: "bt-set-hint" }, t("Switch on Automation tasks on the Plugins page in Harness settings.")),
- (0, import_react15.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: openHarnessSettings }, t("Open Harness settings"))
-+ (0, import_react21.createElement)("span", { className: "bt-task-off-mark" }, (0, import_react21.createElement)(ClockIcon)),
-+ (0, import_react21.createElement)("span", { className: "bt-task-off-title" }, t("Turn on Automation tasks in DSH")),
-+ (0, import_react21.createElement)("span", { className: "bt-set-hint" }, t("Switch on Automation tasks on the Plugins page.")),
-+ (0, import_react21.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => openPlugins(actions) }, t("Open Plugins"))
++ (0, import_react22.createElement)("span", { className: "bt-task-off-mark" }, (0, import_react22.createElement)(ClockIcon)),
++ (0, import_react22.createElement)("span", { className: "bt-task-off-title" }, t("Turn on Automation tasks in DSH")),
++ (0, import_react22.createElement)("span", { className: "bt-set-hint" }, t("Switch on Automation tasks on the Plugins page.")),
++ (0, import_react22.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => openPlugins(actions) }, t("Open Plugins"))
);
}
function SchedulesPage({ roster, actions, start }) {
@@ -12951,10 +11705,10 @@ diff --git a/client.js b/client.js
- const [adding, setAdding] = (0, import_react15.useState)(Boolean(start));
- if (view === null) return (0, import_react15.createElement)("div", { className: "bt-set-hint" }, t("Loading…"));
- if (!view.available) return (0, import_react15.createElement)(AutomationOff);
-+ const [adding, setAdding] = (0, import_react21.useState)(Boolean(start));
-+ const [editing, setEditing] = (0, import_react21.useState)(null);
-+ if (view === null) return (0, import_react21.createElement)("div", { className: "bt-set-hint" }, t("Loading…"));
-+ if (!view.available) return (0, import_react21.createElement)(AutomationOff, { actions });
++ const [adding, setAdding] = (0, import_react22.useState)(Boolean(start));
++ const [editing, setEditing] = (0, import_react22.useState)(null);
++ if (view === null) return (0, import_react22.createElement)("div", { className: "bt-set-hint" }, t("Loading…"));
++ if (!view.available) return (0, import_react22.createElement)(AutomationOff, { actions });
const shown = (next) => {
publish(next);
setAdding(false);
@@ -12967,53 +11721,53 @@ diff --git a/client.js b/client.js
const byChat = [
- ...roster.bots.map((bot) => [bot.id, (0, import_react15.createElement)(BotAvatar, { bot, size: 18, badge: false, live: false }), bot.name, view.tasks.filter((task) => task.botId === bot.id)]),
- ...roster.rooms.map((room2) => [room2.id, (0, import_react15.createElement)(RoomAvatar, { room: room2, roster, size: 18 }), room2.name, view.tasks.filter((task) => task.botId === void 0 && task.roomId === room2.id)])
-+ ...roster.bots.map((bot) => [bot.id, (0, import_react21.createElement)(BotAvatar, { bot, size: 18, badge: false, live: false }), bot.name, view.tasks.filter((task) => task.botId === bot.id)]),
-+ ...roster.rooms.map((room2) => [room2.id, (0, import_react21.createElement)(RoomAvatar, { room: room2, roster, size: 18 }), room2.name, view.tasks.filter((task) => task.botId === void 0 && task.roomId === room2.id)])
++ ...roster.bots.map((bot) => [bot.id, (0, import_react22.createElement)(BotAvatar, { bot, size: 18, badge: false, live: false }), bot.name, view.tasks.filter((task) => task.botId === bot.id)]),
++ ...roster.rooms.map((room2) => [room2.id, (0, import_react22.createElement)(RoomAvatar, { room: room2, roster, size: 18 }), room2.name, view.tasks.filter((task) => task.botId === void 0 && task.roomId === room2.id)])
].filter(([, , , tasks]) => tasks.length > 0);
return [
- adding ? (0, import_react15.createElement)(TaskForm, { key: "form", roster, actions, start, onDone: shown, onCancel: () => setAdding(false) }) : (0, import_react15.createElement)("div", { key: "add", className: "bt-actions" }, (0, import_react15.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", onClick: () => setAdding(true) }, (0, import_react15.createElement)(PlusIcon), t("New task"))),
- byChat.length === 0 && !adding ? (0, import_react15.createElement)("div", { key: "none", className: "bt-set-card" }, (0, import_react15.createElement)("div", { className: "bt-set-row" }, (0, import_react15.createElement)("span", { className: "bt-set-hint" }, t("No scheduled tasks yet.")))) : byChat.map(([id, avatar, name, tasks]) => (0, import_react15.createElement)(
-+ adding ? (0, import_react21.createElement)(TaskForm, { key: "form", roster, actions, start, onDone: shown, onCancel: () => setAdding(false) }) : (0, import_react21.createElement)("div", { key: "add", className: "bt-actions" }, (0, import_react21.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", onClick: () => {
++ adding ? (0, import_react22.createElement)(TaskForm, { key: "form", roster, actions, start, onDone: shown, onCancel: () => setAdding(false) }) : (0, import_react22.createElement)("div", { key: "add", className: "bt-actions" }, (0, import_react22.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", onClick: () => {
+ setEditing(null);
+ setAdding(true);
-+ } }, (0, import_react21.createElement)(PlusIcon), t("New task"))),
-+ byChat.length === 0 && !adding ? (0, import_react21.createElement)("div", { key: "none", className: "bt-set-card" }, (0, import_react21.createElement)("div", { className: "bt-set-row" }, (0, import_react21.createElement)("span", { className: "bt-set-hint" }, t("No scheduled tasks yet.")))) : byChat.map(([id, avatar, name, tasks]) => (0, import_react21.createElement)(
++ } }, (0, import_react22.createElement)(PlusIcon), t("New task"))),
++ byChat.length === 0 && !adding ? (0, import_react22.createElement)("div", { key: "none", className: "bt-set-card" }, (0, import_react22.createElement)("div", { className: "bt-set-row" }, (0, import_react22.createElement)("span", { className: "bt-set-hint" }, t("No scheduled tasks yet.")))) : byChat.map(([id, avatar, name, tasks]) => (0, import_react22.createElement)(
"section",
{ key: id, className: "bt-set-section" },
- (0, import_react15.createElement)("h3", { className: "bt-task-head" }, avatar, name),
- (0, import_react15.createElement)("div", { className: "bt-set-card" }, tasks.map((task) => (0, import_react15.createElement)(TaskRow, { key: task.id, task, actions, roster, onView: publish })))
-+ (0, import_react21.createElement)("h3", { className: "bt-task-head" }, avatar, name),
-+ (0, import_react21.createElement)(TaskList, { tasks, editing, roster, actions, onEdit: edit, onDone: shown, onCancel: () => setEditing(null) })
++ (0, import_react22.createElement)("h3", { className: "bt-task-head" }, avatar, name),
++ (0, import_react22.createElement)(TaskList, { tasks, editing, roster, actions, onEdit: edit, onDone: shown, onCancel: () => setEditing(null) })
))
];
}
+function TaskList({ tasks, editing, roster, actions, onEdit, onDone, onCancel, extra = [] }) {
+ const open = editing ? tasks.find((task) => task.id === editing.id && task.sessionId === editing.sessionId) : void 0;
-+ const rows = tasks.filter((task) => task !== open).map((task) => (0, import_react21.createElement)(TaskRow, { key: task.id, task, actions, roster, onView: publish, onEdit }));
-+ return (0, import_react21.createElement)(
-+ import_react21.Fragment,
++ const rows = tasks.filter((task) => task !== open).map((task) => (0, import_react22.createElement)(TaskRow, { key: task.id, task, actions, roster, onView: publish, onEdit }));
++ return (0, import_react22.createElement)(
++ import_react22.Fragment,
+ null,
-+ open ? (0, import_react21.createElement)(TaskForm, { key: `edit-${open.id}`, roster, actions, task: open, onDone, onCancel }) : null,
-+ rows.length + extra.length > 0 ? (0, import_react21.createElement)("div", { className: "bt-set-card" }, ...rows, ...extra) : null
++ open ? (0, import_react22.createElement)(TaskForm, { key: `edit-${open.id}`, roster, actions, task: open, onDone, onCancel }) : null,
++ rows.length + extra.length > 0 ? (0, import_react22.createElement)("div", { className: "bt-set-card" }, ...rows, ...extra) : null
+ );
+}
function BotSchedules({ bot, roster, actions }) {
const view = useSchedules(actions);
-+ const [editing, setEditing] = (0, import_react21.useState)(null);
++ const [editing, setEditing] = (0, import_react22.useState)(null);
if (view === null) return null;
const tasks = view.available ? view.tasks.filter((task) => task.botId === bot.id) : [];
- return (0, import_react15.createElement)(
-+ return (0, import_react21.createElement)(
++ return (0, import_react22.createElement)(
"section",
{ className: "bt-set-section" },
- (0, import_react15.createElement)("h3", null, t("Scheduled tasks")),
- (0, import_react15.createElement)(
-+ (0, import_react21.createElement)("h3", null, t("Scheduled tasks")),
-+ !view.available ? (0, import_react21.createElement)(
++ (0, import_react22.createElement)("h3", null, t("Scheduled tasks")),
++ !view.available ? (0, import_react22.createElement)(
"div",
{ className: "bt-set-card" },
- !view.available ? (0, import_react15.createElement)(
-+ (0, import_react21.createElement)(
++ (0, import_react22.createElement)(
"div",
{ className: "bt-set-row bt-bs-row" },
- (0, import_react15.createElement)("span", { className: "bt-set-copy" }, (0, import_react15.createElement)("span", { className: "bt-set-hint" }, t("Switch on Automation tasks on the Plugins page in Harness settings."))),
@@ -13023,10 +11777,10 @@ diff --git a/client.js b/client.js
- (0, import_react15.createElement)("button", { key: "new", type: "button", className: "bt-set-row bt-bs-row bt-gs-add", onClick: () => actions.openSettings("schedules", bot.id) }, (0, import_react15.createElement)(PlusIcon), t("New task"))
- ]
- )
-+ (0, import_react21.createElement)("span", { className: "bt-set-copy" }, (0, import_react21.createElement)("span", { className: "bt-set-hint" }, t("Switch on Automation tasks on the Plugins page."))),
-+ (0, import_react21.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => openPlugins(actions) }, t("Open Plugins"))
++ (0, import_react22.createElement)("span", { className: "bt-set-copy" }, (0, import_react22.createElement)("span", { className: "bt-set-hint" }, t("Switch on Automation tasks on the Plugins page."))),
++ (0, import_react22.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => openPlugins(actions) }, t("Open Plugins"))
+ )
-+ ) : (0, import_react21.createElement)(TaskList, {
++ ) : (0, import_react22.createElement)(TaskList, {
+ tasks,
+ editing,
+ roster,
@@ -13037,7 +11791,7 @@ diff --git a/client.js b/client.js
+ setEditing(null);
+ },
+ onCancel: () => setEditing(null),
-+ extra: [(0, import_react21.createElement)("button", { key: "new", type: "button", className: "bt-set-row bt-bs-row bt-gs-add", onClick: () => actions.openSettings("schedules", bot.id) }, (0, import_react21.createElement)(PlusIcon), t("New task"))]
++ extra: [(0, import_react22.createElement)("button", { key: "new", type: "button", className: "bt-set-row bt-bs-row bt-gs-add", onClick: () => actions.openSettings("schedules", bot.id) }, (0, import_react22.createElement)(PlusIcon), t("New task"))]
+ })
);
}
@@ -13045,21 +11799,21 @@ diff --git a/client.js b/client.js
const view = useSchedules(actions);
const tasks = view?.available ? view.tasks.filter((task) => task.botId === bot.id && task.status === "active") : [];
- return (0, import_react15.createElement)(
-+ return (0, import_react21.createElement)(
++ return (0, import_react22.createElement)(
"div",
null,
- (0, import_react15.createElement)("div", { className: "bt-section-title" }, t("Scheduled tasks")),
- tasks.length === 0 ? (0, import_react15.createElement)("button", { type: "button", className: "bt-more", onClick: () => actions.openSettings("schedules", bot.id) }, view?.available === false ? t("Switch on Automation tasks on the Plugins page in Harness settings.") : t("No scheduled tasks yet. Add one")) : (0, import_react15.createElement)("div", { className: "bt-task-list" }, tasks.slice(0, 3).map((task) => (0, import_react15.createElement)(
-+ (0, import_react21.createElement)("div", { className: "bt-section-title" }, t("Scheduled tasks")),
-+ tasks.length === 0 ? (0, import_react21.createElement)("button", { type: "button", className: "bt-more", onClick: () => actions.openSettings("schedules", bot.id) }, view?.available === false ? t("Switch on Automation tasks on the Plugins page.") : t("No scheduled tasks yet. Add one")) : (0, import_react21.createElement)("div", { className: "bt-task-list" }, tasks.slice(0, 3).map((task) => (0, import_react21.createElement)(
++ (0, import_react22.createElement)("div", { className: "bt-section-title" }, t("Scheduled tasks")),
++ tasks.length === 0 ? (0, import_react22.createElement)("button", { type: "button", className: "bt-more", onClick: () => actions.openSettings("schedules", bot.id) }, view?.available === false ? t("Switch on Automation tasks on the Plugins page.") : t("No scheduled tasks yet. Add one")) : (0, import_react22.createElement)("div", { className: "bt-task-list" }, tasks.slice(0, 3).map((task) => (0, import_react22.createElement)(
"button",
{ key: task.id, type: "button", className: "bt-task-line", onClick: () => actions.openSettings("schedules") },
- (0, import_react15.createElement)(ClockIcon),
- (0, import_react15.createElement)("span", { className: "bt-task-line-title" }, task.title),
- (0, import_react15.createElement)("span", { className: "bt-task-line-when" }, timingText(task))
-+ (0, import_react21.createElement)(ClockIcon),
-+ (0, import_react21.createElement)("span", { className: "bt-task-line-title" }, task.title),
-+ (0, import_react21.createElement)("span", { className: "bt-task-line-when" }, timingText(task))
++ (0, import_react22.createElement)(ClockIcon),
++ (0, import_react22.createElement)("span", { className: "bt-task-line-title" }, task.title),
++ (0, import_react22.createElement)("span", { className: "bt-task-line-when" }, timingText(task))
)))
);
}
@@ -13081,7 +11835,7 @@ diff --git a/client.js b/client.js
// src/client/capability-settings.js
-var import_react16 = require("react");
-+var import_react22 = require("react");
++var import_react23 = require("react");
var blank = () => ({ name: "", kind: "mcp", description: "", transport: "stdio", command: "", argsText: "", envText: "{}", url: "", headersText: "{}", content: "", items: [] });
var parseMap = (text, label) => {
let value;
@@ -13090,13 +11844,13 @@ diff --git a/client.js b/client.js
var statusText = (status) => !status ? void 0 : status.state === "ready" ? t("Ready") : status.state === "needs-approval" ? t("Needs approval") : status.state === "error" ? t("Could not connect: {error}", { error: status.error ?? "" }) : t("Connecting…");
function Field({ label, value, onChange, multiline = false, disabled = false, placeholder }) {
- return (0, import_react16.createElement)(
-+ return (0, import_react22.createElement)(
++ return (0, import_react23.createElement)(
"label",
{ className: "bt-set-row bt-bs-row bt-bs-stack" },
- (0, import_react16.createElement)("span", { className: "bt-set-copy" }, (0, import_react16.createElement)("span", { className: "bt-bs-label" }, t(label))),
- (0, import_react16.createElement)(multiline ? "textarea" : "input", {
-+ (0, import_react22.createElement)("span", { className: "bt-set-copy" }, (0, import_react22.createElement)("span", { className: "bt-bs-label" }, t(label))),
-+ (0, import_react22.createElement)(multiline ? "textarea" : "input", {
++ (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, t(label))),
++ (0, import_react23.createElement)(multiline ? "textarea" : "input", {
className: multiline ? "bt-input bt-input-area" : "bt-input",
value,
disabled,
@@ -13105,7 +11859,7 @@ diff --git a/client.js b/client.js
}
function CapabilityForm({ draft, setDraft, items, actions, onClose }) {
- const [error, setError] = (0, import_react16.useState)("");
-+ const [error, setError] = (0, import_react22.useState)("");
++ const [error, setError] = (0, import_react23.useState)("");
const set = (key, value) => setDraft((previous) => ({ ...previous, [key]: value }));
const submit = async (event) => {
event.preventDefault();
@@ -13123,89 +11877,89 @@ diff --git a/client.js b/client.js
};
const available = items.filter((item) => item.name !== draft.name && ["mcp", "skill"].includes(item.kind));
- return (0, import_react16.createElement)(
-+ return (0, import_react22.createElement)(
++ return (0, import_react23.createElement)(
"form",
{ className: "bt-connector-form", onSubmit: submit },
- (0, import_react16.createElement)(Field, { label: "Name", value: draft.name, disabled: draft.originalName !== void 0, onChange: (value) => set("name", value), placeholder: "my-tool" }),
- (0, import_react16.createElement)(
-+ (0, import_react22.createElement)(Field, { label: "Name", value: draft.name, disabled: draft.originalName !== void 0, onChange: (value) => set("name", value), placeholder: "my-tool" }),
-+ (0, import_react22.createElement)(
++ (0, import_react23.createElement)(Field, { label: "Name", value: draft.name, disabled: draft.originalName !== void 0, onChange: (value) => set("name", value), placeholder: "my-tool" }),
++ (0, import_react23.createElement)(
"label",
{ className: "bt-set-row bt-bs-row bt-bs-stack" },
- (0, import_react16.createElement)("span", { className: "bt-set-copy" }, (0, import_react16.createElement)("span", { className: "bt-bs-label" }, t("Type"))),
- (0, import_react16.createElement)(
-+ (0, import_react22.createElement)("span", { className: "bt-set-copy" }, (0, import_react22.createElement)("span", { className: "bt-bs-label" }, t("Type"))),
-+ (0, import_react22.createElement)(
++ (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, t("Type"))),
++ (0, import_react23.createElement)(
"select",
{ className: "bt-input", value: draft.kind, disabled: draft.originalName !== void 0, onChange: (event) => set("kind", event.target.value) },
- ["mcp", "skill", "pack"].map((kind) => (0, import_react16.createElement)("option", { key: kind, value: kind }, t(kind === "mcp" ? "MCP server" : kind === "skill" ? "Skill" : "Pack")))
-+ ["mcp", "skill", "pack"].map((kind) => (0, import_react22.createElement)("option", { key: kind, value: kind }, t(kind === "mcp" ? "MCP server" : kind === "skill" ? "Skill" : "Pack")))
++ ["mcp", "skill", "pack"].map((kind) => (0, import_react23.createElement)("option", { key: kind, value: kind }, t(kind === "mcp" ? "MCP server" : kind === "skill" ? "Skill" : "Pack")))
)
),
- (0, import_react16.createElement)(Field, { label: "Description", value: draft.description, onChange: (value) => set("description", value) }),
- draft.kind === "mcp" ? (0, import_react16.createElement)(
-+ (0, import_react22.createElement)(Field, { label: "Description", value: draft.description, onChange: (value) => set("description", value) }),
-+ draft.kind === "mcp" ? (0, import_react22.createElement)(
++ (0, import_react23.createElement)(Field, { label: "Description", value: draft.description, onChange: (value) => set("description", value) }),
++ draft.kind === "mcp" ? (0, import_react23.createElement)(
"label",
{ className: "bt-set-row bt-bs-row bt-bs-stack" },
- (0, import_react16.createElement)("span", { className: "bt-set-copy" }, (0, import_react16.createElement)("span", { className: "bt-bs-label" }, t("Connection"))),
- (0, import_react16.createElement)(
-+ (0, import_react22.createElement)("span", { className: "bt-set-copy" }, (0, import_react22.createElement)("span", { className: "bt-bs-label" }, t("Connection"))),
-+ (0, import_react22.createElement)(
++ (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, t("Connection"))),
++ (0, import_react23.createElement)(
"select",
{ className: "bt-input", value: draft.transport, onChange: (event) => set("transport", event.target.value) },
- (0, import_react16.createElement)("option", { value: "stdio" }, t("Local command")),
- (0, import_react16.createElement)("option", { value: "streamable-http" }, t("HTTP server"))
-+ (0, import_react22.createElement)("option", { value: "stdio" }, t("Local command")),
-+ (0, import_react22.createElement)("option", { value: "streamable-http" }, t("HTTP server"))
++ (0, import_react23.createElement)("option", { value: "stdio" }, t("Local command")),
++ (0, import_react23.createElement)("option", { value: "streamable-http" }, t("HTTP server"))
)
) : null,
- draft.kind === "mcp" && draft.transport === "stdio" ? (0, import_react16.createElement)(
-+ draft.kind === "mcp" && draft.transport === "stdio" ? (0, import_react22.createElement)(
++ draft.kind === "mcp" && draft.transport === "stdio" ? (0, import_react23.createElement)(
"div",
null,
- (0, import_react16.createElement)(Field, { label: "Command", value: draft.command, onChange: (value) => set("command", value) }),
- (0, import_react16.createElement)(Field, { label: "Arguments (one per line)", value: draft.argsText, onChange: (value) => set("argsText", value), multiline: true }),
- (0, import_react16.createElement)(Field, { label: "Environment (JSON)", value: draft.envText, onChange: (value) => set("envText", value), multiline: true, placeholder: t('{"API_KEY": "$DSH_SECRET_MY_KEY"}') })
-+ (0, import_react22.createElement)(Field, { label: "Command", value: draft.command, onChange: (value) => set("command", value) }),
-+ (0, import_react22.createElement)(Field, { label: "Arguments (one per line)", value: draft.argsText, onChange: (value) => set("argsText", value), multiline: true }),
-+ (0, import_react22.createElement)(Field, { label: "Environment (JSON)", value: draft.envText, onChange: (value) => set("envText", value), multiline: true, placeholder: t('{"API_KEY": "$DSH_SECRET_MY_KEY"}') })
++ (0, import_react23.createElement)(Field, { label: "Command", value: draft.command, onChange: (value) => set("command", value) }),
++ (0, import_react23.createElement)(Field, { label: "Arguments (one per line)", value: draft.argsText, onChange: (value) => set("argsText", value), multiline: true }),
++ (0, import_react23.createElement)(Field, { label: "Environment (JSON)", value: draft.envText, onChange: (value) => set("envText", value), multiline: true, placeholder: t('{"API_KEY": "$DSH_SECRET_MY_KEY"}') })
) : null,
- draft.kind === "mcp" && draft.transport === "streamable-http" ? (0, import_react16.createElement)(
-+ draft.kind === "mcp" && draft.transport === "streamable-http" ? (0, import_react22.createElement)(
++ draft.kind === "mcp" && draft.transport === "streamable-http" ? (0, import_react23.createElement)(
"div",
null,
- (0, import_react16.createElement)(Field, { label: "URL", value: draft.url, onChange: (value) => set("url", value) }),
- (0, import_react16.createElement)(Field, { label: "Headers (JSON)", value: draft.headersText, onChange: (value) => set("headersText", value), multiline: true, placeholder: t('{"API_KEY": "$DSH_SECRET_MY_KEY"}') })
-+ (0, import_react22.createElement)(Field, { label: "URL", value: draft.url, onChange: (value) => set("url", value) }),
-+ (0, import_react22.createElement)(Field, { label: "Headers (JSON)", value: draft.headersText, onChange: (value) => set("headersText", value), multiline: true, placeholder: t('{"API_KEY": "$DSH_SECRET_MY_KEY"}') })
++ (0, import_react23.createElement)(Field, { label: "URL", value: draft.url, onChange: (value) => set("url", value) }),
++ (0, import_react23.createElement)(Field, { label: "Headers (JSON)", value: draft.headersText, onChange: (value) => set("headersText", value), multiline: true, placeholder: t('{"API_KEY": "$DSH_SECRET_MY_KEY"}') })
) : null,
- draft.kind === "skill" ? (0, import_react16.createElement)(Field, { label: "Skill instructions", value: draft.content, onChange: (value) => set("content", value), multiline: true }) : null,
- draft.kind === "pack" ? (0, import_react16.createElement)(
-+ draft.kind === "skill" ? (0, import_react22.createElement)(Field, { label: "Skill instructions", value: draft.content, onChange: (value) => set("content", value), multiline: true }) : null,
-+ draft.kind === "pack" ? (0, import_react22.createElement)(
++ draft.kind === "skill" ? (0, import_react23.createElement)(Field, { label: "Skill instructions", value: draft.content, onChange: (value) => set("content", value), multiline: true }) : null,
++ draft.kind === "pack" ? (0, import_react23.createElement)(
"div",
{ className: "bt-set-card" },
- available.length === 0 ? (0, import_react16.createElement)("div", { className: "bt-set-row" }, (0, import_react16.createElement)("span", { className: "bt-set-hint" }, t("Save an MCP server or skill first."))) : available.map((item) => (0, import_react16.createElement)(
-+ available.length === 0 ? (0, import_react22.createElement)("div", { className: "bt-set-row" }, (0, import_react22.createElement)("span", { className: "bt-set-hint" }, t("Save an MCP server or skill first."))) : available.map((item) => (0, import_react22.createElement)(
++ available.length === 0 ? (0, import_react23.createElement)("div", { className: "bt-set-row" }, (0, import_react23.createElement)("span", { className: "bt-set-hint" }, t("Save an MCP server or skill first."))) : available.map((item) => (0, import_react23.createElement)(
"label",
{ key: item.name, className: "bt-set-row bt-bs-row" },
- (0, import_react16.createElement)("span", { className: "bt-set-copy" }, (0, import_react16.createElement)("span", { className: "bt-bs-label" }, item.name)),
- (0, import_react16.createElement)("input", { type: "checkbox", checked: draft.items.includes(item.name), onChange: (event) => set("items", event.target.checked ? [...draft.items, item.name] : draft.items.filter((name) => name !== item.name)) })
-+ (0, import_react22.createElement)("span", { className: "bt-set-copy" }, (0, import_react22.createElement)("span", { className: "bt-bs-label" }, item.name)),
-+ (0, import_react22.createElement)("input", { type: "checkbox", checked: draft.items.includes(item.name), onChange: (event) => set("items", event.target.checked ? [...draft.items, item.name] : draft.items.filter((name) => name !== item.name)) })
++ (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, item.name)),
++ (0, import_react23.createElement)("input", { type: "checkbox", checked: draft.items.includes(item.name), onChange: (event) => set("items", event.target.checked ? [...draft.items, item.name] : draft.items.filter((name) => name !== item.name)) })
))
) : null,
- error ? (0, import_react16.createElement)("div", { className: "bt-connector-error", role: "alert" }, error) : null,
- (0, import_react16.createElement)(
-+ error ? (0, import_react22.createElement)("div", { className: "bt-connector-error", role: "alert" }, error) : null,
-+ (0, import_react22.createElement)(
++ error ? (0, import_react23.createElement)("div", { className: "bt-connector-error", role: "alert" }, error) : null,
++ (0, import_react23.createElement)(
"div",
{ className: "bt-connector-form-row" },
- (0, import_react16.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onClose }, t("Cancel")),
- (0, import_react16.createElement)("button", { type: "submit", className: "bt-soft bt-soft-sm" }, draft.originalName ? t("Save changes") : t("Add capability"))
-+ (0, import_react22.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onClose }, t("Cancel")),
-+ (0, import_react22.createElement)("button", { type: "submit", className: "bt-soft bt-soft-sm" }, draft.originalName ? t("Save changes") : t("Add capability"))
++ (0, import_react23.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onClose }, t("Cancel")),
++ (0, import_react23.createElement)("button", { type: "submit", className: "bt-soft bt-soft-sm" }, draft.originalName ? t("Save changes") : t("Add capability"))
)
);
}
@@ -13213,32 +11967,32 @@ diff --git a/client.js b/client.js
const detail = item.kind === "pack" ? `${t("Pack")}: ${(item.items ?? []).join(", ") || t("No items")}` : item.kind === "mcp" ? item.transport === "stdio" ? t("Local command") : t("HTTP server") : t("Skill");
const secondary = item.kind === "pack" ? [item.description, (item.items ?? []).join(", ") || t("No items")].filter(Boolean).join(" · ") : item.description || detail;
- return (0, import_react16.createElement)(
-+ return (0, import_react22.createElement)(
++ return (0, import_react23.createElement)(
"div",
{ className: "bt-connector" },
- (0, import_react16.createElement)(
-+ (0, import_react22.createElement)(
++ (0, import_react23.createElement)(
"div",
{ className: "bt-connector-head" },
- (0, import_react16.createElement)(
-+ (0, import_react22.createElement)(
++ (0, import_react23.createElement)(
"span",
{ className: "bt-connector-text" },
- (0, import_react16.createElement)("span", { className: "bt-connector-name" }, item.name),
- (0, import_react16.createElement)("span", { className: "bt-connector-status" }, secondary)
-+ (0, import_react22.createElement)("span", { className: "bt-connector-name" }, item.name),
-+ (0, import_react22.createElement)("span", { className: "bt-connector-status" }, secondary)
++ (0, import_react23.createElement)("span", { className: "bt-connector-name" }, item.name),
++ (0, import_react23.createElement)("span", { className: "bt-connector-status" }, secondary)
),
- (0, import_react16.createElement)(
-+ (0, import_react22.createElement)(
++ (0, import_react23.createElement)(
"span",
{ className: "bt-connector-actions" },
- item.kind === "mcp" && item.transport === "stdio" && !item.approved ? (0, import_react16.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onApprove }, t("Allow")) : null,
- (0, import_react16.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onEdit }, t("Edit")),
- (0, import_react16.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onDelete }, confirming ? t("Click again to delete.") : t("Delete"))
-+ item.kind === "mcp" && item.transport === "stdio" && !item.approved ? (0, import_react22.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onApprove }, t("Allow")) : null,
-+ (0, import_react22.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onEdit }, t("Edit")),
-+ (0, import_react22.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onDelete }, confirming ? t("Click again to delete.") : t("Delete"))
++ item.kind === "mcp" && item.transport === "stdio" && !item.approved ? (0, import_react23.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onApprove }, t("Allow")) : null,
++ (0, import_react23.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onEdit }, t("Edit")),
++ (0, import_react23.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onDelete }, confirming ? t("Click again to delete.") : t("Delete"))
)
)
);
@@ -13248,9 +12002,9 @@ diff --git a/client.js b/client.js
- const [draft, setDraft] = (0, import_react16.useState)(null);
- const [confirming, setConfirming] = (0, import_react16.useState)("");
- (0, import_react16.useEffect)(() => {
-+ const [draft, setDraft] = (0, import_react22.useState)(null);
-+ const [confirming, setConfirming] = (0, import_react22.useState)("");
-+ (0, import_react22.useEffect)(() => {
++ const [draft, setDraft] = (0, import_react23.useState)(null);
++ const [confirming, setConfirming] = (0, import_react23.useState)("");
++ (0, import_react23.useEffect)(() => {
if (!confirming) return void 0;
const timer = setTimeout(() => setConfirming(""), 4e3);
return () => clearTimeout(timer);
@@ -13259,26 +12013,26 @@ diff --git a/client.js b/client.js
void run(actions.deleteCapability(item.name));
};
- return (0, import_react16.createElement)(
-+ return (0, import_react22.createElement)(
++ return (0, import_react23.createElement)(
"section",
{ className: "bt-set-section" },
- (0, import_react16.createElement)("h3", null, t("Shared capabilities")),
- (0, import_react16.createElement)(
-+ (0, import_react22.createElement)("h3", null, t("Shared capabilities")),
-+ (0, import_react22.createElement)(
++ (0, import_react23.createElement)("h3", null, t("Shared capabilities")),
++ (0, import_react23.createElement)(
"div",
{ className: "bt-actions" },
- (0, import_react16.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: startNew }, t("Add capability"))
-+ (0, import_react22.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: startNew }, t("Add capability"))
++ (0, import_react23.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: startNew }, t("Add capability"))
),
- draft ? (0, import_react16.createElement)(CapabilityForm, { draft, setDraft, items, actions, onClose: () => setDraft(null) }) : null,
- (0, import_react16.createElement)(
-+ draft ? (0, import_react22.createElement)(CapabilityForm, { draft, setDraft, items, actions, onClose: () => setDraft(null) }) : null,
-+ (0, import_react22.createElement)(
++ draft ? (0, import_react23.createElement)(CapabilityForm, { draft, setDraft, items, actions, onClose: () => setDraft(null) }) : null,
++ (0, import_react23.createElement)(
"div",
{ className: "bt-set-card bt-connectors-card" },
- items.length === 0 ? (0, import_react16.createElement)("div", { className: "bt-set-row" }, (0, import_react16.createElement)("span", { className: "bt-set-hint" }, t("No capabilities saved"))) : items.map((item) => (0, import_react16.createElement)(CapabilityRow, {
-+ items.length === 0 ? (0, import_react22.createElement)("div", { className: "bt-set-row" }, (0, import_react22.createElement)("span", { className: "bt-set-hint" }, t("No capabilities saved"))) : items.map((item) => (0, import_react22.createElement)(CapabilityRow, {
++ items.length === 0 ? (0, import_react23.createElement)("div", { className: "bt-set-row" }, (0, import_react23.createElement)("span", { className: "bt-set-hint" }, t("No capabilities saved"))) : items.map((item) => (0, import_react23.createElement)(CapabilityRow, {
key: item.name,
item,
confirming: confirming === item.name,
@@ -13287,11 +12041,11 @@ diff --git a/client.js b/client.js
const statuses = roster.capabilityStatuses?.[bot.id] ?? {};
if (items.length === 0) return null;
- return (0, import_react16.createElement)(
-+ return (0, import_react22.createElement)(
++ return (0, import_react23.createElement)(
Card2,
{ title: t("Capabilities") },
- items.map((item) => (0, import_react16.createElement)(SwitchRow2, {
-+ items.map((item) => (0, import_react22.createElement)(SwitchRow2, {
++ items.map((item) => (0, import_react23.createElement)(SwitchRow2, {
key: item.name,
label: item.name,
hint: attached.has(item.name) ? statusText(statuses[item.name]) : void 0,
@@ -13300,7 +12054,7 @@ diff --git a/client.js b/client.js
}
+// src/client/connector-bots.js
-+var import_react23 = require("react");
++var import_react24 = require("react");
+function ownBots(roster) {
+ const me = roster?.self?.memberId;
+ return (roster?.bots ?? []).filter((bot) => !bot.remote && (me === void 0 || me === null || bot.ownerId === void 0 || bot.ownerId === me));
@@ -13316,31 +12070,31 @@ diff --git a/client.js b/client.js
+ return own === 0 ? t("Off for every Bot. Choose which Bots may use it.") : own === bots.length ? t("On for all {total} Bots", { total: bots.length }) : t("On for {count} of {total} Bots", { count: own, total: bots.length });
+}
+function BotSwitch({ bot, connector, name, actions, run, SwitchRow: SwitchRow2 }) {
-+ return (0, import_react23.createElement)(SwitchRow2, { label: name, hint: ownHint(bot, connector.id), on: isOn(bot, connector.id), disabled: false, onChange: (on) => void run(actions.setBotConnector(bot.id, connector.id, on)) });
++ return (0, import_react24.createElement)(SwitchRow2, { label: name, hint: ownHint(bot, connector.id), on: isOn(bot, connector.id), disabled: false, onChange: (on) => void run(actions.setBotConnector(bot.id, connector.id, on)) });
+}
+function ConnectorBots({ connector, roster, actions, run, SwitchRow: SwitchRow2 }) {
+ const bots = ownBots(roster);
-+ return (0, import_react23.createElement)(
++ return (0, import_react24.createElement)(
+ "div",
+ { className: "bt-connector-bots" },
-+ bots.length === 0 ? (0, import_react23.createElement)("span", { className: "bt-set-hint" }, t("No Bots")) : bots.map((bot) => (0, import_react23.createElement)(
++ bots.length === 0 ? (0, import_react24.createElement)("span", { className: "bt-set-hint" }, t("No Bots")) : bots.map((bot) => (0, import_react24.createElement)(
+ "div",
+ { key: bot.id, className: "bt-connector-bot" },
-+ (0, import_react23.createElement)(BotSwitch, { bot, connector, name: bot.name, actions, run, SwitchRow: SwitchRow2 })
++ (0, import_react24.createElement)(BotSwitch, { bot, connector, name: bot.name, actions, run, SwitchRow: SwitchRow2 })
+ )),
-+ (0, import_react23.createElement)("span", { className: "bt-set-hint" }, t("On by default for each of your Bots, on every turn: in its own chat, in groups, on schedules and when a friend uses it. A friend's own Bot never gets it."))
++ (0, import_react24.createElement)("span", { className: "bt-set-hint" }, t("On by default for each of your Bots, on every turn: in its own chat, in groups, on schedules and when a friend uses it. A friend's own Bot never gets it."))
+ );
+}
+function BotConnectorsCard({ bot, roster, actions, run, Card: Card2, SwitchRow: SwitchRow2 }) {
+ const connected = connectedConnectors(roster);
+ if (connected.length === 0) return null;
-+ return (0, import_react23.createElement)(
++ return (0, import_react24.createElement)(
+ Card2,
+ { title: t("Connectors") },
-+ connected.map((connector) => (0, import_react23.createElement)(
++ connected.map((connector) => (0, import_react24.createElement)(
+ "div",
+ { key: connector.id, className: "bt-connector-bot" },
-+ (0, import_react23.createElement)(BotSwitch, { bot, connector, name: connector.name, actions, run, SwitchRow: SwitchRow2 })
++ (0, import_react24.createElement)(BotSwitch, { bot, connector, name: connector.name, actions, run, SwitchRow: SwitchRow2 })
+ ))
+ );
+}
@@ -13348,8 +12102,8 @@ diff --git a/client.js b/client.js
// src/client/memory-panel.js
-var import_react17 = require("react");
-var POLL_MS2 = 1500;
-+var import_react24 = require("react");
-+var POLL_MS5 = 1500;
++var import_react25 = require("react");
++var POLL_MS6 = 1500;
var MENU_EXIT_MS2 = 120;
var counts = /* @__PURE__ */ new Map();
var countListeners = /* @__PURE__ */ new Set();
@@ -13359,8 +12113,8 @@ diff --git a/client.js b/client.js
function useMemoryCount(botId, actions) {
- const [count, setCount] = (0, import_react17.useState)(counts.get(botId) ?? null);
- (0, import_react17.useEffect)(() => {
-+ const [count, setCount] = (0, import_react24.useState)(counts.get(botId) ?? null);
-+ (0, import_react24.useEffect)(() => {
++ const [count, setCount] = (0, import_react25.useState)(counts.get(botId) ?? null);
++ (0, import_react25.useEffect)(() => {
const listener = () => setCount(counts.get(botId) ?? null);
countListeners.add(listener);
listener();
@@ -13375,21 +12129,21 @@ diff --git a/client.js b/client.js
const count = useMemoryCount(bot.id, actions);
const label = count === null ? t("Loading…") : count === 0 ? t("Nothing saved yet") : count === 1 ? t("1 entry") : t("{count} entries", { count });
- return (0, import_react17.createElement)(
-+ return (0, import_react24.createElement)(
++ return (0, import_react25.createElement)(
"div",
null,
- (0, import_react17.createElement)("div", { className: "bt-section-title" }, t("Memory")),
- (0, import_react17.createElement)(
-+ (0, import_react24.createElement)("div", { className: "bt-section-title" }, t("Memory")),
-+ (0, import_react24.createElement)(
++ (0, import_react25.createElement)("div", { className: "bt-section-title" }, t("Memory")),
++ (0, import_react25.createElement)(
"button",
{ type: "button", className: "bt-mem-row", "aria-label": t("Manage {name}'s memory", { name: bot.name }), onClick: () => actions.openMemory(bot.id) },
- (0, import_react17.createElement)(MemoryIcon),
- (0, import_react17.createElement)("span", { className: "bt-mem-row-copy" }, label),
- (0, import_react17.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react17.createElement)(ChevronRightIcon))
-+ (0, import_react24.createElement)(MemoryIcon),
-+ (0, import_react24.createElement)("span", { className: "bt-mem-row-copy" }, label),
-+ (0, import_react24.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react24.createElement)(ChevronRightIcon))
++ (0, import_react25.createElement)(MemoryIcon),
++ (0, import_react25.createElement)("span", { className: "bt-mem-row-copy" }, label),
++ (0, import_react25.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react25.createElement)(ChevronRightIcon))
)
);
}
@@ -13398,63 +12152,63 @@ diff --git a/client.js b/client.js
}
function Skeleton({ label }) {
- return (0, import_react17.createElement)(
-+ return (0, import_react24.createElement)(
++ return (0, import_react25.createElement)(
"div",
{ className: "bt-mem-skel", "aria-busy": true },
- [0, 1].map((block) => (0, import_react17.createElement)(
-+ [0, 1].map((block) => (0, import_react24.createElement)(
++ [0, 1].map((block) => (0, import_react25.createElement)(
"div",
{ key: block, className: "bt-mem-skel-block" },
- (0, import_react17.createElement)("span", { className: "bt-mem-skel-head" }),
- (0, import_react17.createElement)("span", null),
- (0, import_react17.createElement)("span", null),
- (0, import_react17.createElement)("span", { style: { width: block === 0 ? "62%" : "48%" } })
-+ (0, import_react24.createElement)("span", { className: "bt-mem-skel-head" }),
-+ (0, import_react24.createElement)("span", null),
-+ (0, import_react24.createElement)("span", null),
-+ (0, import_react24.createElement)("span", { style: { width: block === 0 ? "62%" : "48%" } })
++ (0, import_react25.createElement)("span", { className: "bt-mem-skel-head" }),
++ (0, import_react25.createElement)("span", null),
++ (0, import_react25.createElement)("span", null),
++ (0, import_react25.createElement)("span", { style: { width: block === 0 ? "62%" : "48%" } })
)),
- label ? (0, import_react17.createElement)("div", { className: "bt-mem-skel-label" }, label) : null
-+ label ? (0, import_react24.createElement)("div", { className: "bt-mem-skel-label" }, label) : null
++ label ? (0, import_react25.createElement)("div", { className: "bt-mem-skel-label" }, label) : null
);
}
function Summary({ bot, view, regenerate }) {
if (view.entries.length === 0) {
- return (0, import_react17.createElement)(
-+ return (0, import_react24.createElement)(
++ return (0, import_react25.createElement)(
"div",
{ className: "bt-mem-empty" },
- (0, import_react17.createElement)("div", { className: "bt-mem-empty-mark" }, (0, import_react17.createElement)(MemoryIcon)),
- (0, import_react17.createElement)("div", { className: "bt-mem-empty-title" }, t("{name} has not saved anything yet", { name: bot.name })),
- (0, import_react17.createElement)("div", { className: "bt-mem-empty-text" }, t("Bots keep lasting preferences, decisions, and what you ask them to remember. Tell {name} below, or in its chat.", { name: bot.name }))
-+ (0, import_react24.createElement)("div", { className: "bt-mem-empty-mark" }, (0, import_react24.createElement)(MemoryIcon)),
-+ (0, import_react24.createElement)("div", { className: "bt-mem-empty-title" }, t("{name} has not saved anything yet", { name: bot.name })),
-+ (0, import_react24.createElement)("div", { className: "bt-mem-empty-text" }, t("Bots keep lasting preferences, decisions, and what you ask them to remember. Tell {name} below, or in its chat.", { name: bot.name }))
++ (0, import_react25.createElement)("div", { className: "bt-mem-empty-mark" }, (0, import_react25.createElement)(MemoryIcon)),
++ (0, import_react25.createElement)("div", { className: "bt-mem-empty-title" }, t("{name} has not saved anything yet", { name: bot.name })),
++ (0, import_react25.createElement)("div", { className: "bt-mem-empty-text" }, t("Bots keep lasting preferences, decisions, and what you ask them to remember. Tell {name} below, or in its chat.", { name: bot.name }))
);
}
- const failed = view.error && !view.summarizing ? (0, import_react17.createElement)(
-+ const failed = view.error && !view.summarizing ? (0, import_react24.createElement)(
++ const failed = view.error && !view.summarizing ? (0, import_react25.createElement)(
"div",
{ className: "bt-mem-failed", role: "alert" },
- (0, import_react17.createElement)("span", null, view.summary ? t("The summary is out of date: {reason}", { reason: hostText(view.error) }) : t("The summary could not be written: {reason}", { reason: hostText(view.error) })),
- (0, import_react17.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: regenerate }, t("Try again"))
-+ (0, import_react24.createElement)("span", null, view.summary ? t("The summary is out of date: {reason}", { reason: hostText(view.error) }) : t("The summary could not be written: {reason}", { reason: hostText(view.error) })),
-+ (0, import_react24.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: regenerate }, t("Try again"))
++ (0, import_react25.createElement)("span", null, view.summary ? t("The summary is out of date: {reason}", { reason: hostText(view.error) }) : t("The summary could not be written: {reason}", { reason: hostText(view.error) })),
++ (0, import_react25.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: regenerate }, t("Try again"))
) : null;
- if (!view.summary) return (0, import_react17.createElement)(import_react17.Fragment, null, failed, failed ? null : (0, import_react17.createElement)(Skeleton, { label: t("Writing the summary…") }));
- return (0, import_react17.createElement)(
- import_react17.Fragment,
-+ if (!view.summary) return (0, import_react24.createElement)(import_react24.Fragment, null, failed, failed ? null : (0, import_react24.createElement)(Skeleton, { label: t("Writing the summary…") }));
-+ return (0, import_react24.createElement)(
-+ import_react24.Fragment,
++ if (!view.summary) return (0, import_react25.createElement)(import_react25.Fragment, null, failed, failed ? null : (0, import_react25.createElement)(Skeleton, { label: t("Writing the summary…") }));
++ return (0, import_react25.createElement)(
++ import_react25.Fragment,
null,
failed,
- (0, import_react17.createElement)(
-+ (0, import_react24.createElement)(
++ (0, import_react25.createElement)(
"div",
{ key: view.summary.at, className: "bt-mem-summary", "data-stale": !view.fresh || void 0 },
- summaryBlocks(view.summary.text).map((block, index) => block.kind === "h" ? (0, import_react17.createElement)("h3", { key: index }, block.text) : (0, import_react17.createElement)("p", { key: index }, block.text))
-+ summaryBlocks(view.summary.text).map((block, index) => block.kind === "h" ? (0, import_react24.createElement)("h3", { key: index }, block.text) : (0, import_react24.createElement)("p", { key: index }, block.text))
++ summaryBlocks(view.summary.text).map((block, index) => block.kind === "h" ? (0, import_react25.createElement)("h3", { key: index }, block.text) : (0, import_react25.createElement)("p", { key: index }, block.text))
)
);
}
@@ -13465,9 +12219,9 @@ diff --git a/client.js b/client.js
- const [confirming, setConfirming] = (0, import_react17.useState)(false);
- const [busy, setBusy] = (0, import_react17.useState)(false);
- (0, import_react17.useEffect)(() => {
-+ const [confirming, setConfirming] = (0, import_react24.useState)(false);
-+ const [busy, setBusy] = (0, import_react24.useState)(false);
-+ (0, import_react24.useEffect)(() => {
++ const [confirming, setConfirming] = (0, import_react25.useState)(false);
++ const [busy, setBusy] = (0, import_react25.useState)(false);
++ (0, import_react25.useEffect)(() => {
if (!confirming) return void 0;
const timer = setTimeout(() => setConfirming(false), 3e3);
return () => clearTimeout(timer);
@@ -13476,20 +12230,20 @@ diff --git a/client.js b/client.js
if (!await remove(entry)) setBusy(false);
};
- return (0, import_react17.createElement)(
-+ return (0, import_react24.createElement)(
++ return (0, import_react25.createElement)(
"li",
{ className: "bt-mem-entry", "data-busy": busy || void 0 },
- (0, import_react17.createElement)(
-+ (0, import_react24.createElement)(
++ (0, import_react25.createElement)(
"div",
{ className: "bt-mem-entry-copy" },
- (0, import_react17.createElement)("span", { className: "bt-mem-entry-text" }, entry.text),
- meta ? (0, import_react17.createElement)("span", { className: "bt-mem-entry-meta" }, meta) : null
-+ (0, import_react24.createElement)("span", { className: "bt-mem-entry-text" }, entry.text),
-+ meta ? (0, import_react24.createElement)("span", { className: "bt-mem-entry-meta" }, meta) : null
++ (0, import_react25.createElement)("span", { className: "bt-mem-entry-text" }, entry.text),
++ meta ? (0, import_react25.createElement)("span", { className: "bt-mem-entry-meta" }, meta) : null
),
- (0, import_react17.createElement)("button", {
-+ (0, import_react24.createElement)("button", {
++ (0, import_react25.createElement)("button", {
type: "button",
className: "bt-mem-remove",
"data-confirm": confirming || void 0,
@@ -13498,7 +12252,7 @@ diff --git a/client.js b/client.js
title: confirming ? void 0 : t("Remove from memory"),
onClick: click
- }, confirming ? t("Remove") : (0, import_react17.createElement)(TrashIcon))
-+ }, confirming ? t("Remove") : (0, import_react24.createElement)(TrashIcon))
++ }, confirming ? t("Remove") : (0, import_react25.createElement)(TrashIcon))
);
}
function Entries({ bot, view, remove }) {
@@ -13507,35 +12261,35 @@ diff --git a/client.js b/client.js
{ scope: "team", title: t("Team memory"), hint: t("Every Bot reads it"), size: view.sizes.team }
];
- return (0, import_react17.createElement)(
-+ return (0, import_react24.createElement)(
++ return (0, import_react25.createElement)(
"div",
{ className: "bt-mem-entries" },
- sections.map((section) => (0, import_react17.createElement)(
-+ sections.map((section) => (0, import_react24.createElement)(
++ sections.map((section) => (0, import_react25.createElement)(
"section",
{ key: section.scope, className: "bt-mem-section" },
- (0, import_react17.createElement)(
-+ (0, import_react24.createElement)(
++ (0, import_react25.createElement)(
"div",
{ className: "bt-mem-section-head" },
- (0, import_react17.createElement)("h3", null, section.title),
- section.hint ? (0, import_react17.createElement)("span", null, section.hint) : null,
- (0, import_react17.createElement)("span", { className: "bt-mem-size", title: t("MEMORY.md, which every conversation reads") }, t("{used} of {limit} characters", { used: section.size.toLocaleString(dateLocale()), limit: view.limits.main.toLocaleString(dateLocale()) }))
-+ (0, import_react24.createElement)("h3", null, section.title),
-+ section.hint ? (0, import_react24.createElement)("span", null, section.hint) : null,
-+ (0, import_react24.createElement)("span", { className: "bt-mem-size", title: t("MEMORY.md, which every conversation reads") }, t("{used} of {limit} characters", { used: section.size.toLocaleString(dateLocale()), limit: view.limits.main.toLocaleString(dateLocale()) }))
++ (0, import_react25.createElement)("h3", null, section.title),
++ section.hint ? (0, import_react25.createElement)("span", null, section.hint) : null,
++ (0, import_react25.createElement)("span", { className: "bt-mem-size", title: t("MEMORY.md, which every conversation reads") }, t("{used} of {limit} characters", { used: section.size.toLocaleString(dateLocale()), limit: view.limits.main.toLocaleString(dateLocale()) }))
),
- groups.some((group) => group.scope === section.scope) ? groups.filter((group) => group.scope === section.scope).map((group) => (0, import_react17.createElement)(
- import_react17.Fragment,
-+ groups.some((group) => group.scope === section.scope) ? groups.filter((group) => group.scope === section.scope).map((group) => (0, import_react24.createElement)(
-+ import_react24.Fragment,
++ groups.some((group) => group.scope === section.scope) ? groups.filter((group) => group.scope === section.scope).map((group) => (0, import_react25.createElement)(
++ import_react25.Fragment,
{ key: group.key },
- group.topic ? (0, import_react17.createElement)("div", { className: "bt-mem-topic" }, group.topic) : null,
- (0, import_react17.createElement)("ul", { className: "bt-mem-list" }, group.entries.map((entry) => (0, import_react17.createElement)(EntryRow, { key: `${entry.topic ?? ""}:${entry.text}`, entry, remove })))
- )) : (0, import_react17.createElement)("div", { className: "bt-mem-none" }, t("Nothing saved yet"))
-+ group.topic ? (0, import_react24.createElement)("div", { className: "bt-mem-topic" }, group.topic) : null,
-+ (0, import_react24.createElement)("ul", { className: "bt-mem-list" }, group.entries.map((entry) => (0, import_react24.createElement)(EntryRow, { key: `${entry.topic ?? ""}:${entry.text}`, entry, remove })))
-+ )) : (0, import_react24.createElement)("div", { className: "bt-mem-none" }, t("Nothing saved yet"))
++ group.topic ? (0, import_react25.createElement)("div", { className: "bt-mem-topic" }, group.topic) : null,
++ (0, import_react25.createElement)("ul", { className: "bt-mem-list" }, group.entries.map((entry) => (0, import_react25.createElement)(EntryRow, { key: `${entry.topic ?? ""}:${entry.text}`, entry, remove })))
++ )) : (0, import_react25.createElement)("div", { className: "bt-mem-none" }, t("Nothing saved yet"))
))
);
}
@@ -13544,33 +12298,33 @@ diff --git a/client.js b/client.js
}
function Reply({ answer, dismiss }) {
- return (0, import_react17.createElement)(
-+ return (0, import_react24.createElement)(
++ return (0, import_react25.createElement)(
"div",
{ className: "bt-mem-reply", role: "status" },
- (0, import_react17.createElement)(
-+ (0, import_react24.createElement)(
++ (0, import_react25.createElement)(
"div",
{ className: "bt-mem-reply-head" },
- (0, import_react17.createElement)("span", { className: "bt-mem-reply-asked" }, answer.asked),
- answer.pending ? null : (0, import_react17.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Dismiss"), onClick: dismiss }, (0, import_react17.createElement)(CloseIcon))
-+ (0, import_react24.createElement)("span", { className: "bt-mem-reply-asked" }, answer.asked),
-+ answer.pending ? null : (0, import_react24.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Dismiss"), onClick: dismiss }, (0, import_react24.createElement)(CloseIcon))
++ (0, import_react25.createElement)("span", { className: "bt-mem-reply-asked" }, answer.asked),
++ answer.pending ? null : (0, import_react25.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Dismiss"), onClick: dismiss }, (0, import_react25.createElement)(CloseIcon))
),
- answer.pending ? (0, import_react17.createElement)("div", { className: "bt-mem-reply-text bt-shimmer" }, t("Thinking…")) : answer.error ? (0, import_react17.createElement)("div", { className: "bt-mem-reply-text bt-danger" }, hostText(answer.error)) : (0, import_react17.createElement)(
- import_react17.Fragment,
-+ answer.pending ? (0, import_react24.createElement)("div", { className: "bt-mem-reply-text bt-shimmer" }, t("Thinking…")) : answer.error ? (0, import_react24.createElement)("div", { className: "bt-mem-reply-text bt-danger" }, hostText(answer.error)) : (0, import_react24.createElement)(
-+ import_react24.Fragment,
++ answer.pending ? (0, import_react25.createElement)("div", { className: "bt-mem-reply-text bt-shimmer" }, t("Thinking…")) : answer.error ? (0, import_react25.createElement)("div", { className: "bt-mem-reply-text bt-danger" }, hostText(answer.error)) : (0, import_react25.createElement)(
++ import_react25.Fragment,
null,
- answer.reply ? (0, import_react17.createElement)("div", { className: "bt-mem-reply-text" }, answer.reply) : null,
- answer.changes.length > 0 ? (0, import_react17.createElement)("ul", { className: "bt-mem-changes" }, answer.changes.map((change, index) => (0, import_react17.createElement)(
-+ answer.reply ? (0, import_react24.createElement)("div", { className: "bt-mem-reply-text" }, answer.reply) : null,
-+ answer.changes.length > 0 ? (0, import_react24.createElement)("ul", { className: "bt-mem-changes" }, answer.changes.map((change, index) => (0, import_react24.createElement)(
++ answer.reply ? (0, import_react25.createElement)("div", { className: "bt-mem-reply-text" }, answer.reply) : null,
++ answer.changes.length > 0 ? (0, import_react25.createElement)("ul", { className: "bt-mem-changes" }, answer.changes.map((change, index) => (0, import_react25.createElement)(
"li",
{ key: index, "data-ok": change.ok || void 0 },
- change.ok ? (0, import_react17.createElement)(CheckIcon) : (0, import_react17.createElement)(CloseIcon),
- (0, import_react17.createElement)("span", null, changeLine(change))
-+ change.ok ? (0, import_react24.createElement)(CheckIcon) : (0, import_react24.createElement)(CloseIcon),
-+ (0, import_react24.createElement)("span", null, changeLine(change))
++ change.ok ? (0, import_react25.createElement)(CheckIcon) : (0, import_react25.createElement)(CloseIcon),
++ (0, import_react25.createElement)("span", null, changeLine(change))
))) : null
)
);
@@ -13582,18 +12336,18 @@ diff --git a/client.js b/client.js
- const latest = (0, import_react17.useRef)(0);
- const alive = (0, import_react17.useRef)(true);
- const show = (0, import_react17.useCallback)((next) => {
-+ const [view, setView] = (0, import_react24.useState)(null);
-+ const [error, setError] = (0, import_react24.useState)("");
-+ const timer = (0, import_react24.useRef)(0);
-+ const latest = (0, import_react24.useRef)(0);
-+ const alive = (0, import_react24.useRef)(true);
-+ const show = (0, import_react24.useCallback)((next) => {
++ const [view, setView] = (0, import_react25.useState)(null);
++ const [error, setError] = (0, import_react25.useState)("");
++ const timer = (0, import_react25.useRef)(0);
++ const latest = (0, import_react25.useRef)(0);
++ const alive = (0, import_react25.useRef)(true);
++ const show = (0, import_react25.useCallback)((next) => {
setView(next);
setError("");
noteCount(botId, next.entries.length);
}, [botId]);
- const load = (0, import_react17.useCallback)(async (flags = {}) => {
-+ const load = (0, import_react24.useCallback)(async (flags = {}) => {
++ const load = (0, import_react25.useCallback)(async (flags = {}) => {
clearTimeout(timer.current);
const ticket = ++latest.current;
try {
@@ -13601,17 +12355,17 @@ diff --git a/client.js b/client.js
if (!alive.current || ticket !== latest.current) return;
show(next);
- if (next.summarizing) timer.current = setTimeout(() => void load({ summarize: flags.summarize || flags.regenerate }), POLL_MS2);
-+ if (next.summarizing) timer.current = setTimeout(() => void load({ summarize: flags.summarize || flags.regenerate }), POLL_MS5);
++ if (next.summarizing) timer.current = setTimeout(() => void load({ summarize: flags.summarize || flags.regenerate }), POLL_MS6);
} catch (failure) {
if (alive.current && ticket === latest.current) setError(failure?.message ?? String(failure));
}
}, [botId]);
- (0, import_react17.useEffect)(() => {
-+ (0, import_react24.useEffect)(() => {
++ (0, import_react25.useEffect)(() => {
alive.current = true;
void load({ summarize: true });
return () => {
-@@ -7606,38 +7606,331 @@ function useMemoryView(botId, actions) {
+@@ -7606,9 +7606,9 @@ function useMemoryView(botId, actions) {
}, [botId]);
return { view, error, load, show };
}
@@ -13619,18 +12373,20 @@ diff --git a/client.js b/client.js
- const [now, setNow] = (0, import_react17.useState)(Date.now());
- (0, import_react17.useEffect)(() => {
+function useNow3(every) {
-+ const [now, setNow] = (0, import_react24.useState)(Date.now());
-+ (0, import_react24.useEffect)(() => {
++ const [now, setNow] = (0, import_react25.useState)(Date.now());
++ (0, import_react25.useEffect)(() => {
const id = setInterval(() => setNow(Date.now()), every);
return () => clearInterval(id);
}, [every]);
- return now;
+@@ -7616,18 +7616,18 @@ function useNow(every) {
}
--function MemoryDialog({ bot, actions, leaving = false }) {
-- const { view, error, load, show } = useMemoryView(bot.id, actions);
+ function MemoryDialog({ bot, actions, leaving = false }) {
+ const { view, error, load, show } = useMemoryView(bot.id, actions);
- const [page, setPage] = (0, import_react17.useState)("summary");
- const [menu, setMenu] = (0, import_react17.useState)(false);
-- const [menuShown, menuLeaving] = useLinger(menu, MENU_EXIT_MS2);
++ const [page, setPage] = (0, import_react25.useState)("summary");
++ const [menu, setMenu] = (0, import_react25.useState)(false);
+ const [menuShown, menuLeaving] = useLinger(menu, MENU_EXIT_MS2);
- const [text, setText] = (0, import_react17.useState)("");
- const [answer, setAnswer] = (0, import_react17.useState)(null);
- const menuRef = (0, import_react17.useRef)(null);
@@ -13638,152 +12394,114 @@ diff --git a/client.js b/client.js
- const inputRef = (0, import_react17.useRef)(null);
- const now = useNow(3e4);
- const close = (0, import_react17.useCallback)(() => actions.closeMemory(), []);
-- useEscape(close);
-- (0, import_react17.useEffect)(() => {
-- if (!menu) return void 0;
-+function MemoryDialog({ bot, actions, leaving = false }) {
-+ const { view, error, load, show } = useMemoryView(bot.id, actions);
-+ const [page, setPage] = (0, import_react24.useState)("summary");
-+ const [menu, setMenu] = (0, import_react24.useState)(false);
-+ const [menuShown, menuLeaving] = useLinger(menu, MENU_EXIT_MS2);
-+ const [text, setText] = (0, import_react24.useState)("");
-+ const [answer, setAnswer] = (0, import_react24.useState)(null);
-+ const menuRef = (0, import_react24.useRef)(null);
-+ const dotsRef = (0, import_react24.useRef)(null);
-+ const inputRef = (0, import_react24.useRef)(null);
++ const [text, setText] = (0, import_react25.useState)("");
++ const [answer, setAnswer] = (0, import_react25.useState)(null);
++ const menuRef = (0, import_react25.useRef)(null);
++ const dotsRef = (0, import_react25.useRef)(null);
++ const inputRef = (0, import_react25.useRef)(null);
+ const now = useNow3(3e4);
-+ const close = (0, import_react24.useCallback)(() => actions.closeMemory(), []);
-+ useEscape(close);
-+ (0, import_react24.useEffect)(() => {
-+ if (!menu) return void 0;
-+ const onDown = (event) => {
-+ if (menuRef.current?.contains(event.target) || dotsRef.current?.contains(event.target)) return;
-+ setMenu(false);
-+ };
-+ const onKey = (event) => {
-+ if (event.key === "Escape") {
-+ event.stopPropagation();
-+ setMenu(false);
-+ dotsRef.current?.focus();
-+ }
-+ };
-+ window.addEventListener("mousedown", onDown);
-+ window.addEventListener("keydown", onKey, true);
-+ return () => {
-+ window.removeEventListener("mousedown", onDown);
-+ window.removeEventListener("keydown", onKey, true);
-+ };
-+ }, [menu]);
-+ const regenerate = () => {
-+ setMenu(false);
-+ setPage("summary");
-+ void load({ regenerate: true });
-+ };
-+ const openEntries = () => {
-+ setMenu(false);
-+ setPage("entries");
-+ };
-+ const backToSummary = () => {
-+ setPage("summary");
-+ void load({ summarize: true });
-+ };
-+ const remove = async (entry) => {
-+ try {
-+ show(await actions.memoryForget(bot.id, entry));
-+ return true;
-+ } catch (failure) {
-+ setAnswer({ asked: entry.text, error: failure?.message ?? String(failure) });
-+ return false;
-+ }
-+ };
-+ const ask = async (event) => {
-+ event.preventDefault();
-+ const asked = text.trim();
-+ if (asked === "" || answer?.pending) return;
-+ setText("");
-+ setAnswer({ asked, pending: true });
-+ try {
-+ const result = await actions.memoryAsk(bot.id, asked);
-+ setAnswer({ asked, reply: result.reply, changes: result.changes });
-+ show(result.view);
-+ if (result.changes.some((change) => change.ok)) void load({ summarize: page === "summary" });
-+ } catch (failure) {
-+ setAnswer({ asked, error: failure?.message ?? String(failure) });
-+ }
-+ inputRef.current?.focus();
-+ };
-+ const count = view?.entries.length ?? 0;
-+ const when3 = view?.summary ? ago(view.summary.at, now) : null;
-+ const status = view === null ? "" : page === "entries" ? count === 1 ? t("1 entry") : t("{count} entries", { count }) : view.summarizing && view.summary ? t("Updating…") : view.summary && view.fresh ? when3 ? t("Updated {time}", { time: when3 }) : t("Updated just now") : "";
-+ const busy = answer?.pending === true;
-+ return (0, import_react24.createElement)(
-+ "div",
-+ { className: "bt-mem-layer", "data-leaving": leaving || void 0 },
-+ (0, import_react24.createElement)("div", { className: "bt-scrim bt-mem-scrim", onMouseDown: close }),
-+ (0, import_react24.createElement)(
-+ "div",
-+ { className: "bt-mem", role: "dialog", "aria-modal": true, "aria-label": t("{name}'s memory", { name: bot.name }) },
-+ (0, import_react24.createElement)(
-+ "div",
-+ { className: "bt-mem-head" },
-+ page === "entries" ? (0, import_react24.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to the summary"), onClick: backToSummary }, (0, import_react24.createElement)(ChevronLeftIcon)) : null,
-+ (0, import_react24.createElement)("h2", null, page === "entries" ? t("All entries") : t("Memory summary")),
-+ (0, import_react24.createElement)("span", { className: "bt-mem-status" }, page === "summary" ? [bot.name, status].filter(Boolean).join(" · ") : status),
-+ (0, import_react24.createElement)("span", { className: "bt-mem-head-gap" }),
-+ (0, import_react24.createElement)("button", { ref: dotsRef, type: "button", className: "bt-icon-btn", "aria-label": t("Memory options"), "aria-haspopup": "menu", "aria-expanded": menu, onClick: () => setMenu((value) => !value) }, (0, import_react24.createElement)(DotsIcon)),
-+ (0, import_react24.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close memory"), onClick: close }, (0, import_react24.createElement)(CloseIcon)),
-+ menuShown ? (0, import_react24.createElement)(
-+ "div",
-+ { ref: menuRef, className: "bt-menu bt-mem-menu", role: "menu", "aria-label": t("Memory options"), "data-leaving": menuLeaving || void 0 },
-+ (0, import_react24.createElement)(
-+ "button",
-+ { type: "button", role: "menuitem", onClick: openEntries },
-+ (0, import_react24.createElement)("span", { className: "bt-menu-label" }, t("All entries")),
-+ (0, import_react24.createElement)("span", { className: "bt-menu-hint" }, String(count))
-+ ),
-+ (0, import_react24.createElement)(
-+ "button",
-+ { type: "button", role: "menuitem", disabled: count === 0 || view?.summarizing, onClick: regenerate },
-+ (0, import_react24.createElement)("span", { className: "bt-menu-label" }, t("Regenerate summary"))
-+ )
-+ ) : null
-+ ),
-+ (0, import_react24.createElement)(
-+ "div",
-+ { className: "bt-mem-body" },
-+ error ? (0, import_react24.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, hostText(error)) : null,
-+ view === null ? error ? null : (0, import_react24.createElement)(Skeleton) : page === "entries" ? (0, import_react24.createElement)(Entries, { bot, view, remove }) : (0, import_react24.createElement)(Summary, { bot, view, regenerate })
-+ ),
-+ (0, import_react24.createElement)(
-+ "div",
-+ { className: "bt-mem-foot" },
-+ answer ? (0, import_react24.createElement)(Reply, { answer, dismiss: () => setAnswer(null) }) : null,
-+ (0, import_react24.createElement)(
-+ "form",
-+ { className: "bt-mem-ask", onSubmit: ask },
-+ (0, import_react24.createElement)("input", {
-+ ref: inputRef,
-+ className: "bt-mem-input",
-+ value: text,
-+ maxLength: 2e3,
-+ disabled: view === null,
-+ placeholder: t("Ask or update"),
-+ "aria-label": t("Ask about or update {name}'s memory", { name: bot.name }),
-+ onChange: (event) => setText(event.target.value)
-+ }),
-+ (0, import_react24.createElement)(
-+ "button",
-+ { type: "submit", className: "bt-mem-send", disabled: busy || text.trim() === "", "aria-label": t("Send") },
-+ busy ? (0, import_react24.createElement)("span", { className: "bt-mem-spin", "aria-hidden": true }) : (0, import_react24.createElement)(ArrowUpIcon)
-+ )
-+ )
-+ )
-+ )
-+ );
-+}
-+
++ const close = (0, import_react25.useCallback)(() => actions.closeMemory(), []);
+ useEscape(close);
+- (0, import_react17.useEffect)(() => {
++ (0, import_react25.useEffect)(() => {
+ if (!menu) return void 0;
+ const onDown = (event) => {
+ if (menuRef.current?.contains(event.target) || dotsRef.current?.contains(event.target)) return;
+@@ -7689,52 +7689,52 @@ function MemoryDialog({ bot, actions, leaving = false }) {
+ const when3 = view?.summary ? ago(view.summary.at, now) : null;
+ const status = view === null ? "" : page === "entries" ? count === 1 ? t("1 entry") : t("{count} entries", { count }) : view.summarizing && view.summary ? t("Updating…") : view.summary && view.fresh ? when3 ? t("Updated {time}", { time: when3 }) : t("Updated just now") : "";
+ const busy = answer?.pending === true;
+- return (0, import_react17.createElement)(
++ return (0, import_react25.createElement)(
+ "div",
+ { className: "bt-mem-layer", "data-leaving": leaving || void 0 },
+- (0, import_react17.createElement)("div", { className: "bt-scrim bt-mem-scrim", onMouseDown: close }),
+- (0, import_react17.createElement)(
++ (0, import_react25.createElement)("div", { className: "bt-scrim bt-mem-scrim", onMouseDown: close }),
++ (0, import_react25.createElement)(
+ "div",
+ { className: "bt-mem", role: "dialog", "aria-modal": true, "aria-label": t("{name}'s memory", { name: bot.name }) },
+- (0, import_react17.createElement)(
++ (0, import_react25.createElement)(
+ "div",
+ { className: "bt-mem-head" },
+- page === "entries" ? (0, import_react17.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to the summary"), onClick: backToSummary }, (0, import_react17.createElement)(ChevronLeftIcon)) : null,
+- (0, import_react17.createElement)("h2", null, page === "entries" ? t("All entries") : t("Memory summary")),
+- (0, import_react17.createElement)("span", { className: "bt-mem-status" }, page === "summary" ? [bot.name, status].filter(Boolean).join(" · ") : status),
+- (0, import_react17.createElement)("span", { className: "bt-mem-head-gap" }),
+- (0, import_react17.createElement)("button", { ref: dotsRef, type: "button", className: "bt-icon-btn", "aria-label": t("Memory options"), "aria-haspopup": "menu", "aria-expanded": menu, onClick: () => setMenu((value) => !value) }, (0, import_react17.createElement)(DotsIcon)),
+- (0, import_react17.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close memory"), onClick: close }, (0, import_react17.createElement)(CloseIcon)),
+- menuShown ? (0, import_react17.createElement)(
++ page === "entries" ? (0, import_react25.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to the summary"), onClick: backToSummary }, (0, import_react25.createElement)(ChevronLeftIcon)) : null,
++ (0, import_react25.createElement)("h2", null, page === "entries" ? t("All entries") : t("Memory summary")),
++ (0, import_react25.createElement)("span", { className: "bt-mem-status" }, page === "summary" ? [bot.name, status].filter(Boolean).join(" · ") : status),
++ (0, import_react25.createElement)("span", { className: "bt-mem-head-gap" }),
++ (0, import_react25.createElement)("button", { ref: dotsRef, type: "button", className: "bt-icon-btn", "aria-label": t("Memory options"), "aria-haspopup": "menu", "aria-expanded": menu, onClick: () => setMenu((value) => !value) }, (0, import_react25.createElement)(DotsIcon)),
++ (0, import_react25.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close memory"), onClick: close }, (0, import_react25.createElement)(CloseIcon)),
++ menuShown ? (0, import_react25.createElement)(
+ "div",
+ { ref: menuRef, className: "bt-menu bt-mem-menu", role: "menu", "aria-label": t("Memory options"), "data-leaving": menuLeaving || void 0 },
+- (0, import_react17.createElement)(
++ (0, import_react25.createElement)(
+ "button",
+ { type: "button", role: "menuitem", onClick: openEntries },
+- (0, import_react17.createElement)("span", { className: "bt-menu-label" }, t("All entries")),
+- (0, import_react17.createElement)("span", { className: "bt-menu-hint" }, String(count))
++ (0, import_react25.createElement)("span", { className: "bt-menu-label" }, t("All entries")),
++ (0, import_react25.createElement)("span", { className: "bt-menu-hint" }, String(count))
+ ),
+- (0, import_react17.createElement)(
++ (0, import_react25.createElement)(
+ "button",
+ { type: "button", role: "menuitem", disabled: count === 0 || view?.summarizing, onClick: regenerate },
+- (0, import_react17.createElement)("span", { className: "bt-menu-label" }, t("Regenerate summary"))
++ (0, import_react25.createElement)("span", { className: "bt-menu-label" }, t("Regenerate summary"))
+ )
+ ) : null
+ ),
+- (0, import_react17.createElement)(
++ (0, import_react25.createElement)(
+ "div",
+ { className: "bt-mem-body" },
+- error ? (0, import_react17.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, hostText(error)) : null,
+- view === null ? error ? null : (0, import_react17.createElement)(Skeleton) : page === "entries" ? (0, import_react17.createElement)(Entries, { bot, view, remove }) : (0, import_react17.createElement)(Summary, { bot, view, regenerate })
++ error ? (0, import_react25.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, hostText(error)) : null,
++ view === null ? error ? null : (0, import_react25.createElement)(Skeleton) : page === "entries" ? (0, import_react25.createElement)(Entries, { bot, view, remove }) : (0, import_react25.createElement)(Summary, { bot, view, regenerate })
+ ),
+- (0, import_react17.createElement)(
++ (0, import_react25.createElement)(
+ "div",
+ { className: "bt-mem-foot" },
+- answer ? (0, import_react17.createElement)(Reply, { answer, dismiss: () => setAnswer(null) }) : null,
+- (0, import_react17.createElement)(
++ answer ? (0, import_react25.createElement)(Reply, { answer, dismiss: () => setAnswer(null) }) : null,
++ (0, import_react25.createElement)(
+ "form",
+ { className: "bt-mem-ask", onSubmit: ask },
+- (0, import_react17.createElement)("input", {
++ (0, import_react25.createElement)("input", {
+ ref: inputRef,
+ className: "bt-mem-input",
+ value: text,
+@@ -7744,10 +7744,10 @@ function MemoryDialog({ bot, actions, leaving = false }) {
+ "aria-label": t("Ask about or update {name}'s memory", { name: bot.name }),
+ onChange: (event) => setText(event.target.value)
+ }),
+- (0, import_react17.createElement)(
++ (0, import_react25.createElement)(
+ "button",
+ { type: "submit", className: "bt-mem-send", disabled: busy || text.trim() === "", "aria-label": t("Send") },
+- busy ? (0, import_react17.createElement)("span", { className: "bt-mem-spin", "aria-hidden": true }) : (0, import_react17.createElement)(ArrowUpIcon)
++ busy ? (0, import_react25.createElement)("span", { className: "bt-mem-spin", "aria-hidden": true }) : (0, import_react25.createElement)(ArrowUpIcon)
+ )
+ )
+ )
+@@ -7755,8 +7755,40 @@ function MemoryDialog({ bot, actions, leaving = false }) {
+ );
+ }
+
+// src/client/standing-approvals.js
-+var import_react25 = require("react");
++var import_react26 = require("react");
+var standingOf = (target, roster) => {
+ const me = roster?.self?.memberId;
+ return (target?.standingApprovals ?? []).filter((grant) => me === void 0 || grant.ownerId === me);
@@ -13792,19 +12510,19 @@ diff --git a/client.js b/client.js
+ const grants = scope === "room" ? standingOf(target, roster) : target?.standingApprovals ?? [];
+ if (grants.length === 0) return null;
+ const hint = scope === "room" ? t("Your Bots in this group do these without asking.") : t("This Bot does these without asking.");
-+ return (0, import_react25.createElement)(
++ return (0, import_react26.createElement)(
+ Card2,
+ { title: t("Always allowed") },
-+ grants.map((grant) => (0, import_react25.createElement)(
++ grants.map((grant) => (0, import_react26.createElement)(
+ "div",
+ { key: grant.kind, className: "bt-set-row bt-bs-row", "data-standing": grant.kind },
-+ (0, import_react25.createElement)(
++ (0, import_react26.createElement)(
+ "span",
+ { className: "bt-set-copy" },
-+ (0, import_react25.createElement)("span", { className: "bt-bs-label" }, grant.label || grant.kind),
-+ (0, import_react25.createElement)("span", { className: "bt-set-hint" }, hint)
++ (0, import_react26.createElement)("span", { className: "bt-bs-label" }, grant.label || grant.kind),
++ (0, import_react26.createElement)("span", { className: "bt-set-hint" }, hint)
+ ),
-+ (0, import_react25.createElement)("button", {
++ (0, import_react26.createElement)("button", {
+ type: "button",
+ className: "bt-soft bt-soft-sm",
+ "aria-label": t("Remove always allow for {kind}", { kind: grant.label || grant.kind }),
@@ -13814,476 +12532,364 @@ diff --git a/client.js b/client.js
+ );
+}
+
-+// src/client/bot-settings.js
-+var import_react26 = require("react");
-+var capitalize = (word) => word[0].toUpperCase() + word.slice(1);
-+async function avatarImage(file) {
-+ if (!/^image\/(png|jpeg|webp|gif)$/.test(file.type)) throw new Error(t("Choose a PNG, JPEG, WebP, or GIF image"));
-+ if (file.size > 25 * 1024 * 1024) throw new Error(t("Choose an image smaller than 25 MB"));
-+ const bitmap = await createImageBitmap(file);
-+ const side = 160;
-+ const canvas = document.createElement("canvas");
-+ canvas.width = side;
-+ canvas.height = side;
-+ const context = canvas.getContext("2d");
-+ context.imageSmoothingQuality = "high";
-+ const crop = Math.min(bitmap.width, bitmap.height);
-+ context.drawImage(bitmap, (bitmap.width - crop) / 2, (bitmap.height - crop) / 2, crop, crop, 0, 0, side, side);
-+ bitmap.close?.();
-+ for (const quality of [0.9, 0.75, 0.6]) {
-+ const url = canvas.toDataURL("image/webp", quality);
-+ if (url.startsWith("data:image/webp") && url.length < 15e4) return url;
-+ }
-+ const png = canvas.toDataURL("image/png");
-+ if (png.length < 15e4) return png;
-+ throw new Error(t("That image is too large"));
-+}
-+function InlineText({ label, value, placeholder, required = false, maxLength, multiline = false, onSave }) {
-+ const [draft, setDraft] = (0, import_react26.useState)(null);
-+ const reverting = (0, import_react26.useRef)(false);
-+ const commit = () => {
-+ const next = draft?.trim();
-+ setDraft(null);
-+ if (reverting.current) {
-+ reverting.current = false;
-+ return;
-+ }
-+ if (next === void 0 || next === (value ?? "") || required && next === "") return;
-+ void onSave(next);
-+ };
-+ return (0, import_react26.createElement)(multiline ? "textarea" : "input", {
-+ className: multiline ? "bt-bs-input bt-bs-area" : "bt-bs-input",
-+ value: draft ?? value ?? "",
-+ placeholder,
-+ maxLength,
-+ required,
-+ "aria-label": label,
-+ spellCheck: false,
-+ onChange: (event) => setDraft(event.target.value),
-+ onBlur: commit,
-+ onKeyDown: (event) => {
-+ if (event.key === "Escape") {
-+ event.stopPropagation();
-+ reverting.current = true;
-+ event.currentTarget.blur();
-+ }
-+ if (event.key === "Enter" && !multiline && !event.nativeEvent.isComposing) event.currentTarget.blur();
-+ }
-+ });
-+}
-+function Row({ label, hint, stack = false, children }) {
-+ return (0, import_react26.createElement)(
-+ "label",
-+ { className: stack ? "bt-set-row bt-bs-row bt-bs-stack" : "bt-set-row bt-bs-row" },
-+ (0, import_react26.createElement)("span", { className: "bt-set-copy" }, (0, import_react26.createElement)("span", { className: "bt-bs-label" }, label), hint ? (0, import_react26.createElement)("span", { className: "bt-set-hint" }, hint) : null),
-+ children
-+ );
-+}
-+function Card({ title, children }) {
-+ return (0, import_react26.createElement)("section", { className: "bt-set-section" }, title ? (0, import_react26.createElement)("h3", null, title) : null, (0, import_react26.createElement)("div", { className: "bt-set-card" }, children));
-+}
-+function Switch({ on, label, disabled, onChange }) {
-+ return (0, import_react26.createElement)(
-+ "button",
-+ { type: "button", role: "switch", className: "bt-switch", "aria-checked": on, "aria-label": label, disabled, onClick: () => onChange(!on) },
-+ (0, import_react26.createElement)("span", { className: "bt-switch-knob", "aria-hidden": true })
-+ );
-+}
+ // src/client/bot-settings.js
+-var import_react18 = require("react");
++var import_react27 = require("react");
+ var capitalize = (word) => word[0].toUpperCase() + word.slice(1);
+ async function avatarImage(file) {
+ if (!/^image\/(png|jpeg|webp|gif)$/.test(file.type)) throw new Error(t("Choose a PNG, JPEG, WebP, or GIF image"));
+@@ -7780,8 +7780,8 @@ async function avatarImage(file) {
+ throw new Error(t("That image is too large"));
+ }
+ function InlineText({ label, value, placeholder, required = false, maxLength, multiline = false, onSave }) {
+- const [draft, setDraft] = (0, import_react18.useState)(null);
+- const reverting = (0, import_react18.useRef)(false);
++ const [draft, setDraft] = (0, import_react27.useState)(null);
++ const reverting = (0, import_react27.useRef)(false);
+ const commit = () => {
+ const next = draft?.trim();
+ setDraft(null);
+@@ -7792,7 +7792,7 @@ function InlineText({ label, value, placeholder, required = false, maxLength, mu
+ if (next === void 0 || next === (value ?? "") || required && next === "") return;
+ void onSave(next);
+ };
+- return (0, import_react18.createElement)(multiline ? "textarea" : "input", {
++ return (0, import_react27.createElement)(multiline ? "textarea" : "input", {
+ className: multiline ? "bt-bs-input bt-bs-area" : "bt-bs-input",
+ value: draft ?? value ?? "",
+ placeholder,
+@@ -7813,29 +7813,29 @@ function InlineText({ label, value, placeholder, required = false, maxLength, mu
+ });
+ }
+ function Row({ label, hint, stack = false, children }) {
+- return (0, import_react18.createElement)(
++ return (0, import_react27.createElement)(
+ "label",
+ { className: stack ? "bt-set-row bt-bs-row bt-bs-stack" : "bt-set-row bt-bs-row" },
+- (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, label), hint ? (0, import_react18.createElement)("span", { className: "bt-set-hint" }, hint) : null),
++ (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label" }, label), hint ? (0, import_react27.createElement)("span", { className: "bt-set-hint" }, hint) : null),
+ children
+ );
+ }
+ function Card({ title, children }) {
+- return (0, import_react18.createElement)("section", { className: "bt-set-section" }, title ? (0, import_react18.createElement)("h3", null, title) : null, (0, import_react18.createElement)("div", { className: "bt-set-card" }, children));
++ return (0, import_react27.createElement)("section", { className: "bt-set-section" }, title ? (0, import_react27.createElement)("h3", null, title) : null, (0, import_react27.createElement)("div", { className: "bt-set-card" }, children));
+ }
+ function Switch({ on, label, disabled, onChange }) {
+- return (0, import_react18.createElement)(
++ return (0, import_react27.createElement)(
+ "button",
+ { type: "button", role: "switch", className: "bt-switch", "aria-checked": on, "aria-label": label, disabled, onClick: () => onChange(!on) },
+- (0, import_react18.createElement)("span", { className: "bt-switch-knob", "aria-hidden": true })
++ (0, import_react27.createElement)("span", { className: "bt-switch-knob", "aria-hidden": true })
+ );
+ }
+-function SwitchRow({ label, hint, on, disabled, onChange }) {
+- return (0, import_react18.createElement)(
+function SwitchRow({ label, hint, on, disabled, onChange, showLabel = true }) {
-+ return (0, import_react26.createElement)(
-+ "div",
-+ { className: "bt-set-row bt-bs-row" },
-+ (0, import_react26.createElement)("span", { className: "bt-set-copy" }, showLabel ? (0, import_react26.createElement)("span", { className: "bt-bs-label" }, label) : null, hint ? (0, import_react26.createElement)("span", { className: "bt-set-hint" }, hint) : null),
-+ (0, import_react26.createElement)(Switch, { on, label, disabled, onChange })
-+ );
-+}
-+function modelHint(bot, roster) {
-+ const shown = modelOf(bot, roster);
-+ if (shown === void 0) return t("Pick the model this Bot runs on.");
-+ if (!shown.served && (roster.models ?? []).length > 0) return t("This model is not available now. Pick another one.");
-+ if (bot.appliedModel && bot.appliedModel === bot.model) return t("Every message of this Bot runs on it.");
-+ return t("Applies from the next message.");
-+}
-+function ShapeRing({ shape, size }) {
-+ const maskId = (0, import_react26.useRef)("");
-+ if (maskId.current === "") maskId.current = `bt-ring-${nextMarkSerial()}`;
-+ const def = shapeOf(shape);
-+ const unit = def.size / size;
-+ const markup = `${holes(def, `${bodyOf(def, "#000", true)}`)}${bodyOf(def, "currentColor", true)}`;
-+ return (0, import_react26.createElement)("svg", { className: "bt-ring", viewBox: `0 0 ${def.size} ${def.size}`, "aria-hidden": true, dangerouslySetInnerHTML: { __html: markup } });
-+}
-+function CharacterGrid({ look, hasPhoto = false, onShape, onColor }) {
-+ const shapes = [...PICKER_SHAPES, ...Object.keys(SHAPES).filter((id) => !Object.hasOwn(CHARACTERS, id))];
-+ if (!shapes.includes(look.shape)) shapes.push(look.shape);
-+ const rows = [];
-+ for (let index = 0; index < shapes.length; index += PICKER_COLUMNS) rows.push(shapes.slice(index, index + PICKER_COLUMNS));
-+ return (0, import_react26.createElement)(
-+ import_react26.Fragment,
-+ null,
-+ (0, import_react26.createElement)("div", { className: "bt-shapes", role: "group", "aria-label": t("Character shape") }, rows.map((row, index) => (0, import_react26.createElement)("div", { key: index, className: "bt-shape-row" }, row.map((id) => (0, import_react26.createElement)("button", {
-+ key: id,
-+ type: "button",
-+ className: "bt-shape",
-+ "aria-label": t(shapeOf(id).label),
-+ title: t(shapeOf(id).label),
-+ "aria-pressed": !hasPhoto && look.shape === id,
-+ onClick: () => onShape(id)
-+ }, (0, import_react26.createElement)(ShapeRing, { shape: id, size: 36 }), (0, import_react26.createElement)(BotMark, { look: { shape: id, color: look.color }, size: 36 })))))),
-+ (0, import_react26.createElement)("div", { className: "bt-colors", role: "group", "aria-label": t("Character color") }, CHARACTER_COLORS.map((color) => (0, import_react26.createElement)("button", {
-+ key: color,
-+ type: "button",
-+ className: "bt-color",
-+ "aria-label": t(capitalize(color)),
-+ title: t(capitalize(color)),
-+ "aria-pressed": look.color === color,
-+ onClick: () => onColor(color)
-+ }, (0, import_react26.createElement)("span", { style: { background: paintCss(color) } }))))
-+ );
-+}
-+function AvatarEditor({ bot, actions, run, onClose }) {
-+ const look = lookOf(bot);
-+ const [tab, setTab] = (0, import_react26.useState)(look.image ? "upload" : "bot");
-+ const [over, setOver] = (0, import_react26.useState)(false);
-+ const ref = (0, import_react26.useRef)(null);
-+ const fileRef = (0, import_react26.useRef)(null);
-+ const upload = (file) => {
-+ if (file) void run(avatarImage(file).then((image) => actions.updateBot(bot.id, { avatar: { ...bot.avatar ?? {}, image } })));
-+ };
-+ (0, import_react26.useEffect)(() => {
++ return (0, import_react27.createElement)(
+ "div",
+ { className: "bt-set-row bt-bs-row" },
+- (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, label), hint ? (0, import_react18.createElement)("span", { className: "bt-set-hint" }, hint) : null),
+- (0, import_react18.createElement)(Switch, { on, label, disabled, onChange })
++ (0, import_react27.createElement)("span", { className: "bt-set-copy" }, showLabel ? (0, import_react27.createElement)("span", { className: "bt-bs-label" }, label) : null, hint ? (0, import_react27.createElement)("span", { className: "bt-set-hint" }, hint) : null),
++ (0, import_react27.createElement)(Switch, { on, label, disabled, onChange })
+ );
+ }
+ function modelHint(bot, roster) {
+@@ -7846,22 +7846,22 @@ function modelHint(bot, roster) {
+ return t("Applies from the next message.");
+ }
+ function ShapeRing({ shape, size }) {
+- const maskId = (0, import_react18.useRef)("");
++ const maskId = (0, import_react27.useRef)("");
+ if (maskId.current === "") maskId.current = `bt-ring-${nextMarkSerial()}`;
+ const def = shapeOf(shape);
+ const unit = def.size / size;
+ const markup = `${holes(def, `${bodyOf(def, "#000", true)}`)}${bodyOf(def, "currentColor", true)}`;
+- return (0, import_react18.createElement)("svg", { className: "bt-ring", viewBox: `0 0 ${def.size} ${def.size}`, "aria-hidden": true, dangerouslySetInnerHTML: { __html: markup } });
++ return (0, import_react27.createElement)("svg", { className: "bt-ring", viewBox: `0 0 ${def.size} ${def.size}`, "aria-hidden": true, dangerouslySetInnerHTML: { __html: markup } });
+ }
+ function CharacterGrid({ look, hasPhoto = false, onShape, onColor }) {
+ const shapes = [...PICKER_SHAPES, ...Object.keys(SHAPES).filter((id) => !Object.hasOwn(CHARACTERS, id))];
+ if (!shapes.includes(look.shape)) shapes.push(look.shape);
+ const rows = [];
+ for (let index = 0; index < shapes.length; index += PICKER_COLUMNS) rows.push(shapes.slice(index, index + PICKER_COLUMNS));
+- return (0, import_react18.createElement)(
+- import_react18.Fragment,
++ return (0, import_react27.createElement)(
++ import_react27.Fragment,
+ null,
+- (0, import_react18.createElement)("div", { className: "bt-shapes", role: "group", "aria-label": t("Character shape") }, rows.map((row, index) => (0, import_react18.createElement)("div", { key: index, className: "bt-shape-row" }, row.map((id) => (0, import_react18.createElement)("button", {
++ (0, import_react27.createElement)("div", { className: "bt-shapes", role: "group", "aria-label": t("Character shape") }, rows.map((row, index) => (0, import_react27.createElement)("div", { key: index, className: "bt-shape-row" }, row.map((id) => (0, import_react27.createElement)("button", {
+ key: id,
+ type: "button",
+ className: "bt-shape",
+@@ -7869,8 +7869,8 @@ function CharacterGrid({ look, hasPhoto = false, onShape, onColor }) {
+ title: t(shapeOf(id).label),
+ "aria-pressed": !hasPhoto && look.shape === id,
+ onClick: () => onShape(id)
+- }, (0, import_react18.createElement)(ShapeRing, { shape: id, size: 36 }), (0, import_react18.createElement)(BotMark, { look: { shape: id, color: look.color }, size: 36 })))))),
+- (0, import_react18.createElement)("div", { className: "bt-colors", role: "group", "aria-label": t("Character color") }, CHARACTER_COLORS.map((color) => (0, import_react18.createElement)("button", {
++ }, (0, import_react27.createElement)(ShapeRing, { shape: id, size: 36 }), (0, import_react27.createElement)(BotMark, { look: { shape: id, color: look.color }, size: 36 })))))),
++ (0, import_react27.createElement)("div", { className: "bt-colors", role: "group", "aria-label": t("Character color") }, CHARACTER_COLORS.map((color) => (0, import_react27.createElement)("button", {
+ key: color,
+ type: "button",
+ className: "bt-color",
+@@ -7878,19 +7878,19 @@ function CharacterGrid({ look, hasPhoto = false, onShape, onColor }) {
+ title: t(capitalize(color)),
+ "aria-pressed": look.color === color,
+ onClick: () => onColor(color)
+- }, (0, import_react18.createElement)("span", { style: { background: paintCss(color) } }))))
++ }, (0, import_react27.createElement)("span", { style: { background: paintCss(color) } }))))
+ );
+ }
+ function AvatarEditor({ bot, actions, run, onClose }) {
+ const look = lookOf(bot);
+- const [tab, setTab] = (0, import_react18.useState)(look.image ? "upload" : "bot");
+- const [over, setOver] = (0, import_react18.useState)(false);
+- const ref = (0, import_react18.useRef)(null);
+- const fileRef = (0, import_react18.useRef)(null);
++ const [tab, setTab] = (0, import_react27.useState)(look.image ? "upload" : "bot");
++ const [over, setOver] = (0, import_react27.useState)(false);
++ const ref = (0, import_react27.useRef)(null);
++ const fileRef = (0, import_react27.useRef)(null);
+ const upload = (file) => {
+ if (file) void run(avatarImage(file).then((image) => actions.updateBot(bot.id, { avatar: { ...bot.avatar ?? {}, image } })));
+ };
+- (0, import_react18.useEffect)(() => {
++ (0, import_react27.useEffect)(() => {
const onDown = (event) => {
-- if (menuRef.current?.contains(event.target) || dotsRef.current?.contains(event.target)) return;
-- setMenu(false);
-+ if (!(event.target instanceof Element) || ref.current?.contains(event.target) || event.target.closest(".bt-avatar-trigger")) return;
-+ onClose();
- };
- const onKey = (event) => {
- if (event.key === "Escape") {
- event.stopPropagation();
-- setMenu(false);
-- dotsRef.current?.focus();
-+ onClose();
- }
- };
- window.addEventListener("mousedown", onDown);
-@@ -7646,514 +7646,900 @@ function MemoryDialog({ bot, actions, leaving = false }) {
- window.removeEventListener("mousedown", onDown);
+ if (!(event.target instanceof Element) || ref.current?.contains(event.target) || event.target.closest(".bt-avatar-trigger")) return;
+ onClose();
+@@ -7908,7 +7908,7 @@ function AvatarEditor({ bot, actions, run, onClose }) {
window.removeEventListener("keydown", onKey, true);
};
-- }, [menu]);
-- const regenerate = () => {
-- setMenu(false);
-- setPage("summary");
-- void load({ regenerate: true });
-- };
-- const openEntries = () => {
-- setMenu(false);
-- setPage("entries");
-- };
-- const backToSummary = () => {
-- setPage("summary");
-- void load({ summarize: true });
-- };
-- const remove = async (entry) => {
-- try {
-- show(await actions.memoryForget(bot.id, entry));
-- return true;
-- } catch (failure) {
-- setAnswer({ asked: entry.text, error: failure?.message ?? String(failure) });
-- return false;
-- }
-- };
-- const ask = async (event) => {
-- event.preventDefault();
-- const asked = text.trim();
-- if (asked === "" || answer?.pending) return;
-- setText("");
-- setAnswer({ asked, pending: true });
-- try {
-- const result = await actions.memoryAsk(bot.id, asked);
-- setAnswer({ asked, reply: result.reply, changes: result.changes });
-- show(result.view);
-- if (result.changes.some((change) => change.ok)) void load({ summarize: page === "summary" });
-- } catch (failure) {
-- setAnswer({ asked, error: failure?.message ?? String(failure) });
-- }
-- inputRef.current?.focus();
-+ }, [onClose]);
-+ (0, import_react26.useEffect)(() => {
-+ if (tab !== "upload") return void 0;
-+ const onPaste = (event) => {
-+ const file = [...event.clipboardData?.files ?? []].find((item) => item.type.startsWith("image/"));
-+ if (file) {
-+ event.preventDefault();
-+ upload(file);
-+ }
-+ };
-+ window.addEventListener("paste", onPaste);
-+ return () => window.removeEventListener("paste", onPaste);
-+ }, [tab, bot]);
-+ const hasPhoto = Boolean(look.image);
-+ const glide = useGlide(tab);
-+ return (0, import_react26.createElement)(
-+ "div",
-+ { ref, className: "bt-avedit", role: "dialog", "aria-label": t("Avatar editor") },
-+ (0, import_react26.createElement)(
-+ "div",
-+ { className: "bt-avedit-top" },
-+ (0, import_react26.createElement)(
-+ "div",
-+ { ref: glide.box, role: "tablist", "aria-label": t("Avatar source"), className: "bt-avedit-tabs" },
-+ (0, import_react26.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
-+ [["bot", "Bot"], ["upload", "Upload"]].map(([id, label]) => (0, import_react26.createElement)("button", { key: id, type: "button", role: "tab", className: "bt-avedit-tab", "aria-selected": tab === id, onClick: () => setTab(id) }, t(label)))
-+ ),
-+ (0, import_react26.createElement)("button", {
-+ type: "button",
-+ className: "bt-avedit-tab bt-avedit-reset",
-+ title: t("Reset character to default"),
-+ onClick: () => run(actions.updateBot(bot.id, { avatar: null, color: null }))
-+ }, t("Reset"))
-+ ),
-+ tab === "bot" ? (0, import_react26.createElement)(CharacterGrid, {
-+ look,
-+ hasPhoto,
-+ onShape: (shape) => run(actions.updateBot(bot.id, { avatar: { shape } })),
-+ onColor: (color) => run(actions.updateBot(bot.id, { color }))
-+ }) : null,
-+ tab === "upload" ? (0, import_react26.createElement)(
-+ "div",
-+ {
-+ className: "bt-dropzone",
-+ "data-over": over || void 0,
-+ onDragOver: (event) => {
-+ event.preventDefault();
-+ setOver(true);
-+ },
-+ onDragLeave: () => setOver(false),
-+ onDrop: (event) => {
-+ event.preventDefault();
-+ setOver(false);
-+ upload(event.dataTransfer.files?.[0]);
-+ }
-+ },
-+ hasPhoto ? (0, import_react26.createElement)("img", { src: look.image, alt: "" }) : null,
-+ (0, import_react26.createElement)("div", null, t("Drag, drop, or paste an image")),
-+ (0, import_react26.createElement)(
-+ "div",
-+ { className: "bt-actions", style: { justifyContent: "center" } },
-+ (0, import_react26.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, hasPhoto ? t("Replace") : t("Browse files")),
-+ hasPhoto ? (0, import_react26.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.updateBot(bot.id, { avatar: hasShape(bot.avatar?.shape) ? { shape: bot.avatar.shape } : null })) }, t("Remove photo")) : null
-+ ),
-+ (0, import_react26.createElement)("input", { ref: fileRef, type: "file", accept: "image/png,image/jpeg,image/webp,image/gif", hidden: true, onChange: (event) => {
-+ const file = event.target.files?.[0];
-+ event.target.value = "";
-+ upload(file);
-+ } })
-+ ) : null
-+ );
-+}
-+function MemoryCard({ bot, actions }) {
-+ const count = useMemoryCount(bot.id, actions);
-+ const label = count === null ? t("Loading…") : count === 0 ? t("Nothing saved yet") : count === 1 ? t("1 entry") : t("{count} entries", { count });
-+ return (0, import_react26.createElement)(
-+ Card,
-+ { title: t("Memory") },
-+ (0, import_react26.createElement)(
-+ "button",
-+ { type: "button", className: "bt-set-row bt-bs-row", "aria-label": t("Manage {name}'s memory", { name: bot.name }), onClick: () => actions.openMemory(bot.id) },
-+ (0, import_react26.createElement)("span", { className: "bt-set-copy" }, (0, import_react26.createElement)("span", { className: "bt-bs-label" }, label)),
-+ (0, import_react26.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react26.createElement)(ChevronRightIcon))
-+ )
-+ );
-+}
-+function BotSettingsForm({ bot, roster, actions, run }) {
-+ const [editing, setEditing] = (0, import_react26.useState)(false);
-+ const [confirming, setConfirming] = (0, import_react26.useState)(false);
-+ const closeEditor = (0, import_react26.useCallback)(() => setEditing(false), []);
-+ (0, import_react26.useEffect)(() => {
-+ if (!confirming) return void 0;
-+ const timer = setTimeout(() => setConfirming(false), 4e3);
-+ return () => clearTimeout(timer);
-+ }, [confirming]);
+ }, [onClose]);
+- (0, import_react18.useEffect)(() => {
++ (0, import_react27.useEffect)(() => {
+ if (tab !== "upload") return void 0;
+ const onPaste = (event) => {
+ const file = [...event.clipboardData?.files ?? []].find((item) => item.type.startsWith("image/"));
+@@ -7922,32 +7922,32 @@ function AvatarEditor({ bot, actions, run, onClose }) {
+ }, [tab, bot]);
+ const hasPhoto = Boolean(look.image);
+ const glide = useGlide(tab);
+- return (0, import_react18.createElement)(
++ return (0, import_react27.createElement)(
+ "div",
+ { ref, className: "bt-avedit", role: "dialog", "aria-label": t("Avatar editor") },
+- (0, import_react18.createElement)(
++ (0, import_react27.createElement)(
+ "div",
+ { className: "bt-avedit-top" },
+- (0, import_react18.createElement)(
++ (0, import_react27.createElement)(
+ "div",
+ { ref: glide.box, role: "tablist", "aria-label": t("Avatar source"), className: "bt-avedit-tabs" },
+- (0, import_react18.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
+- [["bot", "Bot"], ["upload", "Upload"]].map(([id, label]) => (0, import_react18.createElement)("button", { key: id, type: "button", role: "tab", className: "bt-avedit-tab", "aria-selected": tab === id, onClick: () => setTab(id) }, t(label)))
++ (0, import_react27.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
++ [["bot", "Bot"], ["upload", "Upload"]].map(([id, label]) => (0, import_react27.createElement)("button", { key: id, type: "button", role: "tab", className: "bt-avedit-tab", "aria-selected": tab === id, onClick: () => setTab(id) }, t(label)))
+ ),
+- (0, import_react18.createElement)("button", {
++ (0, import_react27.createElement)("button", {
+ type: "button",
+ className: "bt-avedit-tab bt-avedit-reset",
+ title: t("Reset character to default"),
+ onClick: () => run(actions.updateBot(bot.id, { avatar: null, color: null }))
+ }, t("Reset"))
+ ),
+- tab === "bot" ? (0, import_react18.createElement)(CharacterGrid, {
++ tab === "bot" ? (0, import_react27.createElement)(CharacterGrid, {
+ look,
+ hasPhoto,
+ onShape: (shape) => run(actions.updateBot(bot.id, { avatar: { shape } })),
+ onColor: (color) => run(actions.updateBot(bot.id, { color }))
+ }) : null,
+- tab === "upload" ? (0, import_react18.createElement)(
++ tab === "upload" ? (0, import_react27.createElement)(
+ "div",
+ {
+ className: "bt-dropzone",
+@@ -7963,15 +7963,15 @@ function AvatarEditor({ bot, actions, run, onClose }) {
+ upload(event.dataTransfer.files?.[0]);
+ }
+ },
+- hasPhoto ? (0, import_react18.createElement)("img", { src: look.image, alt: "" }) : null,
+- (0, import_react18.createElement)("div", null, t("Drag, drop, or paste an image")),
+- (0, import_react18.createElement)(
++ hasPhoto ? (0, import_react27.createElement)("img", { src: look.image, alt: "" }) : null,
++ (0, import_react27.createElement)("div", null, t("Drag, drop, or paste an image")),
++ (0, import_react27.createElement)(
+ "div",
+ { className: "bt-actions", style: { justifyContent: "center" } },
+- (0, import_react18.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, hasPhoto ? t("Replace") : t("Browse files")),
+- hasPhoto ? (0, import_react18.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.updateBot(bot.id, { avatar: hasShape(bot.avatar?.shape) ? { shape: bot.avatar.shape } : null })) }, t("Remove photo")) : null
++ (0, import_react27.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, hasPhoto ? t("Replace") : t("Browse files")),
++ hasPhoto ? (0, import_react27.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.updateBot(bot.id, { avatar: hasShape(bot.avatar?.shape) ? { shape: bot.avatar.shape } : null })) }, t("Remove photo")) : null
+ ),
+- (0, import_react18.createElement)("input", { ref: fileRef, type: "file", accept: "image/png,image/jpeg,image/webp,image/gif", hidden: true, onChange: (event) => {
++ (0, import_react27.createElement)("input", { ref: fileRef, type: "file", accept: "image/png,image/jpeg,image/webp,image/gif", hidden: true, onChange: (event) => {
+ const file = event.target.files?.[0];
+ event.target.value = "";
+ upload(file);
+@@ -7982,26 +7982,27 @@ function AvatarEditor({ bot, actions, run, onClose }) {
+ function MemoryCard({ bot, actions }) {
+ const count = useMemoryCount(bot.id, actions);
+ const label = count === null ? t("Loading…") : count === 0 ? t("Nothing saved yet") : count === 1 ? t("1 entry") : t("{count} entries", { count });
+- return (0, import_react18.createElement)(
++ return (0, import_react27.createElement)(
+ Card,
+ { title: t("Memory") },
+- (0, import_react18.createElement)(
++ (0, import_react27.createElement)(
+ "button",
+ { type: "button", className: "bt-set-row bt-bs-row", "aria-label": t("Manage {name}'s memory", { name: bot.name }), onClick: () => actions.openMemory(bot.id) },
+- (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, label)),
+- (0, import_react18.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react18.createElement)(ChevronRightIcon))
++ (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label" }, label)),
++ (0, import_react27.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react27.createElement)(ChevronRightIcon))
+ )
+ );
+ }
+ function BotSettingsForm({ bot, roster, actions, run }) {
+- const [editing, setEditing] = (0, import_react18.useState)(false);
+- const [confirming, setConfirming] = (0, import_react18.useState)(false);
+- const closeEditor = (0, import_react18.useCallback)(() => setEditing(false), []);
+- (0, import_react18.useEffect)(() => {
++ const [editing, setEditing] = (0, import_react27.useState)(false);
++ const [confirming, setConfirming] = (0, import_react27.useState)(false);
++ const closeEditor = (0, import_react27.useCallback)(() => setEditing(false), []);
++ (0, import_react27.useEffect)(() => {
+ if (!confirming) return void 0;
+ const timer = setTimeout(() => setConfirming(false), 4e3);
+ return () => clearTimeout(timer);
+ }, [confirming]);
+ if (bot.remote) return null;
-+ const isMainBot = isMainOf(roster, bot.id);
-+ const onlyMain = isMainBot && (roster.mainBotIds ?? []).length === 1;
-+ const isTile = roster.mainBotId === bot.id;
-+ const save = (patch) => run(actions.updateBot(bot.id, patch));
-+ const duplicate = () => run(actions.duplicateBot(bot.id).then((copy2) => actions.openSession(copy2.id)));
-+ const remove = () => {
-+ if (confirming) void run(actions.deleteBot(bot.id));
-+ else setConfirming(true);
+ const isMainBot = isMainOf(roster, bot.id);
+ const onlyMain = isMainBot && (roster.mainBotIds ?? []).length === 1;
+ const isTile = roster.mainBotId === bot.id;
+@@ -8011,149 +8011,795 @@ function BotSettingsForm({ bot, roster, actions, run }) {
+ if (confirming) void run(actions.deleteBot(bot.id));
+ else setConfirming(true);
};
-- const count = view?.entries.length ?? 0;
-- const when3 = view?.summary ? ago(view.summary.at, now) : null;
-- const status = view === null ? "" : page === "entries" ? count === 1 ? t("1 entry") : t("{count} entries", { count }) : view.summarizing && view.summary ? t("Updating…") : view.summary && view.fresh ? when3 ? t("Updated {time}", { time: when3 }) : t("Updated just now") : "";
-- const busy = answer?.pending === true;
-- return (0, import_react17.createElement)(
-+ (0, import_react26.useEffect)(() => {
-+ void actions.refreshModels?.();
-+ }, [bot.id]);
-+ return (0, import_react26.createElement)(
- "div",
-- { className: "bt-mem-layer", "data-leaving": leaving || void 0 },
-- (0, import_react17.createElement)("div", { className: "bt-scrim bt-mem-scrim", onMouseDown: close }),
-- (0, import_react17.createElement)(
+- (0, import_react18.useEffect)(() => {
++ (0, import_react27.useEffect)(() => {
+ void actions.refreshModels?.();
+ }, [bot.id]);
+- return (0, import_react18.createElement)(
++ return (0, import_react27.createElement)(
++ "div",
+ { className: "bt-bs" },
-+ (0, import_react26.createElement)(
- "div",
-- { className: "bt-mem", role: "dialog", "aria-modal": true, "aria-label": t("{name}'s memory", { name: bot.name }) },
-- (0, import_react17.createElement)(
++ (0, import_react27.createElement)(
++ "div",
+ { className: "bt-bs-hero" },
-+ (0, import_react26.createElement)(
- "div",
-- { className: "bt-mem-head" },
-- page === "entries" ? (0, import_react17.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to the summary"), onClick: backToSummary }, (0, import_react17.createElement)(ChevronLeftIcon)) : null,
-- (0, import_react17.createElement)("h2", null, page === "entries" ? t("All entries") : t("Memory summary")),
-- (0, import_react17.createElement)("span", { className: "bt-mem-status" }, page === "summary" ? [bot.name, status].filter(Boolean).join(" · ") : status),
-- (0, import_react17.createElement)("span", { className: "bt-mem-head-gap" }),
-- (0, import_react17.createElement)("button", { ref: dotsRef, type: "button", className: "bt-icon-btn", "aria-label": t("Memory options"), "aria-haspopup": "menu", "aria-expanded": menu, onClick: () => setMenu((value) => !value) }, (0, import_react17.createElement)(DotsIcon)),
-- (0, import_react17.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close memory"), onClick: close }, (0, import_react17.createElement)(CloseIcon)),
-- menuShown ? (0, import_react17.createElement)(
-- "div",
-- { ref: menuRef, className: "bt-menu bt-mem-menu", role: "menu", "aria-label": t("Memory options"), "data-leaving": menuLeaving || void 0 },
-- (0, import_react17.createElement)(
-- "button",
-- { type: "button", role: "menuitem", onClick: openEntries },
-- (0, import_react17.createElement)("span", { className: "bt-menu-label" }, t("All entries")),
-- (0, import_react17.createElement)("span", { className: "bt-menu-hint" }, String(count))
-- ),
-- (0, import_react17.createElement)(
-- "button",
-- { type: "button", role: "menuitem", disabled: count === 0 || view?.summarizing, onClick: regenerate },
-- (0, import_react17.createElement)("span", { className: "bt-menu-label" }, t("Regenerate summary"))
-- )
-- ) : null
++ (0, import_react27.createElement)(
++ "div",
+ { className: "bt-avatar-anchor" },
-+ (0, import_react26.createElement)(
++ (0, import_react27.createElement)(
+ "button",
+ { type: "button", className: "bt-avatar-trigger", "aria-label": t("Edit Bot avatar"), "aria-expanded": editing, onClick: () => setEditing((value) => !value) },
-+ (0, import_react26.createElement)(BotMark, { bot, size: 64, live: true }),
-+ (0, import_react26.createElement)("span", { className: "bt-avatar-pencil", "aria-hidden": true }, (0, import_react26.createElement)(PencilIcon))
++ (0, import_react27.createElement)(BotMark, { bot, size: 64, live: true }),
++ (0, import_react27.createElement)("span", { className: "bt-avatar-pencil", "aria-hidden": true }, (0, import_react27.createElement)(PencilIcon))
+ ),
-+ editing ? (0, import_react26.createElement)(AvatarEditor, { bot, actions, run, onClose: closeEditor }) : null
- ),
-- (0, import_react17.createElement)(
-+ (0, import_react26.createElement)(
- "div",
-- { className: "bt-mem-body" },
-- error ? (0, import_react17.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, hostText(error)) : null,
-- view === null ? error ? null : (0, import_react17.createElement)(Skeleton) : page === "entries" ? (0, import_react17.createElement)(Entries, { bot, view, remove }) : (0, import_react17.createElement)(Summary, { bot, view, regenerate })
++ editing ? (0, import_react27.createElement)(AvatarEditor, { bot, actions, run, onClose: closeEditor }) : null
++ ),
++ (0, import_react27.createElement)(
++ "div",
+ { className: "bt-bs-who" },
-+ (0, import_react26.createElement)("span", { className: "bt-bs-name" }, bot.name),
-+ (0, import_react26.createElement)("span", { className: "bt-bs-sub" }, [bot.role, isMainBot ? t("Main Bot") : ""].filter(Boolean).join(" · ") || t("Bot"))
++ (0, import_react27.createElement)("span", { className: "bt-bs-name" }, bot.name),
++ (0, import_react27.createElement)("span", { className: "bt-bs-sub" }, [bot.role, isMainBot ? t("Main Bot") : ""].filter(Boolean).join(" · ") || t("Bot"))
+ )
+ ),
-+ (0, import_react26.createElement)(
++ (0, import_react27.createElement)(
+ Card,
+ { title: t("Profile") },
-+ (0, import_react26.createElement)(Row, { label: t("Name") }, (0, import_react26.createElement)(InlineText, { label: t("Name"), value: bot.name, placeholder: "Bob", required: true, maxLength: 40, onSave: (name) => save({ name }) })),
-+ (0, import_react26.createElement)(Row, { label: t("Label"), hint: t("Optional. Shown under the name.") }, (0, import_react26.createElement)(InlineText, { label: t("Label"), value: bot.role, placeholder: t("Research, admin…"), maxLength: 24, onSave: (role) => save({ role }) }))
++ (0, import_react27.createElement)(Row, { label: t("Name") }, (0, import_react27.createElement)(InlineText, { label: t("Name"), value: bot.name, placeholder: "Bob", required: true, maxLength: 40, onSave: (name) => save({ name }) })),
++ (0, import_react27.createElement)(Row, { label: t("Label"), hint: t("Optional. Shown under the name.") }, (0, import_react27.createElement)(InlineText, { label: t("Label"), value: bot.role, placeholder: t("Research, admin…"), maxLength: 24, onSave: (role) => save({ role }) }))
+ ),
-+ (0, import_react26.createElement)(
++ (0, import_react27.createElement)(
+ Card,
+ { title: t("Model") },
-+ (0, import_react26.createElement)(
++ (0, import_react27.createElement)(
+ "div",
+ { className: "bt-set-row bt-bs-row" },
-+ (0, import_react26.createElement)("span", { className: "bt-set-copy" }, (0, import_react26.createElement)("span", { className: "bt-set-hint" }, modelHint(bot, roster))),
-+ (0, import_react26.createElement)(ModelMenu, { bot, roster, actions, run })
- ),
-- (0, import_react17.createElement)(
-+ bot.model ? (0, import_react26.createElement)(ModelTestRow, { bot, modelName: modelOf(bot, roster)?.name }) : null
++ (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-set-hint" }, modelHint(bot, roster))),
++ (0, import_react27.createElement)(ModelMenu, { bot, roster, actions, run })
++ ),
++ bot.model ? (0, import_react27.createElement)(ModelTestRow, { bot, modelName: modelOf(bot, roster)?.name }) : null
+ ),
-+ (0, import_react26.createElement)(
++ (0, import_react27.createElement)(
+ Card,
+ { title: t("Working folder") },
-+ (0, import_react26.createElement)(
- "div",
-- { className: "bt-mem-foot" },
-- answer ? (0, import_react17.createElement)(Reply, { answer, dismiss: () => setAnswer(null) }) : null,
-- (0, import_react17.createElement)(
-- "form",
-- { className: "bt-mem-ask", onSubmit: ask },
-- (0, import_react17.createElement)("input", {
-- ref: inputRef,
-- className: "bt-mem-input",
-- value: text,
-- maxLength: 2e3,
-- disabled: view === null,
-- placeholder: t("Ask or update"),
-- "aria-label": t("Ask about or update {name}'s memory", { name: bot.name }),
-- onChange: (event) => setText(event.target.value)
-- }),
-- (0, import_react17.createElement)(
-- "button",
-- { type: "submit", className: "bt-mem-send", disabled: busy || text.trim() === "", "aria-label": t("Send") },
-- busy ? (0, import_react17.createElement)("span", { className: "bt-mem-spin", "aria-hidden": true }) : (0, import_react17.createElement)(ArrowUpIcon)
-- )
-- )
++ (0, import_react27.createElement)(
++ "div",
+ { className: "bt-set-row bt-bs-row" },
-+ (0, import_react26.createElement)("span", { className: "bt-set-copy" }, (0, import_react26.createElement)("span", { className: "bt-bs-label" }, t("Folder"))),
-+ (0, import_react26.createElement)(FolderMenu, { value: bot.workDir, actions, run, onPick: (workDir) => save({ workDir }) })
++ (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label" }, t("Folder"))),
++ (0, import_react27.createElement)(FolderMenu, { value: bot.workDir, actions, run, onPick: (workDir) => save({ workDir }) })
+ )
+ ),
-+ (0, import_react26.createElement)(
++ (0, import_react27.createElement)(
+ Card,
+ { title: t("Instructions") },
-+ (0, import_react26.createElement)(
++ (0, import_react27.createElement)(
+ Row,
+ { label: t("What this Bot does"), hint: t("Its job on the team. Part of the Bot's system prompt."), stack: true },
-+ (0, import_react26.createElement)(InlineText, { label: t("Instructions"), value: bot.instructions, multiline: true, placeholder: t("What this Bot is responsible for…"), onSave: (instructions) => save({ instructions }) })
++ (0, import_react27.createElement)(InlineText, { label: t("Instructions"), value: bot.instructions, multiline: true, placeholder: t("What this Bot is responsible for…"), onSave: (instructions) => save({ instructions }) })
+ )
+ ),
+ // Sharing sits near the top with a title like Profile and Model, not at the end of the page (#406).
-+ (0, import_react26.createElement)(FlyBotDetails, { bot, roster, actions, wrap: (children) => (0, import_react26.createElement)(Card, { title: t("Sharing") }, children) }),
-+ (0, import_react26.createElement)(BotCapabilitiesCard, { bot, roster, actions, run, Card, SwitchRow }),
-+ (0, import_react26.createElement)(BotConnectorsCard, { bot, roster, actions, run, Card, SwitchRow }),
-+ roster.memory === false ? null : (0, import_react26.createElement)(MemoryCard, { bot, actions }),
-+ (0, import_react26.createElement)(BotSchedules, { bot, roster, actions }),
-+ (0, import_react26.createElement)(StandingApprovalsCard, { scope: "bot", target: bot, roster, actions, run, Card }),
-+ (0, import_react26.createElement)(
++ (0, import_react27.createElement)(FlyBotDetails, { bot, roster, actions, wrap: (children) => (0, import_react27.createElement)(Card, { title: t("Sharing") }, children) }),
++ (0, import_react27.createElement)(BotCapabilitiesCard, { bot, roster, actions, run, Card, SwitchRow }),
++ (0, import_react27.createElement)(BotConnectorsCard, { bot, roster, actions, run, Card, SwitchRow }),
++ roster.memory === false ? null : (0, import_react27.createElement)(MemoryCard, { bot, actions }),
++ (0, import_react27.createElement)(BotSchedules, { bot, roster, actions }),
++ (0, import_react27.createElement)(StandingApprovalsCard, { scope: "bot", target: bot, roster, actions, run, Card }),
++ (0, import_react27.createElement)(
+ Card,
+ { title: t("Main Bot") },
-+ onlyMain ? (0, import_react26.createElement)(
++ onlyMain ? (0, import_react27.createElement)(
+ "div",
+ { className: "bt-set-row bt-bs-row" },
-+ (0, import_react26.createElement)(
++ (0, import_react27.createElement)(
+ "span",
+ { className: "bt-set-copy" },
-+ (0, import_react26.createElement)("span", { className: "bt-set-hint" }, t("The only Main Bot. To hand the role to another Bot, use Main Bot on the Bots page."))
++ (0, import_react27.createElement)("span", { className: "bt-set-hint" }, t("The only Main Bot. To hand the role to another Bot, use Main Bot on the Bots page."))
+ ),
-+ (0, import_react26.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("bots") }, t("Change"))
-+ ) : (0, import_react26.createElement)(SwitchRow, { label: t("Main Bot"), showLabel: false, hint: t("Can create and change Bots, and runs every group chat."), on: isMainBot, onChange: (on) => run(actions.setMain(bot.id, on)) })
++ (0, import_react27.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("bots") }, t("Change"))
++ ) : (0, import_react27.createElement)(SwitchRow, { label: t("Main Bot"), showLabel: false, hint: t("Can create and change Bots, and runs every group chat."), on: isMainBot, onChange: (on) => run(actions.setMain(bot.id, on)) })
+ ),
+ // The Main Bot tile is always first and always shown, like in the context menu.
-+ isTile ? null : (0, import_react26.createElement)(
++ isTile ? null : (0, import_react27.createElement)(
+ Card,
+ { title: t("Sidebar") },
-+ (0, import_react26.createElement)(SwitchRow, { label: t("Pin"), hint: t("Kept above the other chats."), on: bot.pinned === true, onChange: (pinned) => run(actions.setFlags(bot.id, { pinned })) }),
-+ isMainBot ? null : (0, import_react26.createElement)(SwitchRow, { label: t("Hide from sidebar"), hint: t("Search still finds it."), on: bot.hidden === true, onChange: (hidden) => run(actions.setFlags(bot.id, { hidden })) })
++ (0, import_react27.createElement)(SwitchRow, { label: t("Pin"), hint: t("Kept above the other chats."), on: bot.pinned === true, onChange: (pinned) => run(actions.setFlags(bot.id, { pinned })) }),
++ isMainBot ? null : (0, import_react27.createElement)(SwitchRow, { label: t("Hide from sidebar"), hint: t("Search still finds it."), on: bot.hidden === true, onChange: (hidden) => run(actions.setFlags(bot.id, { hidden })) })
+ ),
-+ (0, import_react26.createElement)(
++ (0, import_react27.createElement)(
+ Card,
+ { title: t("More") },
-+ (0, import_react26.createElement)(
++ (0, import_react27.createElement)(
+ "button",
+ { type: "button", className: "bt-set-row bt-bs-row", onClick: duplicate },
-+ (0, import_react26.createElement)("span", { className: "bt-set-copy" }, (0, import_react26.createElement)("span", { className: "bt-bs-label" }, t("Duplicate")), (0, import_react26.createElement)("span", { className: "bt-set-hint" }, t("A copy with the same job and model, and fresh memory."))),
-+ (0, import_react26.createElement)("span", { className: "bt-chevron" }, (0, import_react26.createElement)(ChevronRightIcon))
++ (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label" }, t("Duplicate")), (0, import_react27.createElement)("span", { className: "bt-set-hint" }, t("A copy with the same job and model, and fresh memory."))),
++ (0, import_react27.createElement)("span", { className: "bt-chevron" }, (0, import_react27.createElement)(ChevronRightIcon))
+ ),
-+ isMainBot ? null : (0, import_react26.createElement)(
++ isMainBot ? null : (0, import_react27.createElement)(
+ "button",
+ { type: "button", className: "bt-set-row bt-bs-row bt-bs-danger", "data-confirm": confirming || void 0, onClick: remove },
-+ (0, import_react26.createElement)(
++ (0, import_react27.createElement)(
+ "span",
+ { className: "bt-set-copy" },
-+ (0, import_react26.createElement)("span", { className: "bt-bs-label" }, confirming ? t("Delete {name}?", { name: bot.name }) : t("Delete Bot")),
-+ (0, import_react26.createElement)("span", { className: "bt-set-hint" }, confirming ? t("Click again to delete. Its chats are archived.") : t("Removes the Bot from the team."))
++ (0, import_react27.createElement)("span", { className: "bt-bs-label" }, confirming ? t("Delete {name}?", { name: bot.name }) : t("Delete Bot")),
++ (0, import_react27.createElement)("span", { className: "bt-set-hint" }, confirming ? t("Click again to delete. Its chats are archived.") : t("Removes the Bot from the team."))
+ ),
-+ (0, import_react26.createElement)("span", { className: "bt-chevron" }, (0, import_react26.createElement)(ChevronRightIcon))
- )
- )
- );
- }
++ (0, import_react27.createElement)("span", { className: "bt-chevron" }, (0, import_react27.createElement)(ChevronRightIcon))
++ )
++ )
++ );
++}
+var BOT_SETTINGS_CSS = `
+.bt-bs{display:flex;flex-direction:column;gap:18px}
+.bt-bs-hero{display:flex;align-items:center;gap:14px;padding:2px 4px}
@@ -14318,28 +12924,9 @@ diff --git a/client.js b/client.js
+.bt-avedit :is(.bt-shapes,.bt-colors,.bt-dropzone){animation:bt-veil-in .18s ease-out}
+@media (prefers-reduced-motion:reduce){.bt-switch,.bt-switch-knob{transition:none}.bt-avedit :is(.bt-shapes,.bt-colors,.bt-dropzone){animation:none}}
+`;
-
--// src/client/bot-settings.js
--var import_react18 = require("react");
--var capitalize = (word) => word[0].toUpperCase() + word.slice(1);
--async function avatarImage(file) {
-- if (!/^image\/(png|jpeg|webp|gif)$/.test(file.type)) throw new Error(t("Choose a PNG, JPEG, WebP, or GIF image"));
-- if (file.size > 25 * 1024 * 1024) throw new Error(t("Choose an image smaller than 25 MB"));
-- const bitmap = await createImageBitmap(file);
-- const side = 160;
-- const canvas = document.createElement("canvas");
-- canvas.width = side;
-- canvas.height = side;
-- const context = canvas.getContext("2d");
-- context.imageSmoothingQuality = "high";
-- const crop = Math.min(bitmap.width, bitmap.height);
-- context.drawImage(bitmap, (bitmap.width - crop) / 2, (bitmap.height - crop) / 2, crop, crop, 0, 0, side, side);
-- bitmap.close?.();
-- for (const quality of [0.9, 0.75, 0.6]) {
-- const url = canvas.toDataURL("image/webp", quality);
-- if (url.startsWith("data:image/webp") && url.length < 15e4) return url;
++
+// src/client/group-settings.js
-+var import_react27 = require("react");
++var import_react28 = require("react");
+var ROOM_MODES = [
+ ["admin", "Admin leads", "Plain messages go to the admin, who calls others with @Name."],
+ ["everyone", "Everyone", "Every member answers in turn, admin first."]
@@ -14371,44 +12958,9 @@ diff --git a/client.js b/client.js
+ for (const seat of person?.seats ?? []) {
+ const bot = faceSeatBot(seat, roster);
+ if (!bot) continue;
-+ marks.push((0, import_react27.createElement)(BotMark, { key: seat.key, bot, size, live: false }));
- }
-- const png = canvas.toDataURL("image/png");
-- if (png.length < 15e4) return png;
-- throw new Error(t("That image is too large"));
--}
--function InlineText({ label, value, placeholder, required = false, maxLength, multiline = false, onSave }) {
-- const [draft, setDraft] = (0, import_react18.useState)(null);
-- const reverting = (0, import_react18.useRef)(false);
-- const commit = () => {
-- const next = draft?.trim();
-- setDraft(null);
-- if (reverting.current) {
-- reverting.current = false;
-- return;
-- }
-- if (next === void 0 || next === (value ?? "") || required && next === "") return;
-- void onSave(next);
-- };
-- return (0, import_react18.createElement)(multiline ? "textarea" : "input", {
-- className: multiline ? "bt-bs-input bt-bs-area" : "bt-bs-input",
-- value: draft ?? value ?? "",
-- placeholder,
-- maxLength,
-- required,
-- "aria-label": label,
-- spellCheck: false,
-- onChange: (event) => setDraft(event.target.value),
-- onBlur: commit,
-- onKeyDown: (event) => {
-- if (event.key === "Escape") {
-- event.stopPropagation();
-- reverting.current = true;
-- event.currentTarget.blur();
-- }
-- if (event.key === "Enter" && !multiline && !event.nativeEvent.isComposing) event.currentTarget.blur();
-- }
-+ if (marks.length === 0) return [(0, import_react27.createElement)(PersonMark, { key: "person", size, name: person?.name })];
++ marks.push((0, import_react28.createElement)(BotMark, { key: seat.key, bot, size, live: false }));
++ }
++ if (marks.length === 0) return [(0, import_react28.createElement)(PersonMark, { key: "person", size, name: person?.name })];
+ return marks;
+}
+function faceRoomCount(room2, roster) {
@@ -14422,50 +12974,31 @@ diff --git a/client.js b/client.js
+var isLeadSeat = (seat, lead) => Boolean(handleKey(lead) && handleKey(seat.record?.handle) === handleKey(lead));
+function FacePersonRow({ person, onOpenBot, lead, roster, className = "bt-set-row bt-bs-row bt-gs-member", size = 26 }) {
+ const bots = person.seats.flatMap((seat, index) => {
-+ const name = seat.local && onOpenBot ? (0, import_react27.createElement)("button", { key: seat.key, type: "button", className: "bt-face-bot", title: t("Open {name}'s chat", { name: seat.bot }), onClick: () => onOpenBot(seat.local.id) }, seat.bot) : (0, import_react27.createElement)("span", { key: seat.key, className: "bt-face-bot", title: seat.record?.handle || void 0 }, seat.bot);
-+ const marked = isLeadSeat(seat, lead) ? [name, (0, import_react27.createElement)("span", { key: `${seat.key}-lead`, className: "bt-tag", "data-flybot": "face-lead-tag" }, t("Lead"))] : [name];
-+ return index === 0 ? marked : [(0, import_react27.createElement)("span", { key: `${seat.key}-sep` }, t(", ")), ...marked];
- });
--}
--function Row({ label, hint, stack = false, children }) {
-- return (0, import_react18.createElement)(
-- "label",
-- { className: stack ? "bt-set-row bt-bs-row bt-bs-stack" : "bt-set-row bt-bs-row" },
-- (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, label), hint ? (0, import_react18.createElement)("span", { className: "bt-set-hint" }, hint) : null),
-- children
-- );
--}
--function Card({ title, children }) {
-- return (0, import_react18.createElement)("section", { className: "bt-set-section" }, title ? (0, import_react18.createElement)("h3", null, title) : null, (0, import_react18.createElement)("div", { className: "bt-set-card" }, children));
--}
--function Switch({ on, label, disabled, onChange }) {
-- return (0, import_react18.createElement)(
-- "button",
-- { type: "button", role: "switch", className: "bt-switch", "aria-checked": on, "aria-label": label, disabled, onClick: () => onChange(!on) },
-- (0, import_react18.createElement)("span", { className: "bt-switch-knob", "aria-hidden": true })
-+ return (0, import_react27.createElement)(
++ const name = seat.local && onOpenBot ? (0, import_react28.createElement)("button", { key: seat.key, type: "button", className: "bt-face-bot", title: t("Open {name}'s chat", { name: seat.bot }), onClick: () => onOpenBot(seat.local.id) }, seat.bot) : (0, import_react28.createElement)("span", { key: seat.key, className: "bt-face-bot", title: seat.record?.handle || void 0 }, seat.bot);
++ const marked = isLeadSeat(seat, lead) ? [name, (0, import_react28.createElement)("span", { key: `${seat.key}-lead`, className: "bt-tag", "data-flybot": "face-lead-tag" }, t("Lead"))] : [name];
++ return index === 0 ? marked : [(0, import_react28.createElement)("span", { key: `${seat.key}-sep` }, t(", ")), ...marked];
++ });
++ return (0, import_react28.createElement)(
+ "div",
+ { className, role: "listitem", "data-flybot": "face-person", "data-mine": person.mine || void 0 },
-+ (0, import_react27.createElement)(
++ (0, import_react28.createElement)(
+ "span",
+ { className: "bt-gs-who bt-face-person" },
-+ (0, import_react27.createElement)("span", { className: "bt-face-marks", "data-flybot": "face-person-avatars" }, faceMarks(person, roster, size)),
-+ (0, import_react27.createElement)(
++ (0, import_react28.createElement)("span", { className: "bt-face-marks", "data-flybot": "face-person-avatars" }, faceMarks(person, roster, size)),
++ (0, import_react28.createElement)(
+ "span",
+ { className: "bt-face-person-text" },
-+ (0, import_react27.createElement)("span", { className: "bt-row-title" }, facePersonLabel(person)),
-+ (0, import_react27.createElement)("span", { className: "bt-face-bots" }, bots)
++ (0, import_react28.createElement)("span", { className: "bt-row-title" }, facePersonLabel(person)),
++ (0, import_react28.createElement)("span", { className: "bt-face-bots" }, bots)
+ )
-+ )
- );
- }
--function SwitchRow({ label, hint, on, disabled, onChange }) {
-- return (0, import_react18.createElement)(
++ )
++ );
++}
+function FaceLead({ room: room2, roster, pick: pick2 }) {
+ const lead = room2.face?.lead;
-+ const [open, setOpen] = (0, import_react27.useState)(false);
-+ const [busy, setBusy] = (0, import_react27.useState)(false);
-+ const [error, setError] = (0, import_react27.useState)("");
++ const [open, setOpen] = (0, import_react28.useState)(false);
++ const [busy, setBusy] = (0, import_react28.useState)(false);
++ const [error, setError] = (0, import_react28.useState)("");
+ const seats = faceSeats(room2, roster);
+ const current = seats.find((seat) => isLeadSeat(seat, lead?.handle));
+ if (!current) return null;
@@ -14482,90 +13015,48 @@ diff --git a/client.js b/client.js
+ setBusy(false);
+ }
+ };
-+ return (0, import_react27.createElement)(
- "div",
-- { className: "bt-set-row bt-bs-row" },
-- (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, label), hint ? (0, import_react18.createElement)("span", { className: "bt-set-hint" }, hint) : null),
-- (0, import_react18.createElement)(Switch, { on, label, disabled, onChange })
++ return (0, import_react28.createElement)(
++ "div",
+ { className: "bt-face-lead", "data-flybot": "face-lead" },
-+ (0, import_react27.createElement)("div", { className: "bt-section-title" }, t("Room lead")),
-+ (0, import_react27.createElement)(
++ (0, import_react28.createElement)("div", { className: "bt-section-title" }, t("Room lead")),
++ (0, import_react28.createElement)(
+ "div",
+ { className: "bt-set-row" },
-+ (0, import_react27.createElement)(
++ (0, import_react28.createElement)(
+ "span",
+ { className: "bt-set-copy" },
-+ (0, import_react27.createElement)("span", { className: "bt-row-title" }, faceSeatLabel(current)),
-+ (0, import_react27.createElement)("span", { className: "bt-set-hint" }, lead.picked ? t("Writes the plan and gives each Bot its part.") : t("Default: the first Bot of the room creator that joined."))
++ (0, import_react28.createElement)("span", { className: "bt-row-title" }, faceSeatLabel(current)),
++ (0, import_react28.createElement)("span", { className: "bt-set-hint" }, lead.picked ? t("Writes the plan and gives each Bot its part.") : t("Default: the first Bot of the room creator that joined."))
+ ),
-+ canPick ? (0, import_react27.createElement)("button", { type: "button", className: "bt-mini", "aria-expanded": open, onClick: () => setOpen(!open) }, open ? t("Done") : t("Change")) : null
++ canPick ? (0, import_react28.createElement)("button", { type: "button", className: "bt-mini", "aria-expanded": open, onClick: () => setOpen(!open) }, open ? t("Done") : t("Change")) : null
+ ),
-+ open && canPick ? seats.map((seat) => (0, import_react27.createElement)(
++ open && canPick ? seats.map((seat) => (0, import_react28.createElement)(
+ "div",
+ { key: seat.key, className: "bt-set-row" },
-+ (0, import_react27.createElement)("span", { className: "bt-set-copy" }, faceSeatLabel(seat)),
-+ seat === current ? (0, import_react27.createElement)("span", { className: "bt-tag" }, t("Lead")) : (0, import_react27.createElement)("button", { type: "button", className: "bt-mini", disabled: busy, onClick: () => void choose(seat.record?.handle) }, t("Make lead"))
++ (0, import_react28.createElement)("span", { className: "bt-set-copy" }, faceSeatLabel(seat)),
++ seat === current ? (0, import_react28.createElement)("span", { className: "bt-tag" }, t("Lead")) : (0, import_react28.createElement)("button", { type: "button", className: "bt-mini", disabled: busy, onClick: () => void choose(seat.record?.handle) }, t("Make lead"))
+ )) : null,
-+ open && canPick && lead.picked ? (0, import_react27.createElement)("button", { type: "button", className: "bt-more", disabled: busy, onClick: () => void choose(null) }, t("Use the default lead")) : null,
-+ canPick || !lead.supported ? null : (0, import_react27.createElement)("div", { className: "bt-set-hint" }, t("Only the person who created this room can change it.")),
-+ error ? (0, import_react27.createElement)("div", { className: "bt-set-hint", role: "alert" }, error) : null
- );
- }
--function modelHint(bot, roster) {
-- const shown = modelOf(bot, roster);
-- if (shown === void 0) return t("Pick the model this Bot runs on.");
-- if (!shown.served && (roster.models ?? []).length > 0) return t("This model is not available now. Pick another one.");
-- if (bot.appliedModel && bot.appliedModel === bot.model) return t("Every message of this Bot runs on it.");
-- return t("Applies from the next message.");
++ open && canPick && lead.picked ? (0, import_react28.createElement)("button", { type: "button", className: "bt-more", disabled: busy, onClick: () => void choose(null) }, t("Use the default lead")) : null,
++ canPick || !lead.supported ? null : (0, import_react28.createElement)("div", { className: "bt-set-hint" }, t("Only the person who created this room can change it.")),
++ error ? (0, import_react28.createElement)("div", { className: "bt-set-hint", role: "alert" }, error) : null
++ );
++}
+function seatedCount(room2) {
+ const live = room2?.presentedParticipants ?? room2?.participants ?? [];
+ const humans = live.filter((p) => p.kind === "human" && p.leftSeq === void 0).length;
+ const remotes = live.filter((p) => p.remote && p.leftSeq === void 0).length;
+ return humans + remotes + (room2?.members?.length ?? 0);
- }
--function ShapeRing({ shape, size }) {
-- const maskId = (0, import_react18.useRef)("");
-- if (maskId.current === "") maskId.current = `bt-ring-${nextMarkSerial()}`;
-- const def = shapeOf(shape);
-- const unit = def.size / size;
-- const markup = `${holes(def, `${bodyOf(def, "#000", true)}`)}${bodyOf(def, "currentColor", true)}`;
-- return (0, import_react18.createElement)("svg", { className: "bt-ring", viewBox: `0 0 ${def.size} ${def.size}`, "aria-hidden": true, dangerouslySetInnerHTML: { __html: markup } });
++}
+function roomSubtitle(room2, roster) {
+ if (room2.origin === "face-to-face") return faceRoomCount(room2, roster);
+ const admin = roster.byId[room2.admin];
+ const count = seatedCount(room2);
+ return [t(count === 1 ? "{count} member" : "{count} members", { count }), admin ? t("Admin {name}", { name: admin.name }) : t("No admin")].join(" · ");
- }
--function CharacterGrid({ look, hasPhoto = false, onShape, onColor }) {
-- const shapes = [...PICKER_SHAPES, ...Object.keys(SHAPES).filter((id) => !Object.hasOwn(CHARACTERS, id))];
-- if (!shapes.includes(look.shape)) shapes.push(look.shape);
-- const rows = [];
-- for (let index = 0; index < shapes.length; index += PICKER_COLUMNS) rows.push(shapes.slice(index, index + PICKER_COLUMNS));
-- return (0, import_react18.createElement)(
-- import_react18.Fragment,
-- null,
-- (0, import_react18.createElement)("div", { className: "bt-shapes", role: "group", "aria-label": t("Character shape") }, rows.map((row, index) => (0, import_react18.createElement)("div", { key: index, className: "bt-shape-row" }, row.map((id) => (0, import_react18.createElement)("button", {
-- key: id,
-- type: "button",
-- className: "bt-shape",
-- "aria-label": t(shapeOf(id).label),
-- title: t(shapeOf(id).label),
-- "aria-pressed": !hasPhoto && look.shape === id,
-- onClick: () => onShape(id)
-- }, (0, import_react18.createElement)(ShapeRing, { shape: id, size: 36 }), (0, import_react18.createElement)(BotMark, { look: { shape: id, color: look.color }, size: 36 })))))),
-- (0, import_react18.createElement)("div", { className: "bt-colors", role: "group", "aria-label": t("Character color") }, CHARACTER_COLORS.map((color) => (0, import_react18.createElement)("button", {
-- key: color,
-- type: "button",
-- className: "bt-color",
-- "aria-label": t(capitalize(color)),
-- title: t(capitalize(color)),
-- "aria-pressed": look.color === color,
-- onClick: () => onColor(color)
-- }, (0, import_react18.createElement)("span", { style: { background: paintCss(color) } }))))
++}
+function GroupSettingsForm({ room: room2, roster, actions, run, onDeleted }) {
-+ const [adding, setAdding] = (0, import_react27.useState)(false);
-+ const [confirming, setConfirming] = (0, import_react27.useState)(false);
-+ (0, import_react27.useEffect)(() => {
++ const [adding, setAdding] = (0, import_react28.useState)(false);
++ const [confirming, setConfirming] = (0, import_react28.useState)(false);
++ (0, import_react28.useEffect)(() => {
+ if (!confirming) return void 0;
+ const timer = setTimeout(() => setConfirming(false), 4e3);
+ return () => clearTimeout(timer);
@@ -14603,41 +13094,65 @@ diff --git a/client.js b/client.js
+ if (done) onDeleted?.();
+ });
+ };
-+ return (0, import_react27.createElement)(
-+ "div",
-+ { className: "bt-bs" },
-+ (0, import_react27.createElement)(
-+ "div",
-+ { className: "bt-bs-hero" },
-+ (0, import_react27.createElement)(RoomAvatar, { room: room2, roster, size: 64 }),
-+ (0, import_react27.createElement)(
-+ "div",
-+ { className: "bt-bs-who" },
-+ (0, import_react27.createElement)("span", { className: "bt-bs-name" }, room2.name),
-+ (0, import_react27.createElement)("span", { className: "bt-bs-sub" }, roomSubtitle(room2, roster))
-+ )
-+ ),
-+ (0, import_react27.createElement)(
-+ Card,
-+ { title: t("Profile") },
-+ (0, import_react27.createElement)(
++ return (0, import_react28.createElement)(
+ "div",
+ { className: "bt-bs" },
+- (0, import_react18.createElement)(
++ (0, import_react28.createElement)(
+ "div",
+ { className: "bt-bs-hero" },
+- (0, import_react18.createElement)(
+- "div",
+- { className: "bt-avatar-anchor" },
+- (0, import_react18.createElement)(
+- "button",
+- { type: "button", className: "bt-avatar-trigger", "aria-label": t("Edit Bot avatar"), "aria-expanded": editing, onClick: () => setEditing((value) => !value) },
+- (0, import_react18.createElement)(BotMark, { bot, size: 64, live: true }),
+- (0, import_react18.createElement)("span", { className: "bt-avatar-pencil", "aria-hidden": true }, (0, import_react18.createElement)(PencilIcon))
+- ),
+- editing ? (0, import_react18.createElement)(AvatarEditor, { bot, actions, run, onClose: closeEditor }) : null
+- ),
+- (0, import_react18.createElement)(
++ (0, import_react28.createElement)(RoomAvatar, { room: room2, roster, size: 64 }),
++ (0, import_react28.createElement)(
+ "div",
+ { className: "bt-bs-who" },
+- (0, import_react18.createElement)("span", { className: "bt-bs-name" }, bot.name),
+- (0, import_react18.createElement)("span", { className: "bt-bs-sub" }, [bot.role, isMainBot ? t("Main Bot") : ""].filter(Boolean).join(" · ") || t("Bot"))
++ (0, import_react28.createElement)("span", { className: "bt-bs-name" }, room2.name),
++ (0, import_react28.createElement)("span", { className: "bt-bs-sub" }, roomSubtitle(room2, roster))
+ )
+ ),
+- (0, import_react18.createElement)(
++ (0, import_react28.createElement)(
+ Card,
+ { title: t("Profile") },
+- (0, import_react18.createElement)(Row, { label: t("Name") }, (0, import_react18.createElement)(InlineText, { label: t("Name"), value: bot.name, placeholder: "Bob", required: true, maxLength: 40, onSave: (name) => save({ name }) })),
+- (0, import_react18.createElement)(Row, { label: t("Label"), hint: t("Optional. Shown under the name.") }, (0, import_react18.createElement)(InlineText, { label: t("Label"), value: bot.role, placeholder: t("Research, admin…"), maxLength: 24, onSave: (role) => save({ role }) }))
++ (0, import_react28.createElement)(
+ Row,
+ { label: t("Name"), hint: t("Leave it empty to name the group after its members.") },
-+ (0, import_react27.createElement)(InlineText, { label: t("Group name"), value: room2.named ? room2.name : "", placeholder: t("Name after members"), maxLength: 60, onSave: (name) => update({ name }) })
++ (0, import_react28.createElement)(InlineText, { label: t("Group name"), value: room2.named ? room2.name : "", placeholder: t("Name after members"), maxLength: 60, onSave: (name) => update({ name }) })
+ ),
-+ (0, import_react27.createElement)(
++ (0, import_react28.createElement)(
+ Row,
+ { label: t("Notice"), hint: t("Every member reads it before speaking in this group."), stack: true },
-+ (0, import_react27.createElement)(InlineText, { label: t("Group notice"), value: room2.notice, multiline: true, maxLength: 2e3, placeholder: t("Shared instructions every member reads before speaking…"), onSave: (notice) => update({ notice }) })
++ (0, import_react28.createElement)(InlineText, { label: t("Group notice"), value: room2.notice, multiline: true, maxLength: 2e3, placeholder: t("Shared instructions every member reads before speaking…"), onSave: (notice) => update({ notice }) })
+ )
-+ ),
-+ (0, import_react27.createElement)(
-+ Card,
+ ),
+- (0, import_react18.createElement)(
++ (0, import_react28.createElement)(
+ Card,
+- { title: t("Model") },
+- (0, import_react18.createElement)(
+ { title: t("Who answers") },
-+ (0, import_react27.createElement)(
-+ "div",
++ (0, import_react28.createElement)(
+ "div",
+- { className: "bt-set-row bt-bs-row" },
+- (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, t("Model")), (0, import_react18.createElement)("span", { className: "bt-set-hint" }, modelHint(bot, roster))),
+- (0, import_react18.createElement)(ModelMenu, { bot, roster, actions, run })
+ { className: "bt-set-row bt-bs-row bt-bs-stack" },
-+ (0, import_react27.createElement)(Segmented, { label: t("Who answers"), value: mode }, ROOM_MODES.map(([id, label]) => (0, import_react27.createElement)("button", {
++ (0, import_react28.createElement)(Segmented, { label: t("Who answers"), value: mode }, ROOM_MODES.map(([id, label]) => (0, import_react28.createElement)("button", {
+ key: id,
+ type: "button",
+ "aria-pressed": mode === id,
@@ -14647,108 +13162,133 @@ diff --git a/client.js b/client.js
+ if (mode !== id) void update({ mode: id });
+ }
+ }, t(label)))),
-+ (0, import_react27.createElement)("span", { key: mode, className: "bt-set-hint bt-veil" }, `${t(modeHint)} ${t("@mentions always pick who answers.")}`)
-+ )
-+ ),
-+ (0, import_react27.createElement)(
-+ Card,
-+ { title: t("Working folder") },
-+ (0, import_react27.createElement)(
-+ "div",
-+ { className: "bt-set-row bt-bs-row" },
-+ (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label" }, t("Folder"))),
-+ (0, import_react27.createElement)(FolderMenu, { value: room2.workDir, group: true, actions, run, onPick: (workDir) => update({ workDir }) })
-+ )
-+ ),
-+ face ? (0, import_react27.createElement)(
-+ Card,
++ (0, import_react28.createElement)("span", { key: mode, className: "bt-set-hint bt-veil" }, `${t(modeHint)} ${t("@mentions always pick who answers.")}`)
+ )
+ ),
+- (0, import_react18.createElement)(
++ (0, import_react28.createElement)(
+ Card,
+ { title: t("Working folder") },
+- (0, import_react18.createElement)(
++ (0, import_react28.createElement)(
+ "div",
+ { className: "bt-set-row bt-bs-row" },
+- (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, t("Folder"))),
+- (0, import_react18.createElement)(FolderMenu, { value: bot.workDir, actions, run, onPick: (workDir) => save({ workDir }) })
++ (0, import_react28.createElement)("span", { className: "bt-set-copy" }, (0, import_react28.createElement)("span", { className: "bt-bs-label" }, t("Folder"))),
++ (0, import_react28.createElement)(FolderMenu, { value: room2.workDir, group: true, actions, run, onPick: (workDir) => update({ workDir }) })
+ )
+ ),
+- (0, import_react18.createElement)(
++ face ? (0, import_react28.createElement)(
+ Card,
+- { title: t("Instructions") },
+- (0, import_react18.createElement)(
+- Row,
+- { label: t("What this Bot does"), hint: t("Its job on the team. Part of the Bot's system prompt."), stack: true },
+- (0, import_react18.createElement)(InlineText, { label: t("Instructions"), value: bot.instructions, multiline: true, placeholder: t("What this Bot is responsible for…"), onSave: (instructions) => save({ instructions }) })
+- )
+- ),
+- (0, import_react18.createElement)(BotCapabilitiesCard, { bot, roster, actions, run, Card, SwitchRow }),
+- roster.memory === false ? null : (0, import_react18.createElement)(MemoryCard, { bot, actions }),
+- (0, import_react18.createElement)(BotSchedules, { bot, roster, actions }),
+- (0, import_react18.createElement)(
+ { title: t("Members · {count}", { count: people2.length }) },
-+ people2.map((person) => (0, import_react27.createElement)(FacePersonRow, { key: person.key, person, roster, onOpenBot: openBot, lead: room2.face?.lead?.handle }))
++ people2.map((person) => (0, import_react28.createElement)(FacePersonRow, { key: person.key, person, roster, onOpenBot: openBot, lead: room2.face?.lead?.handle }))
+ ) : null,
-+ face ? null : (0, import_react27.createElement)(
-+ Card,
++ face ? null : (0, import_react28.createElement)(
+ Card,
+- { title: t("Main Bot") },
+- onlyMain ? (0, import_react18.createElement)(
+ { title: t("Members · {count}", { count: members.length + humans.length + remotes.length }) },
-+ humans.map((person) => (0, import_react27.createElement)(
-+ "div",
++ humans.map((person) => (0, import_react28.createElement)(
+ "div",
+- { className: "bt-set-row bt-bs-row" },
+- (0, import_react18.createElement)(
+ { key: person.id, className: "bt-set-row bt-bs-row bt-gs-member" },
-+ (0, import_react27.createElement)(
-+ "span",
++ (0, import_react28.createElement)(
+ "span",
+- { className: "bt-set-copy" },
+- (0, import_react18.createElement)("span", { className: "bt-bs-label" }, t("Main Bot")),
+- (0, import_react18.createElement)("span", { className: "bt-set-hint" }, t("The only Main Bot. To hand the role to another Bot, use Main Bot on the Bots page."))
+ { className: "bt-gs-who" },
-+ (0, import_react27.createElement)("span", { className: "bt-row-title" }, person.displayName || person.id),
-+ (0, import_react27.createElement)("span", { className: "bt-tag" }, t("Human")),
-+ person.role === "admin" ? (0, import_react27.createElement)("span", { className: "bt-tag" }, t("Admin")) : null
++ (0, import_react28.createElement)("span", { className: "bt-row-title" }, person.displayName || person.id),
++ (0, import_react28.createElement)("span", { className: "bt-tag" }, t("Human")),
++ person.role === "admin" ? (0, import_react28.createElement)("span", { className: "bt-tag" }, t("Admin")) : null
+ ),
-+ humans.length + members.length + remotes.length > 2 && person.id !== roster.self?.memberId ? (0, import_react27.createElement)("button", { type: "button", className: "bt-x", "aria-label": t("Remove {name} from the group", { name: person.displayName || person.id }), title: t("Remove from group"), onClick: () => update({ removeParticipants: [{ kind: "human", id: person.id }] }) }, "×") : null
++ humans.length + members.length + remotes.length > 2 && person.id !== roster.self?.memberId ? (0, import_react28.createElement)("button", { type: "button", className: "bt-x", "aria-label": t("Remove {name} from the group", { name: person.displayName || person.id }), title: t("Remove from group"), onClick: () => update({ removeParticipants: [{ kind: "human", id: person.id }] }) }, "×") : null
+ )),
+ members.map((member) => {
+ const leads = room2.admin === member.id;
+ const boardHere = room2.origin !== "face-to-face" && room2.origin !== "inbound-share";
+ const taskLead = room2.taskLead === member.id;
-+ return (0, import_react27.createElement)(
++ return (0, import_react28.createElement)(
+ "div",
+ { key: member.id, className: "bt-set-row bt-bs-row bt-gs-member" },
-+ (0, import_react27.createElement)(
++ (0, import_react28.createElement)(
+ "button",
+ { type: "button", className: "bt-gs-who", title: t("Open {name}'s chat", { name: member.name }), onClick: () => openBot(member.id) },
-+ (0, import_react27.createElement)(BotAvatar, { bot: member, size: 26, main: isMainOf(roster, member.id), admin: leads, live: false }),
-+ (0, import_react27.createElement)("span", { className: "bt-row-title" }, member.name),
-+ leads ? (0, import_react27.createElement)("span", { className: "bt-tag" }, t("Admin")) : null,
-+ taskLead ? (0, import_react27.createElement)("span", { className: "bt-tag" }, t("Task lead")) : null,
-+ (roster.humans ?? []).some((person) => person.designatedChiefId === member.id) ? (0, import_react27.createElement)("span", { className: "bt-tag" }, t("Chief")) : null
++ (0, import_react28.createElement)(BotAvatar, { bot: member, size: 26, main: isMainOf(roster, member.id), admin: leads, live: false }),
++ (0, import_react28.createElement)("span", { className: "bt-row-title" }, member.name),
++ leads ? (0, import_react28.createElement)("span", { className: "bt-tag" }, t("Admin")) : null,
++ taskLead ? (0, import_react28.createElement)("span", { className: "bt-tag" }, t("Task lead")) : null,
++ (roster.humans ?? []).some((person) => person.designatedChiefId === member.id) ? (0, import_react28.createElement)("span", { className: "bt-tag" }, t("Chief")) : null
+ ),
-+ leads ? (0, import_react27.createElement)("button", { type: "button", className: "bt-mini", title: t("Leave the group without an admin"), onClick: () => update({ admin: null }) }, t("Unset")) : (0, import_react27.createElement)("button", { type: "button", className: "bt-mini", onClick: () => update({ admin: member.id }) }, t("Make admin")),
-+ boardHere ? taskLead ? (0, import_react27.createElement)("button", { type: "button", className: "bt-mini", onClick: () => update({ taskLead: null }) }, t("Use the admin")) : (0, import_react27.createElement)("button", { type: "button", className: "bt-mini", onClick: () => update({ taskLead: member.id }) }, t("Make task lead")) : null,
-+ members.length > 2 ? (0, import_react27.createElement)("button", { type: "button", className: "bt-x", "aria-label": t("Remove {name} from the group", { name: member.name }), title: t("Remove from group"), onClick: () => update({ remove: [member.id] }) }, "×") : null
++ leads ? (0, import_react28.createElement)("button", { type: "button", className: "bt-mini", title: t("Leave the group without an admin"), onClick: () => update({ admin: null }) }, t("Unset")) : (0, import_react28.createElement)("button", { type: "button", className: "bt-mini", onClick: () => update({ admin: member.id }) }, t("Make admin")),
++ boardHere ? taskLead ? (0, import_react28.createElement)("button", { type: "button", className: "bt-mini", onClick: () => update({ taskLead: null }) }, t("Use the admin")) : (0, import_react28.createElement)("button", { type: "button", className: "bt-mini", onClick: () => update({ taskLead: member.id }) }, t("Make task lead")) : null,
++ members.length > 2 ? (0, import_react28.createElement)("button", { type: "button", className: "bt-x", "aria-label": t("Remove {name} from the group", { name: member.name }), title: t("Remove from group"), onClick: () => update({ remove: [member.id] }) }, "×") : null
+ );
+ }),
-+ remotes.map((person) => (0, import_react27.createElement)(
++ remotes.map((person) => (0, import_react28.createElement)(
+ "div",
+ { key: person.handle || person.id, className: "bt-set-row bt-bs-row bt-gs-member" },
-+ (0, import_react27.createElement)(
++ (0, import_react28.createElement)(
+ "span",
+ { className: "bt-gs-who" },
-+ (0, import_react27.createElement)(BotAvatar, { bot: lookBotForRemote(person, roster), size: 26, badge: false, live: false }),
-+ (0, import_react27.createElement)("span", { className: "bt-row-title", title: person.handle || void 0 }, person.label || remoteBotTitle(person)),
++ (0, import_react28.createElement)(BotAvatar, { bot: lookBotForRemote(person, roster), size: 26, badge: false, live: false }),
++ (0, import_react28.createElement)("span", { className: "bt-row-title", title: person.handle || void 0 }, person.label || remoteBotTitle(person)),
+ // #904: a host's roster entry is not a friend's Bot, and one this home cannot confirm is
+ // labelled as such; a Bot with no Bot Social identity can never be written to at all.
-+ room2.origin === "face-to-face" ? null : (0, import_react27.createElement)("span", { className: "bt-tag" }, person.unconnected ? t("Not connected") : room2.origin === "inbound-share" && person.verified === false ? t("Unconfirmed") : t("Friend's Bot"))
-+ ),
++ room2.origin === "face-to-face" ? null : (0, import_react28.createElement)("span", { className: "bt-tag" }, person.unconnected ? t("Not connected") : room2.origin === "inbound-share" && person.verified === false ? t("Unconfirmed") : t("Friend's Bot"))
+ ),
+- (0, import_react18.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("bots") }, t("Change"))
+- ) : (0, import_react18.createElement)(SwitchRow, { label: t("Main Bot"), hint: t("Can create and change Bots, and runs every group chat."), on: isMainBot, onChange: (on) => run(actions.setMain(bot.id, on)) })
+ // A guest's mirror is not theirs to edit: the host's membership is changed on the host side.
-+ room2.origin === "face-to-face" || room2.origin === "inbound-share" || members.length + remotes.length <= 2 ? null : (0, import_react27.createElement)("button", { type: "button", className: "bt-x", "aria-label": t("Remove {name} from the group", { name: remoteBotTitle(person) }), title: t("Remove from group"), onClick: () => update({ removeParticipants: [{ kind: "bot", id: person.handle || person.id, remote: true }] }) }, "×")
++ room2.origin === "face-to-face" || room2.origin === "inbound-share" || members.length + remotes.length <= 2 ? null : (0, import_react28.createElement)("button", { type: "button", className: "bt-x", "aria-label": t("Remove {name} from the group", { name: remoteBotTitle(person) }), title: t("Remove from group"), onClick: () => update({ removeParticipants: [{ kind: "bot", id: person.handle || person.id, remote: true }] }) }, "×")
+ )),
+ room2.origin === "face-to-face" ? null : adding ? [
-+ ...outsidePeople.map((person) => (0, import_react27.createElement)(
++ ...outsidePeople.map((person) => (0, import_react28.createElement)(
+ "button",
+ { key: person.id, type: "button", className: "bt-set-row bt-bs-row bt-gs-pick", onClick: () => {
+ setAdding(false);
+ void update({ addParticipants: [{ kind: "human", id: person.id, displayName: person.displayName }] });
+ } },
-+ (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label" }, person.displayName || person.id)),
-+ (0, import_react27.createElement)("span", { className: "bt-set-hint" }, t("Add person"))
++ (0, import_react28.createElement)("span", { className: "bt-set-copy" }, (0, import_react28.createElement)("span", { className: "bt-bs-label" }, person.displayName || person.id)),
++ (0, import_react28.createElement)("span", { className: "bt-set-hint" }, t("Add person"))
+ )),
-+ ...outside.map((bot) => (0, import_react27.createElement)(
++ ...outside.map((bot) => (0, import_react28.createElement)(
+ "button",
+ { key: bot.id, type: "button", className: "bt-set-row bt-bs-row bt-gs-pick", onClick: () => {
+ setAdding(false);
+ void update({ add: [bot.id] });
+ } },
-+ (0, import_react27.createElement)(BotMark, { bot, size: 22 }),
-+ (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label" }, bot.name)),
-+ (0, import_react27.createElement)("span", { className: "bt-set-hint" }, t("Add"))
++ (0, import_react28.createElement)(BotMark, { bot, size: 22 }),
++ (0, import_react28.createElement)("span", { className: "bt-set-copy" }, (0, import_react28.createElement)("span", { className: "bt-bs-label" }, bot.name)),
++ (0, import_react28.createElement)("span", { className: "bt-set-hint" }, t("Add"))
+ )),
-+ ...outsideRemotes.map((bot) => (0, import_react27.createElement)(
++ ...outsideRemotes.map((bot) => (0, import_react28.createElement)(
+ "button",
+ { key: bot.handle, type: "button", className: "bt-set-row bt-bs-row bt-gs-pick", onClick: () => {
+ setAdding(false);
+ void update({ addParticipants: [{ kind: "bot", remote: true, handle: bot.handle }] });
+ } },
-+ (0, import_react27.createElement)(BotAvatar, { bot: lookBotForRemote({ handle: bot.handle, displayName: bot.name, avatar: bot.avatar, color: bot.color }, roster), size: 22, badge: false, live: false }),
-+ (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label" }, remoteBotTitle({ displayName: bot.name, ownerName: bot.homeName || bot.owner, handle: bot.handle, isChief: bot.isChief }))),
-+ (0, import_react27.createElement)("span", { className: "bt-set-hint" }, t("Add friend's Bot"))
++ (0, import_react28.createElement)(BotAvatar, { bot: lookBotForRemote({ handle: bot.handle, displayName: bot.name, avatar: bot.avatar, color: bot.color }, roster), size: 22, badge: false, live: false }),
++ (0, import_react28.createElement)("span", { className: "bt-set-copy" }, (0, import_react28.createElement)("span", { className: "bt-bs-label" }, remoteBotTitle({ displayName: bot.name, ownerName: bot.homeName || bot.owner, handle: bot.handle, isChief: bot.isChief }))),
++ (0, import_react28.createElement)("span", { className: "bt-set-hint" }, t("Add friend's Bot"))
+ )),
-+ (0, import_react27.createElement)("button", { key: "cancel", type: "button", className: "bt-set-row bt-bs-row bt-gs-add", onClick: () => setAdding(false) }, t("Cancel"))
-+ ] : outside.length + outsidePeople.length + outsideRemotes.length > 0 ? (0, import_react27.createElement)("button", { type: "button", className: "bt-set-row bt-bs-row bt-gs-add", onClick: () => setAdding(true) }, (0, import_react27.createElement)(PlusIcon), t("Add member")) : null,
-+ (0, import_react27.createElement)("div", { className: "bt-set-row bt-gs-note" }, (0, import_react27.createElement)(
++ (0, import_react28.createElement)("button", { key: "cancel", type: "button", className: "bt-set-row bt-bs-row bt-gs-add", onClick: () => setAdding(false) }, t("Cancel"))
++ ] : outside.length + outsidePeople.length + outsideRemotes.length > 0 ? (0, import_react28.createElement)("button", { type: "button", className: "bt-set-row bt-bs-row bt-gs-add", onClick: () => setAdding(true) }, (0, import_react28.createElement)(PlusIcon), t("Add member")) : null,
++ (0, import_react28.createElement)("div", { className: "bt-set-row bt-gs-note" }, (0, import_react28.createElement)(
+ "span",
+ { className: "bt-set-hint" },
+ // The host checks for two members on every change, even a rename.
@@ -14756,83 +13296,52 @@ diff --git a/client.js b/client.js
+ )),
+ // #876: a plugin's rows for this room (Invite by link), only in a group that lives here. Last, after
+ // the note on who leads, so that note stays with the members it is about (#892).
-+ room2.origin === "face-to-face" || room2.origin === "inbound-share" ? null : (0, import_react27.createElement)(FlyBotRoomMembers, { room: room2, roster, actions })
-+ ),
-+ (0, import_react27.createElement)(StandingApprovalsCard, { scope: "room", target: room2, roster, actions, run, Card }),
-+ (0, import_react27.createElement)(
-+ Card,
-+ { title: t("Sidebar") },
-+ (0, import_react27.createElement)(SwitchRow, { label: t("Pin"), hint: t("Kept above the other chats."), on: room2.pinned === true, onChange: (pinned) => run(actions.setFlags(room2.id, { pinned })) }),
-+ (0, import_react27.createElement)(SwitchRow, { label: t("Hide from sidebar"), hint: t("Search still finds it."), on: room2.hidden === true, onChange: (hidden) => run(actions.setFlags(room2.id, { hidden })) })
-+ ),
-+ (0, import_react27.createElement)(
-+ Card,
++ room2.origin === "face-to-face" || room2.origin === "inbound-share" ? null : (0, import_react28.createElement)(FlyBotRoomMembers, { room: room2, roster, actions })
+ ),
+- // The Main Bot tile is always first and always shown, like in the context menu.
+- isTile ? null : (0, import_react18.createElement)(
++ (0, import_react28.createElement)(StandingApprovalsCard, { scope: "room", target: room2, roster, actions, run, Card }),
++ (0, import_react28.createElement)(
+ Card,
+ { title: t("Sidebar") },
+- (0, import_react18.createElement)(SwitchRow, { label: t("Pin"), hint: t("Kept above the other chats."), on: bot.pinned === true, onChange: (pinned) => run(actions.setFlags(bot.id, { pinned })) }),
+- isMainBot ? null : (0, import_react18.createElement)(SwitchRow, { label: t("Hide from sidebar"), hint: t("Search still finds it."), on: bot.hidden === true, onChange: (hidden) => run(actions.setFlags(bot.id, { hidden })) })
++ (0, import_react28.createElement)(SwitchRow, { label: t("Pin"), hint: t("Kept above the other chats."), on: room2.pinned === true, onChange: (pinned) => run(actions.setFlags(room2.id, { pinned })) }),
++ (0, import_react28.createElement)(SwitchRow, { label: t("Hide from sidebar"), hint: t("Search still finds it."), on: room2.hidden === true, onChange: (hidden) => run(actions.setFlags(room2.id, { hidden })) })
+ ),
+- (0, import_react18.createElement)(
++ (0, import_react28.createElement)(
+ Card,
+- { title: t("Manage") },
+- (0, import_react18.createElement)(
+ { title: t("More") },
-+ (0, import_react27.createElement)(
-+ "button",
++ (0, import_react28.createElement)(
+ "button",
+- { type: "button", className: "bt-set-row bt-bs-row", onClick: duplicate },
+- (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, t("Duplicate")), (0, import_react18.createElement)("span", { className: "bt-set-hint" }, t("A copy with the same job and model, and fresh memory."))),
+- (0, import_react18.createElement)("span", { className: "bt-chevron" }, (0, import_react18.createElement)(ChevronRightIcon))
+ { type: "button", className: "bt-set-row bt-bs-row bt-bs-danger", "data-confirm": confirming || void 0, onClick: remove },
-+ (0, import_react27.createElement)(
++ (0, import_react28.createElement)(
+ "span",
+ { className: "bt-set-copy" },
-+ (0, import_react27.createElement)("span", { className: "bt-bs-label" }, confirming ? t("Delete {name}?", { name: room2.name }) : t("Delete group")),
-+ (0, import_react27.createElement)("span", { className: "bt-set-hint" }, confirming ? t("Click again to delete. Its history is archived.") : t("Removes the group chat. Its members stay on the team."))
++ (0, import_react28.createElement)("span", { className: "bt-bs-label" }, confirming ? t("Delete {name}?", { name: room2.name }) : t("Delete group")),
++ (0, import_react28.createElement)("span", { className: "bt-set-hint" }, confirming ? t("Click again to delete. Its history is archived.") : t("Removes the group chat. Its members stay on the team."))
+ ),
-+ (0, import_react27.createElement)("span", { className: "bt-chevron" }, (0, import_react27.createElement)(ChevronRightIcon))
++ (0, import_react28.createElement)("span", { className: "bt-chevron" }, (0, import_react28.createElement)(ChevronRightIcon))
+ )
+ )
- );
- }
--function AvatarEditor({ bot, actions, run, onClose }) {
-- const look = lookOf(bot);
-- const [tab, setTab] = (0, import_react18.useState)(look.image ? "upload" : "bot");
-- const [over, setOver] = (0, import_react18.useState)(false);
-- const ref = (0, import_react18.useRef)(null);
-- const fileRef = (0, import_react18.useRef)(null);
-- const upload = (file) => {
-- if (file) void run(avatarImage(file).then((image) => actions.updateBot(bot.id, { avatar: { ...bot.avatar ?? {}, image } })));
++ );
++}
+function NewGroupForm({ roster, actions, run, onCreated, onCancel }) {
-+ const [admin, setAdmin] = (0, import_react27.useState)(null);
-+ const [members, setMembers] = (0, import_react27.useState)([]);
-+ const [name, setName] = (0, import_react27.useState)("");
-+ const [busy, setBusy] = (0, import_react27.useState)(false);
++ const [admin, setAdmin] = (0, import_react28.useState)(null);
++ const [members, setMembers] = (0, import_react28.useState)([]);
++ const [name, setName] = (0, import_react28.useState)("");
++ const [busy, setBusy] = (0, import_react28.useState)(false);
+ const toggle = (id) => setMembers((list) => list.includes(id) ? list.filter((item) => item !== id) : [...list, id]);
+ const pickAdmin = (id) => {
+ setAdmin(id);
+ setMembers((list) => list.filter((item) => item !== id));
- };
-- (0, import_react18.useEffect)(() => {
-- const onDown = (event) => {
-- if (!(event.target instanceof Element) || ref.current?.contains(event.target) || event.target.closest(".bt-avatar-trigger")) return;
-- onClose();
-- };
-- const onKey = (event) => {
-- if (event.key === "Escape") {
-- event.stopPropagation();
-- onClose();
-- }
-- };
-- window.addEventListener("mousedown", onDown);
-- window.addEventListener("keydown", onKey, true);
-- return () => {
-- window.removeEventListener("mousedown", onDown);
-- window.removeEventListener("keydown", onKey, true);
-- };
-- }, [onClose]);
-- (0, import_react18.useEffect)(() => {
-- if (tab !== "upload") return void 0;
-- const onPaste = (event) => {
-- const file = [...event.clipboardData?.files ?? []].find((item) => item.type.startsWith("image/"));
-- if (file) {
-- event.preventDefault();
-- upload(file);
-- }
-- };
-- window.addEventListener("paste", onPaste);
-- return () => window.removeEventListener("paste", onPaste);
-- }, [tab, bot]);
-- const hasPhoto = Boolean(look.image);
-- const glide = useGlide(tab);
-- return (0, import_react18.createElement)(
++ };
+ const create = async () => {
+ if (busy || admin === null || members.length === 0) return;
+ setBusy(true);
@@ -14843,129 +13352,51 @@ diff --git a/client.js b/client.js
+ if (done && room2) onCreated(room2);
+ else setBusy(false);
+ };
-+ const chip = (bot, on, onClick, role) => (0, import_react27.createElement)("button", {
++ const chip = (bot, on, onClick, role) => (0, import_react28.createElement)("button", {
+ key: bot.id,
+ type: "button",
+ role,
+ className: "bt-ng-chip",
+ "aria-checked": on,
+ onClick
-+ }, (0, import_react27.createElement)(BotAvatar, { bot, size: 22, badge: false, live: false }), (0, import_react27.createElement)("span", { className: "bt-ng-name" }, bot.name), on && role === "radio" ? (0, import_react27.createElement)(AdminStar) : null);
-+ return (0, import_react27.createElement)(
- "div",
-- { ref, className: "bt-avedit", role: "dialog", "aria-label": t("Avatar editor") },
-- (0, import_react18.createElement)(
++ }, (0, import_react28.createElement)(BotAvatar, { bot, size: 22, badge: false, live: false }), (0, import_react28.createElement)("span", { className: "bt-ng-name" }, bot.name), on && role === "radio" ? (0, import_react28.createElement)(AdminStar) : null);
++ return (0, import_react28.createElement)(
++ "div",
+ { className: "bt-set-card bt-ng" },
-+ (0, import_react27.createElement)(
- "div",
-- { className: "bt-avedit-top" },
-- (0, import_react18.createElement)(
++ (0, import_react28.createElement)(
++ "div",
+ { className: "bt-set-row bt-bs-row bt-bs-stack" },
-+ (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label bt-ng-label" }, (0, import_react27.createElement)(AdminStar), t("Choose the group admin"))),
-+ (0, import_react27.createElement)(
- "div",
-- { ref: glide.box, role: "tablist", "aria-label": t("Avatar source"), className: "bt-avedit-tabs" },
-- (0, import_react18.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
-- [["bot", "Bot"], ["upload", "Upload"]].map(([id, label]) => (0, import_react18.createElement)("button", { key: id, type: "button", role: "tab", className: "bt-avedit-tab", "aria-selected": tab === id, onClick: () => setTab(id) }, t(label)))
-- ),
-- (0, import_react18.createElement)("button", {
-- type: "button",
-- className: "bt-avedit-tab bt-avedit-reset",
-- title: t("Reset character to default"),
-- onClick: () => run(actions.updateBot(bot.id, { avatar: null, color: null }))
-- }, t("Reset"))
++ (0, import_react28.createElement)("span", { className: "bt-set-copy" }, (0, import_react28.createElement)("span", { className: "bt-bs-label bt-ng-label" }, (0, import_react28.createElement)(AdminStar), t("Choose the group admin"))),
++ (0, import_react28.createElement)(
++ "div",
+ { className: "bt-ng-picks", role: "radiogroup", "aria-label": t("Group admin") },
+ roster.bots.map((bot) => chip(bot, admin === bot.id, () => pickAdmin(bot.id), "radio"))
+ )
- ),
-- tab === "bot" ? (0, import_react18.createElement)(CharacterGrid, {
-- look,
-- hasPhoto,
-- onShape: (shape) => run(actions.updateBot(bot.id, { avatar: { shape } })),
-- onColor: (color) => run(actions.updateBot(bot.id, { color }))
-- }) : null,
-- tab === "upload" ? (0, import_react18.createElement)(
-+ admin === null ? null : (0, import_react27.createElement)(
- "div",
-- {
-- className: "bt-dropzone",
-- "data-over": over || void 0,
-- onDragOver: (event) => {
-- event.preventDefault();
-- setOver(true);
-- },
-- onDragLeave: () => setOver(false),
-- onDrop: (event) => {
-- event.preventDefault();
-- setOver(false);
-- upload(event.dataTransfer.files?.[0]);
-- }
-- },
-- hasPhoto ? (0, import_react18.createElement)("img", { src: look.image, alt: "" }) : null,
-- (0, import_react18.createElement)("div", null, t("Drag, drop, or paste an image")),
-- (0, import_react18.createElement)(
++ ),
++ admin === null ? null : (0, import_react28.createElement)(
++ "div",
+ { className: "bt-set-row bt-bs-row bt-bs-stack bt-ng-step" },
-+ (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label" }, t("Who to chat with…"))),
-+ (0, import_react27.createElement)(
- "div",
-- { className: "bt-actions", style: { justifyContent: "center" } },
-- (0, import_react18.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, hasPhoto ? t("Replace") : t("Browse files")),
-- hasPhoto ? (0, import_react18.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.updateBot(bot.id, { avatar: hasShape(bot.avatar?.shape) ? { shape: bot.avatar.shape } : null })) }, t("Remove photo")) : null
-- ),
-- (0, import_react18.createElement)("input", { ref: fileRef, type: "file", accept: "image/png,image/jpeg,image/webp,image/gif", hidden: true, onChange: (event) => {
-- const file = event.target.files?.[0];
-- event.target.value = "";
-- upload(file);
-- } })
-- ) : null
-- );
--}
--function MemoryCard({ bot, actions }) {
-- const count = useMemoryCount(bot.id, actions);
-- const label = count === null ? t("Loading…") : count === 0 ? t("Nothing saved yet") : count === 1 ? t("1 entry") : t("{count} entries", { count });
-- return (0, import_react18.createElement)(
-- Card,
-- { title: t("Memory") },
-- (0, import_react18.createElement)(
-- "button",
-- { type: "button", className: "bt-set-row bt-bs-row", "aria-label": t("Manage {name}'s memory", { name: bot.name }), onClick: () => actions.openMemory(bot.id) },
-- (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, label)),
-- (0, import_react18.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react18.createElement)(ChevronRightIcon))
++ (0, import_react28.createElement)("span", { className: "bt-set-copy" }, (0, import_react28.createElement)("span", { className: "bt-bs-label" }, t("Who to chat with…"))),
++ (0, import_react28.createElement)(
++ "div",
+ { className: "bt-ng-picks", role: "group", "aria-label": t("Members") },
+ roster.bots.filter((bot) => bot.id !== admin).map((bot) => chip(bot, members.includes(bot.id), () => toggle(bot.id), "checkbox"))
+ )
+ ),
-+ admin === null || members.length === 0 ? null : (0, import_react27.createElement)(
++ admin === null || members.length === 0 ? null : (0, import_react28.createElement)(
+ "label",
+ { className: "bt-set-row bt-bs-row bt-ng-step" },
-+ (0, import_react27.createElement)("span", { className: "bt-set-copy" }, (0, import_react27.createElement)("span", { className: "bt-bs-label" }, t("Name"))),
-+ (0, import_react27.createElement)("input", { className: "bt-bs-input", value: name, maxLength: 60, placeholder: t("Name after members"), onChange: (event) => setName(event.target.value) })
++ (0, import_react28.createElement)("span", { className: "bt-set-copy" }, (0, import_react28.createElement)("span", { className: "bt-bs-label" }, t("Name"))),
++ (0, import_react28.createElement)("input", { className: "bt-bs-input", value: name, maxLength: 60, placeholder: t("Name after members"), onChange: (event) => setName(event.target.value) })
+ ),
-+ (0, import_react27.createElement)(
++ (0, import_react28.createElement)(
+ "div",
+ { className: "bt-set-row bt-task-foot" },
-+ (0, import_react27.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onCancel }, t("Cancel")),
-+ (0, import_react27.createElement)("button", { type: "button", className: "bt-send bt-soft-sm", disabled: busy || admin === null || members.length === 0, onClick: () => void create() }, t("Create group chat"))
- )
- );
- }
--function BotSettingsForm({ bot, roster, actions, run }) {
-- const [editing, setEditing] = (0, import_react18.useState)(false);
-- const [confirming, setConfirming] = (0, import_react18.useState)(false);
-- const closeEditor = (0, import_react18.useCallback)(() => setEditing(false), []);
-- (0, import_react18.useEffect)(() => {
-- if (!confirming) return void 0;
-- const timer = setTimeout(() => setConfirming(false), 4e3);
-- return () => clearTimeout(timer);
-- }, [confirming]);
-- const isMainBot = isMainOf(roster, bot.id);
-- const onlyMain = isMainBot && (roster.mainBotIds ?? []).length === 1;
-- const isTile = roster.mainBotId === bot.id;
-- const save = (patch) => run(actions.updateBot(bot.id, patch));
-- const duplicate = () => run(actions.duplicateBot(bot.id).then((copy2) => actions.openSession(copy2.id)));
-- const remove = () => {
-- if (confirming) void run(actions.deleteBot(bot.id));
-- else setConfirming(true);
++ (0, import_react28.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onCancel }, t("Cancel")),
++ (0, import_react28.createElement)("button", { type: "button", className: "bt-send bt-soft-sm", disabled: busy || admin === null || members.length === 0, onClick: () => void create() }, t("Create group chat"))
++ )
++ );
++}
+var GROUP_SETTINGS_CSS = `
+.bt-ng{animation:bt-q-in .4s cubic-bezier(.22,1,.36,1),bt-veil-in .2s ease-out}
+.bt-ng-step{animation:bt-veil-in .22s ease-out}
@@ -14998,13 +13429,13 @@ diff --git a/client.js b/client.js
+`;
+
+// src/client/palette.js
-+var import_react28 = require("react");
++var import_react29 = require("react");
+var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
+var PALETTE_EXIT_MS = 160;
+function CommandPalette({ start, token, roster, actions, useSessions }) {
-+ const [query, setQuery] = (0, import_react28.useState)(start ?? "");
-+ const [cursor, setCursor] = (0, import_react28.useState)(0);
-+ const [leaving, setLeaving] = (0, import_react28.useState)(false);
++ const [query, setQuery] = (0, import_react29.useState)(start ?? "");
++ const [cursor, setCursor] = (0, import_react29.useState)(0);
++ const [leaving, setLeaving] = (0, import_react29.useState)(false);
+ const wanted = query.trim().toLowerCase();
+ const close = () => {
+ if (leaving) return;
@@ -15040,7 +13471,7 @@ diff --git a/client.js b/client.js
+ const people2 = [
+ ...roster.bots.filter((bot) => isListedRemoteChat(bot) && matchesName(bot.name, bot.role, pickerBotLabel(bot))).map((bot) => ({
+ key: bot.id,
-+ avatar: (0, import_react28.createElement)(BotAvatar, { bot, size: 24, badge: false, live: false }),
++ avatar: (0, import_react29.createElement)(BotAvatar, { bot, size: 24, badge: false, live: false }),
+ title: pickerBotLabel(bot),
+ subtitle: [bot.role, isMainOf(roster, bot.id) ? t("Main Bot") : ""].filter(Boolean).join(" · "),
+ badge: bot.hidden ? t("Hidden") : void 0,
@@ -15051,7 +13482,7 @@ diff --git a/client.js b/client.js
+ })),
+ ...roster.rooms.filter((room2) => matchesName(room2.name)).map((room2) => ({
+ key: room2.id,
-+ avatar: (0, import_react28.createElement)(RoomAvatar, { room: room2, roster, size: 24 }),
++ avatar: (0, import_react29.createElement)(RoomAvatar, { room: room2, roster, size: 24 }),
+ title: room2.name,
+ subtitle: t(seatedCount(room2) === 1 ? "{count} member" : "{count} members", { count: seatedCount(room2) }),
+ badge: room2.hidden ? t("Hidden") : void 0,
@@ -15064,7 +13495,7 @@ diff --git a/client.js b/client.js
+ if (people2.length) sections.push([t("Bots"), people2]);
+ const agents = (roster.agents ?? []).filter(() => matchesName("DSH Agent")).map((agent) => ({
+ key: agent.id,
-+ avatar: (0, import_react28.createElement)("span", { className: "bt-palette-agent" }, (0, import_react28.createElement)(import_dsh_client_ui_primitives3.FishLogo, { size: 18 })),
++ avatar: (0, import_react29.createElement)("span", { className: "bt-palette-agent" }, (0, import_react29.createElement)(import_dsh_client_ui_primitives3.FishLogo, { size: 18 })),
+ title: "DSH Agent",
+ subtitle: t("Plain dsh session"),
+ run: () => actions.openAgent(agent.id)
@@ -15077,16 +13508,16 @@ diff --git a/client.js b/client.js
+ key: `${id}:${turn}`,
+ title: bot?.name ?? room2?.name ?? t("Bot"),
+ subtitle: snippet,
-+ avatar: bot ? (0, import_react28.createElement)(BotAvatar, { bot, size: 24, badge: false, live: false }) : (0, import_react28.createElement)(RoomAvatar, { room: room2, roster, size: 24 }),
++ avatar: bot ? (0, import_react29.createElement)(BotAvatar, { bot, size: 24, badge: false, live: false }) : (0, import_react29.createElement)(RoomAvatar, { room: room2, roster, size: 24 }),
+ run: () => actions.openSession(id)
+ };
+ });
+ if (messages.length) sections.push([t("Messages"), messages]);
+ const commands = [
-+ { key: "cmd:new", icon: (0, import_react28.createElement)(PlusIcon), title: t("New chat"), run: () => actions.openNewChat("new") },
-+ { key: "cmd:bot", icon: (0, import_react28.createElement)(PlusIcon), title: t("Create Bot"), run: () => actions.openNewChat("create") },
-+ { key: "cmd:group", icon: (0, import_react28.createElement)(PeopleIcon), title: t("Create group chat"), run: () => actions.openNewChat("group") },
-+ { key: "cmd:settings", icon: (0, import_react28.createElement)(GearIcon), title: t("Settings"), run: () => actions.openSettings("general") }
++ { key: "cmd:new", icon: (0, import_react29.createElement)(PlusIcon), title: t("New chat"), run: () => actions.openNewChat("new") },
++ { key: "cmd:bot", icon: (0, import_react29.createElement)(PlusIcon), title: t("Create Bot"), run: () => actions.openNewChat("create") },
++ { key: "cmd:group", icon: (0, import_react29.createElement)(PeopleIcon), title: t("Create group chat"), run: () => actions.openNewChat("group") },
++ { key: "cmd:settings", icon: (0, import_react29.createElement)(GearIcon), title: t("Settings"), run: () => actions.openSettings("general") }
+ ].filter((command) => matchesName(command.title));
+ if (commands.length) sections.push([t("Commands"), commands]);
+ const rows = sections.flatMap(([, items]) => items);
@@ -15096,43 +13527,27 @@ diff --git a/client.js b/client.js
+${shown}`, { axis: "y", ...QUICK_EDGES });
+ const listRef = glide.box;
+ useFlip(listRef, shown, "[data-flip]");
-+ (0, import_react28.useEffect)(() => {
++ (0, import_react29.useEffect)(() => {
+ listRef.current?.querySelector("[aria-selected=true]")?.scrollIntoView({ block: "nearest" });
+ }, [active, query]);
+ const choose = (row) => {
+ if (!row || leaving) return;
+ void Promise.resolve(row.run()).catch((error) => actions.reportError(error, "menu"));
+ close();
- };
-- (0, import_react18.useEffect)(() => {
-- void actions.refreshModels?.();
-- }, [bot.id]);
-- return (0, import_react18.createElement)(
++ };
+ let index = -1;
-+ return (0, import_react28.createElement)(
- "div",
-- { className: "bt-bs" },
-- (0, import_react18.createElement)(
++ return (0, import_react29.createElement)(
++ "div",
+ { className: "bt-palette-layer", "data-leaving": leaving || void 0 },
-+ (0, import_react28.createElement)("div", { className: "bt-backdrop", onMouseDown: close }),
-+ (0, import_react28.createElement)(
- "div",
-- { className: "bt-bs-hero" },
-- (0, import_react18.createElement)(
++ (0, import_react29.createElement)("div", { className: "bt-backdrop", onMouseDown: close }),
++ (0, import_react29.createElement)(
++ "div",
+ { className: "bt-palette", role: "dialog", "aria-label": t("Search"), "aria-modal": true },
-+ (0, import_react28.createElement)(
- "div",
-- { className: "bt-avatar-anchor" },
-- (0, import_react18.createElement)(
-- "button",
-- { type: "button", className: "bt-avatar-trigger", "aria-label": t("Edit Bot avatar"), "aria-expanded": editing, onClick: () => setEditing((value) => !value) },
-- (0, import_react18.createElement)(BotMark, { bot, size: 64, live: true }),
-- (0, import_react18.createElement)("span", { className: "bt-avatar-pencil", "aria-hidden": true }, (0, import_react18.createElement)(PencilIcon))
-- ),
-- editing ? (0, import_react18.createElement)(AvatarEditor, { bot, actions, run, onClose: closeEditor }) : null
++ (0, import_react29.createElement)(
++ "div",
+ { className: "bt-palette-head" },
-+ (0, import_react28.createElement)("span", { className: "bt-palette-glyph", "aria-hidden": true }, (0, import_react28.createElement)(SearchIcon)),
-+ (0, import_react28.createElement)("input", {
++ (0, import_react29.createElement)("span", { className: "bt-palette-glyph", "aria-hidden": true }, (0, import_react29.createElement)(SearchIcon)),
++ (0, import_react29.createElement)("input", {
+ autoFocus: true,
+ value: query,
+ placeholder: t("Search Bots, chats and messages"),
@@ -15158,88 +13573,11 @@ diff --git a/client.js b/client.js
+ }
+ }
+ }),
-+ query ? (0, import_react28.createElement)("button", { type: "button", className: "bt-palette-clear", "aria-label": t("Clear search"), onClick: () => {
++ query ? (0, import_react29.createElement)("button", { type: "button", className: "bt-palette-clear", "aria-label": t("Clear search"), onClick: () => {
+ setQuery("");
+ setCursor(0);
-+ } }, (0, import_react28.createElement)(CloseIcon)) : null
++ } }, (0, import_react29.createElement)(CloseIcon)) : null
),
-- (0, import_react18.createElement)(
-- "div",
-- { className: "bt-bs-who" },
-- (0, import_react18.createElement)("span", { className: "bt-bs-name" }, bot.name),
-- (0, import_react18.createElement)("span", { className: "bt-bs-sub" }, [bot.role, isMainBot ? t("Main Bot") : ""].filter(Boolean).join(" · ") || t("Bot"))
-- )
-- ),
-- (0, import_react18.createElement)(
-- Card,
-- { title: t("Profile") },
-- (0, import_react18.createElement)(Row, { label: t("Name") }, (0, import_react18.createElement)(InlineText, { label: t("Name"), value: bot.name, placeholder: "Bob", required: true, maxLength: 40, onSave: (name) => save({ name }) })),
-- (0, import_react18.createElement)(Row, { label: t("Label"), hint: t("Optional. Shown under the name.") }, (0, import_react18.createElement)(InlineText, { label: t("Label"), value: bot.role, placeholder: t("Research, admin…"), maxLength: 24, onSave: (role) => save({ role }) }))
-- ),
-- (0, import_react18.createElement)(
-- Card,
-- { title: t("Model") },
-- (0, import_react18.createElement)(
-- "div",
-- { className: "bt-set-row bt-bs-row" },
-- (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, t("Model")), (0, import_react18.createElement)("span", { className: "bt-set-hint" }, modelHint(bot, roster))),
-- (0, import_react18.createElement)(ModelMenu, { bot, roster, actions, run })
-- )
-- ),
-- (0, import_react18.createElement)(
-- Card,
-- { title: t("Working folder") },
-- (0, import_react18.createElement)(
-- "div",
-- { className: "bt-set-row bt-bs-row" },
-- (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, t("Folder"))),
-- (0, import_react18.createElement)(FolderMenu, { value: bot.workDir, actions, run, onPick: (workDir) => save({ workDir }) })
-- )
-- ),
-- (0, import_react18.createElement)(
-- Card,
-- { title: t("Instructions") },
-- (0, import_react18.createElement)(
-- Row,
-- { label: t("What this Bot does"), hint: t("Its job on the team. Part of the Bot's system prompt."), stack: true },
-- (0, import_react18.createElement)(InlineText, { label: t("Instructions"), value: bot.instructions, multiline: true, placeholder: t("What this Bot is responsible for…"), onSave: (instructions) => save({ instructions }) })
-- )
-- ),
-- (0, import_react18.createElement)(BotCapabilitiesCard, { bot, roster, actions, run, Card, SwitchRow }),
-- roster.memory === false ? null : (0, import_react18.createElement)(MemoryCard, { bot, actions }),
-- (0, import_react18.createElement)(BotSchedules, { bot, roster, actions }),
-- (0, import_react18.createElement)(
-- Card,
-- { title: t("Main Bot") },
-- onlyMain ? (0, import_react18.createElement)(
-+ (0, import_react28.createElement)(
- "div",
-- { className: "bt-set-row bt-bs-row" },
-- (0, import_react18.createElement)(
-- "span",
-- { className: "bt-set-copy" },
-- (0, import_react18.createElement)("span", { className: "bt-bs-label" }, t("Main Bot")),
-- (0, import_react18.createElement)("span", { className: "bt-set-hint" }, t("The only Main Bot. To hand the role to another Bot, use Main Bot on the Bots page."))
-- ),
-- (0, import_react18.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("bots") }, t("Change"))
-- ) : (0, import_react18.createElement)(SwitchRow, { label: t("Main Bot"), hint: t("Can create and change Bots, and runs every group chat."), on: isMainBot, onChange: (on) => run(actions.setMain(bot.id, on)) })
-- ),
-- // The Main Bot tile is always first and always shown, like in the context menu.
-- isTile ? null : (0, import_react18.createElement)(
-- Card,
-- { title: t("Sidebar") },
-- (0, import_react18.createElement)(SwitchRow, { label: t("Pin"), hint: t("Kept above the other chats."), on: bot.pinned === true, onChange: (pinned) => run(actions.setFlags(bot.id, { pinned })) }),
-- isMainBot ? null : (0, import_react18.createElement)(SwitchRow, { label: t("Hide from sidebar"), hint: t("Search still finds it."), on: bot.hidden === true, onChange: (hidden) => run(actions.setFlags(bot.id, { hidden })) })
-- ),
-- (0, import_react18.createElement)(
-- Card,
-- { title: t("Manage") },
-- (0, import_react18.createElement)(
-- "button",
-- { type: "button", className: "bt-set-row bt-bs-row", onClick: duplicate },
-- (0, import_react18.createElement)("span", { className: "bt-set-copy" }, (0, import_react18.createElement)("span", { className: "bt-bs-label" }, t("Duplicate")), (0, import_react18.createElement)("span", { className: "bt-set-hint" }, t("A copy with the same job and model, and fresh memory."))),
-- (0, import_react18.createElement)("span", { className: "bt-chevron" }, (0, import_react18.createElement)(ChevronRightIcon))
-- ),
- isMainBot ? null : (0, import_react18.createElement)(
- "button",
- { type: "button", className: "bt-set-row bt-bs-row bt-bs-danger", "data-confirm": confirming || void 0, onClick: remove },
@@ -15250,22 +13588,24 @@ diff --git a/client.js b/client.js
- (0, import_react18.createElement)("span", { className: "bt-set-hint" }, confirming ? t("Click again to delete. Its chats are archived.") : t("Removes the Bot from the team."))
- ),
- (0, import_react18.createElement)("span", { className: "bt-chevron" }, (0, import_react18.createElement)(ChevronRightIcon))
++ (0, import_react29.createElement)(
++ "div",
+ { ref: listRef, id: "bt-palette-list", className: "bt-palette-list", role: "listbox", "aria-label": t("Results") },
-+ (0, import_react28.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
-+ rows.length === 0 ? (0, import_react28.createElement)(
++ (0, import_react29.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
++ rows.length === 0 ? (0, import_react29.createElement)(
+ "div",
+ { className: "bt-palette-empty" },
-+ (0, import_react28.createElement)("span", { className: "bt-palette-empty-icon", "aria-hidden": true }, (0, import_react28.createElement)(SearchIcon)),
-+ (0, import_react28.createElement)("span", { className: "bt-palette-empty-label" }, t("No results")),
-+ (0, import_react28.createElement)("span", { className: "bt-palette-empty-hint" }, t("Try a Bot name or words from a message"))
-+ ) : sections.map(([title, items]) => (0, import_react28.createElement)(
-+ import_react28.Fragment,
++ (0, import_react29.createElement)("span", { className: "bt-palette-empty-icon", "aria-hidden": true }, (0, import_react29.createElement)(SearchIcon)),
++ (0, import_react29.createElement)("span", { className: "bt-palette-empty-label" }, t("No results")),
++ (0, import_react29.createElement)("span", { className: "bt-palette-empty-hint" }, t("Try a Bot name or words from a message"))
++ ) : sections.map(([title, items]) => (0, import_react29.createElement)(
++ import_react29.Fragment,
+ { key: title },
-+ (0, import_react28.createElement)("div", { className: "bt-palette-section", role: "presentation", "data-flip": `section:${title}` }, title),
++ (0, import_react29.createElement)("div", { className: "bt-palette-section", role: "presentation", "data-flip": `section:${title}` }, title),
+ items.map((row) => {
+ index += 1;
+ const at = index;
-+ return (0, import_react28.createElement)(
++ return (0, import_react29.createElement)(
+ "button",
+ {
+ key: row.key,
@@ -15279,14 +13619,14 @@ diff --git a/client.js b/client.js
+ },
+ onClick: () => choose(row)
+ },
-+ (0, import_react28.createElement)("span", { className: "bt-palette-lead" }, row.avatar ?? (0, import_react28.createElement)("span", { className: "bt-palette-cmd" }, row.icon)),
-+ (0, import_react28.createElement)(
++ (0, import_react29.createElement)("span", { className: "bt-palette-lead" }, row.avatar ?? (0, import_react29.createElement)("span", { className: "bt-palette-cmd" }, row.icon)),
++ (0, import_react29.createElement)(
+ "span",
+ { className: "bt-palette-text" },
-+ (0, import_react28.createElement)("span", { className: "bt-palette-title" }, row.title),
-+ row.subtitle ? (0, import_react28.createElement)("span", { className: "bt-palette-sub" }, row.subtitle) : null
++ (0, import_react29.createElement)("span", { className: "bt-palette-title" }, row.title),
++ row.subtitle ? (0, import_react29.createElement)("span", { className: "bt-palette-sub" }, row.subtitle) : null
+ ),
-+ row.badge ? (0, import_react28.createElement)("span", { className: "bt-palette-badge" }, row.badge) : null
++ row.badge ? (0, import_react29.createElement)("span", { className: "bt-palette-badge" }, row.badge) : null
+ );
+ })
+ ))
@@ -15361,7 +13701,7 @@ diff --git a/client.js b/client.js
// src/client/create-bot.js
-var import_react19 = require("react");
-+var import_react29 = require("react");
++var import_react30 = require("react");
var pick = (list) => list[Math.floor(Math.random() * list.length)];
var randomLook = (avoid = {}) => {
const shapes = DEFAULT_SHAPES.filter((shape) => shape !== avoid.shape);
@@ -15379,18 +13719,18 @@ diff --git a/client.js b/client.js
- const fileRef = (0, import_react19.useRef)(null);
- const frame = (0, import_react19.useRef)(null);
+function CreateBot({ roster, actions, start, onBack, canGoBack, onCreated, inline = false }) {
-+ const [look, setLook] = (0, import_react29.useState)(() => randomLook());
-+ const [image, setImage] = (0, import_react29.useState)(null);
-+ const [name, setName] = (0, import_react29.useState)(start?.name ?? "");
-+ const [model, setModel] = (0, import_react29.useState)(() => startModel(roster));
-+ const [effort, setEffort] = (0, import_react29.useState)(void 0);
-+ const [busy, setBusy] = (0, import_react29.useState)(false);
-+ const [error, setError] = (0, import_react29.useState)("");
-+ const fileRef = (0, import_react29.useRef)(null);
-+ const frame = (0, import_react29.useRef)(null);
++ const [look, setLook] = (0, import_react30.useState)(() => randomLook());
++ const [image, setImage] = (0, import_react30.useState)(null);
++ const [name, setName] = (0, import_react30.useState)(start?.name ?? "");
++ const [model, setModel] = (0, import_react30.useState)(() => startModel(roster));
++ const [effort, setEffort] = (0, import_react30.useState)(void 0);
++ const [busy, setBusy] = (0, import_react30.useState)(false);
++ const [error, setError] = (0, import_react30.useState)("");
++ const fileRef = (0, import_react30.useRef)(null);
++ const frame = (0, import_react30.useRef)(null);
useEscape(onBack);
- (0, import_react19.useEffect)(() => {
-+ (0, import_react29.useEffect)(() => {
++ (0, import_react30.useEffect)(() => {
if (inline) frame.current?.scrollIntoView({ block: "start", behavior: "smooth" });
}, []);
const fallbackName = freshBotName(roster, t("New Bot"));
@@ -15410,32 +13750,32 @@ diff --git a/client.js b/client.js
};
const previewLook = image ? { ...look, image } : look;
- const card = (0, import_react19.createElement)(
-+ const card = (0, import_react29.createElement)(
++ const card = (0, import_react30.createElement)(
"div",
{ className: "bt-create-card" },
- (0, import_react19.createElement)(
-+ (0, import_react29.createElement)(
++ (0, import_react30.createElement)(
"div",
{ className: "bt-create-preview" },
// The key remounts the mark, so every new pick plays the pop.
- (0, import_react19.createElement)(
-+ (0, import_react29.createElement)(
++ (0, import_react30.createElement)(
"span",
{ key: `${look.shape}:${look.color}:${image ? "photo" : ""}`, className: "bt-create-pop" },
- (0, import_react19.createElement)(BotMark, { look: previewLook, bot: { id: "new-bot" }, size: 88, live: true, gaze: true, pokeable: true })
-+ (0, import_react29.createElement)(BotMark, { look: previewLook, bot: { id: "new-bot" }, size: 88, live: true, gaze: true, pokeable: true })
++ (0, import_react30.createElement)(BotMark, { look: previewLook, bot: { id: "new-bot" }, size: 88, live: true, gaze: true, pokeable: true })
),
- (0, import_react19.createElement)("span", { className: "bt-create-name" }, finalName)
-+ (0, import_react29.createElement)("span", { className: "bt-create-name" }, finalName)
++ (0, import_react30.createElement)("span", { className: "bt-create-name" }, finalName)
),
- (0, import_react19.createElement)("div", { className: "bt-create-step" }, t("Look")),
- (0, import_react19.createElement)(
-+ (0, import_react29.createElement)("div", { className: "bt-create-step" }, t("Look")),
-+ (0, import_react29.createElement)(
++ (0, import_react30.createElement)("div", { className: "bt-create-step" }, t("Look")),
++ (0, import_react30.createElement)(
"div",
{ className: "bt-create-looks" },
- (0, import_react19.createElement)(CharacterGrid, {
-+ (0, import_react29.createElement)(CharacterGrid, {
++ (0, import_react30.createElement)(CharacterGrid, {
look,
hasPhoto: Boolean(image),
onShape: (shape) => {
@@ -15444,20 +13784,20 @@ diff --git a/client.js b/client.js
}
}),
- (0, import_react19.createElement)(
-+ (0, import_react29.createElement)(
++ (0, import_react30.createElement)(
"div",
{ className: "bt-actions bt-create-lookbar" },
- (0, import_react19.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => {
-+ (0, import_react29.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => {
++ (0, import_react30.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => {
setImage(null);
setLook((current) => randomLook(current));
} }, t("Shuffle")),
- (0, import_react19.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, image ? t("Replace photo") : t("Upload photo")),
- image ? (0, import_react19.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setImage(null) }, t("Remove photo")) : null,
- (0, import_react19.createElement)("input", { ref: fileRef, type: "file", accept: "image/png,image/jpeg,image/webp,image/gif", hidden: true, onChange: (event) => {
-+ (0, import_react29.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, image ? t("Replace photo") : t("Upload photo")),
-+ image ? (0, import_react29.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setImage(null) }, t("Remove photo")) : null,
-+ (0, import_react29.createElement)("input", { ref: fileRef, type: "file", accept: "image/png,image/jpeg,image/webp,image/gif", hidden: true, onChange: (event) => {
++ (0, import_react30.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, image ? t("Replace photo") : t("Upload photo")),
++ image ? (0, import_react30.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setImage(null) }, t("Remove photo")) : null,
++ (0, import_react30.createElement)("input", { ref: fileRef, type: "file", accept: "image/png,image/jpeg,image/webp,image/gif", hidden: true, onChange: (event) => {
const file = event.target.files?.[0];
event.target.value = "";
upload(file);
@@ -15465,13 +13805,13 @@ diff --git a/client.js b/client.js
)
),
- (0, import_react19.createElement)(
-+ (0, import_react29.createElement)(
++ (0, import_react30.createElement)(
"label",
{ className: "bt-field" },
- (0, import_react19.createElement)("span", { className: "bt-field-label" }, t("Name")),
- (0, import_react19.createElement)("input", {
-+ (0, import_react29.createElement)("span", { className: "bt-field-label" }, t("Name")),
-+ (0, import_react29.createElement)("input", {
++ (0, import_react30.createElement)("span", { className: "bt-field-label" }, t("Name")),
++ (0, import_react30.createElement)("input", {
className: "bt-input",
autoFocus: !inline,
value: name,
@@ -15480,61 +13820,61 @@ diff --git a/client.js b/client.js
}
}),
- problem ? (0, import_react19.createElement)("span", { className: "bt-note bt-danger" }, hostText(problem)) : clash ? (0, import_react19.createElement)("span", { className: "bt-note bt-danger" }, t("A Bot named {name} already exists", { name: finalName })) : null
-+ problem ? (0, import_react29.createElement)("span", { className: "bt-note bt-danger" }, hostText(problem)) : clash ? (0, import_react29.createElement)("span", { className: "bt-note bt-danger" }, t("A Bot named {name} already exists", { name: finalName })) : null
++ problem ? (0, import_react30.createElement)("span", { className: "bt-note bt-danger" }, hostText(problem)) : clash ? (0, import_react30.createElement)("span", { className: "bt-note bt-danger" }, t("A Bot named {name} already exists", { name: finalName })) : null
),
- (0, import_react19.createElement)(
-+ (0, import_react29.createElement)(
++ (0, import_react30.createElement)(
"div",
{ className: "bt-field" },
- (0, import_react19.createElement)("span", { className: "bt-field-label" }, t("Model")),
- (0, import_react19.createElement)(ModelMenu, { bot: { id: "new-bot", name: finalName, model: model || void 0, effort }, roster, actions, wide: true, onPick: (ref) => {
-+ (0, import_react29.createElement)("span", { className: "bt-field-label" }, t("Model")),
-+ (0, import_react29.createElement)(ModelMenu, { bot: { id: "new-bot", name: finalName, model: model || void 0, effort }, roster, actions, wide: true, onPick: (ref) => {
++ (0, import_react30.createElement)("span", { className: "bt-field-label" }, t("Model")),
++ (0, import_react30.createElement)(ModelMenu, { bot: { id: "new-bot", name: finalName, model: model || void 0, effort }, roster, actions, wide: true, onPick: (ref) => {
setModel(ref);
setEffort(void 0);
}, onPickEffort: setEffort }),
- (0, import_react19.createElement)("span", { className: "bt-note" }, (roster.models ?? []).length > 0 ? t("The Bot runs on this model. You can change it later in its details.") : t("Add a provider and a model in DeepSeek Harness first, or pick one in the Bot's chat later."))
-+ (0, import_react29.createElement)("span", { className: "bt-note" }, (roster.models ?? []).length > 0 ? t("The Bot runs on this model. You can change it later in its details.") : t("Add a provider and a model in DeepSeek Harness first, or pick one in the Bot's chat later."))
++ (0, import_react30.createElement)("span", { className: "bt-note" }, (roster.models ?? []).length > 0 ? t("The Bot runs on this model. You can change it later in its details.") : t("Add a provider and a model in DeepSeek Harness first, or pick one in the Bot's chat later."))
),
- error ? (0, import_react19.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null,
- (0, import_react19.createElement)(
-+ error ? (0, import_react29.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null,
-+ (0, import_react29.createElement)(
++ error ? (0, import_react30.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null,
++ (0, import_react30.createElement)(
"div",
{ className: "bt-create-foot" },
- (0, import_react19.createElement)("button", { type: "button", className: "bt-soft", onClick: onBack }, canGoBack ? t("Back") : t("Cancel")),
- (0, import_react19.createElement)("button", { type: "button", className: "bt-send bt-create-go", disabled: busy || clash || Boolean(problem), onClick: () => void create() }, busy ? t("Creating…") : t("Create"))
+ // The dialog's header already has Back and Close (#230); only the inline form needs its own.
-+ inline ? (0, import_react29.createElement)("button", { type: "button", className: "bt-soft", onClick: onBack }, canGoBack ? t("Back") : t("Cancel")) : null,
-+ (0, import_react29.createElement)("button", { type: "button", className: "bt-send bt-create-go", disabled: busy || clash || Boolean(problem), onClick: () => void create() }, busy ? t("Creating…") : t("Create"))
++ inline ? (0, import_react30.createElement)("button", { type: "button", className: "bt-soft", onClick: onBack }, canGoBack ? t("Back") : t("Cancel")) : null,
++ (0, import_react30.createElement)("button", { type: "button", className: "bt-send bt-create-go", disabled: busy || clash || Boolean(problem), onClick: () => void create() }, busy ? t("Creating…") : t("Create"))
)
);
- if (inline) return (0, import_react19.createElement)("div", { ref: frame, className: "bt-create-inline", role: "group", "aria-label": t("Create Bot") }, card);
- return (0, import_react19.createElement)(
-+ if (inline) return (0, import_react29.createElement)("div", { ref: frame, className: "bt-create-inline", role: "group", "aria-label": t("Create Bot") }, card);
-+ return (0, import_react29.createElement)(
++ if (inline) return (0, import_react30.createElement)("div", { ref: frame, className: "bt-create-inline", role: "group", "aria-label": t("Create Bot") }, card);
++ return (0, import_react30.createElement)(
"div",
{ className: "bt-create", role: "dialog", "aria-label": t("Create Bot") },
- (0, import_react19.createElement)(
-+ (0, import_react29.createElement)(
++ (0, import_react30.createElement)(
"div",
{ className: "bt-create-head" },
- canGoBack ? (0, import_react19.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to new chat"), onClick: onBack }, (0, import_react19.createElement)(ChevronLeftIcon)) : (0, import_react19.createElement)("span", { className: "bt-create-gap" }),
- (0, import_react19.createElement)("span", { className: "bt-create-title" }, t("Create Bot")),
- (0, import_react19.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close"), onClick: () => actions.closeOverlay() }, (0, import_react19.createElement)(CloseIcon))
-+ canGoBack ? (0, import_react29.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to new chat"), onClick: onBack }, (0, import_react29.createElement)(ChevronLeftIcon)) : (0, import_react29.createElement)("span", { className: "bt-create-gap" }),
-+ (0, import_react29.createElement)("span", { className: "bt-create-title" }, t("Create Bot")),
-+ (0, import_react29.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close"), onClick: () => actions.closeOverlay() }, (0, import_react29.createElement)(CloseIcon))
++ canGoBack ? (0, import_react30.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to new chat"), onClick: onBack }, (0, import_react30.createElement)(ChevronLeftIcon)) : (0, import_react30.createElement)("span", { className: "bt-create-gap" }),
++ (0, import_react30.createElement)("span", { className: "bt-create-title" }, t("Create Bot")),
++ (0, import_react30.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close"), onClick: () => actions.closeOverlay() }, (0, import_react30.createElement)(CloseIcon))
),
- (0, import_react19.createElement)("div", { className: "bt-create-body" }, card)
-+ (0, import_react29.createElement)("div", { className: "bt-create-body" }, card)
++ (0, import_react30.createElement)("div", { className: "bt-create-body" }, card)
);
}
// src/client/new-chat.js
-var import_react20 = require("react");
-var import_dsh_client_ui_primitives4 = require("@deepseek-ai/dsh-client-ui-primitives");
-+var import_react30 = require("react");
++var import_react31 = require("react");
function NewChat({ mode, roster, actions }) {
- const [query, setQuery] = (0, import_react20.useState)("");
- const [picked, setPicked] = (0, import_react20.useState)([]);
@@ -15546,20 +13886,20 @@ diff --git a/client.js b/client.js
- const [cursor, setCursor] = (0, import_react20.useState)(0);
- const [draft, setDraft] = (0, import_react20.useState)(mode === "create" ? { name: "", fromList: false } : null);
- const inputRef = (0, import_react20.useRef)(null);
-+ const [query, setQuery] = (0, import_react30.useState)("");
-+ const [picked, setPicked] = (0, import_react30.useState)([]);
-+ const [group, setGroup] = (0, import_react30.useState)(mode === "group");
-+ const [compose, setCompose] = (0, import_react30.useState)(mode !== "new");
-+ const [admin, setAdmin] = (0, import_react30.useState)(null);
-+ const [message, setMessage] = (0, import_react30.useState)("");
-+ const [busy, setBusy] = (0, import_react30.useState)(false);
-+ const [error, setError] = (0, import_react30.useState)("");
-+ const [fix, setFix] = (0, import_react30.useState)(null);
-+ const [fixNote, setFixNote] = (0, import_react30.useState)("");
-+ const [inviteLink, setInviteLink] = (0, import_react30.useState)("");
-+ const [cursor, setCursor] = (0, import_react30.useState)(0);
-+ const [draft, setDraft] = (0, import_react30.useState)(mode === "create" ? { name: "", fromList: false } : null);
-+ const inputRef = (0, import_react30.useRef)(null);
++ const [query, setQuery] = (0, import_react31.useState)("");
++ const [picked, setPicked] = (0, import_react31.useState)([]);
++ const [group, setGroup] = (0, import_react31.useState)(mode === "group");
++ const [compose, setCompose] = (0, import_react31.useState)(mode !== "new");
++ const [admin, setAdmin] = (0, import_react31.useState)(null);
++ const [message, setMessage] = (0, import_react31.useState)("");
++ const [busy, setBusy] = (0, import_react31.useState)(false);
++ const [error, setError] = (0, import_react31.useState)("");
++ const [fix, setFix] = (0, import_react31.useState)(null);
++ const [fixNote, setFixNote] = (0, import_react31.useState)("");
++ const [inviteLink, setInviteLink] = (0, import_react31.useState)("");
++ const [cursor, setCursor] = (0, import_react31.useState)(0);
++ const [draft, setDraft] = (0, import_react31.useState)(mode === "create" ? { name: "", fromList: false } : null);
++ const inputRef = (0, import_react31.useRef)(null);
const close = () => actions.closeOverlay();
useEscape(close);
const paneLeft = usePaneLeft();
@@ -15661,14 +14001,14 @@ diff --git a/client.js b/client.js
- options.push({ key: "new", icon: (0, import_react20.createElement)(PlusIcon), label: t("Create new Bot"), run: createBot });
- options.push({ key: "group", icon: (0, import_react20.createElement)(PeopleIcon), label: t("Create group chat"), run: () => {
+ if (menuOnly) {
-+ options.push({ key: "chat", icon: (0, import_react30.createElement)(ChatIcon), label: t("New chat"), hint: t("Message one of your Bots"), run: () => {
++ options.push({ key: "chat", icon: (0, import_react31.createElement)(ChatIcon), label: t("New chat"), hint: t("Message one of your Bots"), run: () => {
+ setCompose(true);
+ setCursor(0);
+ setTimeout(() => inputRef.current?.focus());
+ } });
+ }
-+ options.push({ key: "new", icon: (0, import_react30.createElement)(BotIcon), label: t("New Bot"), hint: t("Set up a Bot with its own role"), run: createBot });
-+ options.push({ key: "group", icon: (0, import_react30.createElement)(PeopleIcon), label: t("New group chat"), hint: t("Chat with several of your Bots"), run: () => {
++ options.push({ key: "new", icon: (0, import_react31.createElement)(BotIcon), label: t("New Bot"), hint: t("Set up a Bot with its own role"), run: createBot });
++ options.push({ key: "group", icon: (0, import_react31.createElement)(PeopleIcon), label: t("New group chat"), hint: t("Chat with several of your Bots"), run: () => {
setGroup(true);
+ setCompose(true);
setCursor(0);
@@ -15677,7 +14017,7 @@ diff --git a/client.js b/client.js
+ for (const action of newChatActionRows({ mode, group, picked, query, roster })) {
+ options.push({
+ key: action.key,
-+ icon: action.icon ? (0, import_react30.createElement)(SlotIcon, { id: action.key, icon: action.icon, fallback: (0, import_react30.createElement)(PeopleIcon) }) : (0, import_react30.createElement)(PeopleIcon),
++ icon: action.icon ? (0, import_react31.createElement)(SlotIcon, { id: action.key, icon: action.icon, fallback: (0, import_react31.createElement)(PeopleIcon) }) : (0, import_react31.createElement)(PeopleIcon),
+ label: t(action.label),
+ hint: action.hint ? t(action.hint) : void 0,
+ run: () => {
@@ -15690,7 +14030,7 @@ diff --git a/client.js b/client.js
+ }
if ((roster.agents ?? []).length === 0) {
- options.push({ key: "agent", icon: (0, import_react20.createElement)(import_dsh_client_ui_primitives4.FishLogo, { size: 16 }), label: t("Add DSH Agent"), run: () => run(async () => {
-+ options.push({ key: "agent", icon: (0, import_react30.createElement)(TerminalIcon), label: t("Add coding agent"), hint: t("A coding session without a Bot"), run: () => run(async () => {
++ options.push({ key: "agent", icon: (0, import_react31.createElement)(TerminalIcon), label: t("Add coding agent"), hint: t("A coding session without a Bot"), run: () => run(async () => {
await actions.addAgent();
close();
}) });
@@ -15704,22 +14044,22 @@ diff --git a/client.js b/client.js
+ }
}
- if (wanted !== "" && !exact && mode !== "search") options.push({ key: "create", icon: (0, import_react20.createElement)(PlusIcon), label: t("Create new Bot “{name}”", { name: query.trim() }), run: createBot });
-+ if (wanted !== "" && !exact && mode !== "search") options.push({ key: "create", icon: (0, import_react30.createElement)(PlusIcon), label: t("New Bot “{name}”", { name: query.trim() }), run: createBot });
++ if (wanted !== "" && !exact && mode !== "search") options.push({ key: "create", icon: (0, import_react31.createElement)(PlusIcon), label: t("New Bot “{name}”", { name: query.trim() }), run: createBot });
const active = Math.min(cursor, Math.max(options.length - 1, 0));
const listed = options.map((option) => option.key).join("\n");
const glide = useGlide(`${active}
${listed}`, { axis: "y", ...QUICK_EDGES });
useFlip(glide.box, listed, "[data-flip]");
- const drop = (0, import_react20.useRef)(null);
-+ const drop = (0, import_react30.useRef)(null);
++ const drop = (0, import_react31.useRef)(null);
useMorph(drop, listed);
if (draft) {
- return (0, import_react20.createElement)(
-+ return (0, import_react30.createElement)(
++ return (0, import_react31.createElement)(
"div",
{ className: "bt-pane", style: { left: paneLeft } },
- (0, import_react20.createElement)(CreateBot, {
-+ (0, import_react30.createElement)(CreateBot, {
++ (0, import_react31.createElement)(CreateBot, {
roster,
actions,
start: draft,
@@ -15732,7 +14072,7 @@ diff --git a/client.js b/client.js
else if (admin !== null) setAdmin(null);
};
- return (0, import_react20.createElement)(
-+ return (0, import_react30.createElement)(
++ return (0, import_react31.createElement)(
"div",
- { className: "bt-pane", style: { left: paneLeft } },
- (0, import_react20.createElement)(
@@ -15744,43 +14084,43 @@ diff --git a/client.js b/client.js
+ if (event.target === event.currentTarget) close();
+ } : void 0
+ },
-+ (0, import_react30.createElement)(
++ (0, import_react31.createElement)(
"div",
- { className: "bt-newchat", role: "dialog", "aria-label": mode === "search" ? t("Search") : t("New chat") },
- (0, import_react20.createElement)(
+ { className: "bt-newchat", role: "dialog", "aria-label": mode === "search" ? t("Search") : menuOnly ? t("New…") : t("New chat"), "data-menu": menuOnly || void 0 },
+ // The popover needs no title row: Escape or a press outside closes it.
-+ menuOnly ? null : (0, import_react30.createElement)(
++ menuOnly ? null : (0, import_react31.createElement)(
"div",
{ className: "bt-to" },
- (0, import_react20.createElement)("span", { className: "bt-to-label" }, t("To:")),
- adminBot ? (0, import_react20.createElement)(
-+ (0, import_react30.createElement)("span", { className: "bt-to-label" }, t("To:")),
-+ adminBot ? (0, import_react30.createElement)(
++ (0, import_react31.createElement)("span", { className: "bt-to-label" }, t("To:")),
++ adminBot ? (0, import_react31.createElement)(
"span",
{ key: adminBot.id, className: "bt-token bt-token-admin", title: t("Admin") },
- (0, import_react20.createElement)(BotMark, { bot: adminBot, size: 16 }),
-+ (0, import_react30.createElement)(BotMark, { bot: adminBot, size: 16 }),
++ (0, import_react31.createElement)(BotMark, { bot: adminBot, size: 16 }),
adminBot.name,
- (0, import_react20.createElement)(AdminStar),
- (0, import_react20.createElement)("button", { type: "button", "aria-label": t("Remove {name}", { name: adminBot.name }), onClick: () => setAdmin(null) }, "×")
-+ (0, import_react30.createElement)(AdminStar),
-+ (0, import_react30.createElement)("button", { type: "button", "aria-label": t("Remove {name}", { name: adminBot.name }), onClick: () => setAdmin(null) }, "×")
++ (0, import_react31.createElement)(AdminStar),
++ (0, import_react31.createElement)("button", { type: "button", "aria-label": t("Remove {name}", { name: adminBot.name }), onClick: () => setAdmin(null) }, "×")
) : null,
- choosingAdmin ? (0, import_react20.createElement)("span", { className: "bt-to-star", "aria-hidden": true }, (0, import_react20.createElement)(AdminStar)) : null,
- pickedBots.map((bot) => (0, import_react20.createElement)(
-+ choosingAdmin ? (0, import_react30.createElement)("span", { className: "bt-to-star", "aria-hidden": true }, (0, import_react30.createElement)(AdminStar)) : null,
-+ pickedBots.map((bot) => (0, import_react30.createElement)(
++ choosingAdmin ? (0, import_react31.createElement)("span", { className: "bt-to-star", "aria-hidden": true }, (0, import_react31.createElement)(AdminStar)) : null,
++ pickedBots.map((bot) => (0, import_react31.createElement)(
"span",
{ key: bot.id, className: "bt-token" },
- (0, import_react20.createElement)(BotMark, { bot, size: 16 }),
-+ (0, import_react30.createElement)(BotMark, { bot, size: 16 }),
++ (0, import_react31.createElement)(BotMark, { bot, size: 16 }),
bot.name,
- (0, import_react20.createElement)("button", { type: "button", "aria-label": t("Remove {name}", { name: bot.name }), onClick: () => setPicked((current) => current.filter((id) => id !== bot.id)) }, "×")
-+ (0, import_react30.createElement)("button", { type: "button", "aria-label": t("Remove {name}", { name: bot.name }), onClick: () => setPicked((current) => current.filter((id) => id !== bot.id)) }, "×")
++ (0, import_react31.createElement)("button", { type: "button", "aria-label": t("Remove {name}", { name: bot.name }), onClick: () => setPicked((current) => current.filter((id) => id !== bot.id)) }, "×")
)),
- (0, import_react20.createElement)("input", {
-+ (0, import_react30.createElement)("input", {
++ (0, import_react31.createElement)("input", {
ref: inputRef,
autoFocus: true,
value: query,
@@ -15789,7 +14129,7 @@ diff --git a/client.js b/client.js
}
}),
- group && admin !== null ? (0, import_react20.createElement)("button", {
-+ group && admin !== null ? (0, import_react30.createElement)("button", {
++ group && admin !== null ? (0, import_react31.createElement)("button", {
type: "button",
className: "bt-send bt-to-create",
disabled: busy || picked.length === 0,
@@ -15797,16 +14137,16 @@ diff --git a/client.js b/client.js
onClick: createGroup
}, t("Create group chat")) : null,
- (0, import_react20.createElement)("button", { type: "button", className: "bt-x", "aria-label": t("Close new chat"), onClick: close }, "×")
-+ (0, import_react30.createElement)("button", { type: "button", className: "bt-x", "aria-label": t("Close new chat"), onClick: close }, "×")
++ (0, import_react31.createElement)("button", { type: "button", className: "bt-x", "aria-label": t("Close new chat"), onClick: close }, "×")
),
- (0, import_react20.createElement)("div", { ref: drop, className: "bt-drop" }, (0, import_react20.createElement)(
-+ (0, import_react30.createElement)("div", { ref: drop, className: "bt-drop" }, (0, import_react30.createElement)(
++ (0, import_react31.createElement)("div", { ref: drop, className: "bt-drop" }, (0, import_react31.createElement)(
"div",
{ ref: glide.box, role: "listbox", "aria-label": t("Recipients"), className: "bt-drop-list" },
- (0, import_react20.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
- options.length === 0 ? (0, import_react20.createElement)("div", { className: "bt-hint" }, mode === "search" ? t("No Bots match") : t("Type a name to create a Bot")) : options.map((option, index) => (0, import_react20.createElement)(
-+ (0, import_react30.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
-+ options.length === 0 ? (0, import_react30.createElement)("div", { className: "bt-hint" }, mode === "search" ? t("No Bots match") : t("Type a name to create a Bot")) : options.map((option, index) => (0, import_react30.createElement)(
++ (0, import_react31.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
++ options.length === 0 ? (0, import_react31.createElement)("div", { className: "bt-hint" }, mode === "search" ? t("No Bots match") : t("Type a name to create a Bot")) : options.map((option, index) => (0, import_react31.createElement)(
"button",
{
key: option.key,
@@ -15817,42 +14157,42 @@ diff --git a/client.js b/client.js
- option.bot ? (0, import_react20.createElement)(BotMark, { bot: option.bot, size: 22 }) : (0, import_react20.createElement)("span", { className: "bt-option-icon" }, option.icon),
- (0, import_react20.createElement)("span", { className: "bt-option-label" }, option.label),
- option.hint && index === active ? (0, import_react20.createElement)("span", { className: "bt-option-hint" }, option.hint) : null
-+ option.bot ? (0, import_react30.createElement)(BotMark, { bot: option.bot, size: 22 }) : (0, import_react30.createElement)("span", { className: "bt-option-icon" }, option.icon),
++ option.bot ? (0, import_react31.createElement)(BotMark, { bot: option.bot, size: 22 }) : (0, import_react31.createElement)("span", { className: "bt-option-icon" }, option.icon),
+ // An action row's description sits under its title and is always there (#283): a long line
+ // beside the title squeezed the title to nothing on hover, and a line that appears on hover moves the rows.
+ // A Bot row's short hint stays beside the name and shows on the active row only.
-+ option.bot || !option.hint ? (0, import_react30.createElement)("span", { className: "bt-option-label" }, option.label) : (0, import_react30.createElement)("span", { className: "bt-option-copy" }, (0, import_react30.createElement)("span", { className: "bt-option-label" }, option.label), (0, import_react30.createElement)("span", { className: "bt-option-sub" }, option.hint)),
-+ option.bot && option.hint && index === active ? (0, import_react30.createElement)("span", { className: "bt-option-hint" }, option.hint) : null
++ option.bot || !option.hint ? (0, import_react31.createElement)("span", { className: "bt-option-label" }, option.label) : (0, import_react31.createElement)("span", { className: "bt-option-copy" }, (0, import_react31.createElement)("span", { className: "bt-option-label" }, option.label), (0, import_react31.createElement)("span", { className: "bt-option-sub" }, option.hint)),
++ option.bot && option.hint && index === active ? (0, import_react31.createElement)("span", { className: "bt-option-hint" }, option.hint) : null
))
)),
- (0, import_react20.createElement)("div", { className: "bt-nc-spacer" }),
- error ? (0, import_react20.createElement)("div", { className: "bt-error" }, error) : null,
- (0, import_react20.createElement)(
-+ menuOnly ? null : (0, import_react30.createElement)("div", { className: "bt-nc-spacer" }),
-+ error && fix ? (0, import_react30.createElement)(
++ menuOnly ? null : (0, import_react31.createElement)("div", { className: "bt-nc-spacer" }),
++ error && fix ? (0, import_react31.createElement)(
+ "div",
+ { className: "bt-error bt-fix", role: "alert", "data-fix": "ungranted-local" },
-+ (0, import_react30.createElement)("div", null, fix.bots.length === 1 ? t("{name} is not shared with {friend}, so it cannot be in a group with their Bot: the group's messages go to their home.", { name: fix.bots[0].name, friend: fix.friends.join(", ") || t("that friend") }) : t("{name} are not shared with {friend}, so they cannot be in a group with their Bot: the group's messages go to their home.", { name: fix.bots.map((bot) => bot.name).join(", "), friend: fix.friends.join(", ") || t("that friend") })),
-+ (0, import_react30.createElement)("div", { className: "bt-fix-actions" }, fix.bots.flatMap((bot) => [
-+ typeof globalThis.__flybot__?.social?.createInvite === "function" && globalThis.__flybot__.social.canInvite?.(bot.id) !== false ? (0, import_react30.createElement)("button", { key: `invite-${bot.id}`, type: "button", className: "bt-fix-btn", "data-fix-action": "invite", onClick: () => {
++ (0, import_react31.createElement)("div", null, fix.bots.length === 1 ? t("{name} is not shared with {friend}, so it cannot be in a group with their Bot: the group's messages go to their home.", { name: fix.bots[0].name, friend: fix.friends.join(", ") || t("that friend") }) : t("{name} are not shared with {friend}, so they cannot be in a group with their Bot: the group's messages go to their home.", { name: fix.bots.map((bot) => bot.name).join(", "), friend: fix.friends.join(", ") || t("that friend") })),
++ (0, import_react31.createElement)("div", { className: "bt-fix-actions" }, fix.bots.flatMap((bot) => [
++ typeof globalThis.__flybot__?.social?.createInvite === "function" && globalThis.__flybot__.social.canInvite?.(bot.id) !== false ? (0, import_react31.createElement)("button", { key: `invite-${bot.id}`, type: "button", className: "bt-fix-btn", "data-fix-action": "invite", onClick: () => {
+ void copyInvite(bot);
+ } }, t("Copy invite link for {name}", { name: bot.name })) : null,
-+ (0, import_react30.createElement)("button", { key: `out-${bot.id}`, type: "button", className: "bt-fix-btn", "data-fix-action": "leave-out", onClick: () => leaveOut(bot.id) }, t("Leave {name} out", { name: bot.name }))
++ (0, import_react31.createElement)("button", { key: `out-${bot.id}`, type: "button", className: "bt-fix-btn", "data-fix-action": "leave-out", onClick: () => leaveOut(bot.id) }, t("Leave {name} out", { name: bot.name }))
+ ])),
-+ fixNote ? (0, import_react30.createElement)("div", { className: "bt-note", role: "status" }, fixNote) : null,
-+ inviteLink ? (0, import_react30.createElement)("input", { className: "bt-input bt-fix-link", type: "text", readOnly: true, value: inviteLink, "aria-label": t("Invite link"), "data-fix-link": "", autoFocus: true, onFocus: (event) => event.target.select(), onClick: (event) => event.target.select() }) : null
-+ ) : error ? (0, import_react30.createElement)("div", { className: "bt-error" }, error) : null,
-+ menuOnly ? null : (0, import_react30.createElement)(
++ fixNote ? (0, import_react31.createElement)("div", { className: "bt-note", role: "status" }, fixNote) : null,
++ inviteLink ? (0, import_react31.createElement)("input", { className: "bt-input bt-fix-link", type: "text", readOnly: true, value: inviteLink, "aria-label": t("Invite link"), "data-fix-link": "", autoFocus: true, onFocus: (event) => event.target.select(), onClick: (event) => event.target.select() }) : null
++ ) : error ? (0, import_react31.createElement)("div", { className: "bt-error" }, error) : null,
++ menuOnly ? null : (0, import_react31.createElement)(
"div",
{ className: "bt-nc-compose" },
- (0, import_react20.createElement)(
-+ (0, import_react30.createElement)(
++ (0, import_react31.createElement)(
"div",
{ className: "bt-nc-card" },
- (0, import_react20.createElement)("span", { className: "bt-nc-plus", "aria-hidden": true }, (0, import_react20.createElement)(PlusIcon)),
- (0, import_react20.createElement)("textarea", {
-+ (0, import_react30.createElement)("span", { className: "bt-nc-plus", "aria-hidden": true }, (0, import_react30.createElement)(PlusIcon)),
-+ (0, import_react30.createElement)("textarea", {
++ (0, import_react31.createElement)("span", { className: "bt-nc-plus", "aria-hidden": true }, (0, import_react31.createElement)(PlusIcon)),
++ (0, import_react31.createElement)("textarea", {
rows: 1,
value: message,
placeholder,
@@ -15861,7 +14201,7 @@ diff --git a/client.js b/client.js
}
}),
- (0, import_react20.createElement)("button", { type: "button", className: "bt-nc-send", "aria-label": t("Send message"), disabled: busy || message.trim() === "" || picked.length === 0, onClick: sendMessage }, (0, import_react20.createElement)(ArrowUpIcon))
-+ (0, import_react30.createElement)("button", { type: "button", className: "bt-nc-send", "aria-label": t("Send message"), disabled: busy || message.trim() === "" || picked.length === 0, onClick: sendMessage }, (0, import_react30.createElement)(ArrowUpIcon))
++ (0, import_react31.createElement)("button", { type: "button", className: "bt-nc-send", "aria-label": t("Send message"), disabled: busy || message.trim() === "" || picked.length === 0, onClick: sendMessage }, (0, import_react31.createElement)(ArrowUpIcon))
)
)
)
@@ -15870,13 +14210,13 @@ diff --git a/client.js b/client.js
// src/client/exchange.js
-var import_react21 = require("react");
-+var import_react31 = require("react");
++var import_react32 = require("react");
var SHEET_EXIT_MS = 220;
function ExchangeDialog({ pair, roster, actions }) {
- const [entries2, setEntries] = (0, import_react21.useState)(null);
- const [leaving, setLeaving] = (0, import_react21.useState)(false);
-+ const [entries2, setEntries] = (0, import_react31.useState)(null);
-+ const [leaving, setLeaving] = (0, import_react31.useState)(false);
++ const [entries2, setEntries] = (0, import_react32.useState)(null);
++ const [leaving, setLeaving] = (0, import_react32.useState)(false);
const close = () => {
if (leaving) return;
setLeaving(true);
@@ -15884,7 +14224,7 @@ diff --git a/client.js b/client.js
};
useEscape(close);
- (0, import_react21.useEffect)(() => {
-+ (0, import_react31.useEffect)(() => {
++ (0, import_react32.useEffect)(() => {
let stop = false;
let timer;
let seen = null;
@@ -15893,63 +14233,63 @@ diff --git a/client.js b/client.js
let lastDay = 0;
const paneLeft = usePaneLeft();
- return (0, import_react21.createElement)(
-+ return (0, import_react31.createElement)(
++ return (0, import_react32.createElement)(
"div",
{ className: "bt-pane bt-exchange", style: { left: paneLeft }, "data-leaving": leaving || void 0 },
- (0, import_react21.createElement)(
-+ (0, import_react31.createElement)(
++ (0, import_react32.createElement)(
"div",
{ className: "bt-dialog", role: "dialog", "aria-label": t("Bot exchange") },
- (0, import_react21.createElement)("div", { className: "bt-head" }, (0, import_react21.createElement)(
-+ (0, import_react31.createElement)("div", { className: "bt-head" }, (0, import_react31.createElement)(
++ (0, import_react32.createElement)("div", { className: "bt-head" }, (0, import_react32.createElement)(
"span",
{ className: "bt-pill", style: { cursor: "default" } },
- left ? (0, import_react21.createElement)(BotMark, { bot: left, size: 22 }) : null,
-+ left ? (0, import_react31.createElement)(BotMark, { bot: left, size: 22 }) : null,
++ left ? (0, import_react32.createElement)(BotMark, { bot: left, size: 22 }) : null,
left?.name ?? "?",
- (0, import_react21.createElement)("span", { className: "bt-swap" }, "⇄"),
- right ? (0, import_react21.createElement)(BotMark, { bot: right, size: 22 }) : null,
-+ (0, import_react31.createElement)("span", { className: "bt-swap" }, "⇄"),
-+ right ? (0, import_react31.createElement)(BotMark, { bot: right, size: 22 }) : null,
++ (0, import_react32.createElement)("span", { className: "bt-swap" }, "⇄"),
++ right ? (0, import_react32.createElement)(BotMark, { bot: right, size: 22 }) : null,
right?.name ?? "?"
)),
- (0, import_react21.createElement)(
-+ (0, import_react31.createElement)(
++ (0, import_react32.createElement)(
"div",
{ className: "bt-dialog-log", role: "log", "aria-label": t("Bot exchange transcript") },
- entries2 === null ? (0, import_react21.createElement)("div", { className: "bt-hint" }, t("Loading…")) : entries2.length === 0 ? (0, import_react21.createElement)("div", { className: "bt-hint" }, t("No messages yet")) : entries2.map((entry) => {
-+ entries2 === null ? (0, import_react31.createElement)("div", { className: "bt-hint" }, t("Loading…")) : entries2.length === 0 ? (0, import_react31.createElement)("div", { className: "bt-hint" }, t("No messages yet")) : entries2.map((entry) => {
++ entries2 === null ? (0, import_react32.createElement)("div", { className: "bt-hint" }, t("Loading…")) : entries2.length === 0 ? (0, import_react32.createElement)("div", { className: "bt-hint" }, t("No messages yet")) : entries2.map((entry) => {
const bot = roster.byId[entry.from] ?? { id: entry.from, name: t("You"), color: "gray" };
const showDay = entry.time - lastDay > 30 * 60 * 1e3;
lastDay = entry.time;
- return (0, import_react21.createElement)(
- import_react21.Fragment,
-+ return (0, import_react31.createElement)(
-+ import_react31.Fragment,
++ return (0, import_react32.createElement)(
++ import_react32.Fragment,
{ key: entry.id },
- showDay ? (0, import_react21.createElement)("time", { className: "bt-time" }, dayLabel(entry.time)) : null,
- (0, import_react21.createElement)(
-+ showDay ? (0, import_react31.createElement)("time", { className: "bt-time" }, dayLabel(entry.time)) : null,
-+ (0, import_react31.createElement)(
++ showDay ? (0, import_react32.createElement)("time", { className: "bt-time" }, dayLabel(entry.time)) : null,
++ (0, import_react32.createElement)(
"div",
{ className: "bt-group-msg" },
- (0, import_react21.createElement)("span", { className: "bt-group-name", style: { color: inkText(colorOf(bot)) } }, bot.name),
- (0, import_react21.createElement)(Bubbles, { texts: [entry.text], roster, selfId: bot.id, actions, lead: (0, import_react21.createElement)("span", { className: "bt-lead" }, (0, import_react21.createElement)(BotMark, { bot, size: 22 })) })
-+ (0, import_react31.createElement)("span", { className: "bt-group-name", style: { color: inkText(colorOf(bot)) } }, bot.name),
-+ (0, import_react31.createElement)(Bubbles, { texts: [entry.text], roster, selfId: bot.id, actions, lead: (0, import_react31.createElement)("span", { className: "bt-lead" }, (0, import_react31.createElement)(BotMark, { bot, size: 22 })) })
++ (0, import_react32.createElement)("span", { className: "bt-group-name", style: { color: inkText(colorOf(bot)) } }, bot.name),
++ (0, import_react32.createElement)(Bubbles, { texts: [entry.text], roster, selfId: bot.id, actions, lead: (0, import_react32.createElement)("span", { className: "bt-lead" }, (0, import_react32.createElement)(BotMark, { bot, size: 22 })) })
)
);
})
),
- (0, import_react21.createElement)("div", { className: "bt-dialog-foot" }, (0, import_react21.createElement)("button", { type: "button", className: "bt-soft", onClick: close }, t("Close Chat")))
-+ (0, import_react31.createElement)("div", { className: "bt-dialog-foot" }, (0, import_react31.createElement)("button", { type: "button", className: "bt-soft", onClick: close }, t("Close Chat")))
++ (0, import_react32.createElement)("div", { className: "bt-dialog-foot" }, (0, import_react32.createElement)("button", { type: "button", className: "bt-soft", onClick: close }, t("Close Chat")))
)
);
}
// src/client/voice.js
-var import_react22 = require("react");
-+var import_react32 = require("react");
++var import_react33 = require("react");
var plainSpeech = (text) => stripHeader(text).replace(/```[\s\S]*?```/g, " ").replace(/\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/[*_`#>|~-]+/g, " ").replace(/\s+/g, " ").trim();
var VOICE_LABELS = {
listening: "Listening",
@@ -15959,8 +14299,8 @@ diff --git a/client.js b/client.js
function useMicLevel(enabled) {
- const [level, setLevel] = (0, import_react22.useState)(0);
- (0, import_react22.useEffect)(() => {
-+ const [level, setLevel] = (0, import_react32.useState)(0);
-+ (0, import_react32.useEffect)(() => {
++ const [level, setLevel] = (0, import_react33.useState)(0);
++ (0, import_react33.useEffect)(() => {
if (!enabled || !navigator.mediaDevices?.getUserMedia) return void 0;
let stream = null;
let audio = null;
@@ -15985,19 +14325,19 @@ diff --git a/client.js b/client.js
- const [cycle, setCycle] = (0, import_react22.useState)(0);
- const waiting = (0, import_react22.useRef)(null);
- const reply = (0, import_react22.useRef)(lastReply);
-+ const [speech] = (0, import_react32.useState)(() => actions.speech());
-+ const [phase, setPhase] = (0, import_react32.useState)(speech ? "starting" : speechApi() ? "listening" : "unsupported");
-+ const [catalog, setCatalog] = (0, import_react32.useState)(null);
-+ const [heard, setHeard] = (0, import_react32.useState)("");
-+ const [said, setSaid] = (0, import_react32.useState)("");
-+ const [note, setNote] = (0, import_react32.useState)("");
-+ const [serviceLevel, setServiceLevel] = (0, import_react32.useState)(0);
-+ const [cycle, setCycle] = (0, import_react32.useState)(0);
-+ const waiting = (0, import_react32.useRef)(null);
-+ const reply = (0, import_react32.useRef)(lastReply);
++ const [speech] = (0, import_react33.useState)(() => actions.speech());
++ const [phase, setPhase] = (0, import_react33.useState)(speech ? "starting" : speechApi() ? "listening" : "unsupported");
++ const [catalog, setCatalog] = (0, import_react33.useState)(null);
++ const [heard, setHeard] = (0, import_react33.useState)("");
++ const [said, setSaid] = (0, import_react33.useState)("");
++ const [note, setNote] = (0, import_react33.useState)("");
++ const [serviceLevel, setServiceLevel] = (0, import_react33.useState)(0);
++ const [cycle, setCycle] = (0, import_react33.useState)(0);
++ const waiting = (0, import_react33.useRef)(null);
++ const reply = (0, import_react33.useRef)(lastReply);
reply.current = lastReply;
- const turn = (0, import_react22.useRef)(0);
-+ const turn = (0, import_react32.useRef)(0);
++ const turn = (0, import_react33.useRef)(0);
const paneLeft = usePaneLeft();
const close = () => {
turn.current += 1;
@@ -16006,13 +14346,13 @@ diff --git a/client.js b/client.js
submit(text);
});
- (0, import_react22.useEffect)(() => {
-+ (0, import_react32.useEffect)(() => {
++ (0, import_react33.useEffect)(() => {
if (!note) return void 0;
const timer = setTimeout(() => setNote(""), 2600);
return () => clearTimeout(timer);
}, [note]);
- (0, import_react22.useEffect)(() => {
-+ (0, import_react32.useEffect)(() => {
++ (0, import_react33.useEffect)(() => {
if (!speech) return void 0;
let live = true;
speechCatalog(speech).then(({ catalog: next, usable }) => {
@@ -16021,98 +14361,38 @@ diff --git a/client.js b/client.js
}, [speech]);
const listen = phase === "listening";
- (0, import_react22.useEffect)(() => {
-+ (0, import_react32.useEffect)(() => {
++ (0, import_react33.useEffect)(() => {
if (speech || !listen || dictation.listening) return void 0;
const timer = setTimeout(() => dictation.start({ continuous: false, onEnd: () => {
} }), 250);
return () => clearTimeout(timer);
}, [listen, dictation.listening]);
- (0, import_react22.useEffect)(() => {
-+ (0, import_react32.useEffect)(() => {
++ (0, import_react33.useEffect)(() => {
if (phase !== "listening") dictation.stop();
}, [phase]);
- (0, import_react22.useEffect)(() => {
-+ (0, import_react32.useEffect)(() => {
++ (0, import_react33.useEffect)(() => {
if (!speech || !catalog || !listen) return void 0;
const own = turn.current;
let capture = null;
-@@ -8788,378 +8788,134 @@ function VoiceMode({ sessionId, roster, actions, useSessions, useSessionStatus }
- const finish = async (current) => {
- setPhase("transcribing");
- try {
-- const wave = await current.finish(catalog.maxDurationSeconds);
-- const text = wave ? await transcribeWave(speech, catalog, wave, new AbortController().signal) : "";
-- if (turn.current !== own) return;
-- if (text) submit(text);
-- else setPhase("listening");
-- } catch (error) {
-- if (turn.current !== own) return;
-- setNote(t(CAPTURE_NOTES[error?.kind] ?? "Couldn't hear that"));
-- setPhase("listening");
-- }
-- };
-- openCapture().then((opened) => {
-- if (stopped) {
-- opened.cancel();
-- return;
-- }
-- capture = opened;
-- const began = performance.now();
-- const tick = () => {
-- const now = performance.now();
-- const level2 = capture.level();
-- smooth = smooth * 0.8 + level2 * 0.2;
-- setServiceLevel(Math.round(smooth * 100) / 100);
-- const state = detect(level2, now);
-- if (state === "done" || state === "speech" && now - began >= limit) {
-- const current = capture;
-- capture = null;
-- setServiceLevel(0);
-- void finish(current);
-- return;
-- }
-- if (state === "waiting" && now - began >= limit) {
-- setCycle((value) => value + 1);
-- return;
-- }
-- frame = requestAnimationFrame(tick);
-- };
-- tick();
-- }, (error) => {
-- if (stopped) return;
-- setNote(t(CAPTURE_NOTES[error?.kind] ?? "Couldn't hear that"));
-- setPhase("paused");
-- });
-- return () => {
-- stopped = true;
-- cancelAnimationFrame(frame);
-- capture?.cancel();
-- setServiceLevel(0);
-- };
-- }, [speech, catalog, listen, cycle]);
+@@ -8838,7 +8838,7 @@ function VoiceMode({ sessionId, roster, actions, useSessions, useSessionStatus }
+ setServiceLevel(0);
+ };
+ }, [speech, catalog, listen, cycle]);
- (0, import_react22.useEffect)(() => {
-- if (phase !== "thinking" || running || waiting.current === null) return;
-- const [count, text] = [lastReply.slice(0, lastReply.indexOf("|")), lastReply.slice(lastReply.indexOf("|") + 1)];
-- if (count === waiting.current || !text.trim()) return;
-- waiting.current = null;
-- const spoken = plainSpeech(text);
-- setSaid(spoken);
-- setHeard("");
-- if (!window.speechSynthesis || !spoken) {
-- setPhase("listening");
-- return;
-- }
-- const utterance = new SpeechSynthesisUtterance(spoken);
-- utterance.lang = /[\u3400-\u9fff]/.test(spoken) ? "zh-CN" : "en-US";
-- utterance.onend = () => setPhase((current) => current === "speaking" ? "listening" : current);
-- utterance.onerror = utterance.onend;
-- setPhase("speaking");
-- window.speechSynthesis.cancel();
-- window.speechSynthesis.speak(utterance);
-- }, [phase, running, lastReply]);
++ (0, import_react33.useEffect)(() => {
+ if (phase !== "thinking" || running || waiting.current === null) return;
+ const [count, text] = [lastReply.slice(0, lastReply.indexOf("|")), lastReply.slice(lastReply.indexOf("|") + 1)];
+ if (count === waiting.current || !text.trim()) return;
+@@ -8858,308 +8858,64 @@ function VoiceMode({ sessionId, roster, actions, useSessions, useSessionStatus }
+ window.speechSynthesis.cancel();
+ window.speechSynthesis.speak(utterance);
+ }, [phase, running, lastReply]);
- (0, import_react22.useEffect)(() => () => window.speechSynthesis?.cancel(), []);
-- const micLevel = useMicLevel(!speech && phase === "listening" && dictation.listening);
-- const level = speech ? serviceLevel : micLevel;
++ (0, import_react33.useEffect)(() => () => window.speechSynthesis?.cancel(), []);
+ const micLevel = useMicLevel(!speech && phase === "listening" && dictation.listening);
+ const level = speech ? serviceLevel : micLevel;
- const markState = phase === "thinking" || phase === "transcribing" ? "thinking" : phase === "speaking" ? "sending" : "idle";
- const blocked = phase === "unsupported" || phase === "setup" || phase === "starting";
- const togglePause = () => {
@@ -16201,21 +14481,37 @@ diff --git a/client.js b/client.js
- const remove = () => {
- if (!confirming) {
- setConfirming(true);
-- return;
-- }
++ const markState = phase === "thinking" || phase === "transcribing" ? "thinking" : phase === "speaking" ? "sending" : "idle";
++ const blocked = phase === "unsupported" || phase === "setup" || phase === "starting";
++ const togglePause = () => {
++ if (phase === "paused") {
++ setPhase("listening");
+ return;
+ }
- void Promise.resolve(run(actions.deleteRoom(room2.id))).then((done) => {
- if (done) onDeleted?.();
- });
-- };
++ turn.current += 1;
++ window.speechSynthesis?.cancel();
++ setPhase("paused");
+ };
- return (0, import_react23.createElement)(
-- "div",
++ const openSetup = phase === "setup" ? actions.voiceSetup() : null;
++ const caption = phase === "speaking" ? said : heard;
++ const shownNote = note || dictation.note;
++ return (0, import_react33.createElement)(
+ "div",
- { className: "bt-bs" },
- (0, import_react23.createElement)(
-- "div",
++ { className: "bt-pane bt-voice-pane", style: { left: paneLeft } },
++ (0, import_react33.createElement)(
+ "div",
- { className: "bt-bs-hero" },
- (0, import_react23.createElement)(RoomAvatar, { room: room2, roster, size: 64 }),
- (0, import_react23.createElement)(
-- "div",
++ { className: "bt-voice-stage", role: "dialog", "aria-label": t("Voice chat with {name}", { name }), "data-phase": phase === "transcribing" ? "thinking" : phase },
++ (0, import_react33.createElement)(
+ "div",
- { className: "bt-bs-who" },
- (0, import_react23.createElement)("span", { className: "bt-bs-name" }, room2.name),
- (0, import_react23.createElement)("span", { className: "bt-bs-sub" }, roomSubtitle(room2, roster))
@@ -16228,7 +14524,11 @@ diff --git a/client.js b/client.js
- Row,
- { label: t("Name"), hint: t("Leave it empty to name the group after its members.") },
- (0, import_react23.createElement)(InlineText, { label: t("Group name"), value: room2.named ? room2.name : "", placeholder: t("Name after members"), maxLength: 60, onSave: (name) => update({ name }) })
-- ),
++ { className: "bt-voice-orb", style: { "--bt-level": level } },
++ (0, import_react33.createElement)("span", { className: "bt-voice-ring", "aria-hidden": true }),
++ (0, import_react33.createElement)("span", { className: "bt-voice-ring bt-voice-ring-2", "aria-hidden": true }),
++ bot ? (0, import_react33.createElement)(BotMark, { bot, size: 112, state: markState, live: true, gaze: phase === "listening" }) : room2 ? (0, import_react33.createElement)(RoomAvatar, { room: room2, roster, size: 112 }) : null
+ ),
- (0, import_react23.createElement)(
- Row,
- { label: t("Notice"), hint: t("Every member reads it before speaking in this group."), stack: true },
@@ -16344,91 +14644,8 @@ diff --git a/client.js b/client.js
- room2 = value;
- }));
- if (done && room2) onCreated(room2);
-- else setBusy(false);
-+ const wave = await current.finish(catalog.maxDurationSeconds);
-+ const text = wave ? await transcribeWave(speech, catalog, wave, new AbortController().signal) : "";
-+ if (turn.current !== own) return;
-+ if (text) submit(text);
-+ else setPhase("listening");
-+ } catch (error) {
-+ if (turn.current !== own) return;
-+ setNote(t(CAPTURE_NOTES[error?.kind] ?? "Couldn't hear that"));
-+ setPhase("listening");
-+ }
-+ };
-+ openCapture().then((opened) => {
-+ if (stopped) {
-+ opened.cancel();
-+ return;
-+ }
-+ capture = opened;
-+ const began = performance.now();
-+ const tick = () => {
-+ const now = performance.now();
-+ const level2 = capture.level();
-+ smooth = smooth * 0.8 + level2 * 0.2;
-+ setServiceLevel(Math.round(smooth * 100) / 100);
-+ const state = detect(level2, now);
-+ if (state === "done" || state === "speech" && now - began >= limit) {
-+ const current = capture;
-+ capture = null;
-+ setServiceLevel(0);
-+ void finish(current);
-+ return;
-+ }
-+ if (state === "waiting" && now - began >= limit) {
-+ setCycle((value) => value + 1);
-+ return;
-+ }
-+ frame = requestAnimationFrame(tick);
-+ };
-+ tick();
-+ }, (error) => {
-+ if (stopped) return;
-+ setNote(t(CAPTURE_NOTES[error?.kind] ?? "Couldn't hear that"));
-+ setPhase("paused");
-+ });
-+ return () => {
-+ stopped = true;
-+ cancelAnimationFrame(frame);
-+ capture?.cancel();
-+ setServiceLevel(0);
-+ };
-+ }, [speech, catalog, listen, cycle]);
-+ (0, import_react32.useEffect)(() => {
-+ if (phase !== "thinking" || running || waiting.current === null) return;
-+ const [count, text] = [lastReply.slice(0, lastReply.indexOf("|")), lastReply.slice(lastReply.indexOf("|") + 1)];
-+ if (count === waiting.current || !text.trim()) return;
-+ waiting.current = null;
-+ const spoken = plainSpeech(text);
-+ setSaid(spoken);
-+ setHeard("");
-+ if (!window.speechSynthesis || !spoken) {
-+ setPhase("listening");
-+ return;
-+ }
-+ const utterance = new SpeechSynthesisUtterance(spoken);
-+ utterance.lang = /[\u3400-\u9fff]/.test(spoken) ? "zh-CN" : "en-US";
-+ utterance.onend = () => setPhase((current) => current === "speaking" ? "listening" : current);
-+ utterance.onerror = utterance.onend;
-+ setPhase("speaking");
-+ window.speechSynthesis.cancel();
-+ window.speechSynthesis.speak(utterance);
-+ }, [phase, running, lastReply]);
-+ (0, import_react32.useEffect)(() => () => window.speechSynthesis?.cancel(), []);
-+ const micLevel = useMicLevel(!speech && phase === "listening" && dictation.listening);
-+ const level = speech ? serviceLevel : micLevel;
-+ const markState = phase === "thinking" || phase === "transcribing" ? "thinking" : phase === "speaking" ? "sending" : "idle";
-+ const blocked = phase === "unsupported" || phase === "setup" || phase === "starting";
-+ const togglePause = () => {
-+ if (phase === "paused") {
-+ setPhase("listening");
-+ return;
-+ }
-+ turn.current += 1;
-+ window.speechSynthesis?.cancel();
-+ setPhase("paused");
- };
+- else setBusy(false);
+- };
- const chip = (bot, on, onClick, role) => (0, import_react23.createElement)("button", {
- key: bot.id,
- type: "button",
@@ -16438,21 +14655,15 @@ diff --git a/client.js b/client.js
- onClick
- }, (0, import_react23.createElement)(BotAvatar, { bot, size: 22, badge: false, live: false }), (0, import_react23.createElement)("span", { className: "bt-ng-name" }, bot.name), on && role === "radio" ? (0, import_react23.createElement)(AdminStar) : null);
- return (0, import_react23.createElement)(
-+ const openSetup = phase === "setup" ? actions.voiceSetup() : null;
-+ const caption = phase === "speaking" ? said : heard;
-+ const shownNote = note || dictation.note;
-+ return (0, import_react32.createElement)(
- "div",
+- "div",
- { className: "bt-set-card bt-ng" },
- (0, import_react23.createElement)(
-+ { className: "bt-pane bt-voice-pane", style: { left: paneLeft } },
-+ (0, import_react32.createElement)(
- "div",
+- "div",
- { className: "bt-set-row bt-bs-row bt-bs-stack" },
- (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label bt-ng-label" }, (0, import_react23.createElement)(AdminStar), t("Choose the group admin"))),
- (0, import_react23.createElement)(
-+ { className: "bt-voice-stage", role: "dialog", "aria-label": t("Voice chat with {name}", { name }), "data-phase": phase === "transcribing" ? "thinking" : phase },
-+ (0, import_react32.createElement)(
++ (0, import_react33.createElement)("div", { className: "bt-voice-name" }, name),
++ (0, import_react33.createElement)(
"div",
- { className: "bt-ng-picks", role: "radiogroup", "aria-label": t("Group admin") },
- roster.bots.map((bot) => chip(bot, admin === bot.id, () => pickAdmin(bot.id), "radio"))
@@ -16463,14 +14674,7 @@ diff --git a/client.js b/client.js
- { className: "bt-set-row bt-bs-row bt-bs-stack bt-ng-step" },
- (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, t("Who to chat with…"))),
- (0, import_react23.createElement)(
-+ { className: "bt-voice-orb", style: { "--bt-level": level } },
-+ (0, import_react32.createElement)("span", { className: "bt-voice-ring", "aria-hidden": true }),
-+ (0, import_react32.createElement)("span", { className: "bt-voice-ring bt-voice-ring-2", "aria-hidden": true }),
-+ bot ? (0, import_react32.createElement)(BotMark, { bot, size: 112, state: markState, live: true, gaze: phase === "listening" }) : room2 ? (0, import_react32.createElement)(RoomAvatar, { room: room2, roster, size: 112 }) : null
-+ ),
-+ (0, import_react32.createElement)("div", { className: "bt-voice-name" }, name),
-+ (0, import_react32.createElement)(
- "div",
+- "div",
- { className: "bt-ng-picks", role: "group", "aria-label": t("Members") },
- roster.bots.filter((bot) => bot.id !== admin).map((bot) => chip(bot, members.includes(bot.id), () => toggle(bot.id), "checkbox"))
- )
@@ -16481,31 +14685,31 @@ diff --git a/client.js b/client.js
- (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, t("Name"))),
- (0, import_react23.createElement)("input", { className: "bt-bs-input", value: name, maxLength: 60, placeholder: t("Name after members"), onChange: (event) => setName(event.target.value) })
+ { className: "bt-voice-status", role: "status" },
-+ phase === "thinking" ? (0, import_react32.createElement)(Shimmer, null, t("Thinking…")) : phase === "transcribing" ? (0, import_react32.createElement)(Shimmer, null, t("Recognizing…")) : VOICE_LABELS[phase] ? t(VOICE_LABELS[phase]) : ""
++ phase === "thinking" ? (0, import_react33.createElement)(Shimmer, null, t("Thinking…")) : phase === "transcribing" ? (0, import_react33.createElement)(Shimmer, null, t("Recognizing…")) : VOICE_LABELS[phase] ? t(VOICE_LABELS[phase]) : ""
+ ),
-+ (0, import_react32.createElement)("div", { className: "bt-voice-caption", key: `${phase}:${caption.slice(0, 12)}` }, caption),
-+ openSetup ? (0, import_react32.createElement)("button", { type: "button", className: "bt-voice-setup", onClick: () => {
++ (0, import_react33.createElement)("div", { className: "bt-voice-caption", key: `${phase}:${caption.slice(0, 12)}` }, caption),
++ openSetup ? (0, import_react33.createElement)("button", { type: "button", className: "bt-voice-setup", onClick: () => {
+ close();
+ openSetup();
+ } }, t("Set up voice input")) : null,
-+ shownNote ? (0, import_react32.createElement)("div", { className: "bt-voice-note" }, shownNote) : null
++ shownNote ? (0, import_react33.createElement)("div", { className: "bt-voice-note" }, shownNote) : null
),
- (0, import_react23.createElement)(
-+ (0, import_react32.createElement)(
++ (0, import_react33.createElement)(
"div",
- { className: "bt-set-row bt-task-foot" },
- (0, import_react23.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onCancel }, t("Cancel")),
- (0, import_react23.createElement)("button", { type: "button", className: "bt-send bt-soft-sm", disabled: busy || admin === null || members.length === 0, onClick: () => void create() }, t("Create group chat"))
+ { className: "bt-voice-bar" },
-+ (0, import_react32.createElement)("button", {
++ (0, import_react33.createElement)("button", {
+ type: "button",
+ className: "bt-voice-btn",
+ "aria-pressed": phase === "paused",
+ disabled: blocked,
+ "aria-label": phase === "paused" ? t("Resume listening") : t("Pause"),
+ onClick: togglePause
-+ }, (0, import_react32.createElement)(MicIcon, { size: 20 }), phase === "paused" ? (0, import_react32.createElement)("span", { className: "bt-voice-slash", "aria-hidden": true }) : null),
-+ (0, import_react32.createElement)("button", { type: "button", className: "bt-voice-btn bt-voice-end", "aria-label": t("End voice chat"), onClick: close }, (0, import_react32.createElement)(CloseIcon))
++ }, (0, import_react33.createElement)(MicIcon, { size: 20 }), phase === "paused" ? (0, import_react33.createElement)("span", { className: "bt-voice-slash", "aria-hidden": true }) : null),
++ (0, import_react33.createElement)("button", { type: "button", className: "bt-voice-btn bt-voice-end", "aria-label": t("End voice chat"), onClick: close }, (0, import_react33.createElement)(CloseIcon))
)
);
}
@@ -16554,7 +14758,7 @@ diff --git a/client.js b/client.js
// src/client/usage-page.js
-var import_react24 = require("react");
-+var import_react33 = require("react");
++var import_react34 = require("react");
var HEAT_WEEKS = 53;
var TOP_SERIES = 7;
var RING_R = 42;
@@ -16570,9 +14774,9 @@ diff --git a/client.js b/client.js
- const [shown, setShown] = (0, import_react24.useState)(0);
- const from = (0, import_react24.useRef)(0);
- (0, import_react24.useEffect)(() => {
-+ const [shown, setShown] = (0, import_react33.useState)(0);
-+ const from = (0, import_react33.useRef)(0);
-+ (0, import_react33.useEffect)(() => {
++ const [shown, setShown] = (0, import_react34.useState)(0);
++ const from = (0, import_react34.useRef)(0);
++ (0, import_react34.useEffect)(() => {
if (reducedMotion() || typeof requestAnimationFrame !== "function") {
from.current = value;
setShown(value);
@@ -16581,10 +14785,10 @@ diff --git a/client.js b/client.js
return shown;
}
-var glyphBox = (size, icon2) => (0, import_react24.createElement)("span", { className: "bt-us-glyph", style: { width: size, height: size } }, (0, import_react24.createElement)(icon2));
-+var glyphBox = (size, icon3) => (0, import_react33.createElement)("span", { className: "bt-us-glyph", style: { width: size, height: size } }, (0, import_react33.createElement)(icon3));
++var glyphBox = (size, icon3) => (0, import_react34.createElement)("span", { className: "bt-us-glyph", style: { width: size, height: size } }, (0, import_react34.createElement)(icon3));
function ModelGlyph({ name, paint, size }) {
- return (0, import_react24.createElement)("span", {
-+ return (0, import_react33.createElement)("span", {
++ return (0, import_react34.createElement)("span", {
className: "bt-us-model",
"aria-hidden": true,
style: { width: size, height: size, fontSize: Math.round(size * 0.42), background: `color-mix(in srgb, ${paint} 20%, var(--bt-card))`, color: `color-mix(in srgb, ${paint} 72%, var(--bt-ink))` }
@@ -16593,7 +14797,7 @@ diff --git a/client.js b/client.js
paint: paintCss(colorOf(bot)),
stops: GRADIENTS[colorOf(bot)],
- glyph: (size) => (0, import_react24.createElement)(BotAvatar, { bot, size, badge: false, live: false })
-+ glyph: (size) => (0, import_react33.createElement)(BotAvatar, { bot, size, badge: false, live: false })
++ glyph: (size) => (0, import_react34.createElement)(BotAvatar, { bot, size, badge: false, live: false })
};
}
if (owner.kind === "room") {
@@ -16602,7 +14806,7 @@ diff --git a/client.js b/client.js
sub: owner.deleted ? t("Deleted") : t("Group chat"),
paint: "var(--bt-us-rest)",
- glyph: (size) => room2 ? (0, import_react24.createElement)(RoomAvatar, { room: room2, roster, size }) : glyphBox(size, ChatsIcon)
-+ glyph: (size) => room2 ? (0, import_react33.createElement)(RoomAvatar, { room: room2, roster, size }) : glyphBox(size, ChatsIcon)
++ glyph: (size) => room2 ? (0, import_react34.createElement)(RoomAvatar, { room: room2, roster, size }) : glyphBox(size, ChatsIcon)
};
}
if (owner.kind === "agent") {
@@ -16611,13 +14815,13 @@ diff --git a/client.js b/client.js
const glide = useGlide(`${value}
${names}`, { box: boxRef });
- return (0, import_react24.createElement)(
-+ return (0, import_react33.createElement)(
++ return (0, import_react34.createElement)(
"div",
{ ref: glide.box, className: "bt-us-tabs", role: "group", "aria-label": label },
- (0, import_react24.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
- options.map(([id, text, icon2]) => (0, import_react24.createElement)("button", { key: id, type: "button", "aria-pressed": value === id, onClick: () => onChange(id) }, icon2 ? (0, import_react24.createElement)(icon2) : null, text))
-+ (0, import_react33.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
-+ options.map(([id, text, icon3]) => (0, import_react33.createElement)("button", { key: id, type: "button", "aria-pressed": value === id, onClick: () => onChange(id) }, icon3 ? (0, import_react33.createElement)(icon3) : null, text))
++ (0, import_react34.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
++ options.map(([id, text, icon3]) => (0, import_react34.createElement)("button", { key: id, type: "button", "aria-pressed": value === id, onClick: () => onChange(id) }, icon3 ? (0, import_react34.createElement)(icon3) : null, text))
);
}
function Stats({ range, total, previous }) {
@@ -16625,25 +14829,25 @@ diff --git a/client.js b/client.js
const change = previous > 0 ? Math.round((total.total - previous) / previous * 100) : null;
- const cell = (label, value) => (0, import_react24.createElement)("div", { className: "bt-us-stat" }, (0, import_react24.createElement)("span", { className: "bt-us-stat-label" }, label), (0, import_react24.createElement)("span", { className: "bt-us-stat-value" }, value));
- return (0, import_react24.createElement)(
-+ const cell = (label, value) => (0, import_react33.createElement)("div", { className: "bt-us-stat" }, (0, import_react33.createElement)("span", { className: "bt-us-stat-label" }, label), (0, import_react33.createElement)("span", { className: "bt-us-stat-value" }, value));
-+ return (0, import_react33.createElement)(
++ const cell = (label, value) => (0, import_react34.createElement)("div", { className: "bt-us-stat" }, (0, import_react34.createElement)("span", { className: "bt-us-stat-label" }, label), (0, import_react34.createElement)("span", { className: "bt-us-stat-value" }, value));
++ return (0, import_react34.createElement)(
"section",
{ className: "bt-us-stats", style: { "--i": 0 } },
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)(
"div",
{ className: "bt-us-stat bt-us-stat-main" },
- (0, import_react24.createElement)("span", { className: "bt-us-stat-label" }, lastText(range)),
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)("span", { className: "bt-us-stat-label" }, lastText(range)),
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)("span", { className: "bt-us-stat-label" }, lastText(range)),
++ (0, import_react34.createElement)(
"span",
{ className: "bt-us-stat-value" },
compact(shown),
- (0, import_react24.createElement)("small", null, t("tokens")),
- change === null ? null : (0, import_react24.createElement)(
-+ (0, import_react33.createElement)("small", null, t("tokens")),
-+ change === null ? null : (0, import_react33.createElement)(
++ (0, import_react34.createElement)("small", null, t("tokens")),
++ change === null ? null : (0, import_react34.createElement)(
"span",
{ className: "bt-us-delta", title: compareText(range) },
`${change >= 0 ? "↑" : "↓"} ${Math.abs(change)}%`
@@ -16652,7 +14856,7 @@ diff --git a/client.js b/client.js
}
function Chart({ range, columns, series, tipSeries, by, onBy, onPick }) {
- const [hover, setHover] = (0, import_react24.useState)(null);
-+ const [hover, setHover] = (0, import_react33.useState)(null);
++ const [hover, setHover] = (0, import_react34.useState)(null);
const top = niceTop(Math.max(0, ...columns.map((column) => column.total)));
const count = columns.length;
const fillOf = new Map(series.map((entry) => [entry.key, entry.fill]));
@@ -16660,77 +14864,77 @@ diff --git a/client.js b/client.js
const tip = hover === null ? null : columns[hover];
const tipSide = hover !== null && hover >= count / 2 ? { right: `calc(${(count - hover) / count * 100}% + 8px)` } : { left: `calc(${(hover + 1) / count * 100}% + 8px)` };
- return (0, import_react24.createElement)(
-+ return (0, import_react33.createElement)(
++ return (0, import_react34.createElement)(
"section",
{ className: "bt-us-card bt-us-chart", style: { "--i": 1 } },
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)(
"div",
{ className: "bt-us-card-head" },
- (0, import_react24.createElement)("h3", null, t("Tokens over time"), (0, import_react24.createElement)("span", null, unitLabel(range.unit))),
- onBy ? (0, import_react24.createElement)(Tabs, { label: t("Group usage by"), value: by, onChange: onBy, options: [["bot", t("By Bot")], ["model", t("By model")]] }) : null
-+ (0, import_react33.createElement)("h3", null, t("Tokens over time"), (0, import_react33.createElement)("span", null, unitLabel(range.unit))),
-+ onBy ? (0, import_react33.createElement)(Tabs, { label: t("Group usage by"), value: by, onChange: onBy, options: [["bot", t("By Bot")], ["model", t("By model")]] }) : null
++ (0, import_react34.createElement)("h3", null, t("Tokens over time"), (0, import_react34.createElement)("span", null, unitLabel(range.unit))),
++ onBy ? (0, import_react34.createElement)(Tabs, { label: t("Group usage by"), value: by, onChange: onBy, options: [["bot", t("By Bot")], ["model", t("By model")]] }) : null
),
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)(
"div",
{ className: "bt-us-chart-body" },
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)(
"div",
{ className: "bt-us-plot", "data-hover": hover === null ? void 0 : "", onMouseLeave: () => setHover(null) },
- [1, 0.5].map((level) => (0, import_react24.createElement)("div", { key: level, className: "bt-us-grid", style: { bottom: `${level * 100}%` } }, (0, import_react24.createElement)("span", null, compact(top * level)))),
- (0, import_react24.createElement)("div", { className: "bt-us-grid bt-us-base", style: { bottom: 0 } }, (0, import_react24.createElement)("span", null, "0")),
- (0, import_react24.createElement)(
-+ [1, 0.5].map((level) => (0, import_react33.createElement)("div", { key: level, className: "bt-us-grid", style: { bottom: `${level * 100}%` } }, (0, import_react33.createElement)("span", null, compact(top * level)))),
-+ (0, import_react33.createElement)("div", { className: "bt-us-grid bt-us-base", style: { bottom: 0 } }, (0, import_react33.createElement)("span", null, "0")),
-+ (0, import_react33.createElement)(
++ [1, 0.5].map((level) => (0, import_react34.createElement)("div", { key: level, className: "bt-us-grid", style: { bottom: `${level * 100}%` } }, (0, import_react34.createElement)("span", null, compact(top * level)))),
++ (0, import_react34.createElement)("div", { className: "bt-us-grid bt-us-base", style: { bottom: 0 } }, (0, import_react34.createElement)("span", null, "0")),
++ (0, import_react34.createElement)(
"div",
{ className: "bt-us-cols" },
- columns.map((column, at) => (0, import_react24.createElement)("div", {
-+ columns.map((column, at) => (0, import_react33.createElement)("div", {
++ columns.map((column, at) => (0, import_react34.createElement)("div", {
key: `${range.from ? `${range.from}~${range.to}` : range.id}:${column.key}`,
className: "bt-us-col",
"data-on": hover === at ? "" : void 0,
onMouseEnter: () => setHover(at)
- }, column.total > 0 ? (0, import_react24.createElement)(
-+ }, column.total > 0 ? (0, import_react33.createElement)(
++ }, column.total > 0 ? (0, import_react34.createElement)(
"div",
{ className: "bt-us-stack", style: { height: `${column.total / top * 100}%`, "--i": at } },
- column.parts.map(([key, value]) => value > 0 ? (0, import_react24.createElement)("i", { key, style: { flexGrow: value, background: fillOf.get(key) } }) : null)
- ) : (0, import_react24.createElement)("div", { className: "bt-us-stub" })))
-+ column.parts.map(([key, value]) => value > 0 ? (0, import_react33.createElement)("i", { key, style: { flexGrow: value, background: fillOf.get(key) } }) : null)
-+ ) : (0, import_react33.createElement)("div", { className: "bt-us-stub" })))
++ column.parts.map(([key, value]) => value > 0 ? (0, import_react34.createElement)("i", { key, style: { flexGrow: value, background: fillOf.get(key) } }) : null)
++ ) : (0, import_react34.createElement)("div", { className: "bt-us-stub" })))
),
- tip ? (0, import_react24.createElement)(
-+ tip ? (0, import_react33.createElement)(
++ tip ? (0, import_react34.createElement)(
"div",
{ className: "bt-us-tip", style: tipSide },
- (0, import_react24.createElement)("div", { className: "bt-us-tip-title" }, tip.title),
- (0, import_react24.createElement)("div", { className: "bt-us-tip-total" }, t("{count} tokens", { count: full(tip.total) })),
- tip.tip.filter(([, value]) => value > 0).sort((a, b) => b[1] - a[1]).map(([key, value]) => (0, import_react24.createElement)(
-+ (0, import_react33.createElement)("div", { className: "bt-us-tip-title" }, tip.title),
-+ (0, import_react33.createElement)("div", { className: "bt-us-tip-total" }, t("{count} tokens", { count: full(tip.total) })),
-+ tip.tip.filter(([, value]) => value > 0).sort((a, b) => b[1] - a[1]).map(([key, value]) => (0, import_react33.createElement)(
++ (0, import_react34.createElement)("div", { className: "bt-us-tip-title" }, tip.title),
++ (0, import_react34.createElement)("div", { className: "bt-us-tip-total" }, t("{count} tokens", { count: full(tip.total) })),
++ tip.tip.filter(([, value]) => value > 0).sort((a, b) => b[1] - a[1]).map(([key, value]) => (0, import_react34.createElement)(
"div",
{ key, className: "bt-us-tip-row" },
- (0, import_react24.createElement)("i", { className: "bt-us-dot", style: { background: tipOf.get(key)?.fill } }),
- (0, import_react24.createElement)("span", null, tipOf.get(key)?.name),
- (0, import_react24.createElement)("b", null, compact(value))
-+ (0, import_react33.createElement)("i", { className: "bt-us-dot", style: { background: tipOf.get(key)?.fill } }),
-+ (0, import_react33.createElement)("span", null, tipOf.get(key)?.name),
-+ (0, import_react33.createElement)("b", null, compact(value))
++ (0, import_react34.createElement)("i", { className: "bt-us-dot", style: { background: tipOf.get(key)?.fill } }),
++ (0, import_react34.createElement)("span", null, tipOf.get(key)?.name),
++ (0, import_react34.createElement)("b", null, compact(value))
))
) : null
),
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)(
"div",
{ className: "bt-us-ticks", "aria-hidden": true },
// A preset counts its labels back from now; a picked span forward from its first day.
- columns.map((column, at) => (0, import_react24.createElement)(
-+ columns.map((column, at) => (0, import_react33.createElement)(
++ columns.map((column, at) => (0, import_react34.createElement)(
"span",
{ key: column.key, "data-now": at === count - 1 && range.ends !== false ? "" : void 0 },
(range.from ? at : count - 1 - at) % range.stride === 0 ? column.tick : ""
@@ -16738,23 +14942,23 @@ diff --git a/client.js b/client.js
)
),
- series.length > 1 || series[0]?.pick ? (0, import_react24.createElement)(
-+ series.length > 1 || series[0]?.pick ? (0, import_react33.createElement)(
++ series.length > 1 || series[0]?.pick ? (0, import_react34.createElement)(
"div",
{ className: "bt-us-legend" },
- series.map((entry) => (0, import_react24.createElement)(entry.pick ? "button" : "span", {
-+ series.map((entry) => (0, import_react33.createElement)(entry.pick ? "button" : "span", {
++ series.map((entry) => (0, import_react34.createElement)(entry.pick ? "button" : "span", {
key: entry.key,
className: "bt-us-key",
...entry.pick ? { type: "button", onClick: () => onPick(entry.pick) } : {}
- }, (0, import_react24.createElement)("i", { className: "bt-us-dot", style: { background: entry.fill } }), entry.name))
-+ }, (0, import_react33.createElement)("i", { className: "bt-us-dot", style: { background: entry.fill } }), entry.name))
++ }, (0, import_react34.createElement)("i", { className: "bt-us-dot", style: { background: entry.fill } }), entry.name))
) : null
);
}
function Row2({ kind, glyph, name, sub, sum, whole, fill: fill2, index, onClick }) {
const width = whole > 0 ? Math.max(sum.total > 0 ? 2 : 0, sum.total / whole * 100) : 0;
- return (0, import_react24.createElement)(
-+ return (0, import_react33.createElement)(
++ return (0, import_react34.createElement)(
onClick ? "button" : "div",
{
className: "bt-us-row",
@@ -16764,77 +14968,77 @@ diff --git a/client.js b/client.js
},
- glyph ? (0, import_react24.createElement)("span", { className: "bt-us-row-glyph" }, glyph) : null,
- (0, import_react24.createElement)(
-+ glyph ? (0, import_react33.createElement)("span", { className: "bt-us-row-glyph" }, glyph) : null,
-+ (0, import_react33.createElement)(
++ glyph ? (0, import_react34.createElement)("span", { className: "bt-us-row-glyph" }, glyph) : null,
++ (0, import_react34.createElement)(
"span",
{ className: "bt-us-row-body" },
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)(
"span",
{ className: "bt-us-row-line" },
- (0, import_react24.createElement)("span", { className: "bt-us-row-name" }, name),
- sub ? (0, import_react24.createElement)("span", { className: "bt-us-row-sub" }, sub) : null
-+ (0, import_react33.createElement)("span", { className: "bt-us-row-name" }, name),
-+ sub ? (0, import_react33.createElement)("span", { className: "bt-us-row-sub" }, sub) : null
++ (0, import_react34.createElement)("span", { className: "bt-us-row-name" }, name),
++ sub ? (0, import_react34.createElement)("span", { className: "bt-us-row-sub" }, sub) : null
),
- (0, import_react24.createElement)("span", { className: "bt-us-track" }, (0, import_react24.createElement)("span", { style: { width: `${width}%`, background: fill2 } }))
-+ (0, import_react33.createElement)("span", { className: "bt-us-track" }, (0, import_react33.createElement)("span", { style: { width: `${width}%`, background: fill2 } }))
++ (0, import_react34.createElement)("span", { className: "bt-us-track" }, (0, import_react34.createElement)("span", { style: { width: `${width}%`, background: fill2 } }))
),
- (0, import_react24.createElement)("span", { className: "bt-us-row-num" }, (0, import_react24.createElement)("b", null, compact(sum.total)), (0, import_react24.createElement)("small", null, `${percent(sum.total, whole)}%`))
-+ (0, import_react33.createElement)("span", { className: "bt-us-row-num" }, (0, import_react33.createElement)("b", null, compact(sum.total)), (0, import_react33.createElement)("small", null, `${percent(sum.total, whole)}%`))
++ (0, import_react34.createElement)("span", { className: "bt-us-row-num" }, (0, import_react34.createElement)("b", null, compact(sum.total)), (0, import_react34.createElement)("small", null, `${percent(sum.total, whole)}%`))
);
}
function ListCard({ title, count, index, children }) {
- return (0, import_react24.createElement)(
-+ return (0, import_react33.createElement)(
++ return (0, import_react34.createElement)(
"section",
{ className: "bt-us-card", style: { "--i": index } },
- (0, import_react24.createElement)("div", { className: "bt-us-card-head" }, (0, import_react24.createElement)("h3", null, title, count === void 0 ? null : (0, import_react24.createElement)("span", null, count))),
- (0, import_react24.createElement)("div", { className: "bt-us-rows" }, children)
-+ (0, import_react33.createElement)("div", { className: "bt-us-card-head" }, (0, import_react33.createElement)("h3", null, title, count === void 0 ? null : (0, import_react33.createElement)("span", null, count))),
-+ (0, import_react33.createElement)("div", { className: "bt-us-rows" }, children)
++ (0, import_react34.createElement)("div", { className: "bt-us-card-head" }, (0, import_react34.createElement)("h3", null, title, count === void 0 ? null : (0, import_react34.createElement)("span", null, count))),
++ (0, import_react34.createElement)("div", { className: "bt-us-rows" }, children)
);
}
function Profile({ face, share, range }) {
- const arc = Math.max(0, Math.min(1, share)) * RING;
- return (0, import_react24.createElement)(
+ const arc = Math.max(0, Math.min(1, share)) * RING2;
-+ return (0, import_react33.createElement)(
++ return (0, import_react34.createElement)(
"section",
{ className: "bt-us-profile" },
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)(
"span",
{ className: "bt-us-ring" },
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)(
"svg",
{ viewBox: "0 0 96 96", "aria-hidden": true },
- face.stops ? (0, import_react24.createElement)("defs", null, (0, import_react24.createElement)(
-+ face.stops ? (0, import_react33.createElement)("defs", null, (0, import_react33.createElement)(
++ face.stops ? (0, import_react34.createElement)("defs", null, (0, import_react34.createElement)(
"linearGradient",
{ id: "bt-us-ring-paint", x1: 0, y1: 1, x2: 1, y2: 0 },
- face.stops.map(([offset, color]) => (0, import_react24.createElement)("stop", { key: offset, offset, stopColor: color }))
-+ face.stops.map(([offset, color]) => (0, import_react33.createElement)("stop", { key: offset, offset, stopColor: color }))
++ face.stops.map(([offset, color]) => (0, import_react34.createElement)("stop", { key: offset, offset, stopColor: color }))
)) : null,
- (0, import_react24.createElement)("circle", { className: "bt-us-ring-track", cx: 48, cy: 48, r: RING_R }),
- arc > 0 ? (0, import_react24.createElement)("circle", { className: "bt-us-ring-arc", cx: 48, cy: 48, r: RING_R, style: { stroke: face.stops ? "url(#bt-us-ring-paint)" : face.paint, strokeDasharray: `${arc} ${RING}` } }) : null
-+ (0, import_react33.createElement)("circle", { className: "bt-us-ring-track", cx: 48, cy: 48, r: RING_R }),
-+ arc > 0 ? (0, import_react33.createElement)("circle", { className: "bt-us-ring-arc", cx: 48, cy: 48, r: RING_R, style: { stroke: face.stops ? "url(#bt-us-ring-paint)" : face.paint, strokeDasharray: `${arc} ${RING2}` } }) : null
++ (0, import_react34.createElement)("circle", { className: "bt-us-ring-track", cx: 48, cy: 48, r: RING_R }),
++ arc > 0 ? (0, import_react34.createElement)("circle", { className: "bt-us-ring-arc", cx: 48, cy: 48, r: RING_R, style: { stroke: face.stops ? "url(#bt-us-ring-paint)" : face.paint, strokeDasharray: `${arc} ${RING2}` } }) : null
),
- (0, import_react24.createElement)("span", { className: "bt-us-ring-face" }, face.glyph(64))
-+ (0, import_react33.createElement)("span", { className: "bt-us-ring-face" }, face.glyph(64))
++ (0, import_react34.createElement)("span", { className: "bt-us-ring-face" }, face.glyph(64))
),
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)(
"div",
{ className: "bt-us-profile-copy" },
- (0, import_react24.createElement)("h3", null, face.name),
- face.sub ? (0, import_react24.createElement)("span", { className: "bt-us-profile-sub" }, face.sub) : null,
- (0, import_react24.createElement)("span", { className: "bt-us-profile-share" }, range.from ? t("{share}% of all usage from {span}", { share: percent(share, 1), span: spanText(range.from, range.to) }) : t("{share}% of all usage in the last {range}", { share: percent(share, 1), range: rangeLabel(range.id) }))
-+ (0, import_react33.createElement)("h3", null, face.name),
-+ face.sub ? (0, import_react33.createElement)("span", { className: "bt-us-profile-sub" }, face.sub) : null,
-+ (0, import_react33.createElement)("span", { className: "bt-us-profile-share" }, range.from ? t("{share}% of all usage from {span}", { share: percent(share, 1), span: spanText(range.from, range.to) }) : t("{share}% of all usage in the last {range}", { share: percent(share, 1), range: rangeLabel(range.id) }))
++ (0, import_react34.createElement)("h3", null, face.name),
++ face.sub ? (0, import_react34.createElement)("span", { className: "bt-us-profile-sub" }, face.sub) : null,
++ (0, import_react34.createElement)("span", { className: "bt-us-profile-share" }, range.from ? t("{share}% of all usage from {span}", { share: percent(share, 1), span: spanText(range.from, range.to) }) : t("{share}% of all usage in the last {range}", { share: percent(share, 1), range: rangeLabel(range.id) }))
)
);
}
@@ -16842,17 +15046,17 @@ diff --git a/client.js b/client.js
var addMonths = (ms, count) => Date.UTC(yearOf(ms), new Date(ms).getUTCMonth() + count, 1);
function SpanPicker({ span, today, oldest, active, near, onPick, onClose }) {
- const box = (0, import_react24.useRef)(null);
-+ const box = (0, import_react33.useRef)(null);
++ const box = (0, import_react34.useRef)(null);
const todayMs = hourMs(today);
const thisMonth = monthOf(todayMs);
- const [right, setRight] = (0, import_react24.useState)(() => Math.max(addMonths(oldest, 1), monthOf(hourMs(span?.to ?? today))));
- const [anchor, setAnchor] = (0, import_react24.useState)(null);
- const [hover, setHover] = (0, import_react24.useState)(null);
- (0, import_react24.useEffect)(() => {
-+ const [right, setRight] = (0, import_react33.useState)(() => Math.max(addMonths(oldest, 1), monthOf(hourMs(span?.to ?? today))));
-+ const [anchor, setAnchor] = (0, import_react33.useState)(null);
-+ const [hover, setHover] = (0, import_react33.useState)(null);
-+ (0, import_react33.useEffect)(() => {
++ const [right, setRight] = (0, import_react34.useState)(() => Math.max(addMonths(oldest, 1), monthOf(hourMs(span?.to ?? today))));
++ const [anchor, setAnchor] = (0, import_react34.useState)(null);
++ const [hover, setHover] = (0, import_react34.useState)(null);
++ (0, import_react34.useEffect)(() => {
const onDown = (event) => {
if (![box, near].some((ref) => ref.current?.contains(event.target))) onClose();
};
@@ -16861,19 +15065,19 @@ diff --git a/client.js b/client.js
onPick(from, to);
};
- const weekdays = (0, import_react24.useMemo)(() => Array.from({ length: 7 }, (_, at) => dates({ weekday: "narrow" }).format(Date.UTC(2024, 0, 1 + at))), []);
-+ const weekdays = (0, import_react33.useMemo)(() => Array.from({ length: 7 }, (_, at) => dates({ weekday: "narrow" }).format(Date.UTC(2024, 0, 1 + at))), []);
++ const weekdays = (0, import_react34.useMemo)(() => Array.from({ length: 7 }, (_, at) => dates({ weekday: "narrow" }).format(Date.UTC(2024, 0, 1 + at))), []);
const month = (start, side) => {
const length = new Date(addMonths(start, 1) - DAY_MS).getUTCDate();
const lead = (new Date(start).getUTCDay() + 6) % 7;
- const cells = Array.from({ length: lead }, (_, at) => (0, import_react24.createElement)("span", { key: `b${at}` }));
-+ const cells = Array.from({ length: lead }, (_, at) => (0, import_react33.createElement)("span", { key: `b${at}` }));
++ const cells = Array.from({ length: lead }, (_, at) => (0, import_react34.createElement)("span", { key: `b${at}` }));
for (let day = 1; day <= length; day += 1) {
const ms = start + (day - 1) * DAY_MS;
const key = dayKey(ms);
const weekday = (lead + day - 1) % 7;
const flag = (on) => on ? "" : void 0;
- cells.push((0, import_react24.createElement)("button", {
-+ cells.push((0, import_react33.createElement)("button", {
++ cells.push((0, import_react34.createElement)("button", {
key,
type: "button",
className: "bt-us-day",
@@ -16882,20 +15086,20 @@ diff --git a/client.js b/client.js
onMouseEnter: () => setHover(key),
onClick: () => press(key)
- }, (0, import_react24.createElement)("b", null, day)));
-+ }, (0, import_react33.createElement)("b", null, day)));
++ }, (0, import_react34.createElement)("b", null, day)));
}
- const nav = side === "left" ? (0, import_react24.createElement)("button", { type: "button", className: "bt-us-month-nav", "data-side": "left", "aria-label": t("Previous month"), disabled: start <= oldest, onClick: () => setRight(addMonths(right, -1)) }, (0, import_react24.createElement)(ChevronLeftIcon)) : (0, import_react24.createElement)("button", { type: "button", className: "bt-us-month-nav", "data-side": "right", "aria-label": t("Next month"), disabled: start >= thisMonth, onClick: () => setRight(addMonths(right, 1)) }, (0, import_react24.createElement)(ChevronRightIcon));
- return (0, import_react24.createElement)(
-+ const nav = side === "left" ? (0, import_react33.createElement)("button", { type: "button", className: "bt-us-month-nav", "data-side": "left", "aria-label": t("Previous month"), disabled: start <= oldest, onClick: () => setRight(addMonths(right, -1)) }, (0, import_react33.createElement)(ChevronLeftIcon)) : (0, import_react33.createElement)("button", { type: "button", className: "bt-us-month-nav", "data-side": "right", "aria-label": t("Next month"), disabled: start >= thisMonth, onClick: () => setRight(addMonths(right, 1)) }, (0, import_react33.createElement)(ChevronRightIcon));
-+ return (0, import_react33.createElement)(
++ const nav = side === "left" ? (0, import_react34.createElement)("button", { type: "button", className: "bt-us-month-nav", "data-side": "left", "aria-label": t("Previous month"), disabled: start <= oldest, onClick: () => setRight(addMonths(right, -1)) }, (0, import_react34.createElement)(ChevronLeftIcon)) : (0, import_react34.createElement)("button", { type: "button", className: "bt-us-month-nav", "data-side": "right", "aria-label": t("Next month"), disabled: start >= thisMonth, onClick: () => setRight(addMonths(right, 1)) }, (0, import_react34.createElement)(ChevronRightIcon));
++ return (0, import_react34.createElement)(
"div",
{ key: start, className: "bt-us-month" },
- (0, import_react24.createElement)("div", { className: "bt-us-month-head" }, nav, (0, import_react24.createElement)("span", null, dates({ year: "numeric", month: "long" }).format(start))),
- (0, import_react24.createElement)("div", { className: "bt-us-weekdays", "aria-hidden": true }, weekdays.map((name, at) => (0, import_react24.createElement)("span", { key: at }, name))),
- (0, import_react24.createElement)("div", { className: "bt-us-days", onMouseLeave: () => setHover(null) }, cells)
-+ (0, import_react33.createElement)("div", { className: "bt-us-month-head" }, nav, (0, import_react33.createElement)("span", null, dates({ year: "numeric", month: "long" }).format(start))),
-+ (0, import_react33.createElement)("div", { className: "bt-us-weekdays", "aria-hidden": true }, weekdays.map((name, at) => (0, import_react33.createElement)("span", { key: at }, name))),
-+ (0, import_react33.createElement)("div", { className: "bt-us-days", onMouseLeave: () => setHover(null) }, cells)
++ (0, import_react34.createElement)("div", { className: "bt-us-month-head" }, nav, (0, import_react34.createElement)("span", null, dates({ year: "numeric", month: "long" }).format(start))),
++ (0, import_react34.createElement)("div", { className: "bt-us-weekdays", "aria-hidden": true }, weekdays.map((name, at) => (0, import_react34.createElement)("span", { key: at }, name))),
++ (0, import_react34.createElement)("div", { className: "bt-us-days", onMouseLeave: () => setHover(null) }, cells)
);
};
const shortcuts = [
@@ -16904,15 +15108,15 @@ diff --git a/client.js b/client.js
];
const count = low === null ? 0 : Math.round((hourMs(high) - hourMs(low)) / DAY_MS) + 1;
- return (0, import_react24.createElement)(
-+ return (0, import_react33.createElement)(
++ return (0, import_react34.createElement)(
"div",
{ ref: box, className: "bt-us-pick", role: "dialog", "aria-label": t("Custom range") },
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)(
"div",
{ className: "bt-us-pick-quick" },
- shortcuts.map(([id, label, from, to]) => (0, import_react24.createElement)("button", {
-+ shortcuts.map(([id, label, from, to]) => (0, import_react33.createElement)("button", {
++ shortcuts.map(([id, label, from, to]) => (0, import_react34.createElement)("button", {
key: id,
type: "button",
"aria-pressed": span?.from === from && span?.to === to,
@@ -16921,20 +15125,20 @@ diff --git a/client.js b/client.js
),
- (0, import_react24.createElement)("div", { className: "bt-us-pick-months" }, month(addMonths(right, -1), "left"), month(right, "right")),
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)("div", { className: "bt-us-pick-months" }, month(addMonths(right, -1), "left"), month(right, "right")),
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)("div", { className: "bt-us-pick-months" }, month(addMonths(right, -1), "left"), month(right, "right")),
++ (0, import_react34.createElement)(
"div",
{ className: "bt-us-pick-foot", role: "status" },
- (0, import_react24.createElement)("span", null, anchor ? t("Pick the last day") : t("Pick the first day")),
- low === null ? null : (0, import_react24.createElement)("span", null, (0, import_react24.createElement)("b", null, spanText(low, high)), ` · ${daysText(count)}`)
-+ (0, import_react33.createElement)("span", null, anchor ? t("Pick the last day") : t("Pick the first day")),
-+ low === null ? null : (0, import_react33.createElement)("span", null, (0, import_react33.createElement)("b", null, spanText(low, high)), ` · ${daysText(count)}`)
++ (0, import_react34.createElement)("span", null, anchor ? t("Pick the last day") : t("Pick the first day")),
++ low === null ? null : (0, import_react34.createElement)("span", null, (0, import_react34.createElement)("b", null, spanText(low, high)), ` · ${daysText(count)}`)
)
);
}
function Heat({ view, keep, paint, index }) {
- const [hover, setHover] = (0, import_react24.useState)(null);
-+ const [hover, setHover] = (0, import_react33.useState)(null);
++ const [hover, setHover] = (0, import_react34.useState)(null);
const today = hourMs(`${view.now.slice(0, 10)} 00`);
const first = mondayOf(today) - (HEAT_WEEKS - 1) * 7 * DAY_MS;
const from = dayKey(first);
@@ -16943,14 +15147,14 @@ diff --git a/client.js b/client.js
const monday = first + week * 7 * DAY_MS;
if (week > 0 && new Date(monday).getUTCMonth() !== new Date(monday - 7 * DAY_MS).getUTCMonth()) {
- months.push((0, import_react24.createElement)("span", { key: week, style: { gridColumn: week + 1 } }, dates({ month: "short" }).format(monday)));
-+ months.push((0, import_react33.createElement)("span", { key: week, style: { gridColumn: week + 1 } }, dates({ month: "short" }).format(monday)));
++ months.push((0, import_react34.createElement)("span", { key: week, style: { gridColumn: week + 1 } }, dates({ month: "short" }).format(monday)));
}
for (let day = 0; day < 7; day += 1) {
const ms = monday + day * DAY_MS;
const value = daily.get(dayKey(ms)) ?? 0;
const level = value > 0 ? Math.max(1, Math.ceil(4 * Math.sqrt(value / most))) : 0;
- cells.push((0, import_react24.createElement)("span", {
-+ cells.push((0, import_react33.createElement)("span", {
++ cells.push((0, import_react34.createElement)("span", {
key: ms,
className: "bt-us-cell",
style: { "--w": week },
@@ -16959,7 +15163,7 @@ diff --git a/client.js b/client.js
"data-today": ms === today ? "" : void 0,
onMouseEnter: ms > today ? void 0 : () => setHover({ ms, week, day })
- }, level > 0 ? (0, import_react24.createElement)("i", { style: { background: soften(paint, levels[level - 1]) } }) : null));
-+ }, level > 0 ? (0, import_react33.createElement)("i", { style: { background: soften(paint, levels[level - 1]) } }) : null));
++ }, level > 0 ? (0, import_react34.createElement)("i", { style: { background: soften(paint, levels[level - 1]) } }) : null));
}
}
const tipSide = hover ? {
@@ -16968,63 +15172,63 @@ diff --git a/client.js b/client.js
const active = [...daily.values()].filter((value) => value > 0).length;
const summary = active === 1 ? t("Active on 1 day in the last year") : t("Active on {count} days in the last year", { count: active });
- return (0, import_react24.createElement)(
-+ return (0, import_react33.createElement)(
++ return (0, import_react34.createElement)(
"section",
{ className: "bt-us-card bt-us-heat", style: { "--i": index } },
- (0, import_react24.createElement)("div", { className: "bt-us-card-head" }, (0, import_react24.createElement)("h3", null, t("Activity")), (0, import_react24.createElement)("span", { className: "bt-us-head-note" }, summary)),
- (0, import_react24.createElement)("div", { className: "bt-us-heat-months", "aria-hidden": true }, months),
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)("div", { className: "bt-us-card-head" }, (0, import_react33.createElement)("h3", null, t("Activity")), (0, import_react33.createElement)("span", { className: "bt-us-head-note" }, summary)),
-+ (0, import_react33.createElement)("div", { className: "bt-us-heat-months", "aria-hidden": true }, months),
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)("div", { className: "bt-us-card-head" }, (0, import_react34.createElement)("h3", null, t("Activity")), (0, import_react34.createElement)("span", { className: "bt-us-head-note" }, summary)),
++ (0, import_react34.createElement)("div", { className: "bt-us-heat-months", "aria-hidden": true }, months),
++ (0, import_react34.createElement)(
"div",
{ className: "bt-us-heat-plot", onMouseLeave: () => setHover(null) },
- (0, import_react24.createElement)("div", { className: "bt-us-heat-grid", role: "img", "aria-label": summary }, cells),
- hover ? (0, import_react24.createElement)(
-+ (0, import_react33.createElement)("div", { className: "bt-us-heat-grid", role: "img", "aria-label": summary }, cells),
-+ hover ? (0, import_react33.createElement)(
++ (0, import_react34.createElement)("div", { className: "bt-us-heat-grid", role: "img", "aria-label": summary }, cells),
++ hover ? (0, import_react34.createElement)(
"div",
{ className: "bt-us-tip bt-us-heat-tip", style: tipSide },
- (0, import_react24.createElement)("div", { className: "bt-us-tip-title" }, dates({ month: "long", day: "numeric", weekday: "short" }).format(hover.ms)),
- (0, import_react24.createElement)("div", { className: "bt-us-tip-total" }, t("{count} tokens", { count: full(daily.get(dayKey(hover.ms)) ?? 0) }))
-+ (0, import_react33.createElement)("div", { className: "bt-us-tip-title" }, dates({ month: "long", day: "numeric", weekday: "short" }).format(hover.ms)),
-+ (0, import_react33.createElement)("div", { className: "bt-us-tip-total" }, t("{count} tokens", { count: full(daily.get(dayKey(hover.ms)) ?? 0) }))
++ (0, import_react34.createElement)("div", { className: "bt-us-tip-title" }, dates({ month: "long", day: "numeric", weekday: "short" }).format(hover.ms)),
++ (0, import_react34.createElement)("div", { className: "bt-us-tip-total" }, t("{count} tokens", { count: full(daily.get(dayKey(hover.ms)) ?? 0) }))
) : null
),
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)(
"div",
{ className: "bt-us-heat-scale", "aria-hidden": true },
t("Light"),
- levels.map((level) => (0, import_react24.createElement)("span", { key: level, className: "bt-us-cell" }, (0, import_react24.createElement)("i", { style: { background: soften(paint, level) } }))),
-+ levels.map((level) => (0, import_react33.createElement)("span", { key: level, className: "bt-us-cell" }, (0, import_react33.createElement)("i", { style: { background: soften(paint, level) } }))),
++ levels.map((level) => (0, import_react34.createElement)("span", { key: level, className: "bt-us-cell" }, (0, import_react34.createElement)("i", { style: { background: soften(paint, level) } }))),
t("Heavy")
)
);
}
function Skeleton2() {
- return (0, import_react24.createElement)(
-+ return (0, import_react33.createElement)(
++ return (0, import_react34.createElement)(
"div",
{ className: "bt-us", "aria-busy": true },
- (0, import_react24.createElement)("div", { className: "bt-us-skel", style: { height: 32, width: 320, borderRadius: 999 } }),
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)("div", { className: "bt-us-skel", style: { height: 32, width: 320, borderRadius: 999 } }),
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)("div", { className: "bt-us-skel", style: { height: 32, width: 320, borderRadius: 999 } }),
++ (0, import_react34.createElement)(
"div",
{ className: "bt-us-sheet bt-us-skel-sheet" },
- (0, import_react24.createElement)("div", { className: "bt-us-skel", style: { height: 94 } }),
- (0, import_react24.createElement)("div", { className: "bt-us-skel", style: { height: 318 } }),
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)("div", { className: "bt-us-skel", style: { height: 94 } }),
-+ (0, import_react33.createElement)("div", { className: "bt-us-skel", style: { height: 318 } }),
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)("div", { className: "bt-us-skel", style: { height: 94 } }),
++ (0, import_react34.createElement)("div", { className: "bt-us-skel", style: { height: 318 } }),
++ (0, import_react34.createElement)(
"div",
{ className: "bt-us-pair" },
- (0, import_react24.createElement)("div", { className: "bt-us-skel", style: { height: 200 } }),
- (0, import_react24.createElement)("div", { className: "bt-us-skel", style: { height: 200 } })
-+ (0, import_react33.createElement)("div", { className: "bt-us-skel", style: { height: 200 } }),
-+ (0, import_react33.createElement)("div", { className: "bt-us-skel", style: { height: 200 } })
++ (0, import_react34.createElement)("div", { className: "bt-us-skel", style: { height: 200 } }),
++ (0, import_react34.createElement)("div", { className: "bt-us-skel", style: { height: 200 } })
)
)
);
@@ -17038,16 +15242,16 @@ diff --git a/client.js b/client.js
- const [picking, setPicking] = (0, import_react24.useState)(false);
- const [by, setBy] = (0, import_react24.useState)("bot");
- const tabs = (0, import_react24.useRef)(null);
-+ const [view, setView] = (0, import_react33.useState)(null);
-+ const [error, setError] = (0, import_react33.useState)("");
-+ const [rangeId, setRangeId] = (0, import_react33.useState)("7d");
-+ const [span, setSpan] = (0, import_react33.useState)(null);
-+ const [picking, setPicking] = (0, import_react33.useState)(false);
-+ const [by, setBy] = (0, import_react33.useState)("bot");
-+ const tabs = (0, import_react33.useRef)(null);
++ const [view, setView] = (0, import_react34.useState)(null);
++ const [error, setError] = (0, import_react34.useState)("");
++ const [rangeId, setRangeId] = (0, import_react34.useState)("7d");
++ const [span, setSpan] = (0, import_react34.useState)(null);
++ const [picking, setPicking] = (0, import_react34.useState)(false);
++ const [by, setBy] = (0, import_react34.useState)("bot");
++ const tabs = (0, import_react34.useRef)(null);
const focus = focusOf(focusId);
- (0, import_react24.useEffect)(() => {
-+ (0, import_react33.useEffect)(() => {
++ (0, import_react34.useEffect)(() => {
let stopped = false;
let timer;
const resized = Promise.all((document.querySelector(".bt-settings")?.getAnimations() ?? []).filter((animation) => animation.transitionProperty === "width" || animation.transitionProperty === "height").map((animation) => animation.finished.catch(() => {
@@ -17056,7 +15260,7 @@ diff --git a/client.js b/client.js
await resized;
if (stopped) return;
- (0, import_react24.startTransition)(() => setView(value));
-+ (0, import_react33.startTransition)(() => setView(value));
++ (0, import_react34.startTransition)(() => setView(value));
setError("");
timer = setTimeout(load, value.scanning ? 3e3 : 2e4);
} catch (failure) {
@@ -17065,7 +15269,7 @@ diff --git a/client.js b/client.js
const today = view?.now.slice(0, 10);
const range = rangeId === "custom" && span ? { ...spanRange(span.from, span.to), ends: span.to >= today } : RANGES.find((item) => item.id === rangeId);
- const shaped = (0, import_react24.useMemo)(() => {
-+ const shaped = (0, import_react33.useMemo)(() => {
++ const shaped = (0, import_react34.useMemo)(() => {
if (!view) return null;
const faces2 = view.owners.map((owner) => ownerFace(owner, roster));
const lifetime = /* @__PURE__ */ new Map();
@@ -17074,7 +15278,7 @@ diff --git a/client.js b/client.js
const name = model.name || model.model || t("Unknown model");
const paint = modelPaint.get(at) ?? "var(--bt-us-rest)";
- return { kind: "model", name, sub: model.providerName ?? model.provider, paint, glyph: (size) => (0, import_react24.createElement)(ModelGlyph, { name, paint, size }) };
-+ return { kind: "model", name, sub: model.providerName ?? model.provider, paint, glyph: (size) => (0, import_react33.createElement)(ModelGlyph, { name, paint, size }) };
++ return { kind: "model", name, sub: model.providerName ?? model.provider, paint, glyph: (size) => (0, import_react34.createElement)(ModelGlyph, { name, paint, size }) };
});
const ownerAt2 = focus?.kind === "owner" ? view.owners.findIndex((owner) => owner.key === focus.key) : -1;
const modelAt = focus?.kind === "model" ? view.models.findIndex((model) => model.key === focus.key) : -1;
@@ -17084,29 +15288,29 @@ diff --git a/client.js b/client.js
}, [view, rangeId, span, by, focusId, roster]);
- const root = (0, import_react24.useRef)(null);
- (0, import_react24.useEffect)(() => {
-+ const root = (0, import_react33.useRef)(null);
-+ (0, import_react33.useEffect)(() => {
++ const root = (0, import_react34.useRef)(null);
++ (0, import_react34.useEffect)(() => {
root.current?.closest(".bt-settings-scroll")?.scrollTo?.({ top: 0 });
}, [focusId]);
if (!view) {
- return error ? (0, import_react24.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : (0, import_react24.createElement)(Skeleton2);
-+ return error ? (0, import_react33.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : (0, import_react33.createElement)(Skeleton2);
++ return error ? (0, import_react34.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : (0, import_react34.createElement)(Skeleton2);
}
if (view.rows.length === 0) {
- return (0, import_react24.createElement)(
-+ return (0, import_react33.createElement)(
++ return (0, import_react34.createElement)(
"div",
{ className: "bt-us" },
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)(
"div",
{ className: "bt-us-empty" },
- (0, import_react24.createElement)(BotMark, { look: MAIN_LOOK, size: 56, live: true }),
- (0, import_react24.createElement)("b", null, view.scanning ? t("Reading your chats…") : t("No usage yet.")),
- (0, import_react24.createElement)("span", null, t("Token usage shows up here after a model is called."))
-+ (0, import_react33.createElement)(BotMark, { look: MAIN_LOOK, size: 56, live: true }),
-+ (0, import_react33.createElement)("b", null, view.scanning ? t("Reading your chats…") : t("No usage yet.")),
-+ (0, import_react33.createElement)("span", null, t("Token usage shows up here after a model is called."))
++ (0, import_react34.createElement)(BotMark, { look: MAIN_LOOK, size: 56, live: true }),
++ (0, import_react34.createElement)("b", null, view.scanning ? t("Reading your chats…") : t("No usage yet.")),
++ (0, import_react34.createElement)("span", null, t("Token usage shows up here after a model is called."))
)
);
}
@@ -17115,7 +15319,7 @@ diff --git a/client.js b/client.js
];
const whole = part.total.total;
- const ownerRow = ([at, sum], index, total = whole) => (0, import_react24.createElement)(Row2, {
-+ const ownerRow = ([at, sum], index, total = whole) => (0, import_react33.createElement)(Row2, {
++ const ownerRow = ([at, sum], index, total = whole) => (0, import_react34.createElement)(Row2, {
key: `o${at}`,
kind: faces[at].kind,
glyph: faces[at].glyph(32),
@@ -17124,7 +15328,7 @@ diff --git a/client.js b/client.js
onClick: () => pick2({ kind: "owner", key: view.owners[at].key })
});
- const modelRow = ([at, sum], index) => (0, import_react24.createElement)(Row2, {
-+ const modelRow = ([at, sum], index) => (0, import_react33.createElement)(Row2, {
++ const modelRow = ([at, sum], index) => (0, import_react34.createElement)(Row2, {
key: `m${at}`,
kind: "model",
glyph: models[at].glyph(32),
@@ -17133,7 +15337,7 @@ diff --git a/client.js b/client.js
onClick: () => pick2({ kind: "model", key: view.models[at].key })
});
- const nothing = (0, import_react24.createElement)("div", { className: "bt-us-none" }, t("Nothing in this range."));
-+ const nothing = (0, import_react33.createElement)("div", { className: "bt-us-none" }, t("Nothing in this range."));
++ const nothing = (0, import_react34.createElement)("div", { className: "bt-us-none" }, t("Nothing in this range."));
let body;
if (face) {
const kinds = ranked(part.kinds);
@@ -17142,30 +15346,30 @@ diff --git a/client.js b/client.js
body = [
- (0, import_react24.createElement)(Profile, { key: "profile", face, range, share: all.total.total > 0 ? whole / all.total.total : 0 }),
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)(Profile, { key: "profile", face, range, share: all.total.total > 0 ? whole / all.total.total : 0 }),
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)(Profile, { key: "profile", face, range, share: all.total.total > 0 ? whole / all.total.total : 0 }),
++ (0, import_react34.createElement)(
"div",
{ key: "sheet", className: "bt-us-sheet" },
- (0, import_react24.createElement)(Stats, { key: "stats", range, total: part.total, previous: part.previous }),
- (0, import_react24.createElement)(Chart, { key: "chart", range, columns, series, tipSeries, onPick: pick2 }),
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)(Stats, { key: "stats", range, total: part.total, previous: part.previous }),
-+ (0, import_react33.createElement)(Chart, { key: "chart", range, columns, series, tipSeries, onPick: pick2 }),
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)(Stats, { key: "stats", range, total: part.total, previous: part.previous }),
++ (0, import_react34.createElement)(Chart, { key: "chart", range, columns, series, tipSeries, onPick: pick2 }),
++ (0, import_react34.createElement)(
"div",
{ key: "pair", className: "bt-us-pair" },
- ownerAt >= 0 ? (0, import_react24.createElement)(ListCard, { title: t("Models"), count: usedModels.length, index: 2 }, usedModels.length > 0 ? usedModels.map(modelRow) : nothing) : (0, import_react24.createElement)(ListCard, { title: t("Who used it"), count: owners.length, index: 2 }, owners.length > 0 ? owners.map((entry, index) => ownerRow(entry, index)) : nothing),
- (0, import_react24.createElement)(
-+ ownerAt >= 0 ? (0, import_react33.createElement)(ListCard, { title: t("Models"), count: usedModels.length, index: 2 }, usedModels.length > 0 ? usedModels.map(modelRow) : nothing) : (0, import_react33.createElement)(ListCard, { title: t("Who used it"), count: owners.length, index: 2 }, owners.length > 0 ? owners.map((entry, index) => ownerRow(entry, index)) : nothing),
-+ (0, import_react33.createElement)(
++ ownerAt >= 0 ? (0, import_react34.createElement)(ListCard, { title: t("Models"), count: usedModels.length, index: 2 }, usedModels.length > 0 ? usedModels.map(modelRow) : nothing) : (0, import_react34.createElement)(ListCard, { title: t("Who used it"), count: owners.length, index: 2 }, owners.length > 0 ? owners.map((entry, index) => ownerRow(entry, index)) : nothing),
++ (0, import_react34.createElement)(
ListCard,
{ title: t("What for"), index: 3 },
- kinds.length > 0 ? kinds.map(([at, sum], index) => (0, import_react24.createElement)(Row2, { key: at, name: kindLabel(view.kinds[at], ownerAt >= 0 && isBot(ownerAt)), sum, whole, index, fill: soften(face.paint, 0.8) })) : nothing
-+ kinds.length > 0 ? kinds.map(([at, sum], index) => (0, import_react33.createElement)(Row2, { key: at, name: kindLabel(view.kinds[at], ownerAt >= 0 && isBot(ownerAt)), sum, whole, index, fill: soften(face.paint, 0.8) })) : nothing
++ kinds.length > 0 ? kinds.map(([at, sum], index) => (0, import_react34.createElement)(Row2, { key: at, name: kindLabel(view.kinds[at], ownerAt >= 0 && isBot(ownerAt)), sum, whole, index, fill: soften(face.paint, 0.8) })) : nothing
)
),
- (0, import_react24.createElement)(Heat, { key: "heat", view, keep, paint: face.paint, index: 4 })
-+ (0, import_react33.createElement)(Heat, { key: "heat", view, keep, paint: face.paint, index: 4 })
++ (0, import_react34.createElement)(Heat, { key: "heat", view, keep, paint: face.paint, index: 4 })
)
];
} else {
@@ -17174,52 +15378,52 @@ diff --git a/client.js b/client.js
const usedModels = ranked(all.models);
body = [
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)(
"div",
{ key: "sheet", className: "bt-us-sheet" },
- (0, import_react24.createElement)(Stats, { key: "stats", range, total: all.total, previous: all.previous }),
- (0, import_react24.createElement)(Chart, { key: "chart", range, columns, series, tipSeries, by, onBy: setBy, onPick: pick2 }),
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)(Stats, { key: "stats", range, total: all.total, previous: all.previous }),
-+ (0, import_react33.createElement)(Chart, { key: "chart", range, columns, series, tipSeries, by, onBy: setBy, onPick: pick2 }),
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)(Stats, { key: "stats", range, total: all.total, previous: all.previous }),
++ (0, import_react34.createElement)(Chart, { key: "chart", range, columns, series, tipSeries, by, onBy: setBy, onPick: pick2 }),
++ (0, import_react34.createElement)(
"div",
{ key: "pair", className: "bt-us-pair" },
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)(
ListCard,
{ title: t("Bots"), count: bots.length, index: 2 },
owners.length > 0 ? null : nothing,
bots.map((entry, index) => ownerRow(entry, index)),
- bots.length > 0 && rest.length > 0 ? (0, import_react24.createElement)("div", { className: "bt-us-split", role: "separator" }) : null,
-+ bots.length > 0 && rest.length > 0 ? (0, import_react33.createElement)("div", { className: "bt-us-split", role: "separator" }) : null,
++ bots.length > 0 && rest.length > 0 ? (0, import_react34.createElement)("div", { className: "bt-us-split", role: "separator" }) : null,
rest.map((entry, index) => ownerRow(entry, bots.length + index))
),
- (0, import_react24.createElement)(ListCard, { title: t("Models"), count: usedModels.length, index: 3 }, usedModels.length > 0 ? usedModels.map(modelRow) : nothing)
-+ (0, import_react33.createElement)(ListCard, { title: t("Models"), count: usedModels.length, index: 3 }, usedModels.length > 0 ? usedModels.map(modelRow) : nothing)
++ (0, import_react34.createElement)(ListCard, { title: t("Models"), count: usedModels.length, index: 3 }, usedModels.length > 0 ? usedModels.map(modelRow) : nothing)
),
- (0, import_react24.createElement)(Heat, { key: "heat", view, keep, paint: "var(--bt-accent)", index: 4 })
-+ (0, import_react33.createElement)(Heat, { key: "heat", view, keep, paint: "var(--bt-accent)", index: 4 })
++ (0, import_react34.createElement)(Heat, { key: "heat", view, keep, paint: "var(--bt-accent)", index: 4 })
)
];
}
- return (0, import_react24.createElement)(
-+ return (0, import_react33.createElement)(
++ return (0, import_react34.createElement)(
"div",
{ ref: root, className: "bt-us", key: focusId ?? "all" },
- (0, import_react24.createElement)(
-+ (0, import_react33.createElement)(
++ (0, import_react34.createElement)(
"div",
{ className: "bt-us-top" },
- (0, import_react24.createElement)(Tabs, { label: t("Time range"), value: rangeId, onChange: chooseRange, options: rangeOptions, boxRef: tabs }),
- view.scanning ? (0, import_react24.createElement)("span", { className: "bt-us-note", role: "status" }, t("Still reading older chats; totals may grow.")) : null,
- picking ? (0, import_react24.createElement)(SpanPicker, { span, today, oldest, active: activeDays, near: tabs, onPick: pickSpan, onClose: () => setPicking(false) }) : null
-+ (0, import_react33.createElement)(Tabs, { label: t("Time range"), value: rangeId, onChange: chooseRange, options: rangeOptions, boxRef: tabs }),
-+ view.scanning ? (0, import_react33.createElement)("span", { className: "bt-us-note", role: "status" }, t("Still reading older chats; totals may grow.")) : null,
-+ picking ? (0, import_react33.createElement)(SpanPicker, { span, today, oldest, active: activeDays, near: tabs, onPick: pickSpan, onClose: () => setPicking(false) }) : null
++ (0, import_react34.createElement)(Tabs, { label: t("Time range"), value: rangeId, onChange: chooseRange, options: rangeOptions, boxRef: tabs }),
++ view.scanning ? (0, import_react34.createElement)("span", { className: "bt-us-note", role: "status" }, t("Still reading older chats; totals may grow.")) : null,
++ picking ? (0, import_react34.createElement)(SpanPicker, { span, today, oldest, active: activeDays, near: tabs, onPick: pickSpan, onClose: () => setPicking(false) }) : null
),
- error ? (0, import_react24.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null,
-+ error ? (0, import_react33.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null,
++ error ? (0, import_react34.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null,
body
);
}
@@ -17236,7 +15440,7 @@ diff --git a/client.js b/client.js
// src/client/connectors.js
-var import_react25 = require("react");
-+var import_react34 = require("react");
++var import_react35 = require("react");
var TOKEN_URL = "https://github.com/settings/personal-access-tokens/new";
-var GitHubMark = () => (0, import_react25.createElement)(
+var COMPOSIO_KEY_URL = "https://platform.composio.dev/";
@@ -17270,11 +15474,11 @@ diff --git a/client.js b/client.js
+ ["youtube", "YouTube"]
+];
+var appName = (slug) => APPS.find(([id]) => id === slug)?.[1] ?? slug;
-+var GitHubMark = () => (0, import_react34.createElement)(
++var GitHubMark = () => (0, import_react35.createElement)(
"svg",
{ width: 20, height: 20, viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": true },
- (0, import_react25.createElement)("path", { d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z" })
-+ (0, import_react34.createElement)("path", { d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z" })
++ (0, import_react35.createElement)("path", { d: "M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z" })
);
-var MARKS = { github: GitHubMark };
-var ABOUT = { github: () => t("Repositories, issues, and pull requests") };
@@ -17298,20 +15502,20 @@ diff --git a/client.js b/client.js
+var APP_STATUS = { ready: () => t("Ready"), "sign-in": () => t("Needs sign-in") };
+function AppChip({ name, status, onRemove }) {
+ const label = APP_STATUS[status]?.();
-+ return (0, import_react34.createElement)(
++ return (0, import_react35.createElement)(
+ "button",
+ { type: "button", className: "bt-state bt-app-chip", "aria-pressed": true, "data-status": status ?? "unknown", title: t("Remove {app}", { app: name }), onClick: onRemove },
+ name,
-+ label ? (0, import_react34.createElement)("span", { className: "bt-app-status" }, ` · ${label}`) : null
++ label ? (0, import_react35.createElement)("span", { className: "bt-app-status" }, ` · ${label}`) : null
+ );
+}
+function AppPicker({ apps, onChange, search, statuses = {} }) {
-+ const [query, setQuery] = (0, import_react34.useState)("");
-+ const [found, setFound] = (0, import_react34.useState)(null);
-+ const [failed, setFailed] = (0, import_react34.useState)(null);
-+ const names = (0, import_react34.useRef)(new Map(APPS));
-+ const asked = (0, import_react34.useRef)(0);
-+ (0, import_react34.useEffect)(() => {
++ const [query, setQuery] = (0, import_react35.useState)("");
++ const [found, setFound] = (0, import_react35.useState)(null);
++ const [failed, setFailed] = (0, import_react35.useState)(null);
++ const names = (0, import_react35.useRef)(new Map(APPS));
++ const asked = (0, import_react35.useRef)(0);
++ (0, import_react35.useEffect)(() => {
+ const text = query.trim();
+ if (text === "" || search === void 0) {
+ setFound(null);
@@ -17338,13 +15542,13 @@ diff --git a/client.js b/client.js
+ const needle = query.trim().toLowerCase();
+ const local = APPS.filter(([slug, name]) => needle === "" || slug.includes(needle) || name.toLowerCase().includes(needle)).map(([slug, name]) => ({ slug, name }));
+ const results = (found ?? local).filter((app) => !picked.has(app.slug));
-+ return (0, import_react34.createElement)(
++ return (0, import_react35.createElement)(
+ "div",
+ { className: "bt-connector-apps" },
-+ apps.length > 0 ? (0, import_react34.createElement)("div", { className: "bt-states", "aria-label": t("Picked apps") }, apps.map((slug) => (0, import_react34.createElement)(AppChip, { key: slug, name: nameOf(slug), status: statuses[slug], onRemove: () => onChange(apps.filter((app) => app !== slug)) }))) : null,
-+ (0, import_react34.createElement)("input", { className: "bt-input", type: "search", value: query, spellCheck: false, "aria-label": t("Search apps"), placeholder: t("Search Composio apps"), onChange: (event) => setQuery(event.target.value) }),
-+ failed ? (0, import_react34.createElement)("span", { className: "bt-set-hint" }, t("Could not search Composio: {error}", { error: failed })) : null,
-+ (0, import_react34.createElement)("div", { className: "bt-states", "aria-label": t("Apps to add") }, results.length === 0 ? (0, import_react34.createElement)("span", { className: "bt-set-hint" }, t("No apps match")) : results.map((app) => (0, import_react34.createElement)("button", { key: app.slug, type: "button", className: "bt-state", "aria-pressed": false, onClick: () => {
++ apps.length > 0 ? (0, import_react35.createElement)("div", { className: "bt-states", "aria-label": t("Picked apps") }, apps.map((slug) => (0, import_react35.createElement)(AppChip, { key: slug, name: nameOf(slug), status: statuses[slug], onRemove: () => onChange(apps.filter((app) => app !== slug)) }))) : null,
++ (0, import_react35.createElement)("input", { className: "bt-input", type: "search", value: query, spellCheck: false, "aria-label": t("Search apps"), placeholder: t("Search Composio apps"), onChange: (event) => setQuery(event.target.value) }),
++ failed ? (0, import_react35.createElement)("span", { className: "bt-set-hint" }, t("Could not search Composio: {error}", { error: failed })) : null,
++ (0, import_react35.createElement)("div", { className: "bt-states", "aria-label": t("Apps to add") }, results.length === 0 ? (0, import_react35.createElement)("span", { className: "bt-set-hint" }, t("No apps match")) : results.map((app) => (0, import_react35.createElement)("button", { key: app.slug, type: "button", className: "bt-state", "aria-pressed": false, onClick: () => {
+ names.current.set(app.slug, app.name);
+ onChange([...apps, app.slug]);
+ } }, app.name)))
@@ -17352,21 +15556,21 @@ diff --git a/client.js b/client.js
+}
+function AppStatusList({ apps, statuses }) {
+ if (apps.length === 0 || Object.keys(statuses).length === 0) return null;
-+ return (0, import_react34.createElement)("ul", { className: "bt-connector-app-list", "aria-label": t("App status") }, apps.map((slug) => (0, import_react34.createElement)(
++ return (0, import_react35.createElement)("ul", { className: "bt-connector-app-list", "aria-label": t("App status") }, apps.map((slug) => (0, import_react35.createElement)(
+ "li",
+ { key: slug, className: "bt-connector-app", "data-status": statuses[slug] ?? "unknown" },
-+ (0, import_react34.createElement)("span", { className: "bt-connector-app-name" }, appName(slug)),
-+ (0, import_react34.createElement)("span", { className: "bt-app-status" }, APP_STATUS[statuses[slug]]?.() ?? "")
++ (0, import_react35.createElement)("span", { className: "bt-connector-app-name" }, appName(slug)),
++ (0, import_react35.createElement)("span", { className: "bt-app-status" }, APP_STATUS[statuses[slug]]?.() ?? "")
+ )));
+}
+function ConnectorRow({ connector, roster, actions }) {
-+ const [form, setForm] = (0, import_react34.useState)(false);
-+ const [bots, setBots] = (0, import_react34.useState)(false);
-+ const [token, setToken] = (0, import_react34.useState)("");
-+ const [apps, setApps] = (0, import_react34.useState)(() => connector.apps ?? []);
-+ const [picking, setPicking] = (0, import_react34.useState)(false);
-+ const [busy, setBusy] = (0, import_react34.useState)(false);
-+ const [error, setError] = (0, import_react34.useState)(null);
++ const [form, setForm] = (0, import_react35.useState)(false);
++ const [bots, setBots] = (0, import_react35.useState)(false);
++ const [token, setToken] = (0, import_react35.useState)("");
++ const [apps, setApps] = (0, import_react35.useState)(() => connector.apps ?? []);
++ const [picking, setPicking] = (0, import_react35.useState)(false);
++ const [busy, setBusy] = (0, import_react35.useState)(false);
++ const [error, setError] = (0, import_react35.useState)(null);
const run = (task, after) => {
setBusy(true);
setError(null);
@@ -17375,9 +15579,9 @@ diff --git a/client.js b/client.js
}, (failure) => setError(failure?.message ?? String(failure))).finally(() => setBusy(false));
};
+ const gateway = connector.id === "composio";
-+ const [statuses, setStatuses] = (0, import_react34.useState)({});
++ const [statuses, setStatuses] = (0, import_react35.useState)({});
+ const appsKey = (connector.apps ?? []).join(",");
-+ (0, import_react34.useEffect)(() => {
++ (0, import_react35.useEffect)(() => {
+ if (!gateway || connector.state !== "ready" || appsKey === "" || actions.connectorAppStatus === void 0) {
+ setStatuses({});
+ return void 0;
@@ -17392,7 +15596,7 @@ diff --git a/client.js b/client.js
+ live = false;
+ };
+ }, [gateway, connector.state, appsKey, picking]);
-+ const search = (0, import_react34.useCallback)((query) => actions.connectorAppSearch(connector.id, query, connector.state === "off" ? token : void 0), [connector.id, connector.state, token]);
++ const search = (0, import_react35.useCallback)((query) => actions.connectorAppSearch(connector.id, query, connector.state === "off" ? token : void 0), [connector.id, connector.state, token]);
const connect = () => {
if (busy || token.trim() === "") return;
- void run(actions.connectorConnect(connector.id, token), () => {
@@ -17418,112 +15622,112 @@ diff --git a/client.js b/client.js
- const row = (0, import_react25.useRef)(null);
- useMorph(row, `${form}:${error !== null}:${connector.state}`);
- return (0, import_react25.createElement)(
-+ const row = (0, import_react34.useRef)(null);
++ const row = (0, import_react35.useRef)(null);
+ useMorph(row, `${form}:${picking}:${bots}:${error !== null}:${connector.state}`);
-+ return (0, import_react34.createElement)(
++ return (0, import_react35.createElement)(
"div",
{ ref: row, className: "bt-connector", "data-state": connector.state },
- (0, import_react25.createElement)(
-+ (0, import_react34.createElement)(
++ (0, import_react35.createElement)(
"div",
{ className: "bt-connector-head" },
- (0, import_react25.createElement)("span", { className: "bt-connector-mark" }, Mark ? (0, import_react25.createElement)(Mark) : null),
- (0, import_react25.createElement)(
-+ (0, import_react34.createElement)("span", { className: "bt-connector-mark" }, Mark ? (0, import_react34.createElement)(Mark) : null),
-+ (0, import_react34.createElement)(
++ (0, import_react35.createElement)("span", { className: "bt-connector-mark" }, Mark ? (0, import_react35.createElement)(Mark) : null),
++ (0, import_react35.createElement)(
"span",
{ className: "bt-connector-text" },
- (0, import_react25.createElement)("span", { className: "bt-connector-name" }, connector.name),
- (0, import_react25.createElement)("span", { className: "bt-connector-status" }, statusText2(connector))
-+ (0, import_react34.createElement)("span", { className: "bt-connector-name" }, connector.name),
-+ (0, import_react34.createElement)("span", { className: "bt-connector-status" }, statusText2(connector))
++ (0, import_react35.createElement)("span", { className: "bt-connector-name" }, connector.name),
++ (0, import_react35.createElement)("span", { className: "bt-connector-status" }, statusText2(connector))
),
- (0, import_react25.createElement)(
-+ (0, import_react34.createElement)(
++ (0, import_react35.createElement)(
"span",
{ className: "bt-connector-actions" },
- connector.state === "error" ? (0, import_react25.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => void run(actions.connectorRetry(connector.id)) }, t("Try again")) : null,
- on ? (0, import_react25.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => void run(actions.connectorDisconnect(connector.id)) }, t("Disconnect")) : form ? null : (0, import_react25.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setForm(true) }, t("Connect"))
-+ connector.state === "error" ? (0, import_react34.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => void run(actions.connectorRetry(connector.id)) }, t("Try again")) : null,
-+ on && gateway && !picking ? (0, import_react34.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => {
++ connector.state === "error" ? (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => void run(actions.connectorRetry(connector.id)) }, t("Try again")) : null,
++ on && gateway && !picking ? (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => {
+ setApps(connector.apps ?? []);
+ setPicking(true);
+ } }, t("Choose apps")) : null,
-+ on ? (0, import_react34.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", "aria-expanded": bots, onClick: () => setBots((value) => !value) }, bots ? t("Done") : t("Choose Bots")) : null,
-+ on ? (0, import_react34.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => void run(actions.connectorDisconnect(connector.id)) }, t("Disconnect")) : form ? null : (0, import_react34.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setForm(true) }, t("Connect"))
++ on ? (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", "aria-expanded": bots, onClick: () => setBots((value) => !value) }, bots ? t("Done") : t("Choose Bots")) : null,
++ on ? (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => void run(actions.connectorDisconnect(connector.id)) }, t("Disconnect")) : form ? null : (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setForm(true) }, t("Connect"))
+ )
+ ),
-+ on && gateway && !picking ? (0, import_react34.createElement)(AppStatusList, { apps: connector.apps ?? [], statuses }) : null,
-+ on ? (0, import_react34.createElement)("span", { className: "bt-connector-uses" }, usageText(roster, connector.id)) : null,
-+ on && bots ? (0, import_react34.createElement)(ConnectorBots, { connector, roster, actions, run, SwitchRow }) : null,
-+ !on && form ? (0, import_react34.createElement)(
++ on && gateway && !picking ? (0, import_react35.createElement)(AppStatusList, { apps: connector.apps ?? [], statuses }) : null,
++ on ? (0, import_react35.createElement)("span", { className: "bt-connector-uses" }, usageText(roster, connector.id)) : null,
++ on && bots ? (0, import_react35.createElement)(ConnectorBots, { connector, roster, actions, run, SwitchRow }) : null,
++ !on && form ? (0, import_react35.createElement)(
+ "div",
+ { className: "bt-connector-form" },
-+ (0, import_react34.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react34.createElement)(MaskedInput, { value: token, onChange: setToken, onEnter: connect, label: gateway ? t("Composio API key") : t("GitHub token"), autoFocus: true })),
-+ gateway ? (0, import_react34.createElement)(AppPicker, { apps, onChange: setApps, search: token.trim() === "" ? void 0 : search }) : null,
-+ (0, import_react34.createElement)(
++ (0, import_react35.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react35.createElement)(MaskedInput, { value: token, onChange: setToken, onEnter: connect, label: gateway ? t("Composio API key") : t("GitHub token"), autoFocus: true })),
++ gateway ? (0, import_react35.createElement)(AppPicker, { apps, onChange: setApps, search: token.trim() === "" ? void 0 : search }) : null,
++ (0, import_react35.createElement)(
+ "div",
+ { className: "bt-connector-form-row" },
-+ (0, import_react34.createElement)("a", { className: "bt-connector-link", href: gateway ? COMPOSIO_KEY_URL : TOKEN_URL, target: "_blank", rel: "noopener noreferrer" }, gateway ? t("Get a Composio API key") : t("Create a token on GitHub")),
-+ (0, import_react34.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => {
++ (0, import_react35.createElement)("a", { className: "bt-connector-link", href: gateway ? COMPOSIO_KEY_URL : TOKEN_URL, target: "_blank", rel: "noopener noreferrer" }, gateway ? t("Get a Composio API key") : t("Create a token on GitHub")),
++ (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => {
+ setForm(false);
+ setToken("");
+ setError(null);
+ } }, t("Cancel")),
-+ (0, import_react34.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy || token.trim() === "", onClick: connect }, busy ? t("Connecting…") : t("Connect"))
++ (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy || token.trim() === "", onClick: connect }, busy ? t("Connecting…") : t("Connect"))
)
- ),
- !on && form ? (0, import_react25.createElement)(
+ ) : null,
-+ on && gateway && picking ? (0, import_react34.createElement)(
++ on && gateway && picking ? (0, import_react35.createElement)(
"div",
{ className: "bt-connector-form" },
- (0, import_react25.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react25.createElement)(MaskedInput, { value: token, onChange: setToken, onEnter: connect, label: t("GitHub token"), autoFocus: true })),
- (0, import_react25.createElement)(
-+ (0, import_react34.createElement)(AppPicker, { apps, onChange: setApps, search, statuses }),
-+ (0, import_react34.createElement)("span", { className: "bt-set-hint" }, t("The first time a Bot uses an app, it shows a sign-in link in the chat.")),
-+ (0, import_react34.createElement)(
++ (0, import_react35.createElement)(AppPicker, { apps, onChange: setApps, search, statuses }),
++ (0, import_react35.createElement)("span", { className: "bt-set-hint" }, t("The first time a Bot uses an app, it shows a sign-in link in the chat.")),
++ (0, import_react35.createElement)(
"div",
{ className: "bt-connector-form-row" },
- (0, import_react25.createElement)("a", { className: "bt-connector-link", href: TOKEN_URL, target: "_blank", rel: "noopener noreferrer" }, t("Create a token on GitHub")),
- (0, import_react25.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => {
- setForm(false);
- setToken("");
-+ (0, import_react34.createElement)("span", { className: "bt-connector-link" }),
-+ (0, import_react34.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => {
++ (0, import_react35.createElement)("span", { className: "bt-connector-link" }),
++ (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => {
+ setPicking(false);
setError(null);
} }, t("Cancel")),
- (0, import_react25.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy || token.trim() === "", onClick: connect }, busy ? t("Connecting…") : t("Connect"))
-+ (0, import_react34.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy || apps.length === 0, onClick: saveApps }, busy ? t("Connecting…") : t("Save"))
++ (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy || apps.length === 0, onClick: saveApps }, busy ? t("Connecting…") : t("Save"))
)
) : null,
- error ? (0, import_react25.createElement)("div", { className: "bt-connector-error", role: "alert" }, error) : null
-+ error ? (0, import_react34.createElement)("div", { className: "bt-connector-error", role: "alert" }, error) : null
++ error ? (0, import_react35.createElement)("div", { className: "bt-connector-error", role: "alert" }, error) : null
);
}
function ConnectorsPage({ roster, actions }) {
const list = roster?.connectors ?? [];
- return (0, import_react25.createElement)(
-+ return (0, import_react34.createElement)(
++ return (0, import_react35.createElement)(
"section",
{ className: "bt-set-section" },
- (0, import_react25.createElement)("div", { className: "bt-set-card bt-connectors-card" }, list.length === 0 ? (0, import_react25.createElement)("div", { className: "bt-set-row" }, (0, import_react25.createElement)("span", { className: "bt-set-hint" }, t("No connectors"))) : list.map((connector) => (0, import_react25.createElement)(ConnectorRow, { key: connector.id, connector, actions })))
-+ (0, import_react34.createElement)("div", { className: "bt-set-card bt-connectors-card" }, list.length === 0 ? (0, import_react34.createElement)("div", { className: "bt-set-row" }, (0, import_react34.createElement)("span", { className: "bt-set-hint" }, t("No connectors"))) : list.map((connector) => (0, import_react34.createElement)(ConnectorRow, { key: connector.id, connector, roster, actions })))
++ (0, import_react35.createElement)("div", { className: "bt-set-card bt-connectors-card" }, list.length === 0 ? (0, import_react35.createElement)("div", { className: "bt-set-row" }, (0, import_react35.createElement)("span", { className: "bt-set-hint" }, t("No connectors"))) : list.map((connector) => (0, import_react35.createElement)(ConnectorRow, { key: connector.id, connector, roster, actions })))
);
}
// src/client/feedback.js
-var import_react26 = require("react");
-var FeedbackIcon = () => (0, import_react26.createElement)(
-+var import_react35 = require("react");
-+var FeedbackIcon = () => (0, import_react35.createElement)(
++var import_react36 = require("react");
++var FeedbackIcon = () => (0, import_react36.createElement)(
"svg",
{ width: 15, height: 15, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
- (0, import_react26.createElement)("path", { d: "M4 4.5h12a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H9l-3.5 3v-3H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1z" }),
- (0, import_react26.createElement)("path", { d: "M10 7v2.6M10 11.4h.01" })
-+ (0, import_react35.createElement)("path", { d: "M4 4.5h12a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H9l-3.5 3v-3H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1z" }),
-+ (0, import_react35.createElement)("path", { d: "M10 7v2.6M10 11.4h.01" })
++ (0, import_react36.createElement)("path", { d: "M4 4.5h12a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H9l-3.5 3v-3H4a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1z" }),
++ (0, import_react36.createElement)("path", { d: "M10 7v2.6M10 11.4h.01" })
);
function download(name, text) {
const url = URL.createObjectURL(new Blob([text], { type: "text/plain;charset=utf-8" }));
@@ -17547,17 +15751,17 @@ diff --git a/client.js b/client.js
- const [report, setReport] = (0, import_react26.useState)(null);
- const [preview, setPreview] = (0, import_react26.useState)(false);
- const [note, setNote] = (0, import_react26.useState)("");
-+ const [what, setWhat] = (0, import_react35.useState)("");
-+ const [report, setReport] = (0, import_react35.useState)(null);
-+ const [preview, setPreview] = (0, import_react35.useState)(false);
-+ const [note, setNote] = (0, import_react35.useState)("");
++ const [what, setWhat] = (0, import_react36.useState)("");
++ const [report, setReport] = (0, import_react36.useState)(null);
++ const [preview, setPreview] = (0, import_react36.useState)(false);
++ const [note, setNote] = (0, import_react36.useState)("");
const fetchReport = () => actions.diagnostics({ client: clientFacts(), clientErrors: clientErrors() }).then((next) => {
setReport(next);
return next;
});
const load = () => fetchReport().then(() => void 0);
- (0, import_react26.useEffect)(() => {
-+ (0, import_react35.useEffect)(() => {
++ (0, import_react36.useEffect)(() => {
void run(load());
}, []);
const copyReport = () => run(fetchReport().then(async (next) => {
@@ -17566,7 +15770,7 @@ diff --git a/client.js b/client.js
if (!copied) setPreview(true);
}));
- const [issueLink, setIssueLink] = (0, import_react26.useState)(null);
-+ const [issueLink, setIssueLink] = (0, import_react35.useState)(null);
++ const [issueLink, setIssueLink] = (0, import_react36.useState)(null);
const openIssue = () => {
const win = window.open("", "_blank");
if (win !== null) win.opener = null;
@@ -17575,83 +15779,83 @@ diff --git a/client.js b/client.js
const shown = entries2.slice(0, 8);
return [
- (0, import_react26.createElement)(
-+ (0, import_react35.createElement)(
++ (0, import_react36.createElement)(
Section,
{ key: "report", title: t("Report a problem") },
- (0, import_react26.createElement)(
-+ (0, import_react35.createElement)(
++ (0, import_react36.createElement)(
"div",
{ className: "bt-set-row bt-set-paste bt-fb-what" },
- (0, import_react26.createElement)(
-+ (0, import_react35.createElement)(
++ (0, import_react36.createElement)(
"label",
{ className: "bt-set-copy", htmlFor: "bt-fb-what" },
- (0, import_react26.createElement)("span", null, t("What happened?")),
- (0, import_react26.createElement)("span", { className: "bt-set-hint" }, t("What you did, what you expected, and what happened instead. It goes into the issue."))
-+ (0, import_react35.createElement)("span", null, t("What happened?")),
-+ (0, import_react35.createElement)("span", { className: "bt-set-hint" }, t("What you did, what you expected, and what happened instead. It goes into the issue."))
++ (0, import_react36.createElement)("span", null, t("What happened?")),
++ (0, import_react36.createElement)("span", { className: "bt-set-hint" }, t("What you did, what you expected, and what happened instead. It goes into the issue."))
),
- (0, import_react26.createElement)("textarea", { id: "bt-fb-what", className: "bt-input bt-input-area", value: what, maxLength: WHAT_MAX, placeholder: t("For example: I asked Writer in the group chat and it showed an error."), onChange: (event) => setWhat(event.target.value) })
-+ (0, import_react35.createElement)("textarea", { id: "bt-fb-what", className: "bt-input bt-input-area", value: what, maxLength: WHAT_MAX, placeholder: t("For example: I asked Writer in the group chat and it showed an error."), onChange: (event) => setWhat(event.target.value) })
++ (0, import_react36.createElement)("textarea", { id: "bt-fb-what", className: "bt-input bt-input-area", value: what, maxLength: WHAT_MAX, placeholder: t("For example: I asked Writer in the group chat and it showed an error."), onChange: (event) => setWhat(event.target.value) })
),
- (0, import_react26.createElement)(
-+ (0, import_react35.createElement)(
++ (0, import_react36.createElement)(
Row3,
{ label: t("Diagnostics"), hint: t("Versions, system, models, and the latest errors. Saved keys, tokens, and your home folder are hidden.") },
- (0, import_react26.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setPreview(!preview), "aria-expanded": preview }, preview ? t("Hide") : t("Show")),
- (0, import_react26.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: copyReport }, t("Copy"))
-+ (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setPreview(!preview), "aria-expanded": preview }, preview ? t("Hide") : t("Show")),
-+ (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: copyReport }, t("Copy"))
++ (0, import_react36.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setPreview(!preview), "aria-expanded": preview }, preview ? t("Hide") : t("Show")),
++ (0, import_react36.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: copyReport }, t("Copy"))
),
- preview ? (0, import_react26.createElement)("div", { className: "bt-set-row bt-fb-preview" }, (0, import_react26.createElement)("pre", { tabIndex: 0, "aria-label": t("Diagnostics") }, report?.markdown || t("Loading…"))) : null,
- (0, import_react26.createElement)(
-+ preview ? (0, import_react35.createElement)("div", { className: "bt-set-row bt-fb-preview" }, (0, import_react35.createElement)("pre", { tabIndex: 0, "aria-label": t("Diagnostics") }, report?.markdown || t("Loading…"))) : null,
-+ (0, import_react35.createElement)(
++ preview ? (0, import_react36.createElement)("div", { className: "bt-set-row bt-fb-preview" }, (0, import_react36.createElement)("pre", { tabIndex: 0, "aria-label": t("Diagnostics") }, report?.markdown || t("Loading…"))) : null,
++ (0, import_react36.createElement)(
Row3,
- { label: t("GitHub issue"), hint: t("Opens a new issue in the DS Bot repository with all of this filled in. Nothing is sent until you submit it there.") },
- (0, import_react26.createElement)("button", { type: "button", className: "bt-fb-primary", onClick: openIssue }, t("Report on GitHub"))
+ { label: t("GitHub issue"), hint: t("Opens a new issue in the FlyBot repository with all of this filled in. Nothing is sent until you submit it there.") },
-+ (0, import_react35.createElement)("button", { type: "button", className: "bt-fb-primary", onClick: openIssue }, t("Report on GitHub"))
++ (0, import_react36.createElement)("button", { type: "button", className: "bt-fb-primary", onClick: openIssue }, t("Report on GitHub"))
)
),
- note ? (0, import_react26.createElement)(
-+ note ? (0, import_react35.createElement)(
++ note ? (0, import_react36.createElement)(
"div",
{ key: "note", className: "bt-note bt-fb-note", role: "status" },
note,
- issueLink ? [" ", (0, import_react26.createElement)("a", { key: "link", href: issueLink, target: "_blank", rel: "noopener noreferrer" }, t("Open the issue"))] : null
-+ issueLink ? [" ", (0, import_react35.createElement)("a", { key: "link", href: issueLink, target: "_blank", rel: "noopener noreferrer" }, t("Open the issue"))] : null
++ issueLink ? [" ", (0, import_react36.createElement)("a", { key: "link", href: issueLink, target: "_blank", rel: "noopener noreferrer" }, t("Open the issue"))] : null
) : null,
- (0, import_react26.createElement)(
-+ (0, import_react35.createElement)(
++ (0, import_react36.createElement)(
Section,
{ key: "errors", title: report ? t("Recent errors · {count}", { count: total }) : t("Recent errors") },
- shown.length === 0 ? (0, import_react26.createElement)(Row3, { label: t("No errors recorded."), hint: t("Failed model calls and DS Bot problems show here, newest first.") }) : shown.map((entry, index) => (0, import_react26.createElement)(
-+ shown.length === 0 ? (0, import_react35.createElement)(Row3, { label: t("No errors recorded."), hint: t("Failed model calls and FlyBot problems show here, newest first.") }) : shown.map((entry, index) => (0, import_react35.createElement)(
++ shown.length === 0 ? (0, import_react36.createElement)(Row3, { label: t("No errors recorded."), hint: t("Failed model calls and FlyBot problems show here, newest first.") }) : shown.map((entry, index) => (0, import_react36.createElement)(
"div",
{ key: `${entry.time}-${index}`, className: "bt-set-row bt-fb-entry", title: entry.text },
- (0, import_react26.createElement)("span", { className: "bt-fb-dot", "data-level": entry.level, "aria-hidden": true }),
- (0, import_react26.createElement)(
-+ (0, import_react35.createElement)("span", { className: "bt-fb-dot", "data-level": entry.level, "aria-hidden": true }),
-+ (0, import_react35.createElement)(
++ (0, import_react36.createElement)("span", { className: "bt-fb-dot", "data-level": entry.level, "aria-hidden": true }),
++ (0, import_react36.createElement)(
"div",
{ className: "bt-set-copy" },
- (0, import_react26.createElement)("span", { className: "bt-fb-text" }, entrySummary(entry)),
- (0, import_react26.createElement)("span", { className: "bt-set-hint" }, [whenText(entry.time), entry.bot, entry.where, t(SOURCES[entry.source] ?? "DS Bot")].filter(Boolean).join(" · "))
-+ (0, import_react35.createElement)("span", { className: "bt-fb-text" }, entrySummary(entry)),
-+ (0, import_react35.createElement)("span", { className: "bt-set-hint" }, [whenText2(entry.time), entry.bot, entry.where, t(SOURCES[entry.source] ?? "FlyBot")].filter(Boolean).join(" · "))
++ (0, import_react36.createElement)("span", { className: "bt-fb-text" }, entrySummary(entry)),
++ (0, import_react36.createElement)("span", { className: "bt-set-hint" }, [whenText2(entry.time), entry.bot, entry.where, t(SOURCES[entry.source] ?? "FlyBot")].filter(Boolean).join(" · "))
),
- entry.code ? (0, import_react26.createElement)("span", { className: "bt-tag bt-fb-code" }, entry.status ? `${entry.code} ${entry.status}` : entry.code) : null
-+ entry.code ? (0, import_react35.createElement)("span", { className: "bt-tag bt-fb-code" }, entry.status ? `${entry.code} ${entry.status}` : entry.code) : null
++ entry.code ? (0, import_react36.createElement)("span", { className: "bt-tag bt-fb-code" }, entry.status ? `${entry.code} ${entry.status}` : entry.code) : null
)),
- (0, import_react26.createElement)(
-+ (0, import_react35.createElement)(
++ (0, import_react36.createElement)(
Row3,
{ label: t("Error log"), hint: t("Kept on this computer across restarts, up to about 1 MB.") },
- (0, import_react26.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: downloadLog }, t("Download")),
- (0, import_react26.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: clearLog, disabled: !report || total === 0 }, t("Clear"))
-+ (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: downloadLog }, t("Download")),
-+ (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: clearLog, disabled: !report || total === 0 }, t("Clear"))
++ (0, import_react36.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: downloadLog }, t("Download")),
++ (0, import_react36.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: clearLog, disabled: !report || total === 0 }, t("Clear"))
)
)
];
@@ -17661,8 +15865,8 @@ diff --git a/client.js b/client.js
const toast = useUi((state) => state.toast);
- const [leaving, setLeaving] = (0, import_react26.useState)(false);
- (0, import_react26.useEffect)(() => {
-+ const [leaving, setLeaving] = (0, import_react35.useState)(false);
-+ (0, import_react35.useEffect)(() => {
++ const [leaving, setLeaving] = (0, import_react36.useState)(false);
++ (0, import_react36.useEffect)(() => {
if (!toast) return void 0;
setLeaving(false);
const fade = setTimeout(() => setLeaving(true), TOAST_MS);
@@ -17672,19 +15876,19 @@ diff --git a/client.js b/client.js
if (!toast) return null;
- return (0, import_react26.createElement)(
+ const info = toast.tone === "info";
-+ return (0, import_react35.createElement)(
++ return (0, import_react36.createElement)(
"div",
- { className: "bt-toast", role: "alert", "data-leaving": leaving || void 0 },
- (0, import_react26.createElement)("span", { className: "bt-toast-text" }, toast.text),
- (0, import_react26.createElement)("button", { type: "button", className: "bt-toast-link", onClick: () => {
+ { className: "bt-toast", role: info ? "status" : "alert", "data-tone": toast.tone, "data-leaving": leaving || void 0 },
-+ (0, import_react35.createElement)("span", { className: "bt-toast-text" }, toast.text),
-+ info ? null : (0, import_react35.createElement)("button", { type: "button", className: "bt-toast-link", onClick: () => {
++ (0, import_react36.createElement)("span", { className: "bt-toast-text" }, toast.text),
++ info ? null : (0, import_react36.createElement)("button", { type: "button", className: "bt-toast-link", onClick: () => {
actions.dismissToast(toast.token);
actions.openSettings("feedback");
} }, t("Details")),
- (0, import_react26.createElement)("button", { type: "button", className: "bt-icon-btn bt-toast-close", "aria-label": t("Dismiss"), onClick: () => actions.dismissToast(toast.token) }, (0, import_react26.createElement)(CloseIcon))
-+ (0, import_react35.createElement)("button", { type: "button", className: "bt-icon-btn bt-toast-close", "aria-label": t("Dismiss"), onClick: () => actions.dismissToast(toast.token) }, (0, import_react35.createElement)(CloseIcon))
++ (0, import_react36.createElement)("button", { type: "button", className: "bt-icon-btn bt-toast-close", "aria-label": t("Dismiss"), onClick: () => actions.dismissToast(toast.token) }, (0, import_react36.createElement)(CloseIcon))
);
}
var FEEDBACK_CSS = `
@@ -17709,7 +15913,7 @@ diff --git a/client.js b/client.js
// src/client/about.js
-var import_react27 = require("react");
-var CHEER_MS = 1800;
-+var import_react36 = require("react");
++var import_react37 = require("react");
var starCount = (count) => new Intl.NumberFormat(dateLocale(), { notation: "compact", maximumFractionDigits: 1 }).format(count);
function botHint(update) {
- if (update.phase === "installing") return t("Updating DS Bot…");
@@ -17752,9 +15956,9 @@ diff --git a/client.js b/client.js
- const [checking, setChecking] = (0, import_react27.useState)(false);
- const [stars, setStars] = (0, import_react27.useState)(null);
- (0, import_react27.useEffect)(() => {
-+ const [checking, setChecking] = (0, import_react36.useState)(false);
-+ const [stars, setStars] = (0, import_react36.useState)(null);
-+ (0, import_react36.useEffect)(() => {
++ const [checking, setChecking] = (0, import_react37.useState)(false);
++ const [stars, setStars] = (0, import_react37.useState)(null);
++ (0, import_react37.useEffect)(() => {
let live = true;
actions.repoStars().then((count) => {
if (live && Number.isInteger(count)) setStars(count);
@@ -17786,14 +15990,14 @@ diff --git a/client.js b/client.js
const dshNew = showsDshRow(dsh, update.app);
const dshShown = dshNew && dsh.available;
- const botControl = phase === "installed" ? null : update.available || phase === "installing" ? (0, import_react27.createElement)(
-+ const botControl = phase === "installed" ? null : update.available || phase === "installing" ? (0, import_react36.createElement)(
++ const botControl = phase === "installed" ? null : update.available || phase === "installing" ? (0, import_react37.createElement)(
"button",
{ type: "button", className: "bt-fb-primary", disabled: phase === "installing", onClick: () => run(actions.installUpdate()) },
phase === "installing" ? t("Updating…") : phase === "failed" ? t("Try again") : t("Update")
- ) : (0, import_react27.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: checking || update.enabled === false, onClick: check }, checking ? t("Checking…") : t("Check for updates"));
- const dshControl = !dshNew || dshPhase === "installed" ? null : dsh.kind === "app" ? dsh.available ? (0, import_react27.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.openAppUpdates(dsh.verified)) }, t("Open updates")) : null : dsh.available || dshPhase !== "idle" ? (0, import_react27.createElement)(
-+ ) : (0, import_react36.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: checking || update.enabled === false, onClick: check }, checking ? t("Checking…") : t("Check for updates"));
-+ const dshControl = !dshNew || dshPhase === "installed" ? null : dsh.kind === "app" ? dsh.available ? (0, import_react36.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.openAppUpdates(dsh.verified)) }, t("Open updates")) : null : dsh.available || dshPhase !== "idle" ? (0, import_react36.createElement)(
++ ) : (0, import_react37.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: checking || update.enabled === false, onClick: check }, checking ? t("Checking…") : t("Check for updates"));
++ const dshControl = !dshNew || dshPhase === "installed" ? null : dsh.kind === "app" ? dsh.available ? (0, import_react37.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.openAppUpdates(dsh.verified)) }, t("Open updates")) : null : dsh.available || dshPhase !== "idle" ? (0, import_react37.createElement)(
"button",
{ type: "button", className: "bt-fb-primary", disabled: dshPhase === "installing", onClick: () => run(actions.installDshUpdate()) },
dshPhase === "installing" ? t("Updating…") : dshPhase === "failed" ? t("Try again") : t("Update")
@@ -17801,22 +16005,22 @@ diff --git a/client.js b/client.js
const repo = update.repoUrl;
return [
- (0, import_react27.createElement)(
-+ (0, import_react36.createElement)(
++ (0, import_react37.createElement)(
"div",
{ key: "hero", className: "bt-about-hero" },
- (0, import_react27.createElement)("span", { className: "bt-about-mark" }, (0, import_react27.createElement)(BotMark, { look: MAIN_LOOK, bot: { id: "about" }, size: 52, state: markState, live: true, gaze: true, pokeable: true })),
- (0, import_react27.createElement)(
-+ (0, import_react36.createElement)("span", { className: "bt-about-mark" }, (0, import_react36.createElement)(FlyBotMark, { size: 52 })),
-+ (0, import_react36.createElement)(
++ (0, import_react37.createElement)("span", { className: "bt-about-mark" }, (0, import_react37.createElement)(FlyBotMark, { size: 52 })),
++ (0, import_react37.createElement)(
"div",
{ className: "bt-about-copy" },
- (0, import_react27.createElement)("span", { className: "bt-about-name" }, "DS Bot"),
- update.current ? (0, import_react27.createElement)("span", { className: "bt-about-version" }, t("Version {version}", { version: update.current })) : null
-+ (0, import_react36.createElement)("span", { className: "bt-about-name" }, t("FlyBot")),
-+ update.current ? (0, import_react36.createElement)("span", { className: "bt-about-version" }, versionLine(update)) : null
++ (0, import_react37.createElement)("span", { className: "bt-about-name" }, t("FlyBot")),
++ update.current ? (0, import_react37.createElement)("span", { className: "bt-about-version" }, versionLine(update)) : null
),
- repo ? (0, import_react27.createElement)(
-+ repo ? (0, import_react36.createElement)(
++ repo ? (0, import_react37.createElement)(
"a",
{
className: "bt-star",
@@ -17830,31 +16034,31 @@ diff --git a/client.js b/client.js
},
- (0, import_react27.createElement)("span", { className: "bt-star-main" }, (0, import_react27.createElement)("span", { className: "bt-star-icon" }, (0, import_react27.createElement)(StarLineIcon)), "Star"),
- stars === null ? null : (0, import_react27.createElement)("span", { className: "bt-star-count" }, starCount(stars))
-+ (0, import_react36.createElement)("span", { className: "bt-star-main" }, (0, import_react36.createElement)("span", { className: "bt-star-icon" }, (0, import_react36.createElement)(StarLineIcon)), "Star"),
-+ stars === null ? null : (0, import_react36.createElement)("span", { className: "bt-star-count" }, starCount(stars))
++ (0, import_react37.createElement)("span", { className: "bt-star-main" }, (0, import_react37.createElement)("span", { className: "bt-star-icon" }, (0, import_react37.createElement)(StarLineIcon)), "Star"),
++ stars === null ? null : (0, import_react37.createElement)("span", { className: "bt-star-count" }, starCount(stars))
) : null
),
- repo ? (0, import_react27.createElement)("p", { key: "ask", className: "bt-about-ask" }, t("If DS Bot helps you, a star on GitHub helps more people find it.")) : null,
- (0, import_react27.createElement)(
-+ repo ? (0, import_react36.createElement)("p", { key: "ask", className: "bt-about-ask" }, t("If FlyBot helps you, a star on GitHub helps more people find it.")) : null,
-+ (0, import_react36.createElement)(
++ repo ? (0, import_react37.createElement)("p", { key: "ask", className: "bt-about-ask" }, t("If FlyBot helps you, a star on GitHub helps more people find it.")) : null,
++ (0, import_react37.createElement)(
Section,
{ key: "updates", title: t("Updates") },
- (0, import_react27.createElement)(Row3, { label: "DS Bot", hint: botHint(update) }, botControl, update.available && update.notesUrl ? (0, import_react27.createElement)("a", linkProps(update.notesUrl), t("What's new")) : null),
- dsh?.current ? (0, import_react27.createElement)(Row3, { label: "DeepSeek Harness", hint: dshHint(dsh, dshShown) }, dshControl) : null
-+ (0, import_react36.createElement)(Row3, { label: t("FlyBot core"), hint: botHint(update) }, botControl, update.available && update.notesUrl ? (0, import_react36.createElement)("a", linkProps(update.notesUrl), t("What's new")) : null),
-+ dsh?.current ? (0, import_react36.createElement)(Row3, { label: t("DeepSeek Harness (underlying)"), hint: dshHint(dsh, dshShown) }, dshControl) : null
++ (0, import_react37.createElement)(Row3, { label: t("FlyBot core"), hint: botHint(update) }, botControl, update.available && update.notesUrl ? (0, import_react37.createElement)("a", linkProps(update.notesUrl), t("What's new")) : null),
++ dsh?.current ? (0, import_react37.createElement)(Row3, { label: t("DeepSeek Harness (underlying)"), hint: dshHint(dsh, dshShown) }, dshControl) : null
),
- (0, import_react27.createElement)(
-+ (0, import_react36.createElement)(
++ (0, import_react37.createElement)(
Section,
{ key: "links", title: t("Links") },
- repo ? (0, import_react27.createElement)(Row3, { label: t("Source code"), hint: repo.replace(/^https:\/\//, "") }, (0, import_react27.createElement)("a", linkProps(repo), (0, import_react27.createElement)(GitHubMark), t("Open"))) : null,
- update.notesUrl ? (0, import_react27.createElement)(Row3, { label: t("Release notes") }, (0, import_react27.createElement)("a", linkProps(update.notesUrl), t("Open"))) : null,
- (0, import_react27.createElement)(Row3, { label: t("Report a problem") }, (0, import_react27.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("feedback") }, t("Open")))
-+ repo ? (0, import_react36.createElement)(Row3, { label: t("Source code"), hint: repo.replace(/^https:\/\//, "") }, (0, import_react36.createElement)("a", linkProps(repo), (0, import_react36.createElement)(GitHubMark), t("Open"))) : null,
-+ update.notesUrl ? (0, import_react36.createElement)(Row3, { label: t("Release notes") }, (0, import_react36.createElement)("a", linkProps(update.notesUrl), t("Open"))) : null,
-+ (0, import_react36.createElement)(Row3, { label: t("Report a problem") }, (0, import_react36.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("feedback") }, t("Open")))
++ repo ? (0, import_react37.createElement)(Row3, { label: t("Source code"), hint: repo.replace(/^https:\/\//, "") }, (0, import_react37.createElement)("a", linkProps(repo), (0, import_react37.createElement)(GitHubMark), t("Open"))) : null,
++ update.notesUrl ? (0, import_react37.createElement)(Row3, { label: t("Release notes") }, (0, import_react37.createElement)("a", linkProps(update.notesUrl), t("Open"))) : null,
++ (0, import_react37.createElement)(Row3, { label: t("Report a problem") }, (0, import_react37.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("feedback") }, t("Open")))
)
];
}
@@ -17874,24 +16078,24 @@ diff --git a/client.js b/client.js
// src/client/settings.js
-var import_react28 = require("react");
-+var import_react37 = require("react");
++var import_react38 = require("react");
var capitalize2 = (word) => word[0].toUpperCase() + word.slice(1);
-var SETTINGS_PAGES = [["general", "General"], ["bots", "Bots"], ["groups", "Group chats"], ["connectors", "Connectors"], ["capabilities", "Capabilities"], ["schedules", "Scheduled tasks"], ["usage", "Usage"], ["secrets", "Secrets"], ["feedback", "Feedback"], ["about", "About DS Bot"]];
+var SETTINGS_PAGES = [["general", "General"], ["bots", "Bots"], ["groups", "Group chats"], ["connectors", "Connectors"], ["capabilities", "Capabilities"], ["schedules", "Scheduled tasks"], ["usage", "Usage"], ["secrets", "Secrets"], ["feedback", "Feedback"], ["about", "About FlyBot"]];
var PAGE_ICONS = { ...SETTINGS_ICONS, connectors: ConnectorIcon, capabilities: PlugIcon, schedules: ClockIcon, secrets: KeyIcon, feedback: FeedbackIcon, about: InfoIcon };
function SetSection({ title, children }) {
- return (0, import_react28.createElement)("section", { className: "bt-set-section" }, (0, import_react28.createElement)("h3", null, title), (0, import_react28.createElement)("div", { className: "bt-set-card" }, children));
-+ return (0, import_react37.createElement)("section", { className: "bt-set-section" }, (0, import_react37.createElement)("h3", null, title), (0, import_react37.createElement)("div", { className: "bt-set-card" }, children));
++ return (0, import_react38.createElement)("section", { className: "bt-set-section" }, (0, import_react38.createElement)("h3", null, title), (0, import_react38.createElement)("div", { className: "bt-set-card" }, children));
}
function SetRow({ label, hint, children }) {
- return (0, import_react28.createElement)(
-+ return (0, import_react37.createElement)(
++ return (0, import_react38.createElement)(
"div",
{ className: "bt-set-row" },
- (0, import_react28.createElement)("div", { className: "bt-set-copy" }, (0, import_react28.createElement)("span", null, label), hint ? (0, import_react28.createElement)("span", { className: "bt-set-hint" }, hint) : null),
- children ? (0, import_react28.createElement)("div", { className: "bt-set-control" }, children) : null
-+ (0, import_react37.createElement)("div", { className: "bt-set-copy" }, (0, import_react37.createElement)("span", null, label), hint ? (0, import_react37.createElement)("span", { className: "bt-set-hint" }, hint) : null),
-+ children ? (0, import_react37.createElement)("div", { className: "bt-set-control" }, children) : null
++ (0, import_react38.createElement)("div", { className: "bt-set-copy" }, (0, import_react38.createElement)("span", null, label), hint ? (0, import_react38.createElement)("span", { className: "bt-set-hint" }, hint) : null),
++ children ? (0, import_react38.createElement)("div", { className: "bt-set-control" }, children) : null
);
}
+var NOTIFY_KINDS = [
@@ -17906,9 +16110,9 @@ diff --git a/client.js b/client.js
- const [custom, setCustom] = (0, import_react28.useState)(prefs.accent ?? "#4d6bfe");
- const timer = (0, import_react28.useRef)(0);
- (0, import_react28.useEffect)(() => () => clearTimeout(timer.current), []);
-+ const [custom, setCustom] = (0, import_react37.useState)(prefs.accent ?? "#4d6bfe");
-+ const timer = (0, import_react37.useRef)(0);
-+ (0, import_react37.useEffect)(() => () => clearTimeout(timer.current), []);
++ const [custom, setCustom] = (0, import_react38.useState)(prefs.accent ?? "#4d6bfe");
++ const timer = (0, import_react38.useRef)(0);
++ (0, import_react38.useEffect)(() => () => clearTimeout(timer.current), []);
const pickCustom = (value) => {
setCustom(value);
clearTimeout(timer.current);
@@ -17916,33 +16120,33 @@ diff --git a/client.js b/client.js
};
return [
- (0, import_react28.createElement)(
-+ (0, import_react37.createElement)(
++ (0, import_react38.createElement)(
SetSection,
{ key: "look", title: t("Appearance") },
- (0, import_react28.createElement)(
-+ (0, import_react37.createElement)(
++ (0, import_react38.createElement)(
SetRow,
{ label: t("Theme"), hint: t("Colors for the whole team, on every device.") },
- (0, import_react28.createElement)(
-+ (0, import_react37.createElement)(
++ (0, import_react38.createElement)(
"select",
{ className: "bt-select", "aria-label": t("Theme"), value: current, onChange: (event) => run(actions.setPrefs({ theme: event.target.value })) },
- Object.entries(themes).map(([id, theme]) => (0, import_react28.createElement)("option", { key: id, value: id }, t(theme.label)))
-+ Object.entries(themes).map(([id, theme]) => (0, import_react37.createElement)("option", { key: id, value: id }, t(theme.label)))
++ Object.entries(themes).map(([id, theme]) => (0, import_react38.createElement)("option", { key: id, value: id }, t(theme.label)))
)
),
- (0, import_react28.createElement)(
-+ (0, import_react37.createElement)(
++ (0, import_react38.createElement)(
SetRow,
{ label: t("Accent"), hint: t("Unread marks, badges, and the brand mark.") },
- (0, import_react28.createElement)(
-+ (0, import_react37.createElement)(
++ (0, import_react38.createElement)(
"div",
{ className: "bt-swatches" },
- (0, import_react28.createElement)("button", { type: "button", className: "bt-swatch bt-swatch-default", title: t("Theme accent"), "aria-label": t("Theme accent"), "aria-pressed": !prefs.accent, onClick: () => run(actions.setPrefs({ accent: null })) }),
- ACCENT_INKS.map((ink) => (0, import_react28.createElement)("button", {
-+ (0, import_react37.createElement)("button", { type: "button", className: "bt-swatch bt-swatch-default", title: t("Theme accent"), "aria-label": t("Theme accent"), "aria-pressed": !prefs.accent, onClick: () => run(actions.setPrefs({ accent: null })) }),
-+ ACCENT_INKS.map((ink) => (0, import_react37.createElement)("button", {
++ (0, import_react38.createElement)("button", { type: "button", className: "bt-swatch bt-swatch-default", title: t("Theme accent"), "aria-label": t("Theme accent"), "aria-pressed": !prefs.accent, onClick: () => run(actions.setPrefs({ accent: null })) }),
++ ACCENT_INKS.map((ink) => (0, import_react38.createElement)("button", {
key: ink,
type: "button",
className: "bt-swatch",
@@ -17951,18 +16155,18 @@ diff --git a/client.js b/client.js
onClick: () => run(actions.setPrefs({ accent: INKS[ink][0] }))
})),
- (0, import_react28.createElement)(
-+ (0, import_react37.createElement)(
++ (0, import_react38.createElement)(
"label",
{ className: "bt-swatch bt-swatch-custom", title: t("Custom accent"), "data-on": Boolean(prefs.accent) && !ACCENT_INKS.some((ink) => INKS[ink][0] === prefs.accent) },
- (0, import_react28.createElement)("input", { type: "color", value: custom, "aria-label": t("Custom accent"), onChange: (event) => pickCustom(event.target.value) })
-+ (0, import_react37.createElement)("input", { type: "color", value: custom, "aria-label": t("Custom accent"), onChange: (event) => pickCustom(event.target.value) })
++ (0, import_react38.createElement)("input", { type: "color", value: custom, "aria-label": t("Custom accent"), onChange: (event) => pickCustom(event.target.value) })
)
)
)
),
- (0, import_react28.createElement)(
+ // One switch for every system notification (#353), then one per kind (#469).
-+ (0, import_react37.createElement)(
++ (0, import_react38.createElement)(
SetSection,
- { key: "mode", title: t("Mode") },
- (0, import_react28.createElement)(
@@ -17971,14 +16175,14 @@ diff --git a/client.js b/client.js
- (0, import_react28.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.setSurface("agent") }, t("Switch"))
- )
+ { key: "notify", title: t("Notifications") },
-+ (0, import_react37.createElement)(SwitchRow, {
++ (0, import_react38.createElement)(SwitchRow, {
+ label: t("Notifications"),
+ showLabel: false,
+ hint: t("When your Bots finish, fail, or wait for your approval while you are in another chat or app."),
+ on: prefs.notifications !== false,
+ onChange: (on) => run(actions.setPrefs({ notifications: on }))
+ }),
-+ NOTIFY_KINDS.map(([kind, label, hint]) => (0, import_react37.createElement)(SwitchRow, {
++ NOTIFY_KINDS.map(([kind, label, hint]) => (0, import_react38.createElement)(SwitchRow, {
+ key: kind,
+ label: t(label),
+ hint: hint ? t(hint) : void 0,
@@ -17996,40 +16200,40 @@ diff --git a/client.js b/client.js
- return (0, import_react28.createElement)(
+ const own = roster.bots.filter((bot) => !bot.remote);
+ const candidates = own.filter((bot) => !isMainOf(roster, bot.id));
-+ return (0, import_react37.createElement)(
++ return (0, import_react38.createElement)(
SetSection,
{ title: t("Main Bot") },
- (0, import_react28.createElement)(
-+ (0, import_react37.createElement)(
++ (0, import_react38.createElement)(
SetRow,
{
label: t("Main Bot"),
hint: first ? t("First in the sidebar. Pick another Bot to hand it the role; {name} then stops being a Main Bot.", { name: first.name }) : void 0
},
- (0, import_react28.createElement)("select", {
-+ (0, import_react37.createElement)("select", {
++ (0, import_react38.createElement)("select", {
className: "bt-select",
"aria-label": t("Main Bot"),
value: first?.id ?? "",
onChange: (event) => run(actions.setMain(event.target.value, true, first ? { replace: first.id } : {}))
- }, first ? null : (0, import_react28.createElement)("option", { value: "" }, t("Choose a Bot…")), roster.bots.map((bot) => (0, import_react28.createElement)("option", { key: bot.id, value: bot.id }, bot.name)))
-+ }, first ? null : (0, import_react37.createElement)("option", { value: "" }, t("Choose a Bot…")), own.map((bot) => (0, import_react37.createElement)("option", { key: bot.id, value: bot.id }, bot.name)))
++ }, first ? null : (0, import_react38.createElement)("option", { value: "" }, t("Choose a Bot…")), own.map((bot) => (0, import_react38.createElement)("option", { key: bot.id, value: bot.id }, bot.name)))
),
- others.map((bot) => (0, import_react28.createElement)(
-+ others.map((bot) => (0, import_react37.createElement)(
++ others.map((bot) => (0, import_react38.createElement)(
SetRow,
{ key: bot.id, label: bot.name, hint: t("Also a Main Bot.") },
- (0, import_react28.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.setMain(bot.id, true, { primary: true })) }, t("Move to first")),
- (0, import_react28.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.setMain(bot.id, false)) }, t("Remove Main Bot role"))
-+ (0, import_react37.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.setMain(bot.id, true, { primary: true })) }, t("Move to first")),
-+ (0, import_react37.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.setMain(bot.id, false)) }, t("Remove Main Bot role"))
++ (0, import_react38.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.setMain(bot.id, true, { primary: true })) }, t("Move to first")),
++ (0, import_react38.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.setMain(bot.id, false)) }, t("Remove Main Bot role"))
)),
- candidates.length > 0 ? (0, import_react28.createElement)(
-+ candidates.length > 0 ? (0, import_react37.createElement)(
++ candidates.length > 0 ? (0, import_react38.createElement)(
SetRow,
{ label: t("Add a Main Bot"), hint: t("Main Bots can create and change Bots, and run every group chat.") },
- (0, import_react28.createElement)("select", {
-+ (0, import_react37.createElement)("select", {
++ (0, import_react38.createElement)("select", {
className: "bt-select",
"aria-label": t("Add a Main Bot"),
value: "",
@@ -18037,7 +16241,7 @@ diff --git a/client.js b/client.js
if (event.target.value) void run(actions.setMain(event.target.value, true));
}
- }, (0, import_react28.createElement)("option", { value: "" }, t("Choose a Bot…")), candidates.map((bot) => (0, import_react28.createElement)("option", { key: bot.id, value: bot.id }, bot.name)))
-+ }, (0, import_react37.createElement)("option", { value: "" }, t("Choose a Bot…")), candidates.map((bot) => (0, import_react37.createElement)("option", { key: bot.id, value: bot.id }, bot.name)))
++ }, (0, import_react38.createElement)("option", { value: "" }, t("Choose a Bot…")), candidates.map((bot) => (0, import_react38.createElement)("option", { key: bot.id, value: bot.id }, bot.name)))
) : null
);
}
@@ -18045,15 +16249,15 @@ diff --git a/client.js b/client.js
function MotionSection({ roster, actions, run }) {
const motion = roster.prefs?.motion === "quiet" || roster.prefs?.motion === "lively" ? roster.prefs.motion : "normal";
- return (0, import_react28.createElement)(
-+ return (0, import_react37.createElement)(
++ return (0, import_react38.createElement)(
SetSection,
{ title: t("Animation") },
- (0, import_react28.createElement)(
-+ (0, import_react37.createElement)(
++ (0, import_react38.createElement)(
SetRow,
{ label: t("Bot animation") },
- (0, import_react28.createElement)(Segmented, { label: t("Bot animation"), value: motion, className: "bt-motion-seg" }, MOTIONS.map(([id, label]) => (0, import_react28.createElement)("button", {
-+ (0, import_react37.createElement)(Segmented, { label: t("Bot animation"), value: motion, className: "bt-motion-seg" }, MOTIONS.map(([id, label]) => (0, import_react37.createElement)("button", {
++ (0, import_react38.createElement)(Segmented, { label: t("Bot animation"), value: motion, className: "bt-motion-seg" }, MOTIONS.map(([id, label]) => (0, import_react38.createElement)("button", {
key: id,
type: "button",
"aria-pressed": motion === id,
@@ -18062,30 +16266,30 @@ diff --git a/client.js b/client.js
}
function BotsPage({ roster, actions, run }) {
- const [creating, setCreating] = (0, import_react28.useState)(false);
-+ const [creating, setCreating] = (0, import_react37.useState)(false);
++ const [creating, setCreating] = (0, import_react38.useState)(false);
return [
- (0, import_react28.createElement)(MainBotsSection, { key: "main", roster, actions, run }),
- (0, import_react28.createElement)(MotionSection, { key: "motion", roster, actions, run }),
- creating ? (0, import_react28.createElement)(CreateBot, { key: "create", roster, actions, inline: true, onBack: () => setCreating(false), onCreated: (bot) => actions.openSettings("bots", bot.id) }) : (0, import_react28.createElement)(
-+ (0, import_react37.createElement)(MainBotsSection, { key: "main", roster, actions, run }),
-+ (0, import_react37.createElement)(MotionSection, { key: "motion", roster, actions, run }),
-+ creating ? (0, import_react37.createElement)(CreateBot, { key: "create", roster, actions, inline: true, onBack: () => setCreating(false), onCreated: (bot) => actions.openSettings("bots", bot.id) }) : (0, import_react37.createElement)(
++ (0, import_react38.createElement)(MainBotsSection, { key: "main", roster, actions, run }),
++ (0, import_react38.createElement)(MotionSection, { key: "motion", roster, actions, run }),
++ creating ? (0, import_react38.createElement)(CreateBot, { key: "create", roster, actions, inline: true, onBack: () => setCreating(false), onCreated: (bot) => actions.openSettings("bots", bot.id) }) : (0, import_react38.createElement)(
"div",
{ key: "new", className: "bt-actions" },
- (0, import_react28.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", onClick: () => setCreating(true) }, (0, import_react28.createElement)(PlusIcon), t("New Bot"))
-+ (0, import_react37.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", onClick: () => setCreating(true) }, (0, import_react37.createElement)(PlusIcon), t("New Bot"))
++ (0, import_react38.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", onClick: () => setCreating(true) }, (0, import_react38.createElement)(PlusIcon), t("New Bot"))
),
- (0, import_react28.createElement)(
-+ (0, import_react37.createElement)(
++ (0, import_react38.createElement)(
SetSection,
- { key: "bots", title: t("Bots · {count}", { count: roster.bots.length }) },
- roster.bots.map((bot) => (0, import_react28.createElement)(
+ { key: "bots", title: t("Bots · {count}", { count: roster.bots.filter((bot) => !bot.remote).length }) },
-+ roster.bots.filter((bot) => !bot.remote).map((bot) => (0, import_react37.createElement)(
++ roster.bots.filter((bot) => !bot.remote).map((bot) => (0, import_react38.createElement)(
"button",
{ key: bot.id, type: "button", className: "bt-set-row", onClick: () => actions.openSettings("bots", bot.id) },
- (0, import_react28.createElement)(
-+ (0, import_react37.createElement)(
++ (0, import_react38.createElement)(
"span",
{ className: "bt-set-bot" },
- (0, import_react28.createElement)(BotAvatar, { bot, size: 28, badge: false, live: false }),
@@ -18093,42 +16297,42 @@ diff --git a/client.js b/client.js
- bot.role ? (0, import_react28.createElement)("span", { className: "bt-tag" }, bot.role) : null,
- isMainOf(roster, bot.id) ? (0, import_react28.createElement)("span", { className: "bt-tag" }, t("Main Bot")) : null,
- bot.hidden && !isMainOf(roster, bot.id) ? (0, import_react28.createElement)("span", { className: "bt-tag" }, t("Hidden")) : null
-+ (0, import_react37.createElement)(BotAvatar, { bot, size: 28, badge: false, live: false }),
-+ (0, import_react37.createElement)("span", { className: "bt-row-title" }, bot.name),
-+ bot.role ? (0, import_react37.createElement)("span", { className: "bt-tag" }, bot.role) : null,
-+ isMainOf(roster, bot.id) ? (0, import_react37.createElement)("span", { className: "bt-tag" }, t("Main Bot")) : null,
-+ bot.hidden && !isMainOf(roster, bot.id) ? (0, import_react37.createElement)("span", { className: "bt-tag" }, t("Hidden")) : null
++ (0, import_react38.createElement)(BotAvatar, { bot, size: 28, badge: false, live: false }),
++ (0, import_react38.createElement)("span", { className: "bt-row-title" }, bot.name),
++ bot.role ? (0, import_react38.createElement)("span", { className: "bt-tag" }, bot.role) : null,
++ isMainOf(roster, bot.id) ? (0, import_react38.createElement)("span", { className: "bt-tag" }, t("Main Bot")) : null,
++ bot.hidden && !isMainOf(roster, bot.id) ? (0, import_react38.createElement)("span", { className: "bt-tag" }, t("Hidden")) : null
),
- (0, import_react28.createElement)("span", { className: "bt-chevron" }, (0, import_react28.createElement)(ChevronRightIcon))
-+ (0, import_react37.createElement)("span", { className: "bt-chevron" }, (0, import_react37.createElement)(ChevronRightIcon))
++ (0, import_react38.createElement)("span", { className: "bt-chevron" }, (0, import_react38.createElement)(ChevronRightIcon))
))
)
];
}
function GroupsPage({ roster, actions, run }) {
- const [creating, setCreating] = (0, import_react28.useState)(false);
-+ const [creating, setCreating] = (0, import_react37.useState)(false);
++ const [creating, setCreating] = (0, import_react38.useState)(false);
return [
- creating ? (0, import_react28.createElement)(NewGroupForm, { key: "create", roster, actions, run, onCancel: () => setCreating(false), onCreated: (room2) => actions.openSettings("groups", room2.id) }) : (0, import_react28.createElement)(
-+ creating ? (0, import_react37.createElement)(NewGroupForm, { key: "create", roster, actions, run, onCancel: () => setCreating(false), onCreated: (room2) => actions.openSettings("groups", room2.id) }) : (0, import_react37.createElement)(
++ creating ? (0, import_react38.createElement)(NewGroupForm, { key: "create", roster, actions, run, onCancel: () => setCreating(false), onCreated: (room2) => actions.openSettings("groups", room2.id) }) : (0, import_react38.createElement)(
"div",
{ key: "new", className: "bt-actions" },
- (0, import_react28.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", disabled: roster.bots.length < 2, title: roster.bots.length < 2 ? t("A group chat needs at least two Bots") : void 0, onClick: () => setCreating(true) }, (0, import_react28.createElement)(PlusIcon), t("Create group chat"))
-+ (0, import_react37.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", disabled: roster.bots.length < 2, title: roster.bots.length < 2 ? t("A group chat needs at least two Bots") : void 0, onClick: () => setCreating(true) }, (0, import_react37.createElement)(PlusIcon), t("Create group chat"))
++ (0, import_react38.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", disabled: roster.bots.length < 2, title: roster.bots.length < 2 ? t("A group chat needs at least two Bots") : void 0, onClick: () => setCreating(true) }, (0, import_react38.createElement)(PlusIcon), t("Create group chat"))
),
- (0, import_react28.createElement)(
-+ (0, import_react37.createElement)(
++ (0, import_react38.createElement)(
SetSection,
{ key: "groups", title: t("Group chats · {count}", { count: roster.rooms.length }) },
- roster.rooms.length === 0 ? (0, import_react28.createElement)(SetRow, { label: t("No group chats yet."), hint: t("A group chat lets several Bots work on one thing with you.") }) : roster.rooms.map((room2) => {
-+ roster.rooms.length === 0 ? (0, import_react37.createElement)(SetRow, { label: t("No group chats yet."), hint: t("A group chat lets several Bots work on one thing with you.") }) : roster.rooms.map((room2) => {
++ roster.rooms.length === 0 ? (0, import_react38.createElement)(SetRow, { label: t("No group chats yet."), hint: t("A group chat lets several Bots work on one thing with you.") }) : roster.rooms.map((room2) => {
const admin = roster.byId[room2.admin];
- return (0, import_react28.createElement)(
-+ return (0, import_react37.createElement)(
++ return (0, import_react38.createElement)(
"button",
{ key: room2.id, type: "button", className: "bt-set-row", onClick: () => actions.openSettings("groups", room2.id) },
- (0, import_react28.createElement)(
-+ (0, import_react37.createElement)(
++ (0, import_react38.createElement)(
"span",
{ className: "bt-set-bot" },
- (0, import_react28.createElement)(RoomAvatar, { room: room2, roster, size: 28 }),
@@ -18136,14 +16340,14 @@ diff --git a/client.js b/client.js
- (0, import_react28.createElement)("span", { className: "bt-tag" }, t("{count} members", { count: room2.members.length })),
- admin ? (0, import_react28.createElement)("span", { className: "bt-tag bt-tag-admin" }, (0, import_react28.createElement)(AdminStar), admin.name) : null,
- room2.hidden ? (0, import_react28.createElement)("span", { className: "bt-tag" }, t("Hidden")) : null
-+ (0, import_react37.createElement)(RoomAvatar, { room: room2, roster, size: 28 }),
-+ (0, import_react37.createElement)("span", { className: "bt-row-title" }, room2.name),
-+ (0, import_react37.createElement)("span", { className: "bt-tag" }, t(seatedCount(room2) === 1 ? "{count} member" : "{count} members", { count: seatedCount(room2) })),
-+ admin ? (0, import_react37.createElement)("span", { className: "bt-tag bt-tag-admin" }, (0, import_react37.createElement)(AdminStar), admin.name) : null,
-+ room2.hidden ? (0, import_react37.createElement)("span", { className: "bt-tag" }, t("Hidden")) : null
++ (0, import_react38.createElement)(RoomAvatar, { room: room2, roster, size: 28 }),
++ (0, import_react38.createElement)("span", { className: "bt-row-title" }, room2.name),
++ (0, import_react38.createElement)("span", { className: "bt-tag" }, t(seatedCount(room2) === 1 ? "{count} member" : "{count} members", { count: seatedCount(room2) })),
++ admin ? (0, import_react38.createElement)("span", { className: "bt-tag bt-tag-admin" }, (0, import_react38.createElement)(AdminStar), admin.name) : null,
++ room2.hidden ? (0, import_react38.createElement)("span", { className: "bt-tag" }, t("Hidden")) : null
),
- (0, import_react28.createElement)("span", { className: "bt-chevron" }, (0, import_react28.createElement)(ChevronRightIcon))
-+ (0, import_react37.createElement)("span", { className: "bt-chevron" }, (0, import_react37.createElement)(ChevronRightIcon))
++ (0, import_react38.createElement)("span", { className: "bt-chevron" }, (0, import_react38.createElement)(ChevronRightIcon))
);
})
)
@@ -18152,8 +16356,8 @@ diff --git a/client.js b/client.js
function SettingsDialog({ page, id, roster, actions, useUpdate, leaving = false }) {
- const [error, setError] = (0, import_react28.useState)("");
- const close = (0, import_react28.useCallback)(() => actions.closeSettings(), []);
-+ const [error, setError] = (0, import_react37.useState)("");
-+ const close = (0, import_react37.useCallback)(() => actions.closeSettings(), []);
++ const [error, setError] = (0, import_react38.useState)("");
++ const close = (0, import_react38.useCallback)(() => actions.closeSettings(), []);
useEscape(close);
const run = (promise) => Promise.resolve(promise).then(() => {
setError("");
@@ -18174,34 +16378,34 @@ diff --git a/client.js b/client.js
const pageKey = `${shown}:${bot?.id ?? room2?.id ?? ""}`;
const depth = bot || room2 ? 1 : 0;
- const last = (0, import_react28.useRef)({ key: pageKey, depth, move: "up" });
-+ const last = (0, import_react37.useRef)({ key: pageKey, depth, move: "up" });
++ const last = (0, import_react38.useRef)({ key: pageKey, depth, move: "up" });
if (last.current.key !== pageKey) {
last.current = { key: pageKey, depth, move: depth > last.current.depth ? "in" : depth < last.current.depth ? "out" : "up" };
}
- const [usageOpened, setUsageOpened] = (0, import_react28.useState)(shown === "usage");
-+ const [usageOpened, setUsageOpened] = (0, import_react37.useState)(shown === "usage");
++ const [usageOpened, setUsageOpened] = (0, import_react38.useState)(shown === "usage");
if (shown === "usage" && !usageOpened) setUsageOpened(true);
- const errorLine = error ? (0, import_react28.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null;
- return (0, import_react28.createElement)(
-+ const errorLine = error ? (0, import_react37.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null;
-+ return (0, import_react37.createElement)(
++ const errorLine = error ? (0, import_react38.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null;
++ return (0, import_react38.createElement)(
"div",
{ className: "bt-settings-layer", "data-leaving": leaving || void 0 },
- (0, import_react28.createElement)("div", { className: "bt-scrim", onMouseDown: close }),
- (0, import_react28.createElement)(
-+ (0, import_react37.createElement)("div", { className: "bt-scrim", onMouseDown: close }),
-+ (0, import_react37.createElement)(
++ (0, import_react38.createElement)("div", { className: "bt-scrim", onMouseDown: close }),
++ (0, import_react38.createElement)(
"div",
- { className: "bt-settings", role: "dialog", "aria-modal": true, "aria-label": t("DS Bot settings"), "data-wide": shown === "usage" ? "" : void 0 },
- (0, import_react28.createElement)(
+ { className: "bt-settings", role: "dialog", "aria-modal": true, "aria-label": t("FlyBot settings"), "data-wide": shown === "usage" ? "" : void 0 },
-+ (0, import_react37.createElement)(
++ (0, import_react38.createElement)(
"nav",
{ ref: nav.box, className: "bt-settings-nav", "aria-label": t("Settings pages") },
- (0, import_react28.createElement)("span", { ref: nav.thumb, className: "bt-thumb", "aria-hidden": true }),
- SETTINGS_PAGES.map(([key, text]) => (0, import_react28.createElement)("button", {
-+ (0, import_react37.createElement)("span", { ref: nav.thumb, className: "bt-thumb", "aria-hidden": true }),
-+ pages.map(([key, text]) => (0, import_react37.createElement)("button", {
++ (0, import_react38.createElement)("span", { ref: nav.thumb, className: "bt-thumb", "aria-hidden": true }),
++ pages.map(([key, text]) => (0, import_react38.createElement)("button", {
key,
type: "button",
className: "bt-settings-item",
@@ -18209,10 +16413,10 @@ diff --git a/client.js b/client.js
onClick: () => actions.openSettings(key)
- }, (0, import_react28.createElement)(PAGE_ICONS[key]), t(text))),
- (0, import_react28.createElement)("button", {
-+ }, (0, import_react37.createElement)(extra.find((item) => item.key === key)?.entry.icon ?? PAGE_ICONS[key] ?? ConnectorIcon), t(text))),
++ }, (0, import_react38.createElement)(extra.find((item) => item.key === key)?.entry.icon ?? PAGE_ICONS[key] ?? ConnectorIcon), t(text))),
+ // DeepSeek Harness's own settings are a separate window with its own title and look; FlyBot
+ // does not embed or retitle it (never patch DSH), so the entry says it leaves (#421).
-+ (0, import_react37.createElement)("button", {
++ (0, import_react38.createElement)("button", {
type: "button",
className: "bt-settings-item bt-settings-shell",
- title: t("Models, providers, and the rest of DeepSeek Harness"),
@@ -18223,23 +16427,23 @@ diff --git a/client.js b/client.js
openHarnessSettings();
}
- }, (0, import_react28.createElement)(SlidersIcon), t("Harness settings"))
-+ }, (0, import_react37.createElement)(SlidersIcon), t("Harness settings"), (0, import_react37.createElement)("span", { className: "bt-settings-out", "aria-hidden": true }, "↗"))
++ }, (0, import_react38.createElement)(SlidersIcon), t("Harness settings"), (0, import_react38.createElement)("span", { className: "bt-settings-out", "aria-hidden": true }, "↗"))
),
- (0, import_react28.createElement)(
-+ (0, import_react37.createElement)(
++ (0, import_react38.createElement)(
"div",
{ className: "bt-settings-main" },
- (0, import_react28.createElement)(
-+ (0, import_react37.createElement)(
++ (0, import_react38.createElement)(
"div",
{ className: "bt-settings-head" },
- back ? (0, import_react28.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": back, title: back, onClick: () => actions.openSettings(shown) }, (0, import_react28.createElement)(ChevronLeftIcon)) : null,
- (0, import_react28.createElement)("h2", { key: bot?.id ?? room2?.id ?? shown }, bot?.name ?? room2?.name ?? label)
-+ back ? (0, import_react37.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": back, title: back, onClick: () => actions.openSettings(shown) }, (0, import_react37.createElement)(ChevronLeftIcon)) : null,
-+ (0, import_react37.createElement)("h2", { key: bot?.id ?? room2?.id ?? shown }, bot?.name ?? room2?.name ?? label)
++ back ? (0, import_react38.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": back, title: back, onClick: () => actions.openSettings(shown) }, (0, import_react38.createElement)(ChevronLeftIcon)) : null,
++ (0, import_react38.createElement)("h2", { key: bot?.id ?? room2?.id ?? shown }, bot?.name ?? room2?.name ?? label)
),
- shown === "usage" ? null : (0, import_react28.createElement)(
-+ shown === "usage" ? null : (0, import_react37.createElement)(
++ shown === "usage" ? null : (0, import_react38.createElement)(
"div",
{ key: pageKey, className: "bt-settings-scroll bt-settings-page", "data-move": last.current.move },
errorLine,
@@ -18254,41 +16458,41 @@ diff --git a/client.js b/client.js
- shown === "secrets" ? (0, import_react28.createElement)(SecretsPage, { roster, actions, run, Section: SetSection }) : null,
- shown === "feedback" ? (0, import_react28.createElement)(FeedbackPage, { actions, run, Section: SetSection, Row: SetRow }) : null,
- shown === "about" ? (0, import_react28.createElement)(AboutPage, { useUpdate, actions, run, Section: SetSection, Row: SetRow }) : null
-+ shown === "general" ? (0, import_react37.createElement)(GeneralPage, { roster, actions, run }) : null,
-+ bot ? (0, import_react37.createElement)("div", { className: "bt-settings-form" }, (0, import_react37.createElement)(BotSettingsForm, { key: bot.id, bot, roster, actions, run })) : null,
-+ shown === "bots" && !bot ? (0, import_react37.createElement)(BotsPage, { roster, actions, run }) : null,
-+ room2 ? (0, import_react37.createElement)("div", { className: "bt-settings-form" }, (0, import_react37.createElement)(GroupSettingsForm, { key: room2.id, room: room2, roster, actions, run })) : null,
-+ shown === "groups" && !room2 ? (0, import_react37.createElement)(GroupsPage, { roster, actions, run }) : null,
-+ shown === "connectors" ? (0, import_react37.createElement)(ConnectorsPage, { roster, actions }) : null,
-+ pluginPage ? (0, import_react37.createElement)(SettingsPageSlot, { entry: pluginPage, props: { roster, actions, call: call2, run, t, Section: SetSection, Row: SetRow } }) : null,
-+ shown === "capabilities" ? (0, import_react37.createElement)(CapabilitiesPage, { roster, actions, run }) : null,
-+ shown === "schedules" ? (0, import_react37.createElement)(SchedulesPage, { roster, actions, start: id ?? void 0 }) : null,
-+ shown === "secrets" ? (0, import_react37.createElement)(SecretsPage, { roster, actions, run, Section: SetSection }) : null,
-+ shown === "feedback" ? (0, import_react37.createElement)(FeedbackPage, { actions, run, Section: SetSection, Row: SetRow }) : null,
-+ shown === "about" ? (0, import_react37.createElement)(AboutPage, { useUpdate, actions, run, Section: SetSection, Row: SetRow }) : null
++ shown === "general" ? (0, import_react38.createElement)(GeneralPage, { roster, actions, run }) : null,
++ bot ? (0, import_react38.createElement)("div", { className: "bt-settings-form" }, (0, import_react38.createElement)(BotSettingsForm, { key: bot.id, bot, roster, actions, run })) : null,
++ shown === "bots" && !bot ? (0, import_react38.createElement)(BotsPage, { roster, actions, run }) : null,
++ room2 ? (0, import_react38.createElement)("div", { className: "bt-settings-form" }, (0, import_react38.createElement)(GroupSettingsForm, { key: room2.id, room: room2, roster, actions, run })) : null,
++ shown === "groups" && !room2 ? (0, import_react38.createElement)(GroupsPage, { roster, actions, run }) : null,
++ shown === "connectors" ? (0, import_react38.createElement)(ConnectorsPage, { roster, actions }) : null,
++ pluginPage ? (0, import_react38.createElement)(SettingsPageSlot, { entry: pluginPage, props: { roster, actions, call: call2, run, t, Section: SetSection, Row: SetRow } }) : null,
++ shown === "capabilities" ? (0, import_react38.createElement)(CapabilitiesPage, { roster, actions, run }) : null,
++ shown === "schedules" ? (0, import_react38.createElement)(SchedulesPage, { roster, actions, start: id ?? void 0 }) : null,
++ shown === "secrets" ? (0, import_react38.createElement)(SecretsPage, { roster, actions, run, Section: SetSection }) : null,
++ shown === "feedback" ? (0, import_react38.createElement)(FeedbackPage, { actions, run, Section: SetSection, Row: SetRow }) : null,
++ shown === "about" ? (0, import_react38.createElement)(AboutPage, { useUpdate, actions, run, Section: SetSection, Row: SetRow }) : null
),
- usageOpened ? (0, import_react28.createElement)(
-+ usageOpened ? (0, import_react37.createElement)(
++ usageOpened ? (0, import_react38.createElement)(
"div",
{ key: "usage", className: "bt-settings-scroll bt-settings-usage", "data-off": shown === "usage" ? void 0 : "", "aria-hidden": shown === "usage" ? void 0 : true },
shown === "usage" ? errorLine : null,
- (0, import_react28.createElement)(UsagePage, { roster, actions, focusId: usageFocus })
-+ (0, import_react37.createElement)(UsagePage, { roster, actions, focusId: usageFocus })
++ (0, import_react38.createElement)(UsagePage, { roster, actions, focusId: usageFocus })
) : null
),
- (0, import_react28.createElement)("button", { type: "button", className: "bt-settings-close", "aria-label": t("Close settings"), onClick: close }, (0, import_react28.createElement)(CloseIcon))
-+ (0, import_react37.createElement)("button", { type: "button", className: "bt-settings-close", "aria-label": t("Close settings"), onClick: close }, (0, import_react37.createElement)(CloseIcon))
++ (0, import_react38.createElement)("button", { type: "button", className: "bt-settings-close", "aria-label": t("Close settings"), onClick: close }, (0, import_react38.createElement)(CloseIcon))
)
);
}
// src/client/context-menu.js
-var import_react29 = require("react");
-+var import_react38 = require("react");
++var import_react39 = require("react");
function ContextMenu({ menu, roster, actions, leaving = false }) {
useEscape(() => actions.closeMenu());
- (0, import_react29.useEffect)(() => {
-+ (0, import_react38.useEffect)(() => {
++ (0, import_react39.useEffect)(() => {
const onDown = (event) => {
if (!(event.target instanceof Element) || !event.target.closest(".bt-menu")) actions.closeMenu();
};
@@ -18299,15 +16503,15 @@ diff --git a/client.js b/client.js
- const [place, setPlace] = (0, import_react29.useState)({ left: menu.x, top: menu.y });
- (0, import_react29.useLayoutEffect)(() => {
+ const structure = useSidebarStructure();
-+ const ref = (0, import_react38.useRef)(null);
-+ const [place, setPlace] = (0, import_react38.useState)({ left: menu.x, top: menu.y });
-+ (0, import_react38.useLayoutEffect)(() => {
++ const ref = (0, import_react39.useRef)(null);
++ const [place, setPlace] = (0, import_react39.useState)({ left: menu.x, top: menu.y });
++ (0, import_react39.useLayoutEffect)(() => {
const box = ref.current?.getBoundingClientRect();
if (!box) return;
setPlace({ left: Math.max(8, Math.min(menu.x, window.innerWidth - box.width - 8)), top: Math.max(8, Math.min(menu.y, window.innerHeight - box.height - 8)) });
}, [menu.x, menu.y]);
- if (menu.kind === "agent" || menu.kind === "agent-session") return (0, import_react29.createElement)(AgentMenu, { menu, roster, actions, leaving });
-+ if (menu.kind === "agent" || menu.kind === "agent-session") return (0, import_react38.createElement)(AgentMenu, { menu, roster, actions, leaving });
++ if (menu.kind === "agent" || menu.kind === "agent-session") return (0, import_react39.createElement)(AgentMenu, { menu, roster, actions, leaving });
const bot = roster.byId[menu.id];
const room2 = roster.roomsById[menu.id];
const entry = bot ?? room2;
@@ -18350,18 +16554,18 @@ diff --git a/client.js b/client.js
- return (0, import_react29.createElement)(
+ ];
+ const shown = groups.map((group) => group.filter(Boolean)).filter((group) => group.length > 0);
-+ return (0, import_react38.createElement)(
++ return (0, import_react39.createElement)(
"div",
{ ref, className: "bt-menu", role: "menu", "aria-label": t("{name} actions", { name: bot?.name ?? room2.name }), style: place, "data-leaving": leaving || void 0 },
- groups.map((group, index) => (0, import_react29.createElement)(
- import_react29.Fragment,
-+ shown.map((group, index) => (0, import_react38.createElement)(
-+ import_react38.Fragment,
++ shown.map((group, index) => (0, import_react39.createElement)(
++ import_react39.Fragment,
{ key: index },
- index > 0 ? (0, import_react29.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null,
- group.map(([label, Icon, run, danger]) => (0, import_react29.createElement)("button", {
-+ index > 0 ? (0, import_react38.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null,
-+ group.map(([label, Icon, run, danger]) => (0, import_react38.createElement)("button", {
++ index > 0 ? (0, import_react39.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null,
++ group.map(([label, Icon, run, danger]) => (0, import_react39.createElement)("button", {
key: label,
type: "button",
role: "menuitem",
@@ -18370,7 +16574,7 @@ diff --git a/client.js b/client.js
void Promise.resolve(run()).catch((error) => actions.reportError(error, "menu"));
}
- }, (0, import_react29.createElement)(Icon), label))
-+ }, (0, import_react38.createElement)(Icon), label))
++ }, (0, import_react39.createElement)(Icon), label))
))
);
}
@@ -18378,9 +16582,9 @@ diff --git a/client.js b/client.js
- const ref = (0, import_react29.useRef)(null);
- const [place, setPlace] = (0, import_react29.useState)({ left: menu.x, top: menu.y });
- (0, import_react29.useLayoutEffect)(() => {
-+ const ref = (0, import_react38.useRef)(null);
-+ const [place, setPlace] = (0, import_react38.useState)({ left: menu.x, top: menu.y });
-+ (0, import_react38.useLayoutEffect)(() => {
++ const ref = (0, import_react39.useRef)(null);
++ const [place, setPlace] = (0, import_react39.useState)({ left: menu.x, top: menu.y });
++ (0, import_react39.useLayoutEffect)(() => {
const box = ref.current?.getBoundingClientRect();
if (!box) return;
setPlace({ left: Math.max(8, Math.min(menu.x, window.innerWidth - box.width - 8)), top: Math.max(8, Math.min(menu.y, window.innerHeight - box.height - 8)) });
@@ -18389,18 +16593,18 @@ diff --git a/client.js b/client.js
]
];
- return (0, import_react29.createElement)(
-+ return (0, import_react38.createElement)(
++ return (0, import_react39.createElement)(
"div",
{ ref, className: "bt-menu", role: "menu", "aria-label": menu.kind === "agent" ? "DSH Agent" : t("Session actions"), style: place, "data-leaving": leaving || void 0 },
- groups.map((group, index) => (0, import_react29.createElement)(
- import_react29.Fragment,
-+ groups.map((group, index) => (0, import_react38.createElement)(
-+ import_react38.Fragment,
++ groups.map((group, index) => (0, import_react39.createElement)(
++ import_react39.Fragment,
{ key: index },
- index > 0 ? (0, import_react29.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null,
- group.map(([label, Icon, run, danger]) => (0, import_react29.createElement)("button", {
-+ index > 0 ? (0, import_react38.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null,
-+ group.map(([label, Icon, run, danger]) => (0, import_react38.createElement)("button", {
++ index > 0 ? (0, import_react39.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null,
++ group.map(([label, Icon, run, danger]) => (0, import_react39.createElement)("button", {
key: label,
type: "button",
role: "menuitem",
@@ -18409,7 +16613,7 @@ diff --git a/client.js b/client.js
void Promise.resolve(run()).catch((error) => console.warn("[ds-bot]", error));
}
- }, (0, import_react29.createElement)(Icon), label))
-+ }, (0, import_react38.createElement)(Icon), label))
++ }, (0, import_react39.createElement)(Icon), label))
))
);
}
@@ -18437,11 +16641,10 @@ diff --git a/client.js b/client.js
prefs: "ds-bot:prefs",
surface: "ds-bot:surface",
agentSessions: "ds-bot:agent-sessions",
-@@ -10988,283 +10988,58 @@ var LEGACY_PREFIXES = ["dsh-bot:", "dsh-bot-team:"];
- var LEGACY_BROWSER_KEYS = ["ds-bot.browser.v1", "dsh-bot.browser.v1"];
+@@ -10989,282 +10989,57 @@ var LEGACY_BROWSER_KEYS = ["ds-bot.browser.v1", "dsh-bot.browser.v1"];
var LEGACY_THEMES = { grok: "mono" };
function legacyKeys(key) {
-- if (key === STORAGE.browsers) return LEGACY_BROWSER_KEYS;
+ if (key === STORAGE.browsers) return LEGACY_BROWSER_KEYS;
- const name = key.slice(key.indexOf(":") + 1);
- return LEGACY_PREFIXES.map((prefix) => `${prefix}${name}`);
-}
@@ -18673,7 +16876,6 @@ diff --git a/client.js b/client.js
- entry.here ? (0, import_react30.createElement)("button", { type: "button", className: "bt-mw-stop", disabled: stopping, onClick: stop }, t("Stop")) : null
- )
- );
-+ if (key === STORAGE.browsers) return LEGACY_BROWSER_KEYS;
+ const name = key.slice(key.indexOf(":") + 1);
+ return LEGACY_PREFIXES.map((prefix) => `${prefix}${name}`);
}
@@ -18765,7 +16967,7 @@ diff --git a/client.js b/client.js
// src/client/details-drawer.js
-var import_react31 = require("react");
-+var import_react39 = require("react");
++var import_react40 = require("react");
function transcriptOf(list, id, name, hiddenTurns = []) {
const outline = list.projectionsBySession?.[id]?.values?.turnOutline ?? list.byId[id]?.projectionValues?.turnOutline;
if (!Array.isArray(outline)) return "";
@@ -18774,11 +16976,11 @@ diff --git a/client.js b/client.js
var DANGER = /* @__PURE__ */ new Set(["danger-full-access"]);
function PermissionRow({ bot, roster, actions, run }) {
- const [pending, setPending] = (0, import_react31.useState)(null);
-+ const [pending, setPending] = (0, import_react39.useState)(null);
++ const [pending, setPending] = (0, import_react40.useState)(null);
const catalog = roster.permissions;
const saved = bot.permission ?? catalog?.defaultPreset;
- (0, import_react31.useEffect)(() => {
-+ (0, import_react39.useEffect)(() => {
++ (0, import_react40.useEffect)(() => {
if (pending === saved) setPending(null);
}, [pending, saved]);
if (!catalog?.options?.length) return null;
@@ -18787,17 +16989,17 @@ diff --git a/client.js b/client.js
void run(actions.updateBot(bot.id, { permission: value })).catch(() => setPending(null));
};
- return (0, import_react31.createElement)(
-+ return (0, import_react39.createElement)(
++ return (0, import_react40.createElement)(
"div",
{ className: "bt-drawer-permission" },
- (0, import_react31.createElement)("div", { className: "bt-section-title" }, t("Permissions")),
- (0, import_react31.createElement)(
-+ (0, import_react39.createElement)("div", { className: "bt-section-title" }, t("Permissions")),
-+ (0, import_react39.createElement)(
++ (0, import_react40.createElement)("div", { className: "bt-section-title" }, t("Permissions")),
++ (0, import_react40.createElement)(
Segmented,
{ label: t("Permissions"), value: current },
- catalog.options.map((option) => (0, import_react31.createElement)("button", {
-+ catalog.options.map((option) => (0, import_react39.createElement)("button", {
++ catalog.options.map((option) => (0, import_react40.createElement)("button", {
key: option.value,
type: "button",
"aria-pressed": option.value === current,
@@ -18806,56 +17008,56 @@ diff --git a/client.js b/client.js
const state = useBrowserTabs((map) => map[bot.id] ?? EMPTY_TABS);
const pages = useBrowserPages((map) => map);
- (0, import_react31.useEffect)(() => {
-+ (0, import_react39.useEffect)(() => {
++ (0, import_react40.useEffect)(() => {
actions.browserEnsure?.(bot.id);
}, [bot.id]);
if (roster.browser !== true || !actions.browserShow) {
- return (0, import_react31.createElement)("div", { className: "bt-muted" }, t("The browser is in the DSH Desktop app."));
-+ return (0, import_react39.createElement)("div", { className: "bt-muted" }, t("The browser is in the DSH Desktop app."));
++ return (0, import_react40.createElement)("div", { className: "bt-muted" }, t("The browser is in the DSH Desktop app."));
}
if (state.ids.length === 0) {
- return (0, import_react31.createElement)(
-+ return (0, import_react39.createElement)(
++ return (0, import_react40.createElement)(
"div",
{ className: "bt-browser-empty-mark" },
- (0, import_react31.createElement)(BotMark, { bot, size: 40, state: "idle", live: true }),
- (0, import_react31.createElement)("div", { className: "bt-browser-empty-title" }, t("{name}'s browser", { name: bot.name })),
- (0, import_react31.createElement)("div", { className: "bt-muted" }, t("Open a page here and {name} can read it with you. Logins and cookies stay with {name}; other Bots never see them.", { name: bot.name })),
- (0, import_react31.createElement)("button", { type: "button", className: "bt-browser-retry", onClick: () => actions.openBrowser(sessionId) }, t("Open browser"))
-+ (0, import_react39.createElement)(BotMark, { bot, size: 40, state: "idle", live: true }),
-+ (0, import_react39.createElement)("div", { className: "bt-browser-empty-title" }, t("{name}'s browser", { name: bot.name })),
-+ (0, import_react39.createElement)("div", { className: "bt-muted" }, t("Open a page here and {name} can read it with you. Logins and cookies stay with {name}; other Bots never see them.", { name: bot.name })),
-+ (0, import_react39.createElement)("button", { type: "button", className: "bt-browser-retry", onClick: () => actions.openBrowser(sessionId) }, t("Open browser"))
++ (0, import_react40.createElement)(BotMark, { bot, size: 40, state: "idle", live: true }),
++ (0, import_react40.createElement)("div", { className: "bt-browser-empty-title" }, t("{name}'s browser", { name: bot.name })),
++ (0, import_react40.createElement)("div", { className: "bt-muted" }, t("Open a page here and {name} can read it with you. Logins and cookies stay with {name}; other Bots never see them.", { name: bot.name })),
++ (0, import_react40.createElement)("button", { type: "button", className: "bt-browser-retry", onClick: () => actions.openBrowser(sessionId) }, t("Open browser"))
);
}
- return (0, import_react31.createElement)(
-+ return (0, import_react39.createElement)(
++ return (0, import_react40.createElement)(
"div",
{ className: "bt-bcards" },
state.ids.map((tabId, index) => {
const page = pages[tabId] ?? {};
const label = page.title || shortUrl(page.url) || t("New tab");
- return (0, import_react31.createElement)(
-+ return (0, import_react39.createElement)(
++ return (0, import_react40.createElement)(
"div",
{ key: tabId, className: "bt-bcard", "data-active": state.active === tabId || void 0, style: { animationDelay: `${index * 30}ms` } },
- (0, import_react31.createElement)(
-+ (0, import_react39.createElement)(
++ (0, import_react40.createElement)(
"button",
{ type: "button", className: "bt-bcard-shot", "aria-label": t("Open {title}", { title: label }), title: page.url, onClick: () => actions.browserPick(sessionId, tabId) },
- page.excerpt ? (0, import_react31.createElement)(
-+ page.excerpt ? (0, import_react39.createElement)(
++ page.excerpt ? (0, import_react40.createElement)(
"span",
{ className: "bt-bcard-preview" },
- (0, import_react31.createElement)("span", { className: "bt-bcard-ptitle" }, label),
- (0, import_react31.createElement)("span", { className: "bt-bcard-excerpt" }, page.excerpt)
- ) : (0, import_react31.createElement)("span", { className: "bt-bcard-blank" }, (0, import_react31.createElement)(GlobeIcon), (0, import_react31.createElement)("span", null, label))
-+ (0, import_react39.createElement)("span", { className: "bt-bcard-ptitle" }, label),
-+ (0, import_react39.createElement)("span", { className: "bt-bcard-excerpt" }, page.excerpt)
-+ ) : (0, import_react39.createElement)("span", { className: "bt-bcard-blank" }, (0, import_react39.createElement)(GlobeIcon), (0, import_react39.createElement)("span", null, label))
++ (0, import_react40.createElement)("span", { className: "bt-bcard-ptitle" }, label),
++ (0, import_react40.createElement)("span", { className: "bt-bcard-excerpt" }, page.excerpt)
++ ) : (0, import_react40.createElement)("span", { className: "bt-bcard-blank" }, (0, import_react40.createElement)(GlobeIcon), (0, import_react40.createElement)("span", null, label))
),
- (0, import_react31.createElement)("button", {
-+ (0, import_react39.createElement)("button", {
++ (0, import_react40.createElement)("button", {
type: "button",
className: "bt-bcard-x",
"aria-label": t("Close tab"),
@@ -18864,43 +17066,43 @@ diff --git a/client.js b/client.js
}
}, "×"),
- (0, import_react31.createElement)(
-+ (0, import_react39.createElement)(
++ (0, import_react40.createElement)(
"div",
{ className: "bt-bcard-row" },
- (0, import_react31.createElement)(Favicon, { src: page.favicon, className: "bt-bcard-fav" }),
- (0, import_react31.createElement)("span", { className: "bt-bcard-title" }, label),
- page.url ? (0, import_react31.createElement)("span", { className: "bt-bcard-host" }, hostOf(page.url)) : null
-+ (0, import_react39.createElement)(Favicon, { src: page.favicon, className: "bt-bcard-fav" }),
-+ (0, import_react39.createElement)("span", { className: "bt-bcard-title" }, label),
-+ page.url ? (0, import_react39.createElement)("span", { className: "bt-bcard-host" }, hostOf(page.url)) : null
++ (0, import_react40.createElement)(Favicon, { src: page.favicon, className: "bt-bcard-fav" }),
++ (0, import_react40.createElement)("span", { className: "bt-bcard-title" }, label),
++ page.url ? (0, import_react40.createElement)("span", { className: "bt-bcard-host" }, hostOf(page.url)) : null
)
);
}),
- (0, import_react31.createElement)("button", { type: "button", className: "bt-bcard-new", style: { animationDelay: `${state.ids.length * 30}ms` }, onClick: () => actions.browserNewTab(sessionId) }, (0, import_react31.createElement)(PlusIcon), t("New tab"))
-+ (0, import_react39.createElement)("button", { type: "button", className: "bt-bcard-new", style: { animationDelay: `${state.ids.length * 30}ms` }, onClick: () => actions.browserNewTab(sessionId) }, (0, import_react39.createElement)(PlusIcon), t("New tab"))
++ (0, import_react40.createElement)("button", { type: "button", className: "bt-bcard-new", style: { animationDelay: `${state.ids.length * 30}ms` }, onClick: () => actions.browserNewTab(sessionId) }, (0, import_react40.createElement)(PlusIcon), t("New tab"))
);
}
function About({ text, title = "About" }) {
- const [open, setOpen] = (0, import_react31.useState)(false);
-+ const [open, setOpen] = (0, import_react39.useState)(false);
++ const [open, setOpen] = (0, import_react40.useState)(false);
const long = text.split("\n").length > 5 || text.length > 240;
- const body = (0, import_react31.useRef)(null);
-+ const body = (0, import_react39.useRef)(null);
++ const body = (0, import_react40.useRef)(null);
useMorph(body, open);
- return (0, import_react31.createElement)(
-+ return (0, import_react39.createElement)(
++ return (0, import_react40.createElement)(
+ "div",
+ null,
-+ (0, import_react39.createElement)("div", { className: "bt-section-title" }, t(title)),
-+ (0, import_react39.createElement)("div", { ref: body, className: "bt-about", "data-open": open || void 0 }, text),
-+ long ? (0, import_react39.createElement)("button", { type: "button", className: "bt-more", onClick: () => setOpen((value) => !value) }, open ? t("Show less") : t("Show more")) : null
++ (0, import_react40.createElement)("div", { className: "bt-section-title" }, t(title)),
++ (0, import_react40.createElement)("div", { ref: body, className: "bt-about", "data-open": open || void 0 }, text),
++ long ? (0, import_react40.createElement)("button", { type: "button", className: "bt-more", onClick: () => setOpen((value) => !value) }, open ? t("Show less") : t("Show more")) : null
+ );
+}
+function SharedRoomApprovals({ room: room2 }) {
-+ const [items, setItems] = (0, import_react39.useState)(room2.pendingApprovals ?? []);
-+ const [busy, setBusy] = (0, import_react39.useState)("");
++ const [items, setItems] = (0, import_react40.useState)(room2.pendingApprovals ?? []);
++ const [busy, setBusy] = (0, import_react40.useState)("");
+ const face = room2.origin === "face-to-face";
-+ (0, import_react39.useEffect)(() => {
++ (0, import_react40.useEffect)(() => {
+ const haveItems = Array.isArray(room2.pendingApprovals) && room2.pendingApprovals.length;
+ if (haveItems) setItems(room2.pendingApprovals);
+ if (room2.viewerRole !== "invited-owner" && !face) return void 0;
@@ -18926,31 +17128,31 @@ diff --git a/client.js b/client.js
+ setBusy("");
+ }
+ };
-+ return (0, import_react39.createElement)(
++ return (0, import_react40.createElement)(
+ "div",
+ { key: "approvals", className: "bt-shared-wait", "data-flybot": "room-pending-approvals" },
-+ (0, import_react39.createElement)("div", { className: "bt-section-title" }, t("Waiting for your approval"), (0, import_react39.createElement)("span", { className: "bt-chip" }, t("{count} to approve", { count: items.length }))),
-+ items.map((item) => (0, import_react39.createElement)(
++ (0, import_react40.createElement)("div", { className: "bt-section-title" }, t("Waiting for your approval"), (0, import_react40.createElement)("span", { className: "bt-chip" }, t("{count} to approve", { count: items.length }))),
++ items.map((item) => (0, import_react40.createElement)(
+ "div",
+ { key: item.id, className: "bt-set-row" },
-+ (0, import_react39.createElement)("span", { className: "bt-set-copy" }, item.text || item.summary || item.to || t("Outbound reply")),
-+ (0, import_react39.createElement)("button", { type: "button", className: "bt-mini", disabled: busy === item.id, onClick: () => decide(item, "approve") }, t("Approve")),
-+ (0, import_react39.createElement)("button", { type: "button", className: "bt-mini", disabled: busy === item.id, onClick: () => decide(item, "reject") }, t("Reject"))
++ (0, import_react40.createElement)("span", { className: "bt-set-copy" }, item.text || item.summary || item.to || t("Outbound reply")),
++ (0, import_react40.createElement)("button", { type: "button", className: "bt-mini", disabled: busy === item.id, onClick: () => decide(item, "approve") }, t("Approve")),
++ (0, import_react40.createElement)("button", { type: "button", className: "bt-mini", disabled: busy === item.id, onClick: () => decide(item, "reject") }, t("Reject"))
+ ))
+ );
+}
+function FaceMembers({ room: room2, roster, actions }) {
+ const people2 = facePeople(room2, roster);
+ const pick2 = (bot) => call("social/face-lead", { roomId: room2.id, bot });
-+ return (0, import_react39.createElement)(
++ return (0, import_react40.createElement)(
"div",
null,
- (0, import_react31.createElement)("div", { className: "bt-section-title" }, t(title)),
- (0, import_react31.createElement)("div", { ref: body, className: "bt-about", "data-open": open || void 0 }, text),
- long ? (0, import_react31.createElement)("button", { type: "button", className: "bt-more", onClick: () => setOpen((value) => !value) }, open ? t("Show less") : t("Show more")) : null
-+ (0, import_react39.createElement)(FaceLead, { room: room2, roster, pick: pick2 }),
-+ (0, import_react39.createElement)("div", { className: "bt-section-title" }, t("Members · {count}", { count: people2.length })),
-+ (0, import_react39.createElement)("div", { className: "bt-members", role: "list" }, people2.map((person) => (0, import_react39.createElement)(FacePersonRow, {
++ (0, import_react40.createElement)(FaceLead, { room: room2, roster, pick: pick2 }),
++ (0, import_react40.createElement)("div", { className: "bt-section-title" }, t("Members · {count}", { count: people2.length })),
++ (0, import_react40.createElement)("div", { className: "bt-members", role: "list" }, people2.map((person) => (0, import_react40.createElement)(FacePersonRow, {
+ key: person.key,
+ person,
+ roster,
@@ -18976,31 +17178,31 @@ diff --git a/client.js b/client.js
return [
- room2.notice ? (0, import_react31.createElement)(About, { key: "notice", title: "Notice", text: room2.notice }) : (0, import_react31.createElement)("button", { key: "notice", type: "button", className: "bt-more", onClick: openSettings }, t("Add a notice in group settings")),
- (0, import_react31.createElement)(
-+ (0, import_react39.createElement)(FlyBotRoomOverview, { key: "plugin-overview", room: room2, roster, actions }),
-+ invited && room2.sharedFrom && !face ? (0, import_react39.createElement)(
++ (0, import_react40.createElement)(FlyBotRoomOverview, { key: "plugin-overview", room: room2, roster, actions }),
++ invited && room2.sharedFrom && !face ? (0, import_react40.createElement)(
+ "div",
+ { key: "from", className: "bt-shared-from" },
-+ (0, import_react39.createElement)("div", { className: "bt-section-title" }, title),
-+ (0, import_react39.createElement)("div", { className: "bt-set-hint" }, t("Your Bot was invited to this room by {name}", { name: room2.sharedFrom.inviterName })),
-+ room2.sharedFrom.invitedAt ? (0, import_react39.createElement)("div", { className: "bt-set-hint" }, t("Invited {when}", { when: new Date(room2.sharedFrom.invitedAt).toLocaleString() })) : null,
-+ (0, import_react39.createElement)("button", { type: "button", className: "bt-more", onClick: leaveMine }, t("Remove my Bot"))
-+ ) : face ? null : room2.notice ? (0, import_react39.createElement)(About, { key: "notice", title: "Notice", text: room2.notice }) : (0, import_react39.createElement)("button", { key: "notice", type: "button", className: "bt-more", onClick: openSettings }, t("Add a notice in group settings")),
-+ face ? null : (0, import_react39.createElement)(SharedRoomApprovals, { key: "approvals", room: room2 }),
-+ face && (room2.face?.status === "candidate" || room2.face?.status === "joining") ? null : face ? (0, import_react39.createElement)(FaceMembers, { key: "members", room: room2, roster, actions }) : (0, import_react39.createElement)(
++ (0, import_react40.createElement)("div", { className: "bt-section-title" }, title),
++ (0, import_react40.createElement)("div", { className: "bt-set-hint" }, t("Your Bot was invited to this room by {name}", { name: room2.sharedFrom.inviterName })),
++ room2.sharedFrom.invitedAt ? (0, import_react40.createElement)("div", { className: "bt-set-hint" }, t("Invited {when}", { when: new Date(room2.sharedFrom.invitedAt).toLocaleString() })) : null,
++ (0, import_react40.createElement)("button", { type: "button", className: "bt-more", onClick: leaveMine }, t("Remove my Bot"))
++ ) : face ? null : room2.notice ? (0, import_react40.createElement)(About, { key: "notice", title: "Notice", text: room2.notice }) : (0, import_react40.createElement)("button", { key: "notice", type: "button", className: "bt-more", onClick: openSettings }, t("Add a notice in group settings")),
++ face ? null : (0, import_react40.createElement)(SharedRoomApprovals, { key: "approvals", room: room2 }),
++ face && (room2.face?.status === "candidate" || room2.face?.status === "joining") ? null : face ? (0, import_react40.createElement)(FaceMembers, { key: "members", room: room2, roster, actions }) : (0, import_react40.createElement)(
"div",
{ key: "members" },
- (0, import_react31.createElement)("div", { className: "bt-section-title" }, t("Members · {count}", { count: members.length })),
- (0, import_react31.createElement)("div", { className: "bt-members", role: "list" }, members.map((member) => {
- const entry = entries2.find((item) => item.id === member.id);
- return (0, import_react31.createElement)(
-+ (0, import_react39.createElement)("div", { className: "bt-section-title" }, t("Members · {count}", { count: members.length + humans.length + remotes.length })),
-+ (0, import_react39.createElement)("div", { className: "bt-members", role: "list" }, [
-+ ...humans.map((person) => (0, import_react39.createElement)(
++ (0, import_react40.createElement)("div", { className: "bt-section-title" }, t("Members · {count}", { count: members.length + humans.length + remotes.length })),
++ (0, import_react40.createElement)("div", { className: "bt-members", role: "list" }, [
++ ...humans.map((person) => (0, import_react40.createElement)(
"div",
- { key: member.id, role: "listitem" },
- (0, import_react31.createElement)(
+ { key: person.id, role: "listitem" },
-+ (0, import_react39.createElement)(
++ (0, import_react40.createElement)(
"div",
{ className: "bt-member" },
- (0, import_react31.createElement)(
@@ -19008,70 +17210,70 @@ diff --git a/client.js b/client.js
- { type: "button", className: "bt-member-name", title: t("Open {name}'s chat", { name: member.name }), onClick: () => actions.openSession(member.id) },
- (0, import_react31.createElement)(BotAvatar, { bot: member, size: 26, main: isMainOf(roster, member.id), admin: room2.admin === member.id, live: false }),
- (0, import_react31.createElement)("span", null, member.name)
-+ (0, import_react39.createElement)("span", { className: "bt-member-name" }, (0, import_react39.createElement)("span", null, person.displayName || person.id)),
-+ (0, import_react39.createElement)("span", { className: "bt-chip" }, t("Human")),
-+ person.role === "admin" ? (0, import_react39.createElement)("span", { className: "bt-chip bt-chip-admin" }, t("Admin")) : null
++ (0, import_react40.createElement)("span", { className: "bt-member-name" }, (0, import_react40.createElement)("span", null, person.displayName || person.id)),
++ (0, import_react40.createElement)("span", { className: "bt-chip" }, t("Human")),
++ person.role === "admin" ? (0, import_react40.createElement)("span", { className: "bt-chip bt-chip-admin" }, t("Admin")) : null
+ )
+ )),
-+ ...remotes.map((person) => (0, import_react39.createElement)(
++ ...remotes.map((person) => (0, import_react40.createElement)(
+ "div",
+ { key: person.handle || person.id, role: "listitem" },
-+ (0, import_react39.createElement)(
++ (0, import_react40.createElement)(
+ "div",
+ { className: "bt-member" },
-+ (0, import_react39.createElement)(
++ (0, import_react40.createElement)(
+ "span",
+ { className: "bt-member-name" },
-+ (0, import_react39.createElement)(BotAvatar, { bot: lookBotForRemote(person, roster), size: 26, badge: false, live: false }),
-+ (0, import_react39.createElement)("span", { title: person.handle || void 0 }, person.label || remoteBotTitle(person))
++ (0, import_react40.createElement)(BotAvatar, { bot: lookBotForRemote(person, roster), size: 26, badge: false, live: false }),
++ (0, import_react40.createElement)("span", { title: person.handle || void 0 }, person.label || remoteBotTitle(person))
),
- room2.admin === member.id ? (0, import_react31.createElement)("span", { className: "bt-chip bt-chip-admin" }, t("Admin")) : null
- ),
- entry ? (0, import_react31.createElement)(MemberWork, { entry, bot: member, room: room2, roster, actions, now }) : null
- );
- }))
-+ face ? null : (0, import_react39.createElement)("span", { className: "bt-chip" }, t("Friend's Bot"))
++ face ? null : (0, import_react40.createElement)("span", { className: "bt-chip" }, t("Friend's Bot"))
+ )
+ )),
+ ...members.map((member) => {
+ const entry = entries2.find((item) => item.id === member.id);
-+ return (0, import_react39.createElement)(
++ return (0, import_react40.createElement)(
+ "div",
+ { key: member.id, role: "listitem" },
-+ (0, import_react39.createElement)(
++ (0, import_react40.createElement)(
+ "div",
+ { className: "bt-member" },
-+ (0, import_react39.createElement)(
++ (0, import_react40.createElement)(
+ "button",
+ { type: "button", className: "bt-member-name", title: t("Open {name}'s chat", { name: member.name }), onClick: () => actions.openSession(member.id) },
-+ (0, import_react39.createElement)(BotAvatar, { bot: member, size: 26, main: isMainOf(roster, member.id), admin: room2.admin === member.id, live: false }),
-+ (0, import_react39.createElement)("span", null, member.name)
++ (0, import_react40.createElement)(BotAvatar, { bot: member, size: 26, main: isMainOf(roster, member.id), admin: room2.admin === member.id, live: false }),
++ (0, import_react40.createElement)("span", null, member.name)
+ ),
-+ room2.admin === member.id ? (0, import_react39.createElement)("span", { className: "bt-chip bt-chip-admin" }, t("Admin")) : null
++ room2.admin === member.id ? (0, import_react40.createElement)("span", { className: "bt-chip bt-chip-admin" }, t("Admin")) : null
+ ),
-+ entry ? (0, import_react39.createElement)(MemberWork, { entry, bot: member, room: room2, roster, actions, now }) : null
++ entry ? (0, import_react40.createElement)(MemberWork, { entry, bot: member, room: room2, roster, actions, now }) : null
+ );
+ })
+ ])
),
- (0, import_react31.createElement)(
-+ face ? null : (0, import_react39.createElement)(
++ face ? null : (0, import_react40.createElement)(
"div",
{ key: "mode" },
- (0, import_react31.createElement)("div", { className: "bt-section-title" }, t("Who answers")),
- (0, import_react31.createElement)("div", { className: "bt-kv" }, (0, import_react31.createElement)("span", null, t(ROOM_MODES.find(([id]) => id === shownMode(room2, roster))?.[1] ?? "Everyone")))
-+ (0, import_react39.createElement)("div", { className: "bt-section-title" }, t("Who answers")),
-+ (0, import_react39.createElement)("div", { className: "bt-kv" }, (0, import_react39.createElement)("span", null, t(ROOM_MODES.find(([id]) => id === shownMode(room2, roster))?.[1] ?? "Everyone")))
++ (0, import_react40.createElement)("div", { className: "bt-section-title" }, t("Who answers")),
++ (0, import_react40.createElement)("div", { className: "bt-kv" }, (0, import_react40.createElement)("span", null, t(ROOM_MODES.find(([id]) => id === shownMode(room2, roster))?.[1] ?? "Everyone")))
),
- usage ? (0, import_react31.createElement)(
-+ face || !usage ? null : (0, import_react39.createElement)(
++ face || !usage ? null : (0, import_react40.createElement)(
"div",
{ key: "usage" },
- (0, import_react31.createElement)("div", { className: "bt-section-title" }, t("Usage")),
- (0, import_react31.createElement)("div", { className: "bt-kv" }, (0, import_react31.createElement)("span", null, room2.name), (0, import_react31.createElement)("span", null, usage))
- ) : null
-+ (0, import_react39.createElement)("div", { className: "bt-section-title" }, t("Usage")),
-+ (0, import_react39.createElement)("div", { className: "bt-kv" }, (0, import_react39.createElement)("span", null, room2.name), (0, import_react39.createElement)("span", null, usage))
++ (0, import_react40.createElement)("div", { className: "bt-section-title" }, t("Usage")),
++ (0, import_react40.createElement)("div", { className: "bt-kv" }, (0, import_react40.createElement)("span", null, room2.name), (0, import_react40.createElement)("span", null, usage))
+ )
];
}
@@ -19080,21 +17282,21 @@ diff --git a/client.js b/client.js
const part = owner ? currentPart(owner) : sessionId;
const isMainBot = isMainOf(roster, owner?.id);
- const [tab, setTab] = (0, import_react31.useState)("details");
-+ const [tab, setTab] = (0, import_react39.useState)("details");
++ const [tab, setTab] = (0, import_react40.useState)("details");
const room2 = roster.roomsById[sessionId];
- const [view, setView] = (0, import_react31.useState)(startTab === "settings" && (owner || room2) ? "settings" : "overview");
- const [editing, setEditing] = (0, import_react31.useState)(Boolean(startRenaming && (roster.byId[sessionId] || roster.roomsById[sessionId])));
- const [draftName, setDraftName] = (0, import_react31.useState)(roster.byId[sessionId]?.name ?? (roster.roomsById[sessionId]?.named ? roster.roomsById[sessionId].name : ""));
- const [copied, setCopied] = (0, import_react31.useState)(false);
- const [error, setError] = (0, import_react31.useState)("");
-+ const [view, setView] = (0, import_react39.useState)(startTab === "settings" && (owner || room2) ? "settings" : "overview");
-+ const [editing, setEditing] = (0, import_react39.useState)(Boolean(startRenaming && (roster.byId[sessionId] || roster.roomsById[sessionId])));
-+ const [draftName, setDraftName] = (0, import_react39.useState)(roster.byId[sessionId]?.name ?? (roster.roomsById[sessionId]?.named ? roster.roomsById[sessionId].name : ""));
-+ const [copied, setCopied] = (0, import_react39.useState)(false);
-+ const [error, setError] = (0, import_react39.useState)("");
++ const [view, setView] = (0, import_react40.useState)(startTab === "settings" && (owner || room2) ? "settings" : "overview");
++ const [editing, setEditing] = (0, import_react40.useState)(Boolean(startRenaming && (roster.byId[sessionId] || roster.roomsById[sessionId])));
++ const [draftName, setDraftName] = (0, import_react40.useState)(roster.byId[sessionId]?.name ?? (roster.roomsById[sessionId]?.named ? roster.roomsById[sessionId].name : ""));
++ const [copied, setCopied] = (0, import_react40.useState)(false);
++ const [error, setError] = (0, import_react40.useState)("");
const glide = useGlide(tab);
- const last = (0, import_react31.useRef)({ view, tab, move: void 0 });
-+ const last = (0, import_react39.useRef)({ view, tab, move: void 0 });
++ const last = (0, import_react40.useRef)({ view, tab, move: void 0 });
if (last.current.view !== view) last.current = { view, tab, move: view === "settings" ? "in" : "out" };
else if (last.current.tab !== tab) last.current = { view, tab, move: "tab" };
const move = last.current.move;
@@ -19104,56 +17306,56 @@ diff --git a/client.js b/client.js
};
- const errorLine = error ? (0, import_react31.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null;
- if ((bot || room2) && view === "settings") {
-+ const errorLine = error ? (0, import_react39.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null;
++ const errorLine = error ? (0, import_react40.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null;
+ if ((bot || room2) && view === "settings" && !bot?.remote) {
return [
- (0, import_react31.createElement)(
-+ (0, import_react39.createElement)(
++ (0, import_react40.createElement)(
"div",
{ key: "head", className: "bt-subhead", "data-move": move },
- (0, import_react31.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to details"), onClick: () => setView("overview") }, (0, import_react31.createElement)(ChevronLeftIcon)),
- (0, import_react31.createElement)("span", { className: "bt-subhead-title" }, bot ? t("Settings") : t("Group settings")),
- hasStrip ? null : (0, import_react31.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close details"), onClick: close }, (0, import_react31.createElement)(CloseIcon))
-+ (0, import_react39.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to details"), onClick: () => setView("overview") }, (0, import_react39.createElement)(ChevronLeftIcon)),
-+ (0, import_react39.createElement)("span", { className: "bt-subhead-title" }, bot ? t("Settings") : t("Group settings")),
-+ hasStrip ? null : (0, import_react39.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close details"), onClick: close }, (0, import_react39.createElement)(CloseIcon))
++ (0, import_react40.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to details"), onClick: () => setView("overview") }, (0, import_react40.createElement)(ChevronLeftIcon)),
++ (0, import_react40.createElement)("span", { className: "bt-subhead-title" }, bot ? t("Settings") : t("Group settings")),
++ hasStrip ? null : (0, import_react40.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close details"), onClick: close }, (0, import_react40.createElement)(CloseIcon))
),
- (0, import_react31.createElement)(
-+ (0, import_react39.createElement)(
++ (0, import_react40.createElement)(
"div",
{ key: "set-body", className: "bt-drawer-body bt-set-body", "data-move": move },
errorLine,
- bot ? (0, import_react31.createElement)(BotSettingsForm, { bot, roster, actions, run }) : (0, import_react31.createElement)(GroupSettingsForm, { room: room2, roster, actions, run, onDeleted: close })
-+ bot ? (0, import_react39.createElement)(BotSettingsForm, { bot, roster, actions, run }) : (0, import_react39.createElement)(GroupSettingsForm, { room: room2, roster, actions, run, onDeleted: close })
++ bot ? (0, import_react40.createElement)(BotSettingsForm, { bot, roster, actions, run }) : (0, import_react40.createElement)(GroupSettingsForm, { room: room2, roster, actions, run, onDeleted: close })
)
];
}
- const top = (0, import_react31.createElement)(
-+ const top = (0, import_react39.createElement)(
++ const top = (0, import_react40.createElement)(
"div",
{ className: "bt-drawer-top", "data-move": side },
- bot || room2 ? (0, import_react31.createElement)("button", { type: "button", className: "bt-round", "aria-label": bot ? t("Edit Bot") : t("Group settings"), title: bot ? t("Edit Bot") : t("Group settings"), "data-info-row": "settings", onClick: () => setView("settings") }, (0, import_react31.createElement)(GearIcon)) : null,
- bot && roster.browser === true && actions.openBrowser ? (0, import_react31.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Open browser"), title: t("Open this Bot's browser"), onClick: () => actions.openBrowser(sessionId) }, (0, import_react31.createElement)(GlobeIcon)) : null,
- bot || room2 ? (0, import_react31.createElement)("button", { type: "button", className: "bt-round", "aria-label": copied ? t("Copied conversation") : t("Share conversation"), title: copied ? t("Copied") : t("Copy conversation as Markdown"), onClick: share }, copied ? (0, import_react31.createElement)("span", { key: "copied", className: "bt-pop-in" }, "✓") : (0, import_react31.createElement)(ShareIcon)) : null,
- hasStrip ? null : (0, import_react31.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Close details"), onClick: close }, (0, import_react31.createElement)(CloseIcon))
-+ bot || room2 ? (0, import_react39.createElement)("button", {
++ bot || room2 ? (0, import_react40.createElement)("button", {
+ type: "button",
+ className: "bt-round",
+ "aria-label": bot ? bot.remote ? t("Bot settings") : t("Edit Bot") : t("Group settings"),
+ title: bot ? bot.remote ? t("Bot settings") : t("Edit Bot") : t("Group settings"),
+ "data-info-row": "settings",
+ onClick: () => bot?.remote ? actions.openSettings("bots", bot.id) : setView("settings")
-+ }, (0, import_react39.createElement)(GearIcon)) : null,
-+ bot && !bot.remote && roster.browser === true && actions.openBrowser ? (0, import_react39.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Open browser"), title: t("Open this Bot's browser"), onClick: () => actions.openBrowser(sessionId) }, (0, import_react39.createElement)(GlobeIcon)) : null,
-+ bot || room2 ? (0, import_react39.createElement)("button", { type: "button", className: "bt-round", "aria-label": copied ? t("Copied conversation") : t("Share conversation"), title: copied ? t("Copied") : t("Copy conversation as Markdown"), onClick: share }, copied ? (0, import_react39.createElement)("span", { key: "copied", className: "bt-pop-in" }, "✓") : (0, import_react39.createElement)(ShareIcon)) : null,
-+ hasStrip ? null : (0, import_react39.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Close details"), onClick: close }, (0, import_react39.createElement)(CloseIcon))
++ }, (0, import_react40.createElement)(GearIcon)) : null,
++ bot && !bot.remote && roster.browser === true && actions.openBrowser ? (0, import_react40.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Open browser"), title: t("Open this Bot's browser"), onClick: () => actions.openBrowser(sessionId) }, (0, import_react40.createElement)(GlobeIcon)) : null,
++ bot || room2 ? (0, import_react40.createElement)("button", { type: "button", className: "bt-round", "aria-label": copied ? t("Copied conversation") : t("Share conversation"), title: copied ? t("Copied") : t("Copy conversation as Markdown"), onClick: share }, copied ? (0, import_react40.createElement)("span", { key: "copied", className: "bt-pop-in" }, "✓") : (0, import_react40.createElement)(ShareIcon)) : null,
++ hasStrip ? null : (0, import_react40.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Close details"), onClick: close }, (0, import_react40.createElement)(CloseIcon))
);
if (!bot && !room2) {
return [
- (0, import_react31.createElement)(import_react31.Fragment, { key: "top" }, top),
- (0, import_react31.createElement)("div", { key: "body", className: "bt-drawer-body" }, (0, import_react31.createElement)("div", { className: "bt-muted" }, t("This conversation is not part of your Bot team.")))
-+ (0, import_react39.createElement)(import_react39.Fragment, { key: "top" }, top),
-+ (0, import_react39.createElement)("div", { key: "body", className: "bt-drawer-body" }, (0, import_react39.createElement)("div", { className: "bt-muted" }, t("This conversation is not part of your Bot team.")))
++ (0, import_react40.createElement)(import_react40.Fragment, { key: "top" }, top),
++ (0, import_react40.createElement)("div", { key: "body", className: "bt-drawer-body" }, (0, import_react40.createElement)("div", { className: "bt-muted" }, t("This conversation is not part of your Bot team.")))
];
}
const current = bot?.name ?? room2.name;
@@ -19163,14 +17365,14 @@ diff --git a/client.js b/client.js
return [
- (0, import_react31.createElement)(import_react31.Fragment, { key: "top" }, top),
- (0, import_react31.createElement)(
-+ (0, import_react39.createElement)(import_react39.Fragment, { key: "top" }, top),
-+ (0, import_react39.createElement)(
++ (0, import_react40.createElement)(import_react40.Fragment, { key: "top" }, top),
++ (0, import_react40.createElement)(
"div",
{ key: "id", className: "bt-drawer-id", "data-move": side },
- bot ? (0, import_react31.createElement)(BotAvatar, { bot, size: 64, state: botState(running, doing, roster.questions?.[part] !== void 0), main: isMainBot, badge: false, gaze: true, pokeable: true }) : (0, import_react31.createElement)(RoomAvatar, { room: room2, roster, size: 64 }),
- editing ? (0, import_react31.createElement)("input", {
-+ bot ? (0, import_react39.createElement)(BotAvatar, { bot, size: 64, state: botState(running, doing, roster.questions?.[part] !== void 0), main: isMainBot, badge: false, gaze: true, pokeable: true }) : (0, import_react39.createElement)(RoomAvatar, { room: room2, roster, size: 64 }),
-+ bot?.remote ? (0, import_react39.createElement)("div", { className: "bt-drawer-name" }, current) : room2?.origin === "face-to-face" ? (0, import_react39.createElement)("div", { className: "bt-drawer-name bt-drawer-name-face", title: current }, current) : editing ? (0, import_react39.createElement)("input", {
++ bot ? (0, import_react40.createElement)(BotAvatar, { bot, size: 64, state: botState(running, doing, roster.questions?.[part] !== void 0), main: isMainBot, badge: false, gaze: true, pokeable: true }) : (0, import_react40.createElement)(RoomAvatar, { room: room2, roster, size: 64 }),
++ bot?.remote ? (0, import_react40.createElement)("div", { className: "bt-drawer-name" }, current) : room2?.origin === "face-to-face" ? (0, import_react40.createElement)("div", { className: "bt-drawer-name bt-drawer-name-face", title: current }, current) : editing ? (0, import_react40.createElement)("input", {
className: "bt-drawer-name-input",
autoFocus: true,
value: draftName,
@@ -19179,82 +17381,82 @@ diff --git a/client.js b/client.js
}
}
- }) : (0, import_react31.createElement)("button", { type: "button", className: "bt-drawer-name", "aria-label": t("Rename {name}", { name: current }), title: t("Rename"), onClick: () => {
-+ }) : (0, import_react39.createElement)("button", { type: "button", className: "bt-drawer-name", "aria-label": t("Rename {name}", { name: current }), title: t("Rename"), onClick: () => {
++ }) : (0, import_react40.createElement)("button", { type: "button", className: "bt-drawer-name", "aria-label": t("Rename {name}", { name: current }), title: t("Rename"), onClick: () => {
setDraftName(room2 && !room2.named ? "" : current);
setEditing(true);
} }, current),
- subtitle ? (0, import_react31.createElement)("span", { className: "bt-drawer-role" }, subtitle) : null
-+ subtitle ? (0, import_react39.createElement)("span", { className: "bt-drawer-role" }, subtitle) : bot?.remote ? (0, import_react39.createElement)("span", { className: "bt-drawer-role" }, t("Friend's Bot")) : null
++ subtitle ? (0, import_react40.createElement)("span", { className: "bt-drawer-role" }, subtitle) : bot?.remote ? (0, import_react40.createElement)("span", { className: "bt-drawer-role" }, t("Friend's Bot")) : null
),
- (0, import_react31.createElement)(
-+ bot?.remote ? null : (0, import_react39.createElement)(
++ bot?.remote ? null : (0, import_react40.createElement)(
"div",
{ key: "tabs", ref: glide.box, className: "bt-tabs", role: "tablist", "data-move": side },
- (0, import_react31.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
- tabs.map((key) => (0, import_react31.createElement)("button", { key, type: "button", role: "tab", className: "bt-tab", "aria-selected": tab === key, onClick: () => setTab(key) }, t(TAB_LABELS[key])))
-+ (0, import_react39.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
-+ tabs.map((key) => (0, import_react39.createElement)("button", { key, type: "button", role: "tab", className: "bt-tab", "aria-selected": tab === key, onClick: () => setTab(key) }, t(TAB_LABELS[key])))
++ (0, import_react40.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }),
++ tabs.map((key) => (0, import_react40.createElement)("button", { key, type: "button", role: "tab", className: "bt-tab", "aria-selected": tab === key, onClick: () => setTab(key) }, t(TAB_LABELS[key])))
),
- (0, import_react31.createElement)(
-+ (0, import_react39.createElement)(
++ (0, import_react40.createElement)(
"div",
{ key: `body:${tab}`, className: "bt-drawer-body", "data-move": move },
errorLine,
- room2 && tab === "details" ? (0, import_react31.createElement)(GroupOverview, { room: room2, roster, actions, usage, useWork, openSettings: () => setView("settings") }) : null,
- bot && tab === "details" ? [
- (0, import_react31.createElement)(
-+ room2 && tab === "details" ? (0, import_react39.createElement)(GroupOverview, { room: room2, roster, actions, usage, useWork, openSettings: () => setView("settings") }) : null,
++ room2 && tab === "details" ? (0, import_react40.createElement)(GroupOverview, { room: room2, roster, actions, usage, useWork, openSettings: () => setView("settings") }) : null,
+ bot && bot.remote && tab === "details" ? [
-+ bot.remote.handle ? (0, import_react39.createElement)("div", { key: "handle", className: "bt-muted" }, bot.remote.handle) : null,
-+ (0, import_react39.createElement)(FlyBotDetails, { key: "social", bot, roster, actions })
++ bot.remote.handle ? (0, import_react40.createElement)("div", { key: "handle", className: "bt-muted" }, bot.remote.handle) : null,
++ (0, import_react40.createElement)(FlyBotDetails, { key: "social", bot, roster, actions })
+ ] : null,
+ bot && !bot.remote && tab === "details" ? [
-+ (0, import_react39.createElement)(
++ (0, import_react40.createElement)(
"div",
{ key: "model", className: "bt-drawer-model" },
- (0, import_react31.createElement)("div", { className: "bt-section-title" }, t("Model")),
- (0, import_react31.createElement)(ModelMenu, { bot, roster, actions, run, wide: true }),
- modelOf(bot, roster) ? null : (0, import_react31.createElement)("div", { className: "bt-note" }, t("Pick a model and {name} can start.", { name: bot.name }))
-+ (0, import_react39.createElement)("div", { className: "bt-section-title" }, t("Model")),
-+ (0, import_react39.createElement)(ModelMenu, { bot, roster, actions, run, wide: true }),
-+ modelOf(bot, roster) ? null : (0, import_react39.createElement)("div", { className: "bt-note" }, t("Pick a model and {name} can start.", { name: bot.name }))
++ (0, import_react40.createElement)("div", { className: "bt-section-title" }, t("Model")),
++ (0, import_react40.createElement)(ModelMenu, { bot, roster, actions, run, wide: true }),
++ modelOf(bot, roster) ? null : (0, import_react40.createElement)("div", { className: "bt-note" }, t("Pick a model and {name} can start.", { name: bot.name }))
),
- (0, import_react31.createElement)(PermissionRow, { key: "permission", bot, roster, actions, run }),
- (0, import_react31.createElement)(
-+ (0, import_react39.createElement)(PermissionRow, { key: "permission", bot, roster, actions, run }),
-+ (0, import_react39.createElement)(
++ (0, import_react40.createElement)(PermissionRow, { key: "permission", bot, roster, actions, run }),
++ (0, import_react40.createElement)(
"div",
{ key: "folder", className: "bt-drawer-model" },
- (0, import_react31.createElement)("div", { className: "bt-section-title" }, t("Working folder")),
- (0, import_react31.createElement)(FolderMenu, { value: bot.workDir, actions, run, wide: true, onPick: (workDir) => run(actions.updateBot(bot.id, { workDir })) })
-+ (0, import_react39.createElement)("div", { className: "bt-section-title" }, t("Working folder")),
-+ (0, import_react39.createElement)(FolderMenu, { value: bot.workDir, actions, run, wide: true, onPick: (workDir) => run(actions.updateBot(bot.id, { workDir })) })
++ (0, import_react40.createElement)("div", { className: "bt-section-title" }, t("Working folder")),
++ (0, import_react40.createElement)(FolderMenu, { value: bot.workDir, actions, run, wide: true, onPick: (workDir) => run(actions.updateBot(bot.id, { workDir })) })
),
- bot.instructions ? (0, import_react31.createElement)(About, { key: "about", text: bot.instructions }) : (0, import_react31.createElement)("button", { key: "about", type: "button", className: "bt-more", onClick: () => setView("settings") }, t("Add instructions in Bot settings")),
- roster.memory === false ? null : (0, import_react31.createElement)(MemoryRow, { key: "memory", bot, actions }),
- usage ? (0, import_react31.createElement)(
-+ bot.instructions ? (0, import_react39.createElement)(About, { key: "about", text: bot.instructions }) : (0, import_react39.createElement)("button", { key: "about", type: "button", className: "bt-more", onClick: () => setView("settings") }, t("Add instructions in Bot settings")),
-+ roster.memory === false ? null : (0, import_react39.createElement)(MemoryRow, { key: "memory", bot, actions }),
-+ usage ? (0, import_react39.createElement)(
++ bot.instructions ? (0, import_react40.createElement)(About, { key: "about", text: bot.instructions }) : (0, import_react40.createElement)("button", { key: "about", type: "button", className: "bt-more", onClick: () => setView("settings") }, t("Add instructions in Bot settings")),
++ roster.memory === false ? null : (0, import_react40.createElement)(MemoryRow, { key: "memory", bot, actions }),
++ usage ? (0, import_react40.createElement)(
"div",
{ key: "usage" },
- (0, import_react31.createElement)("div", { className: "bt-section-title" }, t("Usage")),
- (0, import_react31.createElement)("div", { className: "bt-kv" }, (0, import_react31.createElement)("span", null, bot.name), (0, import_react31.createElement)("span", null, usage))
-+ (0, import_react39.createElement)("div", { className: "bt-section-title" }, t("Usage")),
-+ (0, import_react39.createElement)("div", { className: "bt-kv" }, (0, import_react39.createElement)("span", null, bot.name), (0, import_react39.createElement)("span", null, usage))
++ (0, import_react40.createElement)("div", { className: "bt-section-title" }, t("Usage")),
++ (0, import_react40.createElement)("div", { className: "bt-kv" }, (0, import_react40.createElement)("span", null, bot.name), (0, import_react40.createElement)("span", null, usage))
) : null,
- (0, import_react31.createElement)(ScheduleSummary, { key: "routines", bot, actions })
-+ (0, import_react39.createElement)(ScheduleSummary, { key: "routines", bot, actions })
++ (0, import_react40.createElement)(ScheduleSummary, { key: "routines", bot, actions })
] : null,
- bot && tab === "browser" ? (0, import_react31.createElement)(BrowserCards, { bot, sessionId, roster, actions, useBrowserTabs, useBrowserPages }) : null
-+ bot && !bot.remote && tab === "browser" ? (0, import_react39.createElement)(BrowserCards, { bot, sessionId, roster, actions, useBrowserTabs, useBrowserPages }) : null
++ bot && !bot.remote && tab === "browser" ? (0, import_react40.createElement)(BrowserCards, { bot, sessionId, roster, actions, useBrowserTabs, useBrowserPages }) : null
)
];
}
// src/client/browser-pane.js
-var import_react32 = require("react");
-+var import_react40 = require("react");
++var import_react41 = require("react");
var import_react_dom8 = require("react-dom");
var PANEL_LINGER_MS = 300;
var WIDTH_KEY = STORAGE.browserWidth;
@@ -19271,11 +17473,11 @@ diff --git a/client.js b/client.js
-var icon = (paths) => function BrowserIcon() {
- return (0, import_react32.createElement)(
+var icon2 = (paths) => function BrowserIcon() {
-+ return (0, import_react40.createElement)(
++ return (0, import_react41.createElement)(
"svg",
{ width: 16, height: 16, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
- paths.map((d, index) => (0, import_react32.createElement)("path", { key: index, d }))
-+ paths.map((d, index) => (0, import_react40.createElement)("path", { key: index, d }))
++ paths.map((d, index) => (0, import_react41.createElement)("path", { key: index, d }))
);
};
-var GlobeIcon = icon(["M10 3a7 7 0 1 0 0 14 7 7 0 0 0 0-14z", "M3 10h14", "M10 3c2 2.2 2.9 4.5 2.9 7S12 14.8 10 17c-2-2.2-2.9-4.5-2.9-7S8 5.2 10 3z"]);
@@ -19298,9 +17500,9 @@ diff --git a/client.js b/client.js
- const [failed, setFailed] = (0, import_react32.useState)(null);
- if (!src || failed === src) return (0, import_react32.createElement)("span", { className: `${className} bt-ptab-globe` }, (0, import_react32.createElement)(GlobeIcon));
- return (0, import_react32.createElement)("img", { className, src, alt: "", "aria-hidden": true, onError: () => setFailed(src) });
-+ const [failed, setFailed] = (0, import_react40.useState)(null);
-+ if (!src || failed === src) return (0, import_react40.createElement)("span", { className: `${className} bt-ptab-globe` }, (0, import_react40.createElement)(GlobeIcon));
-+ return (0, import_react40.createElement)("img", { className, src, alt: "", "aria-hidden": true, onError: () => setFailed(src) });
++ const [failed, setFailed] = (0, import_react41.useState)(null);
++ if (!src || failed === src) return (0, import_react41.createElement)("span", { className: `${className} bt-ptab-globe` }, (0, import_react41.createElement)(GlobeIcon));
++ return (0, import_react41.createElement)("img", { className, src, alt: "", "aria-hidden": true, onError: () => setFailed(src) });
}
var savedWidth = () => {
try {
@@ -19323,11 +17525,11 @@ diff --git a/client.js b/client.js
- const spot = (0, import_react32.useRef)(null);
- const under = (0, import_react32.useRef)(null);
- (0, import_react32.useLayoutEffect)(() => {
-+ const wrap = (0, import_react40.useRef)(null);
-+ const ind = (0, import_react40.useRef)(null);
-+ const spot = (0, import_react40.useRef)(null);
-+ const under = (0, import_react40.useRef)(null);
-+ (0, import_react40.useLayoutEffect)(() => {
++ const wrap = (0, import_react41.useRef)(null);
++ const ind = (0, import_react41.useRef)(null);
++ const spot = (0, import_react41.useRef)(null);
++ const under = (0, import_react41.useRef)(null);
++ (0, import_react41.useLayoutEffect)(() => {
const box = wrap.current;
const capsule = ind.current;
if (!box || !capsule) return void 0;
@@ -19336,7 +17538,7 @@ diff --git a/client.js b/client.js
};
});
- (0, import_react32.useEffect)(() => {
-+ (0, import_react40.useEffect)(() => {
++ (0, import_react41.useEffect)(() => {
const box = wrap.current;
if (!box) return void 0;
const observer = new ResizeObserver(() => {
@@ -19345,15 +17547,15 @@ diff --git a/client.js b/client.js
return () => observer.disconnect();
}, []);
- return (0, import_react32.createElement)(
-+ return (0, import_react40.createElement)(
++ return (0, import_react41.createElement)(
"div",
{ className: "bt-ptabs", role: "tablist", "aria-label": t("Panel tabs") },
- (0, import_react32.createElement)(
-+ (0, import_react40.createElement)(
++ (0, import_react41.createElement)(
"div",
{ className: "bt-ptabs-in", ref: wrap },
- (0, import_react32.createElement)(
-+ (0, import_react40.createElement)(
++ (0, import_react41.createElement)(
"button",
{
type: "button",
@@ -19363,14 +17565,14 @@ diff --git a/client.js b/client.js
},
- (0, import_react32.createElement)(BotMark, { bot, size: 20, state: reading ? "searching" : "idle" }),
- view === "details" ? (0, import_react32.createElement)("span", { className: "bt-ptab-name" }, bot.name) : null
-+ (0, import_react40.createElement)(BotMark, { bot, size: 20, state: reading ? "searching" : "idle" }),
-+ view === "details" ? (0, import_react40.createElement)("span", { className: "bt-ptab-name" }, bot.name) : null
++ (0, import_react41.createElement)(BotMark, { bot, size: 20, state: reading ? "searching" : "idle" }),
++ view === "details" ? (0, import_react41.createElement)("span", { className: "bt-ptab-name" }, bot.name) : null
),
ids.map((tabId) => {
const page = pages[tabId] ?? EMPTY_PAGE;
const on = view === "browser" && tabId === active;
- return (0, import_react32.createElement)(
-+ return (0, import_react40.createElement)(
++ return (0, import_react41.createElement)(
"button",
{
key: tabId,
@@ -19381,9 +17583,9 @@ diff --git a/client.js b/client.js
- (0, import_react32.createElement)(Favicon, { src: page.favicon, className: "bt-ptab-fav" }),
- (0, import_react32.createElement)("span", { className: "bt-ptab-title" }, tabLabel(page)),
- (0, import_react32.createElement)("span", {
-+ (0, import_react40.createElement)(Favicon, { src: page.favicon, className: "bt-ptab-fav" }),
-+ (0, import_react40.createElement)("span", { className: "bt-ptab-title" }, tabLabel(page)),
-+ (0, import_react40.createElement)("span", {
++ (0, import_react41.createElement)(Favicon, { src: page.favicon, className: "bt-ptab-fav" }),
++ (0, import_react41.createElement)("span", { className: "bt-ptab-title" }, tabLabel(page)),
++ (0, import_react41.createElement)("span", {
className: "bt-ptab-x",
role: "button",
"aria-label": t("Close tab"),
@@ -19392,13 +17594,13 @@ diff --git a/client.js b/client.js
);
}),
- (0, import_react32.createElement)("span", { ref: ind, className: "bt-ptab-ind", "aria-hidden": true })
-+ (0, import_react40.createElement)("span", { ref: ind, className: "bt-ptab-ind", "aria-hidden": true })
++ (0, import_react41.createElement)("span", { ref: ind, className: "bt-ptab-ind", "aria-hidden": true })
),
// New tab and Close stay outside the scrolling tabs, so a narrow panel keeps both.
- (0, import_react32.createElement)("button", { type: "button", className: "bt-ptab-new", "aria-label": t("New tab"), title: t("New tab"), onClick: () => actions.browserNewTab(subject) }, (0, import_react32.createElement)(PlusTabIcon)),
- (0, import_react32.createElement)("button", { type: "button", className: "bt-icon-btn bt-ptab-close", "aria-label": t("Close panel"), title: t("Close panel"), onClick: () => actions.closePanel() }, (0, import_react32.createElement)(CloseIcon2))
-+ (0, import_react40.createElement)("button", { type: "button", className: "bt-ptab-new", "aria-label": t("New tab"), title: t("New tab"), onClick: () => actions.browserNewTab(subject) }, (0, import_react40.createElement)(PlusTabIcon)),
-+ (0, import_react40.createElement)("button", { type: "button", className: "bt-icon-btn bt-ptab-close", "aria-label": t("Close panel"), title: t("Close panel"), onClick: () => actions.closePanel() }, (0, import_react40.createElement)(CloseIcon2))
++ (0, import_react41.createElement)("button", { type: "button", className: "bt-ptab-new", "aria-label": t("New tab"), title: t("New tab"), onClick: () => actions.browserNewTab(subject) }, (0, import_react41.createElement)(PlusTabIcon)),
++ (0, import_react41.createElement)("button", { type: "button", className: "bt-icon-btn bt-ptab-close", "aria-label": t("Close panel"), title: t("Close panel"), onClick: () => actions.closePanel() }, (0, import_react41.createElement)(CloseIcon2))
);
}
function BrowserView({ bot, tabId, leaving, landed, actions, useBrowserPages }) {
@@ -19406,12 +17608,12 @@ diff --git a/client.js b/client.js
- const frame = (0, import_react32.useRef)(null);
- const input = (0, import_react32.useRef)(null);
- const [draft, setDraft] = (0, import_react32.useState)(null);
-+ const frame = (0, import_react40.useRef)(null);
-+ const input = (0, import_react40.useRef)(null);
-+ const [draft, setDraft] = (0, import_react40.useState)(null);
++ const frame = (0, import_react41.useRef)(null);
++ const input = (0, import_react41.useRef)(null);
++ const [draft, setDraft] = (0, import_react41.useState)(null);
const showGuest = landed && !leaving && Boolean(page.url) && !page.error;
- (0, import_react32.useLayoutEffect)(() => {
-+ (0, import_react40.useLayoutEffect)(() => {
++ (0, import_react41.useLayoutEffect)(() => {
const element = frame.current;
if (!element || leaving || !tabId) {
void actions.browserShow(null);
@@ -19420,7 +17622,7 @@ diff --git a/client.js b/client.js
};
}, [tabId, showGuest, leaving]);
- (0, import_react32.useEffect)(() => {
-+ (0, import_react40.useEffect)(() => {
++ (0, import_react41.useEffect)(() => {
setDraft(null);
if (landed && !page.url) input.current?.focus();
}, [tabId, landed]);
@@ -19429,19 +17631,19 @@ diff --git a/client.js b/client.js
const editing = draft !== null;
const secure = /^https:/i.test(page.url);
- return (0, import_react32.createElement)(
-+ return (0, import_react40.createElement)(
++ return (0, import_react41.createElement)(
"div",
{ className: "bt-panel-view bt-panel-browser", "aria-label": t("{name}'s browser", { name: bot.name }) },
- (0, import_react32.createElement)(
-+ (0, import_react40.createElement)(
++ (0, import_react41.createElement)(
"div",
{ className: "bt-browser-bar" },
- (0, import_react32.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back"), title: t("Back"), disabled: !page.canGoBack, onClick: () => actions.browserCommand(tabId, "back") }, (0, import_react32.createElement)(BackIcon)),
- (0, import_react32.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Forward"), title: t("Forward"), disabled: !page.canGoForward, onClick: () => actions.browserCommand(tabId, "forward") }, (0, import_react32.createElement)(ForwardIcon)),
- (0, import_react32.createElement)("button", {
-+ (0, import_react40.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back"), title: t("Back"), disabled: !page.canGoBack, onClick: () => actions.browserCommand(tabId, "back") }, (0, import_react40.createElement)(BackIcon)),
-+ (0, import_react40.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Forward"), title: t("Forward"), disabled: !page.canGoForward, onClick: () => actions.browserCommand(tabId, "forward") }, (0, import_react40.createElement)(ForwardIcon)),
-+ (0, import_react40.createElement)("button", {
++ (0, import_react41.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back"), title: t("Back"), disabled: !page.canGoBack, onClick: () => actions.browserCommand(tabId, "back") }, (0, import_react41.createElement)(BackIcon)),
++ (0, import_react41.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Forward"), title: t("Forward"), disabled: !page.canGoForward, onClick: () => actions.browserCommand(tabId, "forward") }, (0, import_react41.createElement)(ForwardIcon)),
++ (0, import_react41.createElement)("button", {
type: "button",
className: "bt-icon-btn",
disabled: !page.url,
@@ -19450,14 +17652,14 @@ diff --git a/client.js b/client.js
onClick: () => actions.browserCommand(tabId, page.loading ? "stop" : "reload")
- }, (0, import_react32.createElement)(page.loading ? StopIcon : ReloadIcon)),
- (0, import_react32.createElement)(
-+ }, (0, import_react40.createElement)(page.loading ? StopIcon : ReloadIcon)),
-+ (0, import_react40.createElement)(
++ }, (0, import_react41.createElement)(page.loading ? StopIcon : ReloadIcon)),
++ (0, import_react41.createElement)(
"form",
{ className: "bt-browser-address", onSubmit: go, "data-editing": editing || void 0 },
- (0, import_react32.createElement)("span", { className: "bt-browser-scheme", "aria-hidden": true }, (0, import_react32.createElement)(secure && !editing ? LockIcon2 : GlobeIcon)),
- (0, import_react32.createElement)("input", {
-+ (0, import_react40.createElement)("span", { className: "bt-browser-scheme", "aria-hidden": true }, (0, import_react40.createElement)(secure && !editing ? LockIcon2 : GlobeIcon)),
-+ (0, import_react40.createElement)("input", {
++ (0, import_react41.createElement)("span", { className: "bt-browser-scheme", "aria-hidden": true }, (0, import_react41.createElement)(secure && !editing ? LockIcon2 : GlobeIcon)),
++ (0, import_react41.createElement)("input", {
ref: input,
type: "text",
spellCheck: false,
@@ -19466,34 +17668,34 @@ diff --git a/client.js b/client.js
})
),
- page.loading ? (0, import_react32.createElement)("span", { className: "bt-browser-progress", "aria-hidden": true }) : null
-+ page.loading ? (0, import_react40.createElement)("span", { className: "bt-browser-progress", "aria-hidden": true }) : null
++ page.loading ? (0, import_react41.createElement)("span", { className: "bt-browser-progress", "aria-hidden": true }) : null
),
- (0, import_react32.createElement)(
-+ (0, import_react40.createElement)(
++ (0, import_react41.createElement)(
"div",
{ ref: frame, className: "bt-browser-frame", "data-guest": showGuest || void 0 },
- page.error ? (0, import_react32.createElement)(
-+ page.error ? (0, import_react40.createElement)(
++ page.error ? (0, import_react41.createElement)(
"div",
{ className: "bt-browser-empty" },
- (0, import_react32.createElement)("div", { className: "bt-browser-empty-title" }, t("This page didn’t load")),
- (0, import_react32.createElement)("div", { className: "bt-browser-empty-text" }, t(page.error)),
- page.url ? (0, import_react32.createElement)("button", { type: "button", className: "bt-browser-retry", onClick: () => {
-+ (0, import_react40.createElement)("div", { className: "bt-browser-empty-title" }, t("This page didn’t load")),
-+ (0, import_react40.createElement)("div", { className: "bt-browser-empty-text" }, t(page.error)),
-+ page.url ? (0, import_react40.createElement)("button", { type: "button", className: "bt-browser-retry", onClick: () => {
++ (0, import_react41.createElement)("div", { className: "bt-browser-empty-title" }, t("This page didn’t load")),
++ (0, import_react41.createElement)("div", { className: "bt-browser-empty-text" }, t(page.error)),
++ page.url ? (0, import_react41.createElement)("button", { type: "button", className: "bt-browser-retry", onClick: () => {
void actions.browserNavigate(tabId, page.url);
} }, t("Try again")) : null
- ) : !page.url ? (0, import_react32.createElement)(
-+ ) : !page.url ? (0, import_react40.createElement)(
++ ) : !page.url ? (0, import_react41.createElement)(
"div",
{ className: "bt-browser-empty" },
- (0, import_react32.createElement)(BotMark, { bot, size: 48, state: "idle", live: true }),
- (0, import_react32.createElement)("div", { className: "bt-browser-empty-title" }, t("{name}'s browser", { name: bot.name })),
- (0, import_react32.createElement)("div", { className: "bt-browser-empty-text" }, t("Open a page here and {name} can read it with you. Logins and cookies stay with {name}; other Bots never see them.", { name: bot.name }))
-+ (0, import_react40.createElement)(BotMark, { bot, size: 48, state: "idle", live: true }),
-+ (0, import_react40.createElement)("div", { className: "bt-browser-empty-title" }, t("{name}'s browser", { name: bot.name })),
-+ (0, import_react40.createElement)("div", { className: "bt-browser-empty-text" }, t("Open a page here and {name} can read it with you. Logins and cookies stay with {name}; other Bots never see them.", { name: bot.name }))
++ (0, import_react41.createElement)(BotMark, { bot, size: 48, state: "idle", live: true }),
++ (0, import_react41.createElement)("div", { className: "bt-browser-empty-title" }, t("{name}'s browser", { name: bot.name })),
++ (0, import_react41.createElement)("div", { className: "bt-browser-empty-text" }, t("Open a page here and {name} can read it with you. Logins and cookies stay with {name}; other Bots never see them.", { name: bot.name }))
) : null
)
);
@@ -19509,36 +17711,36 @@ diff --git a/client.js b/client.js
- const [viewport, setViewport] = (0, import_react32.useState)(() => window.innerWidth);
- const [dragging, setDragging] = (0, import_react32.useState)(false);
- const [resizing, setResizing] = (0, import_react32.useState)(false);
-+ const root = (0, import_react40.useRef)(null);
-+ const fly = (0, import_react40.useRef)(null);
-+ const [landed, setLanded] = (0, import_react40.useState)(false);
-+ const [settling, setSettling] = (0, import_react40.useState)(false);
-+ const [width, setWidth] = (0, import_react40.useState)(savedWidth);
-+ const [viewport, setViewport] = (0, import_react40.useState)(() => window.innerWidth);
-+ const [dragging, setDragging] = (0, import_react40.useState)(false);
-+ const [resizing, setResizing] = (0, import_react40.useState)(false);
++ const root = (0, import_react41.useRef)(null);
++ const fly = (0, import_react41.useRef)(null);
++ const [landed, setLanded] = (0, import_react41.useState)(false);
++ const [settling, setSettling] = (0, import_react41.useState)(false);
++ const [width, setWidth] = (0, import_react41.useState)(savedWidth);
++ const [viewport, setViewport] = (0, import_react41.useState)(() => window.innerWidth);
++ const [dragging, setDragging] = (0, import_react41.useState)(false);
++ const [resizing, setResizing] = (0, import_react41.useState)(false);
const instant = dragging || resizing;
- const [reading, setReading] = (0, import_react32.useState)(false);
-+ const [reading, setReading] = (0, import_react40.useState)(false);
++ const [reading, setReading] = (0, import_react41.useState)(false);
const panelWidth = fitWidth(width ?? (view === "browser" ? DEFAULT_WIDTH : DETAILS_WIDTH), widthRange(view, viewport));
- (0, import_react32.useLayoutEffect)(() => {
-+ (0, import_react40.useLayoutEffect)(() => {
++ (0, import_react41.useLayoutEffect)(() => {
if (view === "browser" && width === null) setWidth(DEFAULT_WIDTH);
}, [view, width]);
- (0, import_react32.useLayoutEffect)(() => {
-+ (0, import_react40.useLayoutEffect)(() => {
++ (0, import_react41.useLayoutEffect)(() => {
chatRoom.hold(instant);
}, [instant]);
- const [last, setLast] = (0, import_react32.useState)({ view, width: panelWidth });
-+ const [last, setLast] = (0, import_react40.useState)({ view, width: panelWidth });
++ const [last, setLast] = (0, import_react41.useState)({ view, width: panelWidth });
if (last.view !== view || last.width !== panelWidth) {
setLast({ view, width: panelWidth });
if (last.view !== view) setSettling(last.width !== panelWidth && !instant);
}
- const shownView = (0, import_react32.useRef)(view);
- (0, import_react32.useLayoutEffect)(() => {
-+ const shownView = (0, import_react40.useRef)(view);
-+ (0, import_react40.useLayoutEffect)(() => {
++ const shownView = (0, import_react41.useRef)(view);
++ (0, import_react41.useLayoutEffect)(() => {
const switched = settling && shownView.current !== view;
shownView.current = view;
if (switched) chatRoom.hold(true);
@@ -19546,12 +17748,12 @@ diff --git a/client.js b/client.js
if (switched) chatRoom.hold(false);
}, [view, panelWidth, leaving]);
- (0, import_react32.useEffect)(() => () => {
-+ (0, import_react40.useEffect)(() => () => {
++ (0, import_react41.useEffect)(() => () => {
chatRoom.set(null);
chatRoom.hold(false);
}, []);
- (0, import_react32.useEffect)(() => {
-+ (0, import_react40.useEffect)(() => {
++ (0, import_react41.useEffect)(() => {
let timer;
const onResize = () => {
setResizing(true);
@@ -19560,34 +17762,34 @@ diff --git a/client.js b/client.js
};
}, []);
- (0, import_react32.useEffect)(() => {
-+ (0, import_react40.useEffect)(() => {
++ (0, import_react41.useEffect)(() => {
if (!settling) return void 0;
const timer = setTimeout(() => setSettling(false), SPRING_SHAPE.duration + 40);
return () => clearTimeout(timer);
}, [settling, view]);
- (0, import_react32.useEffect)(() => {
-+ (0, import_react40.useEffect)(() => {
++ (0, import_react41.useEffect)(() => {
const timer = setTimeout(() => setLanded(true), 360);
return () => clearTimeout(timer);
}, []);
- (0, import_react32.useEffect)(() => {
-+ (0, import_react40.useEffect)(() => {
++ (0, import_react41.useEffect)(() => {
if (canBrowse) actions.browserEnsure(bot.id);
}, [bot?.id, canBrowse]);
- (0, import_react32.useEffect)(() => {
-+ (0, import_react40.useEffect)(() => {
++ (0, import_react41.useEffect)(() => {
if (view === "browser" && (active === null || !tabState.ids.includes(active))) actions.setPanelView("details");
}, [view, active, tabState.ids.length]);
- (0, import_react32.useEffect)(() => {
-+ (0, import_react40.useEffect)(() => {
++ (0, import_react41.useEffect)(() => {
if (view !== "browser" || leaving) void actions.browserShow?.(null);
}, [view, leaving]);
- (0, import_react32.useEffect)(() => () => {
-+ (0, import_react40.useEffect)(() => () => {
++ (0, import_react41.useEffect)(() => () => {
void actions.browserShow?.(null);
}, []);
- (0, import_react32.useEffect)(() => {
-+ (0, import_react40.useEffect)(() => {
++ (0, import_react41.useEffect)(() => {
if (!page.readAt || Date.now() - page.readAt > READ_FLASH_MS) return void 0;
setReading(true);
const timer = setTimeout(() => setReading(false), READ_FLASH_MS);
@@ -19596,7 +17798,7 @@ diff --git a/client.js b/client.js
};
}
- (0, import_react32.useLayoutEffect)(() => {
-+ (0, import_react40.useLayoutEffect)(() => {
++ (0, import_react41.useLayoutEffect)(() => {
const move = fly.current;
if (!move) return;
fly.current = null;
@@ -19605,7 +17807,7 @@ diff --git a/client.js b/client.js
};
const hasStrip = canBrowse && tabState.ids.length > 0;
- return (0, import_react32.createElement)(
-+ return (0, import_react40.createElement)(
++ return (0, import_react41.createElement)(
"aside",
{
ref: root,
@@ -19614,19 +17816,19 @@ diff --git a/client.js b/client.js
}
},
- leaving ? null : (0, import_react32.createElement)("div", { className: "bt-panel-grip", role: "separator", "aria-orientation": "vertical", "aria-label": t("Resize panel"), onPointerDown: startResize }),
-+ leaving ? null : (0, import_react40.createElement)("div", { className: "bt-panel-grip", role: "separator", "aria-orientation": "vertical", "aria-label": t("Resize panel"), onPointerDown: startResize }),
++ leaving ? null : (0, import_react41.createElement)("div", { className: "bt-panel-grip", role: "separator", "aria-orientation": "vertical", "aria-label": t("Resize panel"), onPointerDown: startResize }),
// Over the whole window while dragging: the cursor stays a resize cursor and the
// pages underneath (the chat, the guest) see no pointer.
- dragging ? (0, import_react_dom8.createPortal)((0, import_react32.createElement)("div", { className: "bt-drag-shield", "aria-hidden": true }), document.body) : null,
- hasStrip ? (0, import_react32.createElement)(PanelStrip, { bot, subject: pane.id, view, ids: tabState.ids, active, reading, onView: switchView, actions: panelActions, useBrowserPages }) : null,
- view === "browser" && bot ? (0, import_react32.createElement)(BrowserView, { key: `browser:${active}`, bot, tabId: active, leaving, landed: landed && !settling, actions, useBrowserPages }) : (0, import_react32.createElement)(
-+ dragging ? (0, import_react_dom8.createPortal)((0, import_react40.createElement)("div", { className: "bt-drag-shield", "aria-hidden": true }), document.body) : null,
-+ hasStrip ? (0, import_react40.createElement)(PanelStrip, { bot, subject: pane.id, view, ids: tabState.ids, active, reading, onView: switchView, actions: panelActions, useBrowserPages }) : null,
-+ view === "browser" && bot ? (0, import_react40.createElement)(BrowserView, { key: `browser:${active}`, bot, tabId: active, leaving, landed: landed && !settling, actions, useBrowserPages }) : (0, import_react40.createElement)(
++ dragging ? (0, import_react_dom8.createPortal)((0, import_react41.createElement)("div", { className: "bt-drag-shield", "aria-hidden": true }), document.body) : null,
++ hasStrip ? (0, import_react41.createElement)(PanelStrip, { bot, subject: pane.id, view, ids: tabState.ids, active, reading, onView: switchView, actions: panelActions, useBrowserPages }) : null,
++ view === "browser" && bot ? (0, import_react41.createElement)(BrowserView, { key: `browser:${active}`, bot, tabId: active, leaving, landed: landed && !settling, actions, useBrowserPages }) : (0, import_react41.createElement)(
"div",
{ key: `details:${pane.id}:${pane.renaming ? "rename" : ""}:${pane.tab ?? ""}`, className: "bt-panel-view" },
- (0, import_react32.createElement)(DetailsDrawer, {
-+ (0, import_react40.createElement)(DetailsDrawer, {
++ (0, import_react41.createElement)(DetailsDrawer, {
sessionId: pane.id,
startRenaming: pane.renaming,
startTab: pane.tab,
@@ -19635,7 +17837,7 @@ diff --git a/client.js b/client.js
`;
+// src/client/remote-bot-settings.js
-+var import_react41 = require("react");
++var import_react42 = require("react");
+var REMOTE_BOT_SETTINGS_CSS = `
+.bt-remote-sheet-layer{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;padding:16px;pointer-events:none}
+.bt-remote-sheet-layer[data-leaving]{pointer-events:none}
@@ -19659,8 +17861,8 @@ diff --git a/client.js b/client.js
+function RemoteBotSettingsSheet({ bot, roster, actions, leaving = false }) {
+ const close = () => actions.closeSettings();
+ useEscape(close);
-+ const dialog = (0, import_react41.useRef)(null);
-+ (0, import_react41.useEffect)(() => {
++ const dialog = (0, import_react42.useRef)(null);
++ (0, import_react42.useEffect)(() => {
+ const before = document.activeElement;
+ dialog.current?.focus?.({ preventScroll: true });
+ return () => {
@@ -19675,30 +17877,30 @@ diff --git a/client.js b/client.js
+ };
+ if (!bot?.remote) return null;
+ const who = bot.remote.homeName || bot.remote.owner || bot.remote.home || t("Friend's Bot");
-+ return (0, import_react41.createElement)(
++ return (0, import_react42.createElement)(
+ "div",
+ { className: "bt-remote-sheet-layer", "data-leaving": leaving || void 0, "data-flybot": "remote-bot-sheet" },
-+ (0, import_react41.createElement)("div", { className: "bt-scrim", onMouseDown: close }),
-+ (0, import_react41.createElement)(
++ (0, import_react42.createElement)("div", { className: "bt-scrim", onMouseDown: close }),
++ (0, import_react42.createElement)(
+ "div",
+ { className: "bt-remote-sheet", role: "dialog", "aria-modal": true, "aria-label": t("Bot settings"), tabIndex: -1, ref: dialog, onKeyDown },
-+ (0, import_react41.createElement)(
++ (0, import_react42.createElement)(
+ "div",
+ { className: "bt-remote-sheet-head" },
-+ (0, import_react41.createElement)(BotMark, { bot, size: 40, live: true }),
-+ (0, import_react41.createElement)(
++ (0, import_react42.createElement)(BotMark, { bot, size: 40, live: true }),
++ (0, import_react42.createElement)(
+ "div",
+ { className: "bt-remote-sheet-who" },
-+ (0, import_react41.createElement)("span", { className: "bt-remote-sheet-name" }, bot.name),
-+ (0, import_react41.createElement)("span", { className: "bt-remote-sheet-sub" }, who)
++ (0, import_react42.createElement)("span", { className: "bt-remote-sheet-name" }, bot.name),
++ (0, import_react42.createElement)("span", { className: "bt-remote-sheet-sub" }, who)
+ ),
-+ (0, import_react41.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close settings"), onClick: close }, (0, import_react41.createElement)(CloseIcon))
++ (0, import_react42.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close settings"), onClick: close }, (0, import_react42.createElement)(CloseIcon))
+ ),
-+ (0, import_react41.createElement)(
++ (0, import_react42.createElement)(
+ "div",
+ { className: "bt-remote-sheet-body" },
-+ bot.remote.handle ? (0, import_react41.createElement)("div", { className: "bt-muted", style: { marginBottom: 8, fontSize: 12 } }, bot.remote.handle) : null,
-+ (0, import_react41.createElement)(FlyBotDetails, { bot, roster, actions })
++ bot.remote.handle ? (0, import_react42.createElement)("div", { className: "bt-muted", style: { marginBottom: 8, fontSize: 12 } }, bot.remote.handle) : null,
++ (0, import_react42.createElement)(FlyBotDetails, { bot, roster, actions })
+ )
+ )
+ );
@@ -19706,7 +17908,7 @@ diff --git a/client.js b/client.js
+
// src/client/overlays.js
-var import_react33 = require("react");
-+var import_react42 = require("react");
++var import_react43 = require("react");
var import_react_dom9 = require("react-dom");
var DIALOG_EXIT_MS = 160;
var MENU_EXIT_MS3 = 120;
@@ -19716,8 +17918,8 @@ diff --git a/client.js b/client.js
const current = useSessions((list) => Object.values(list.byId).find((session) => (session?.retainedBy?.mainView ?? 0) > 0)?.id ?? null);
- const previous = (0, import_react33.useRef)(current);
- (0, import_react33.useEffect)(() => {
-+ const previous = (0, import_react42.useRef)(current);
-+ (0, import_react42.useEffect)(() => {
++ const previous = (0, import_react43.useRef)(current);
++ (0, import_react43.useEffect)(() => {
if (previous.current === current) return;
previous.current = current;
if (current) actions.followPanel?.(current);
@@ -19725,8 +17927,8 @@ diff --git a/client.js b/client.js
const open = ui2.details ? { id: ui2.details, view: ui2.view ?? "details", renaming: ui2.renaming, tab: ui2.tab } : null;
- const [kept, setKept] = (0, import_react33.useState)(open);
- (0, import_react33.useEffect)(() => {
-+ const [kept, setKept] = (0, import_react42.useState)(open);
-+ (0, import_react42.useEffect)(() => {
++ const [kept, setKept] = (0, import_react43.useState)(open);
++ (0, import_react43.useEffect)(() => {
if (open) {
setKept(open);
return void 0;
@@ -19742,8 +17944,8 @@ diff --git a/client.js b/client.js
- import_react33.Fragment,
+ const [inbox, inboxLeaving] = useLinger(ui2.inbox ?? null, DIALOG_EXIT_MS);
+ const [board, boardLeaving] = useLinger(ui2.board ?? null, DIALOG_EXIT_MS);
-+ return (0, import_react42.createElement)(
-+ import_react42.Fragment,
++ return (0, import_react43.createElement)(
++ import_react43.Fragment,
null,
- pane ? (0, import_react_dom9.createPortal)((0, import_react33.createElement)(BotPanel, { pane, leaving: open === null, roster, actions, useSessions, useSessionStatus, useActivity, useWork, useBrowserTabs, useBrowserPages }), document.body) : null,
- ui2.newChat ? (0, import_react_dom9.createPortal)((0, import_react33.createElement)(NewChat, { key: ui2.newChat, mode: ui2.newChat, roster, actions }), document.body) : null,
@@ -19753,17 +17955,17 @@ diff --git a/client.js b/client.js
- menu ? (0, import_react_dom9.createPortal)((0, import_react33.createElement)(ContextMenu, { key: `${menu.kind ?? ""}:${menu.id}:${menu.x}:${menu.y}`, menu, roster, actions, leaving: menuLeaving }), document.body) : null,
- settings ? (0, import_react_dom9.createPortal)((0, import_react33.createElement)(SettingsDialog, { page: settings.page, id: settings.id, roster, actions, useUpdate, leaving: settingsLeaving }), document.body) : null,
- memory && roster.byId[memory] ? (0, import_react_dom9.createPortal)((0, import_react33.createElement)(MemoryDialog, { key: memory, bot: roster.byId[memory], actions, leaving: memoryLeaving }), document.body) : null
-+ pane ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(BotPanel, { pane, leaving: open === null, roster, actions, useSessions, useSessionStatus, useActivity, useWork, useBrowserTabs, useBrowserPages }), document.body) : null,
-+ ui2.newChat ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(NewChat, { key: ui2.newChat, mode: ui2.newChat, roster, actions }), document.body) : null,
-+ ui2.palette ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(CommandPalette, { key: ui2.palette.token, start: ui2.palette.query, token: ui2.palette.token, roster, actions, useSessions }), document.body) : null,
-+ ui2.exchange ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(ExchangeDialog, { pair: ui2.exchange, roster, actions }), document.body) : null,
-+ ui2.voice ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(VoiceMode, { key: ui2.voice, sessionId: ui2.voice, roster, actions, useSessions, useSessionStatus }), document.body) : null,
-+ menu ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(ContextMenu, { key: `${menu.kind ?? ""}:${menu.id}:${menu.x}:${menu.y}`, menu, roster, actions, leaving: menuLeaving }), document.body) : null,
-+ settings ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(SettingsDialog, { page: settings.page, id: settings.id, roster, actions, useUpdate, leaving: settingsLeaving }), document.body) : null,
-+ remoteBotSettings ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(RemoteBotSettingsSheet, { key: remoteBotSettings, bot: roster.byId[remoteBotSettings], roster, actions, leaving: remoteLeaving }), document.body) : null,
-+ memory && roster.byId[memory] ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(MemoryDialog, { key: memory, bot: roster.byId[memory], actions, leaving: memoryLeaving }), document.body) : null,
-+ inbox ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(InboxDialog, { roster, useWork, useSessions, actions, leaving: inboxLeaving }), document.body) : null,
-+ board ? (0, import_react_dom9.createPortal)((0, import_react42.createElement)(KanbanDialog, { roster, actions, leaving: boardLeaving }), document.body) : null
++ pane ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(BotPanel, { pane, leaving: open === null, roster, actions, useSessions, useSessionStatus, useActivity, useWork, useBrowserTabs, useBrowserPages }), document.body) : null,
++ ui2.newChat ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(NewChat, { key: ui2.newChat, mode: ui2.newChat, roster, actions }), document.body) : null,
++ ui2.palette ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(CommandPalette, { key: ui2.palette.token, start: ui2.palette.query, token: ui2.palette.token, roster, actions, useSessions }), document.body) : null,
++ ui2.exchange ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(ExchangeDialog, { pair: ui2.exchange, roster, actions }), document.body) : null,
++ ui2.voice ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(VoiceMode, { key: ui2.voice, sessionId: ui2.voice, roster, actions, useSessions, useSessionStatus }), document.body) : null,
++ menu ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(ContextMenu, { key: `${menu.kind ?? ""}:${menu.id}:${menu.x}:${menu.y}`, menu, roster, actions, leaving: menuLeaving }), document.body) : null,
++ settings ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(SettingsDialog, { page: settings.page, id: settings.id, roster, actions, useUpdate, leaving: settingsLeaving }), document.body) : null,
++ remoteBotSettings ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(RemoteBotSettingsSheet, { key: remoteBotSettings, bot: roster.byId[remoteBotSettings], roster, actions, leaving: remoteLeaving }), document.body) : null,
++ memory && roster.byId[memory] ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(MemoryDialog, { key: memory, bot: roster.byId[memory], actions, leaving: memoryLeaving }), document.body) : null,
++ inbox ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(InboxDialog, { roster, useWork, useSessions, actions, leaving: inboxLeaving }), document.body) : null,
++ board ? (0, import_react_dom9.createPortal)((0, import_react43.createElement)(KanbanDialog, { roster, actions, leaving: boardLeaving }), document.body) : null
);
}
@@ -19971,7 +18173,7 @@ diff --git a/client.js b/client.js
// src/client/user-message.js
-var import_react34 = require("react");
-+var import_react43 = require("react");
++var import_react44 = require("react");
var ui = __toESM(require("@deepseek-ai/dsh-client-ui-primitives"), 1);
var canDrawUserMessages = () => typeof ui.projectUserText === "function";
function contentParts(content) {
@@ -20058,37 +18260,37 @@ diff --git a/client.js b/client.js
- (0, import_react34.createElement)(BotMark, { bot: part.bot, size: 16 }),
- part.label
- ) : (0, import_react34.createElement)(import_react34.Fragment, { key: index }, ui.projectUserText(part.text, referenceLabels, skillNames, "skill", references)));
-+ const chip = (part) => [(0, import_react43.createElement)(BotMark, { bot: part.bot.draw ?? part.bot, size: 16 }), `@${part.bot.mentionLabel ?? part.label}`];
++ const chip = (part) => [(0, import_react44.createElement)(BotMark, { bot: part.bot.draw ?? part.bot, size: 16 }), `@${part.bot.mentionLabel ?? part.label}`];
+ return userTextParts(text, bots, referenceLabels).map((part, index) => {
-+ if (!part.bot) return (0, import_react43.createElement)(import_react43.Fragment, { key: index }, ui.projectUserText(part.text, referenceLabels, skillNames, "skill", references));
++ if (!part.bot) return (0, import_react44.createElement)(import_react44.Fragment, { key: index }, ui.projectUserText(part.text, referenceLabels, skillNames, "skill", references));
+ const title = `@${part.bot.name}`;
-+ return typeof part.bot.id === "string" ? (0, import_react43.createElement)("button", { key: index, type: "button", className: "bt-umention", title, onClick: () => actions.openSession(part.bot.id) }, chip(part)) : (0, import_react43.createElement)("span", { key: index, className: "bt-umention", title }, chip(part));
++ return typeof part.bot.id === "string" ? (0, import_react44.createElement)("button", { key: index, type: "button", className: "bt-umention", title, onClick: () => actions.openSession(part.bot.id) }, chip(part)) : (0, import_react44.createElement)("span", { key: index, className: "bt-umention", title }, chip(part));
+ });
}
function Attachments({ attachments, renderMessageImages }) {
const compact2 = attachments.length > 1;
- return (0, import_react34.createElement)("div", { className: "bt-uattach" }, attachments.map((block, index) => {
-+ return (0, import_react43.createElement)("div", { className: "bt-uattach" }, attachments.map((block, index) => {
++ return (0, import_react44.createElement)("div", { className: "bt-uattach" }, attachments.map((block, index) => {
if (block.type === "image") {
- return renderMessageImages ? (0, import_react34.createElement)(import_react34.Fragment, { key: index }, renderMessageImages({ images: [{ attachment: block.attachment }], align: "end", compact: compact2 })) : null;
-+ return renderMessageImages ? (0, import_react43.createElement)(import_react43.Fragment, { key: index }, renderMessageImages({ images: [{ attachment: block.attachment }], align: "end", compact: compact2 })) : null;
++ return renderMessageImages ? (0, import_react44.createElement)(import_react44.Fragment, { key: index }, renderMessageImages({ images: [{ attachment: block.attachment }], align: "end", compact: compact2 })) : null;
}
const file = block.attachment;
const meta = [ui.fileExtension?.(file.name)?.toUpperCase().slice(0, 8), ui.fileSizeText?.(file.bytes)].filter(Boolean).join(" · ");
- return (0, import_react34.createElement)(
-+ return (0, import_react43.createElement)(
++ return (0, import_react44.createElement)(
"span",
{ key: index, className: "bt-ufile", title: file.name },
- ui.FileTypeIcon ? (0, import_react34.createElement)(ui.FileTypeIcon, { path: file.name, className: "bt-ufile-icon" }) : null,
- (0, import_react34.createElement)("span", { className: "bt-ufile-text" }, (0, import_react34.createElement)("span", { className: "bt-ufile-name" }, file.name), meta ? (0, import_react34.createElement)("span", { className: "bt-ufile-meta" }, meta) : null)
-+ ui.FileTypeIcon ? (0, import_react43.createElement)(ui.FileTypeIcon, { path: file.name, className: "bt-ufile-icon" }) : null,
-+ (0, import_react43.createElement)("span", { className: "bt-ufile-text" }, (0, import_react43.createElement)("span", { className: "bt-ufile-name" }, file.name), meta ? (0, import_react43.createElement)("span", { className: "bt-ufile-meta" }, meta) : null)
++ ui.FileTypeIcon ? (0, import_react44.createElement)(ui.FileTypeIcon, { path: file.name, className: "bt-ufile-icon" }) : null,
++ (0, import_react44.createElement)("span", { className: "bt-ufile-text" }, (0, import_react44.createElement)("span", { className: "bt-ufile-name" }, file.name), meta ? (0, import_react44.createElement)("span", { className: "bt-ufile-meta" }, meta) : null)
);
}));
}
function CopyButton({ text }) {
- const [copied, setCopied] = (0, import_react34.useState)(false);
-+ const [copied, setCopied] = (0, import_react43.useState)(false);
++ const [copied, setCopied] = (0, import_react44.useState)(false);
const copy2 = () => {
void navigator.clipboard?.writeText(text).then(() => {
setCopied(true);
@@ -20096,7 +18298,7 @@ diff --git a/client.js b/client.js
});
};
- return (0, import_react34.createElement)("button", { type: "button", className: "bt-tool", "aria-label": copied ? t("Copied") : t("Copy"), title: copied ? t("Copied") : t("Copy"), onClick: copy2 }, copied ? (0, import_react34.createElement)(CheckIcon) : (0, import_react34.createElement)(CopyIcon));
-+ return (0, import_react43.createElement)("button", { type: "button", className: "bt-tool", "aria-label": copied ? t("Copied") : t("Copy"), title: copied ? t("Copied") : t("Copy"), onClick: copy2 }, copied ? (0, import_react43.createElement)(CheckIcon) : (0, import_react43.createElement)(CopyIcon));
++ return (0, import_react44.createElement)("button", { type: "button", className: "bt-tool", "aria-label": copied ? t("Copied") : t("Copy"), title: copied ? t("Copied") : t("Copy"), onClick: copy2 }, copied ? (0, import_react44.createElement)(CheckIcon) : (0, import_react44.createElement)(CopyIcon));
}
var clock3 = (time) => typeof time === "number" ? new Date(time).toLocaleTimeString(dateLocale(), { hour: "numeric", minute: "2-digit" }) : void 0;
function UserMessageCell({ node, sessionId, useRoster, actions, renderMessageImages, openFile, openSkill }) {
@@ -20112,7 +18314,7 @@ diff --git a/client.js b/client.js
+ const person = incoming && author.authorKind === "human" && !author.ownerName;
+ const faceMine = Boolean(room2?.origin === "face-to-face" && !incoming);
+ const myName = faceMine ? facePeople(room2, roster).find((entry) => entry.mine)?.name || cleanPeerName(roster.self?.displayName, "") || author?.name || "" : "";
-+ return (0, import_react43.createElement)(
++ return (0, import_react44.createElement)(
"div",
- { className: "bt-umsg", "data-steering": steering || void 0 },
- (0, import_react34.createElement)(
@@ -20124,28 +18326,28 @@ diff --git a/client.js b/client.js
+ "data-author-kind": author?.authorKind,
+ "data-author-name": author?.name
+ },
-+ person ? (0, import_react43.createElement)("span", { className: "bt-lead", title: author.name }, (0, import_react43.createElement)(PersonMark, { name: author.name })) : null,
-+ faceMine ? (0, import_react43.createElement)("span", { className: "bt-lead", title: myName || void 0 }, (0, import_react43.createElement)(PersonMark, { name: myName || void 0 })) : null,
-+ (0, import_react43.createElement)(
++ person ? (0, import_react44.createElement)("span", { className: "bt-lead", title: author.name }, (0, import_react44.createElement)(PersonMark, { name: author.name })) : null,
++ faceMine ? (0, import_react44.createElement)("span", { className: "bt-lead", title: myName || void 0 }, (0, import_react44.createElement)(PersonMark, { name: myName || void 0 })) : null,
++ (0, import_react44.createElement)(
"div",
{ className: "bt-ustack" },
- attachments.length > 0 ? (0, import_react34.createElement)(Attachments, { attachments, renderMessageImages }) : null,
- text !== "" || rest.length > 0 ? (0, import_react34.createElement)(
-+ faceMine && myName ? (0, import_react43.createElement)("span", { className: "bt-uauthor" }, myName) : author && (incoming || multiHuman) ? (0, import_react43.createElement)("span", { className: "bt-uauthor" }, author.name, author.ownerName ? (0, import_react43.createElement)("span", { className: "bt-chip" }, t("Friend's Bot")) : null) : null,
-+ attachments.length > 0 ? (0, import_react43.createElement)(Attachments, { attachments, renderMessageImages }) : null,
-+ text !== "" || rest.length > 0 ? (0, import_react43.createElement)(
++ faceMine && myName ? (0, import_react44.createElement)("span", { className: "bt-uauthor" }, myName) : author && (incoming || multiHuman) ? (0, import_react44.createElement)("span", { className: "bt-uauthor" }, author.name, author.ownerName ? (0, import_react44.createElement)("span", { className: "bt-chip" }, t("Friend's Bot")) : null) : null,
++ attachments.length > 0 ? (0, import_react44.createElement)(Attachments, { attachments, renderMessageImages }) : null,
++ text !== "" || rest.length > 0 ? (0, import_react44.createElement)(
"div",
{ className: "bt-ubody", title: clock3(data.time) },
- (0, import_react34.createElement)(UserText, { text, bots: mentionableBots(roster, sessionId), referenceLabels, skillNames: data.skillNames ?? [], references, actions }),
- rest.map((block, index) => ui.JsonBlock ? (0, import_react34.createElement)(ui.JsonBlock, { key: index, label: t("Content"), payload: block }) : null)
-+ (0, import_react43.createElement)(UserText, { text, bots: mentionableBots(roster, sessionId, { fromFriend: Boolean(incoming && author.ownerName) }), referenceLabels, skillNames: data.skillNames ?? [], references, actions }),
-+ rest.map((block, index) => ui.JsonBlock ? (0, import_react43.createElement)(ui.JsonBlock, { key: index, label: t("Content"), payload: block }) : null)
++ (0, import_react44.createElement)(UserText, { text, bots: mentionableBots(roster, sessionId, { fromFriend: Boolean(incoming && author.ownerName) }), referenceLabels, skillNames: data.skillNames ?? [], references, actions }),
++ rest.map((block, index) => ui.JsonBlock ? (0, import_react44.createElement)(ui.JsonBlock, { key: index, label: t("Content"), payload: block }) : null)
) : null,
- referenceLabels.length > 0 ? (0, import_react34.createElement)("div", { className: "bt-urefs" }, t("Referenced {labels}", { labels: referenceLabels.join(t(", ")) })) : null
-+ referenceLabels.length > 0 ? (0, import_react43.createElement)("div", { className: "bt-urefs" }, t("Referenced {labels}", { labels: referenceLabels.join(t(", ")) })) : null
++ referenceLabels.length > 0 ? (0, import_react44.createElement)("div", { className: "bt-urefs" }, t("Referenced {labels}", { labels: referenceLabels.join(t(", ")) })) : null
),
- text === "" ? null : (0, import_react34.createElement)("div", { className: "bt-utools" }, (0, import_react34.createElement)(CopyButton, { text }))
-+ text === "" ? null : (0, import_react43.createElement)("div", { className: "bt-utools" }, (0, import_react43.createElement)(CopyButton, { text }))
++ text === "" ? null : (0, import_react44.createElement)("div", { className: "bt-utools" }, (0, import_react44.createElement)(CopyButton, { text }))
);
}
var USER_MESSAGE_CSS = `
@@ -20247,7 +18449,7 @@ diff --git a/client.js b/client.js
+}
+
+// src/client/stats-dock.js
-+var import_react44 = require("react");
++var import_react45 = require("react");
+var STATS_DOCK = "conversation.composer.dock";
+var STATS_ID = "stats";
+var STATS_IDS = [STATS_ID, "activity"];
@@ -20263,17 +18465,17 @@ diff --git a/client.js b/client.js
+function statsDock(entriesOf, id = STATS_ID) {
+ const shell = () => (entriesOf(STATS_DOCK) ?? []).find((entry) => entry?.component !== StatsDock && entry?.options?.id === id);
+ function StatsDock(props) {
-+ const t2 = (0, import_react44.useMemo)(() => typeof props.t === "function" ? pluralStats(props.t) : props.t, [props.t]);
++ const t2 = (0, import_react45.useMemo)(() => typeof props.t === "function" ? pluralStats(props.t) : props.t, [props.t]);
+ const entry = shell();
+ if (!entry || typeof props.usePerformanceUsage !== "function") return null;
-+ return (0, import_react44.createElement)(entry.component, { ...props, t: t2 });
++ return (0, import_react45.createElement)(entry.component, { ...props, t: t2 });
+ }
+ return { component: StatsDock, inject: (...args) => shell()?.inject?.(...args) ?? {} };
}
+var statsDocks = (entriesOf) => STATS_IDS.map((id) => ({ id, ...statsDock(entriesOf, id) }));
// src/client/index.js
-+var import_react45 = require("react");
++var import_react46 = require("react");
var inject = ["sessions", "uiWorkspace", "uiConversation", "slots", "theme", "layout"];
function apply(ctx) {
+ const flybot = createClientApi2();
@@ -20489,7 +18691,7 @@ diff --git a/client.js b/client.js
stopMemberWork: (roomId, botId) => after(call("stop-member-work", { roomId, botId })),
// Values go out in these requests and never come back in a response.
secretSet: (payload) => after(call("secret-set", payload)),
-@@ -13819,15 +13819,26 @@ function apply(ctx) {
+@@ -13819,15 +13819,27 @@ function apply(ctx) {
secretCancel: (requestId) => after(call("secret-cancel", { requestId })),
secretUpdate: (name, scope) => after(call("secret-update", { name, scope })),
secretDelete: (name) => after(call("secret-delete", { name })),
@@ -20506,6 +18708,7 @@ diff --git a/client.js b/client.js
+ setBotConnector: (botId, connector, enabled) => after(call("bot-connectors", { botId, connector, enabled })),
setBotCapability: (botId, name, attached) => after(call("bot-capability", { botId, name, attached })),
+ tasks: (payload) => call("tasks", payload ?? {}),
++ deliveryBoard: (payload) => call("delivery-board", payload ?? {}),
+ taskUpdate: (payload) => call("task-update", payload),
+ taskCreate: (payload) => call("task-create", payload),
schedules: () => call("schedules"),
@@ -20684,7 +18887,7 @@ diff --git a/client.js b/client.js
];
+ ctx.effect(() => {
+ const style = installStyles(TURN_FAILURES_CSS, "turn-failures");
-+ const off = registry().register("flybot.session.dock", { id: "flybot-turn-failures", order: 20, component: (props) => (0, import_react45.createElement)(TurnFailures, { ...props, work }) });
++ const off = registry().register("flybot.session.dock", { id: "flybot-turn-failures", order: 20, component: (props) => (0, import_react46.createElement)(TurnFailures, { ...props, work }) });
+ return () => {
+ off();
+ style.remove();
diff --git a/patches/ds-bot/files/src/client/delivery-view.js b/patches/ds-bot/files/src/client/delivery-view.js
new file mode 100644
index 00000000..5281a770
--- /dev/null
+++ b/patches/ds-bot/files/src/client/delivery-view.js
@@ -0,0 +1,197 @@
+// Delivery board (#1173): the repository's GitHub issues and pull requests by delivery stage,
+// in the same dialog as the per-Bot Tasks board. This is a view only — nothing here writes to
+// GitHub, and the snapshot it renders is built host-side (src/host/delivery-board.js).
+import { createElement as h, useEffect, useState } from 'react'
+import { t } from './i18n.js'
+
+const POLL_MS = 60_000
+
+export const DELIVERY_COLUMNS = [
+ { id: 'raw', label: 'Original issue' },
+ { id: 'ready', label: 'Ready to start' },
+ { id: 'working', label: 'In progress' },
+ { id: 'review', label: 'In review' },
+ { id: 'done-today', label: 'Done today' },
+]
+
+const BADGES = {
+ inc: 'INC · rework',
+ 'pass-enqueue': 'PASS · waiting for enqueue',
+ 'pass-merge': 'PASS · waiting for merge',
+ 'ci-red': 'CI red',
+ 'ci-running': 'CI running',
+ 'no-verdict': 'No verdict',
+}
+
+export const badgeLabel = (badge) => (badge ? t(BADGES[badge] ?? badge) : '')
+
+export function duration(ms) {
+ if (!Number.isFinite(ms) || ms < 0) return '—'
+ const hours = ms / 3_600_000
+ if (hours < 1) return `${Math.max(1, Math.round(ms / 60_000))}m`
+ if (hours < 48) return `${Math.round(hours)}h`
+ return `${Math.round(hours / 24)}d`
+}
+
+// The header rows the dialog renders; kept pure so the numbers can be checked without React.
+export function metricRows(snapshot) {
+ const today = snapshot?.today ?? {}
+ const week = snapshot?.week ?? {}
+ const ci = today.ci ?? {}
+ const count = (value) => (value === null || value === undefined ? '—' : String(value))
+ const rows = [
+ { label: t('New issues'), key: 'newIssues' },
+ { label: t('Closed issues'), key: 'closedIssues' },
+ { label: t('New pull requests'), key: 'newPullRequests' },
+ { label: t('Merged pull requests'), key: 'mergedPullRequests' },
+ { label: t('Median issue close'), key: 'medianIssueCloseMs', format: duration },
+ { label: t('Median PR merge'), key: 'medianPullMergeMs', format: duration },
+ ].map(row => {
+ const format = row.format ?? count
+ return { label: row.label, today: format(today[row.key]), week: format(week[row.key]) }
+ })
+ return {
+ dayStart: snapshot?.dayStart ?? null,
+ rows,
+ ci: {
+ failed: ci.failed ?? 0,
+ total: ci.total ?? 0,
+ counted: ci.counted ?? 0,
+ caveat: Number.isFinite(ci.total) && Number.isFinite(ci.counted) && ci.counted < ci.total,
+ superseded: ci.superseded ?? 0,
+ },
+ open: snapshot?.open ?? {},
+ }
+}
+
+export function useDeliveryBoard(actions) {
+ const [snapshot, setSnapshot] = useState(null)
+ const [message, setMessage] = useState('')
+ useEffect(() => {
+ let stopped = false
+ const load = () => {
+ const job = Promise.resolve(actions?.deliveryBoard?.())
+ void job.then((next) => {
+ if (stopped || !next || typeof next !== 'object') return
+ if (next.ok === false) {
+ setMessage(next.reason === 'no-github' ? t('No GitHub connection yet; the board fills in once one is added.') : t('The delivery board is not ready yet.'))
+ return
+ }
+ setSnapshot(next)
+ setMessage(next.error ? t('Showing the last snapshot from {time}: {error}', { time: timeOf(next.asOf), error: next.error }) : '')
+ }).catch((error) => { if (!stopped) setMessage(String(error?.message ?? error)) })
+ }
+ load()
+ const timer = setInterval(load, POLL_MS)
+ return () => { stopped = true; clearInterval(timer) }
+ }, [actions])
+ return { snapshot, message }
+}
+
+const timeOf = (iso) => {
+ const at = Date.parse(iso ?? '')
+ if (!Number.isFinite(at)) return '—'
+ return new Date(at).toLocaleString(undefined, { month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' })
+}
+
+function Label({ name }) {
+ return h('span', { className: 'bt-del-label', 'data-label': name }, name)
+}
+
+export function DeliveryCard({ card }) {
+ const badge = badgeLabel(card?.badge)
+ return h('article', { className: 'bt-del-card', 'data-kind': card?.kind, 'data-number': card?.number, 'data-badge': card?.badge ?? undefined },
+ h('span', { className: 'bt-del-card-top' },
+ h('span', { className: 'bt-del-id' }, `#${card?.number ?? '?'}`),
+ badge ? h('span', { className: 'bt-del-badge', 'data-badge': card?.badge }, badge) : null),
+ h('span', { className: 'bt-del-title' }, card?.title ?? ''),
+ card?.labels?.length ? h('span', { className: 'bt-del-labels' }, card.labels.map(name => h(Label, { key: name, name }))) : null,
+ card?.owner ? h('span', { className: 'bt-del-owner', 'data-kind': card.ownerKind ?? 'human' }, card.owner) : null,
+ card?.linked ? h('span', { className: 'bt-del-linked' }, t('linked to #{number}', { number: card.linked })) : null,
+ card?.sha ? h('span', { className: 'bt-del-sha' }, card.sha) : null,
+ card?.url ? h('a', { className: 'bt-del-open', href: card.url, target: '_blank', rel: 'noreferrer' }, t('Open')) : null)
+}
+
+export function DeliveryHeader({ snapshot }) {
+ if (!snapshot) return null
+ const { rows, ci, open } = metricRows(snapshot)
+ return h('header', { className: 'bt-del-head' },
+ h('div', { className: 'bt-del-metrics' },
+ h('table', { className: 'bt-del-table' },
+ h('thead', null, h('tr', null, h('th', null, ''), h('th', null, t('Today')), h('th', null, t('7 days')))),
+ h('tbody', null, rows.map(row => h('tr', { key: row.label },
+ h('th', { scope: 'row' }, row.label),
+ h('td', null, row.today),
+ h('td', null, row.week))))),
+ h('p', { className: 'bt-del-ci' }, t('CI failed {failed} of {total}', { failed: ci.failed, total: ci.total }),
+ ci.caveat ? ` · ${t('counted {counted} of {total}', { counted: ci.counted, total: ci.total })}` : '',
+ ci.superseded ? ` · ${t('{count} superseded', { count: ci.superseded })}` : ''),
+ h('p', { className: 'bt-del-open' }, t('Open: {issues} issues ({needs} need a human), {prs} pull requests', {
+ issues: open.issues ?? 0, needs: open.needsHuman ?? 0, prs: open.pullRequests ?? 0,
+ }), open.medianIssueAgeMs !== null && open.medianIssueAgeMs !== undefined
+ ? ` · ${t('median open age {age}', { age: duration(open.medianIssueAgeMs) })}` : '')),
+ h('p', { className: 'bt-del-asof' }, t('as of {time}', { time: timeOf(snapshot.asOf) }),
+ snapshot.refreshing ? ` · ${t('refreshing…')}` : ''))
+}
+
+export function DeliveryBoard({ snapshot, message }) {
+ if (!snapshot) {
+ return h('div', { className: 'bt-del-body', 'data-view': 'delivery' },
+ message
+ ? h('p', { className: 'bt-board-error', role: 'alert' }, message)
+ : h('p', { className: 'bt-board-empty' }, t('No snapshot yet.')))
+ }
+ const columns = snapshot.columns ?? {}
+ return h('div', { className: 'bt-del-body', 'data-view': 'delivery' },
+ message ? h('p', { className: 'bt-board-error', role: 'alert' }, message) : null,
+ h(DeliveryHeader, { snapshot: snapshot.metrics ? { ...snapshot.metrics, asOf: snapshot.asOf, refreshing: snapshot.refreshing } : null }),
+ h('div', { className: 'bt-del-columns' },
+ DELIVERY_COLUMNS.map(column => h('section', { key: column.id, className: 'bt-del-column', 'data-column': column.id },
+ h('h3', { className: 'bt-board-column-head' },
+ h('span', null, t(column.label)),
+ h('span', { className: 'bt-board-count' }, String((columns[column.id] ?? []).length))),
+ (columns[column.id] ?? []).length === 0
+ ? h('p', { className: 'bt-board-empty' }, t('Nothing here.'))
+ : (columns[column.id] ?? []).map(card => h(DeliveryCard, { key: `${card.kind}-${card.number}`, card }))))))
+}
+
+export function DeliveryView({ actions }) {
+ const { snapshot, message } = useDeliveryBoard(actions)
+ return h(DeliveryBoard, { snapshot, message })
+}
+
+export const DELIVERY_CSS = `
+.bt-del-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;padding:12px 14px 16px}
+.bt-del-head{display:flex;flex-direction:column;gap:6px;border-bottom:.5px solid var(--bt-line);padding-bottom:8px}
+.bt-del-metrics{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px}
+.bt-del-table{border-collapse:collapse;font-size:12px;line-height:16px;font-variant-numeric:tabular-nums}
+.bt-del-table th,.bt-del-table td{padding:2px 8px;text-align:right;white-space:nowrap}
+.bt-del-table th[scope=row]{text-align:left;font-weight:500;color:var(--bt-ink-2)}
+.bt-del-table thead th{font-weight:600;color:var(--bt-ink-3)}
+.bt-del-ci,.bt-del-open{margin:0;font-size:12px;line-height:16px;color:var(--bt-ink-2)}
+.bt-del-asof{margin:0;font-size:11.5px;line-height:15px;color:var(--bt-ink-3)}
+.bt-del-columns{flex:1 1 auto;min-height:0;display:flex;gap:10px;overflow:auto}
+.bt-del-column{flex:1 1 0;min-width:200px;display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:14px;background:var(--bt-hover);overflow:auto}
+.bt-del-card{display:flex;flex-direction:column;gap:5px;padding:10px;border:.5px solid var(--bt-line-2);border-radius:12px;background:var(--bt-card,var(--bt-main))}
+.bt-del-card-top{display:flex;align-items:center;gap:6px}
+.bt-del-id{font-size:12px;line-height:16px;color:var(--bt-ink-3);font-variant-numeric:tabular-nums}
+.bt-del-badge{margin-left:auto;font-size:10.5px;line-height:16px;padding:0 6px;border-radius:999px;background:var(--bt-hover);color:var(--bt-ink-2)}
+.bt-del-badge[data-badge=inc]{background:rgba(224,33,53,.12);color:#c21d2e}
+.bt-del-badge[data-badge=ci-red]{background:rgba(224,33,53,.12);color:#c21d2e}
+.bt-del-badge[data-badge=pass-enqueue],.bt-del-badge[data-badge=pass-merge]{background:color-mix(in srgb,var(--bt-green) 16%,transparent);color:color-mix(in srgb,var(--bt-green) 70%,var(--bt-ink))}
+.bt-del-title{font-size:13.5px;line-height:19px;color:var(--bt-ink)}
+.bt-del-labels{display:flex;flex-wrap:wrap;gap:4px}
+.bt-del-label{font-size:10.5px;line-height:16px;padding:0 6px;border-radius:999px;background:var(--bt-hover);color:var(--bt-ink-2)}
+.bt-del-owner{font-size:12px;line-height:16px;color:var(--bt-ink-2)}
+.bt-del-owner[data-kind=human]{font-weight:600;color:var(--bt-ink)}
+.bt-del-linked,.bt-del-sha{font-size:11.5px;line-height:15px;color:var(--bt-ink-3)}
+.bt-del-open{align-self:flex-start;font-size:12px;line-height:16px;color:var(--bt-accent)}
+@media (max-width:800px){
+ .bt-del-columns{overflow:auto}
+ .bt-del-column{min-width:220px}
+}
+@media (max-width:640px){
+ .bt-del-columns{flex-direction:column}
+ .bt-del-column{min-width:0}
+}
+`
diff --git a/patches/ds-bot/files/src/client/kanban.js b/patches/ds-bot/files/src/client/kanban.js
index 1748ca0a..55861e5c 100644
--- a/patches/ds-bot/files/src/client/kanban.js
+++ b/patches/ds-bot/files/src/client/kanban.js
@@ -5,6 +5,7 @@ import { createElement as h, useCallback, useEffect, useState } from 'react'
import { columnOf, priorityOf, progressOf } from '../shared/task-board.js'
import { CloseIcon } from './icons.js'
import { useEscape } from './overlay-hooks.js'
+import { DeliveryView, DELIVERY_CSS } from './delivery-view.js'
import { t } from './i18n.js'
const POLL_MS = 15_000
@@ -315,6 +316,9 @@ function scopeName(roster, scope) {
}
export function KanbanDialog({ roster, actions, leaving = false }) {
+ // Two views on one surface: the per-Bot task board (#1058) and the repository's delivery
+ // board (#1173). Delivery is repo-wide, so its rail would be a lie — it is not rendered.
+ const [view, setView] = useState('tasks')
const rail = boardRail(roster)
const [scope, setScope] = useState(() => (rail.bots[0] ? { kind: 'bot', botId: rail.bots[0].id } : rail.groups[0] ? { kind: 'group', roomId: rail.groups[0].id } : null))
const [dragging, setDragging] = useState(null)
@@ -357,18 +361,25 @@ export function KanbanDialog({ roster, actions, leaving = false }) {
h('div', { className: 'bt-scrim', onClick: close }),
h('div', { className: 'bt-mem bt-board', role: 'dialog', 'aria-modal': true, 'aria-labelledby': 'bt-board-heading' },
h('div', { className: 'bt-mem-head' },
- h('h2', { id: 'bt-board-heading' }, t('Tasks')),
- h('span', { className: 'bt-mem-status' }, name),
+ h('h2', { id: 'bt-board-heading' }, view === 'delivery' ? t('Delivery') : t('Tasks')),
+ h('div', { className: 'bt-board-views', role: 'tablist', 'aria-label': t('Board view') },
+ h('button', { type: 'button', role: 'tab', className: 'bt-soft bt-soft-sm', 'data-view': 'tasks', 'aria-selected': view === 'tasks' ? 'true' : 'false', onClick: () => setView('tasks') }, t('Tasks')),
+ h('button', { type: 'button', role: 'tab', className: 'bt-soft bt-soft-sm', 'data-view': 'delivery', 'aria-selected': view === 'delivery' ? 'true' : 'false', onClick: () => setView('delivery') }, t('Delivery'))),
+ view === 'tasks' ? h('span', { className: 'bt-mem-status' }, name) : null,
h('span', { className: 'bt-mem-head-gap' }),
h('button', { type: 'button', className: 'bt-icon-btn', 'aria-label': t('Close tasks'), autoFocus: true, onClick: close }, h(CloseIcon))),
- h(BoardView, {
- roster, tasks, rail, scope, counts, dragging, error, draft,
- onDraft: setDraft, onSelect: setScope, onMove: move, onDrag: setDragging, onCreate: create,
- })))
+ view === 'delivery'
+ ? h(DeliveryView, { actions })
+ : h(BoardView, {
+ roster, tasks, rail, scope, counts, dragging, error, draft,
+ onDraft: setDraft, onSelect: setScope, onMove: move, onDrag: setDragging, onCreate: create,
+ })))
}
export const KANBAN_CSS = `
.bt-board-row{min-height:40px;padding:6px 8px;gap:10px}
+.bt-board-views{display:flex;gap:6px;align-items:center}
+.bt-board-views .bt-soft[aria-selected=true]{background:var(--bt-active,var(--bt-hover));color:var(--bt-ink)}
.bt-board-mark{flex:none;width:36px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--bt-ink-2)}
.bt-board-mark svg{width:18px;height:18px}
.bt-board-label{flex:1 1 auto;min-width:0;font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@@ -428,4 +439,4 @@ export const KANBAN_CSS = `
.bt-board-columns{flex-direction:column}
.bt-board-column{min-width:0}
}
-`
+` + DELIVERY_CSS
diff --git a/patches/ds-bot/files/src/host/authz.js b/patches/ds-bot/files/src/host/authz.js
index 81e6d2dc..7678d92f 100644
--- a/patches/ds-bot/files/src/host/authz.js
+++ b/patches/ds-bot/files/src/host/authz.js
@@ -398,7 +398,8 @@ export function install(rt) {
// Anything not in the table and not a known auth/read endpoint is denied.
if (NO_ACTOR_ALLOWED.has(ep) || ep.startsWith('auth-')) return ALLOW
if (ep === 'state' || ep === 'models' || ep === 'efforts' || ep === 'repo-stars' || ep === 'update-check'
- || ep === 'diagnostics' || ep === 'diagnostics-log' || ep === 'usage') return ALLOW
+ || ep === 'diagnostics' || ep === 'diagnostics-log' || ep === 'usage'
+ || ep === 'delivery-board') return ALLOW
return deny('bot/not-found', `Unknown endpoint ${ep}`)
}
diff --git a/patches/ds-bot/files/src/host/delivery-board.js b/patches/ds-bot/files/src/host/delivery-board.js
new file mode 100644
index 00000000..bbc5ae35
--- /dev/null
+++ b/patches/ds-bot/files/src/host/delivery-board.js
@@ -0,0 +1,365 @@
+// Delivery board (#1173): one read-only snapshot of the repository's GitHub issues, pull
+// requests and CI runs, laid out by delivery stage. This module is a view over GitHub, not a
+// writer: every request it makes is a GET, the token stays in this process, and the payload the
+// client receives carries no credential. The snapshot is cached; a stale cache is still served
+// while a refresh runs, and the payload says when it was taken.
+import { repoSlug } from './update.js'
+
+export const DELIVERY_COLUMNS = ['raw', 'ready', 'working', 'review', 'done-today']
+
+// State labels first on a card, then the areas; the order is the order the board shows.
+const STATE_LABELS = ['needs-human', 'needs-info', 'agent-ready', 'agent-working', 'agent-pr', 'awaiting-approval', 'hold']
+const DAY_MS = 86_400_000
+// Asia/Shanghai has no daylight saving; the day boundary the owner reads is its 00:00.
+const SHANGHAI_OFFSET_MS = 8 * 3_600_000
+const CACHE_TTL_MS = 5 * 60_000
+const PAGE = 100
+// GitHub caps a list at 1000 items per query; the CI payload says counted/total instead of
+// pretending the tail does not exist.
+const MAX_PAGES = 10
+const REQUEST_TIMEOUT_MS = 20_000
+const MAX_DONE = 40
+
+export const startOfDay = (now = Date.now()) => Math.floor((now + SHANGHAI_OFFSET_MS) / DAY_MS) * DAY_MS - SHANGHAI_OFFSET_MS
+
+export function median(values) {
+ const list = (values ?? []).filter(value => Number.isFinite(value)).sort((a, b) => a - b)
+ if (list.length === 0) return null
+ const middle = Math.floor(list.length / 2)
+ return list.length % 2 === 0 ? (list[middle - 1] + list[middle]) / 2 : list[middle]
+}
+
+const labelNames = (row) => (row.labels ?? []).map(label => (typeof label === 'string' ? label : label?.name)).filter(Boolean)
+const orderLabels = (names) => [...names].sort((a, b) => {
+ const left = STATE_LABELS.indexOf(a), right = STATE_LABELS.indexOf(b)
+ if (left !== -1 || right !== -1) return (left === -1 ? STATE_LABELS.length : left) - (right === -1 ? STATE_LABELS.length : right)
+ return a.localeCompare(b)
+})
+// The issues endpoint returns pull requests too; the pulls endpoint never does, so the two
+// lists are told apart by that field rather than by sniffing a PR's shape.
+const isPull = (row) => row.pull_request !== undefined || row.merge_commit_sha !== undefined
+const verdictOf = (comments) => {
+ for (let index = (comments ?? []).length - 1; index >= 0; index -= 1) {
+ const body = String(comments[index]?.body ?? '')
+ const match = /^\s*Verdict:\s*(PASS|INC)\b(.*)$/im.exec(body)
+ if (!match) continue
+ // The Verdict line names the tip the conclusion is about, so its sha is the marker; an
+ // Attestation line only stands in when the verdict line carries no sha. Reading them the other
+ // way round would let an older attestation hide a verdict that names the current tip (#1173).
+ const at = /^\s*Verdict:\s*(?:PASS|INC)\s+at\s+([0-9a-f]{7,40})/im.exec(body)?.[1] ?? null
+ const attestation = at ?? /^\s*Attestation:\s*([0-9a-f]{7,40})/im.exec(body)?.[1] ?? null
+ return { verdict: match[1].toUpperCase(), attestation }
+ }
+ return null
+}
+
+// A delivery card is a GitHub issue or pull request, never a Bot task record (#1173 keeps the
+// track_tasks board separate).
+export function cardOf(row, { kind, linked = null, owner = null, badge = null, sha = null } = {}) {
+ return {
+ kind,
+ number: row.number,
+ title: String(row.title ?? ''),
+ url: String(row.html_url ?? ''),
+ labels: orderLabels(labelNames(row)),
+ owner,
+ created: row.created_at ?? null,
+ updated: row.updated_at ?? null,
+ linked,
+ badge,
+ sha,
+ draft: row.draft === true,
+ }
+}
+
+export function columnOfDelivery(row, { kind }) {
+ const labels = labelNames(row)
+ if (kind === 'pr') return 'review'
+ if (labels.includes('agent-working')) return 'working'
+ if (labels.includes('agent-ready')) return 'ready'
+ return 'raw'
+}
+
+async function readJson(response) {
+ if (!response.ok) throw new Error(`GitHub answered ${response.status}`)
+ return response.json()
+}
+
+export function createDeliveryBoard({ repo, token, request = fetch, now = Date.now, ttl = CACHE_TTL_MS, warn = () => {} } = {}) {
+ // Secrets are read asynchronously after install, so the token is resolved per request: a value
+ // captured at install time is empty until the next restart (#1173).
+ const tokenNow = () => (typeof token === 'function' ? token() : token)
+ const base = `https://api.github.com/repos/${repo}`
+ const cache = new Map()
+ let snapshot = null
+ let inflight = null
+
+ // Every URL this board asks for is a read. A write would be a bug, so the shape is refused
+ // here rather than trusted from the call sites (#1173 read-only invariant).
+ async function get(url) {
+ const cached = cache.get(url)
+ const headers = { Accept: 'application/vnd.github+json', 'User-Agent': 'flybot-delivery-board' }
+ const bearer = tokenNow()
+ if (bearer) headers.Authorization = `Bearer ${bearer}`
+ if (cached?.etag) headers['If-None-Match'] = cached.etag
+ const response = await request(url, { method: 'GET', headers, signal: AbortSignal.timeout(REQUEST_TIMEOUT_MS) })
+ if (response.status === 304 && cached !== undefined) {
+ cache.set(url, { ...cached, at: now() })
+ return cached.body
+ }
+ if (!response.ok) throw new Error(`GitHub answered ${response.status} for ${new URL(url).pathname}`)
+ const body = await readJson(response)
+ cache.set(url, { etag: response.headers?.get?.('etag') ?? null, body, at: now() })
+ return body
+ }
+
+ async function pages(path, { max = MAX_PAGES, stop = null } = {}) {
+ const rows = []
+ for (let page = 1; page <= max; page += 1) {
+ const separator = path.includes('?') ? '&' : '?'
+ const chunk = await get(`${base}${path}${separator}per_page=${PAGE}&page=${page}`)
+ if (!Array.isArray(chunk)) break
+ rows.push(...chunk)
+ if (chunk.length < PAGE || (stop !== null && chunk.some(stop))) break
+ }
+ return rows
+ }
+
+ async function commentsOf(number) {
+ return get(`${base}/issues/${number}/comments?per_page=100&page=1`)
+ }
+
+ async function runsOfDay(from, to) {
+ // GitHub reads `created` as a date-time range in ISO 8601; epoch milliseconds are accepted
+ // silently and match nothing, which reads as "no CI today" rather than an error (#1173).
+ const created = `${new Date(from).toISOString()}..${new Date(to).toISOString()}`
+ let total = null
+ let counted = 0
+ let failed = 0
+ let superseded = 0
+ for (let page = 1; page <= MAX_PAGES; page += 1) {
+ const body = await get(`${base}/actions/runs?created=${created}&per_page=${PAGE}&page=${page}`)
+ if (total === null) total = Number(body?.total_count ?? 0)
+ const runs = Array.isArray(body?.workflow_runs) ? body.workflow_runs : []
+ counted += runs.length
+ for (const run of runs) {
+ if (run.conclusion === 'failure' || run.conclusion === 'timed_out' || run.conclusion === 'startup_failure') failed += 1
+ else if (run.conclusion === 'cancelled') superseded += 1
+ }
+ if (runs.length < PAGE) break
+ }
+ return { failed, superseded, counted, total: total ?? counted }
+ }
+
+ const windowOf = (from) => ({ from, to: from + DAY_MS })
+
+ async function metricsFor(from, { days = 1, ciDays = 1 } = {}) {
+ const to = from + days * DAY_MS
+ const [issues, pulls] = await Promise.all([
+ pages(`/issues?state=all&since=${new Date(from - DAY_MS).toISOString()}`, { max: 4, stop: row => row.created_at !== undefined && Date.parse(row.created_at) < from - DAY_MS }),
+ pages('/pulls?state=all&sort=created&direction=desc', { max: 4, stop: row => Date.parse(row.created_at ?? 0) < from }),
+ ])
+ const plainIssues = issues.filter(row => !isPull(row))
+ const inWindow = (value) => { const at = Date.parse(value ?? ''); return Number.isFinite(at) && at >= from && at < to }
+ const newIssues = plainIssues.filter(row => inWindow(row.created_at)).length
+ const closedIssues = plainIssues.filter(row => inWindow(row.closed_at))
+ const newPrs = pulls.filter(row => inWindow(row.created_at)).length
+ const merged = pulls.filter(row => inWindow(row.merged_at))
+ const ci = { failed: 0, superseded: 0, counted: 0, total: 0 }
+ for (let day = 0; day < ciDays; day += 1) {
+ const window = windowOf(from - day * DAY_MS)
+ const runs = await runsOfDay(window.from, window.to)
+ ci.failed += runs.failed
+ ci.superseded += runs.superseded
+ ci.counted += runs.counted
+ ci.total += runs.total
+ }
+ return {
+ newIssues,
+ closedIssues: closedIssues.length,
+ closedReasons: {
+ completed: closedIssues.filter(row => row.state_reason === 'completed').length,
+ notPlanned: closedIssues.filter(row => row.state_reason === 'not_planned').length,
+ duplicate: closedIssues.filter(row => row.state_reason === 'duplicate').length,
+ },
+ newPullRequests: newPrs,
+ mergedPullRequests: merged.length,
+ medianIssueCloseMs: median(closedIssues.map(row => Date.parse(row.closed_at) - Date.parse(row.created_at))),
+ medianPullMergeMs: median(merged.map(row => Date.parse(row.merged_at) - Date.parse(row.created_at))),
+ ci,
+ }
+ }
+
+ function badgeFor(pr, verdict, checks) {
+ const head = pr.head?.sha ?? ''
+ const atTip = verdict !== null && verdict.attestation !== null && (head.startsWith(verdict.attestation) || verdict.attestation.startsWith(head))
+ // A verdict only counts at the tip it names; an older one is history, so CI speaks.
+ if (atTip) {
+ if (verdict.verdict === 'INC') return { badge: 'inc', basis: 'INC at this tip' }
+ } else {
+ const states = (checks ?? []).map(run => run.status === 'completed' ? run.conclusion : run.status)
+ if (states.some(state => state === 'in_progress' || state === 'queued' || state === 'requested' || state === 'waiting')) {
+ return { badge: 'ci-running', basis: 'checks running' }
+ }
+ if (states.some(state => state === 'failure' || state === 'timed_out')) return { badge: 'ci-red', basis: 'checks failed' }
+ return { badge: 'no-verdict', basis: verdict === null ? 'no verdict at this tip' : `verdict at ${verdict.attestation?.slice(0, 7) ?? 'another tip'} is older than this tip` }
+ }
+ // GitHub's REST API does not expose the merge queue. A clean, green PR is waiting to be
+ // enqueued; one that is blocked or still waiting on checks is waiting for its merge.
+ if (pr.mergeable_state === 'clean') return { badge: 'pass-enqueue', basis: 'PASS, mergeable, not queued yet' }
+ return { badge: 'pass-merge', basis: `PASS, ${pr.mergeable_state ?? 'unknown'}` }
+ }
+
+ async function ownerOf(row, kind) {
+ const assignee = (row.assignees ?? [])[0]?.login
+ if (typeof assignee === 'string' && assignee !== '') return { owner: assignee, ownerKind: 'human' }
+ if (kind === 'pr') {
+ const body = String(row.body ?? '')
+ const who = /^\s*(?:Written-by|Owner):\s*([^\n]+)$/im.exec(body)?.[1]?.trim()
+ if (who) return { owner: who, ownerKind: /bot/i.test(who) ? 'bot' : 'human' }
+ }
+ const comments = await commentsOf(row.number).catch(() => [])
+ for (let index = comments.length - 1; index >= 0; index -= 1) {
+ const claim = /^\s*Claimed by\s+([^\n]+)$/im.exec(String(comments[index]?.body ?? ''))?.[1]?.trim()
+ if (claim) return { owner: claim, ownerKind: /bot/i.test(claim) ? 'bot' : 'human' }
+ }
+ return { owner: null, ownerKind: null }
+ }
+
+ async function snapshotFromGitHub() {
+ const at = now()
+ const today = startOfDay(at)
+ const weekStart = today - 7 * DAY_MS
+ const [openIssues, openPulls] = await Promise.all([
+ pages('/issues?state=open&sort=updated&direction=desc'),
+ pages('/pulls?state=open&sort=updated&direction=desc'),
+ ])
+ const issues = openIssues.filter(row => !isPull(row))
+ const pullRows = openPulls
+ const linkedTo = new Map()
+ for (const pr of pullRows) {
+ const text = `${pr.title ?? ''}\n${pr.body ?? ''}`
+ for (const match of text.matchAll(/#(\d+)/g)) {
+ const number = Number(match[1])
+ if (!linkedTo.has(number)) linkedTo.set(number, pr.number)
+ }
+ }
+ const [todayMetrics, weekMetrics] = await Promise.all([
+ metricsFor(today),
+ metricsFor(weekStart, { days: 7, ciDays: 7 }),
+ ])
+ const closedToday = await pages(`/issues?state=closed&since=${new Date(today - DAY_MS).toISOString()}`, { max: 3 })
+ const mergedToday = await pages('/pulls?state=closed&sort=updated&direction=desc', { max: 3, stop: row => Date.parse(row.updated_at ?? 0) < today - 2 * DAY_MS })
+ const columns = { raw: [], ready: [], working: [], review: [], 'done-today': [] }
+ for (const issue of issues) {
+ const column = columnOfDelivery(issue, { kind: 'issue' })
+ const { owner, ownerKind } = column === 'raw' ? { owner: null, ownerKind: null } : await ownerOf(issue, 'issue')
+ columns[column].push(cardOf(issue, { kind: 'issue', linked: linkedTo.get(issue.number) ?? null, owner, ownerKind }))
+ }
+ for (const pr of pullRows) {
+ const [verdictComments, checks] = await Promise.all([
+ commentsOf(pr.number).catch(() => []),
+ get(`${base}/commits/${pr.head?.sha}/check-runs?per_page=100`).then(body => body?.check_runs ?? []).catch(() => []),
+ ])
+ const verdict = verdictOf(verdictComments)
+ const { badge, basis } = badgeFor(pr, verdict, checks)
+ const { owner, ownerKind } = await ownerOf(pr, 'pr')
+ columns.review.push({ ...cardOf(pr, { kind: 'pr', owner, ownerKind, badge, sha: String(pr.head?.sha ?? '').slice(0, 7) }), badgeBasis: basis })
+ }
+ const closedInDay = (row) => Date.parse(row.closed_at ?? '') >= today
+ const doneIssues = closedToday.filter(row => !isPull(row) && closedInDay(row))
+ const donePulls = mergedToday.filter(row => Date.parse(row.merged_at ?? '') >= today)
+ // A pull request closed today without a merge is finished work too, so it is done today and not
+ // nowhere (#1173). The issues endpoint describes its pull requests by the `pull_request` object
+ // and gives no top-level `merged_at` and no `head`: reading either would count a merged pull
+ // twice and name a commit this endpoint never returns. The numbers already counted as merged
+ // settle it even when that row carries no merge time.
+ const mergedNumbers = new Set(donePulls.map(row => row.number))
+ const abandonedPulls = closedToday.filter(row => isPull(row) && !row.pull_request?.merged_at && !mergedNumbers.has(row.number) && closedInDay(row))
+ for (const row of donePulls) columns['done-today'].push(cardOf(row, { kind: 'pr', sha: String(row.merge_commit_sha ?? '').slice(0, 7) || null }))
+ for (const row of abandonedPulls) columns['done-today'].push(cardOf(row, { kind: 'pr' }))
+ for (const row of doneIssues) columns['done-today'].push(cardOf(row, { kind: 'issue' }))
+ columns['done-today'] = columns['done-today'].slice(0, MAX_DONE)
+ const needsHuman = issues.filter(row => labelNames(row).includes('needs-human') || labelNames(row).includes('needs-info')).length
+ const openPrs = pullRows.length
+ return {
+ ok: true,
+ repo,
+ asOf: new Date(at).toISOString(),
+ computedMs: Date.now() - at,
+ columns,
+ counts: Object.fromEntries(DELIVERY_COLUMNS.map(column => [column, columns[column].length])),
+ metrics: {
+ dayStart: new Date(today).toISOString(),
+ timeZone: 'Asia/Shanghai',
+ today: todayMetrics,
+ week: weekMetrics,
+ open: {
+ issues: issues.length,
+ pullRequests: openPrs,
+ needsHuman,
+ medianIssueAgeMs: median(issues.map(row => at - Date.parse(row.created_at))),
+ },
+ },
+ }
+ }
+
+ function view(extra = {}) {
+ if (snapshot === null) return { ok: false, reason: 'no-github', asOf: null, columns: {}, metrics: null, ...extra }
+ return { ...snapshot, ...extra }
+ }
+
+ async function refresh() {
+ if (inflight !== null) return inflight
+ inflight = (async () => {
+ try {
+ snapshot = await snapshotFromGitHub()
+ return snapshot
+ } catch (error) {
+ const message = String(error?.message ?? error)
+ warn('ds-bot: delivery board refresh failed: %s', message)
+ if (snapshot !== null) snapshot = { ...snapshot, error: message }
+ else snapshot = null
+ return snapshot
+ } finally {
+ inflight = null
+ }
+ })()
+ return inflight
+ }
+
+ return {
+ columns: DELIVERY_COLUMNS,
+ async read({ force = false } = {}) {
+ if (snapshot === null) return view(await refresh() ? {} : {})
+ const age = now() - Date.parse(snapshot.asOf)
+ if (force || age >= ttl) {
+ void refresh()
+ return view({ refreshing: true, stale: true })
+ }
+ return view()
+ },
+ // Tests and the host's own diagnostics read the cache without touching GitHub.
+ cached: () => snapshot,
+ }
+}
+
+export function install(rt) {
+ const repo = (() => {
+ try { return rt.repoSlug?.() ?? repoSlug() } catch { return repoSlug() }
+ })()
+ const tokenOf = () => {
+ try { return rt.secretValue?.('GITHUB_TOKEN') } catch { return undefined }
+ }
+ const board = createDeliveryBoard({
+ repo,
+ token: tokenOf,
+ request: (url, init) => (rt.fetch ?? fetch)(url, init),
+ warn: (...args) => rt.warn?.(...args),
+ })
+ rt.deliveryBoard = async (payload = {}) => {
+ // The channel answers before a host restart would; load once so the first read is signed.
+ await rt.loadSecrets?.().catch(error => rt.warn?.('ds-bot: delivery board: secrets did not load: %s', error?.message ?? error))
+ return board.read({ force: payload?.force === true })
+ }
+}
diff --git a/patches/ds-bot/files/test/delivery-board.test.js b/patches/ds-bot/files/test/delivery-board.test.js
new file mode 100644
index 00000000..08f742d2
--- /dev/null
+++ b/patches/ds-bot/files/test/delivery-board.test.js
@@ -0,0 +1,296 @@
+// The delivery board (#1173) is a read-only view of GitHub: five columns, one cached snapshot,
+// metrics with an Asia/Shanghai day boundary, and no write request anywhere.
+import assert from 'node:assert/strict'
+import { test } from 'node:test'
+import { readFileSync } from 'node:fs'
+import { createDeliveryBoard, DELIVERY_COLUMNS, install, median, startOfDay } from '../src/host/delivery-board.js'
+
+const NOW = Date.parse('2026-10-25T04:00:00Z') // 12:00 in Asia/Shanghai
+const AT = (iso) => Date.parse(iso)
+
+function fakeGitHub({ comments = {}, checks = {}, closedExtra = [], mergedExtra = [] } = {}) {
+ const calls = []
+ const write = (body, status = 200) => ({ ok: status < 400, status, headers: { get: () => 'etag-1' }, json: async () => body })
+ const request = async (url, init = {}) => {
+ const parsed = new URL(url)
+ const path = parsed.pathname.replace('/repos/o/r', '')
+ const page = Number(parsed.searchParams.get('page') ?? 1)
+ calls.push({ path, method: init.method, headers: init.headers ?? {}, query: parsed.search })
+ if (init.method !== 'GET') throw new Error(`the delivery board must not send ${init.method}`)
+ if (path === '/issues' && parsed.searchParams.get('state') === 'open') {
+ return write(page === 1 ? [
+ { number: 10, title: 'Untriaged', html_url: 'https://x/10', labels: [{ name: 'bug' }], created_at: '2026-10-20T00:00:00Z', updated_at: '2026-10-24T00:00:00Z' },
+ { number: 11, title: 'Ready', html_url: 'https://x/11', labels: [{ name: 'agent-ready' }, { name: 'enhancement' }], created_at: '2026-10-21T00:00:00Z', updated_at: '2026-10-23T00:00:00Z' },
+ { number: 12, title: 'Working', html_url: 'https://x/12', labels: [{ name: 'agent-working' }, { name: 'agent-ready' }], created_at: '2026-10-19T00:00:00Z', updated_at: '2026-10-22T00:00:00Z' },
+ { number: 13, title: 'Needs a human', html_url: 'https://x/13', labels: [{ name: 'needs-info' }], created_at: '2026-09-01T00:00:00Z', updated_at: '2026-10-01T00:00:00Z' },
+ ] : [])
+ }
+ if (path === '/pulls' && parsed.searchParams.get('state') === 'open') {
+ return write(page === 1 ? [
+ { number: 40, title: 'Pending verdict', html_url: 'https://x/40', body: 'Owner: Dev', head: { sha: 'aaaaaaa1' }, mergeable_state: 'unstable', created_at: '2026-10-24T00:00:00Z', updated_at: '2026-10-24T10:00:00Z', labels: [] },
+ { number: 41, title: 'Fix the thing', html_url: 'https://x/41', body: 'Fixes #12', head: { sha: 'bbbbbbb2' }, mergeable_state: 'clean', created_at: '2026-10-23T00:00:00Z', updated_at: '2026-10-24T09:00:00Z', labels: [{ name: 'agent-pr' }] },
+ ] : [])
+ }
+ if (path === '/pulls' && parsed.searchParams.get('state') === 'all') {
+ return write(page === 1 ? [
+ { number: 41, title: 'Fix the thing', html_url: 'https://x/41', created_at: '2026-10-23T00:00:00Z', merged_at: '2026-10-25T02:00:00Z', updated_at: '2026-10-25T02:00:00Z' },
+ { number: 42, title: 'Older merge', html_url: 'https://x/42', created_at: '2026-10-22T00:00:00Z', merged_at: '2026-10-24T02:00:00Z', updated_at: '2026-10-24T02:00:00Z' },
+ ] : [])
+ }
+ if (path === '/pulls' && parsed.searchParams.get('state') === 'closed') {
+ return write(page === 1 ? [
+ { number: 41, title: 'Fix the thing', html_url: 'https://x/41', created_at: '2026-10-23T00:00:00Z', merged_at: '2026-10-25T02:00:00Z', updated_at: '2026-10-25T02:00:00Z', merge_commit_sha: 'ccccccc3' },
+ ...mergedExtra,
+ ] : [])
+ }
+ if (path === '/issues' && parsed.searchParams.get('state') === 'all') {
+ return write(page === 1 ? [
+ { number: 10, title: 'Untriaged', created_at: '2026-10-20T00:00:00Z', closed_at: null, state_reason: null },
+ { number: 11, title: 'Ready', created_at: '2026-10-21T00:00:00Z', closed_at: null, state_reason: null },
+ { number: 12, title: 'Working', created_at: '2026-10-19T00:00:00Z', closed_at: null, state_reason: null },
+ { number: 41, title: 'a PR, not an issue', pull_request: { url: 'x' }, created_at: '2026-10-23T00:00:00Z' },
+ { number: 14, title: 'Closed today', created_at: '2026-10-20T00:00:00Z', closed_at: '2026-10-25T01:00:00Z', state_reason: 'completed' },
+ { number: 15, title: 'Closed yesterday', created_at: '2026-10-21T00:00:00Z', closed_at: '2026-10-24T01:00:00Z', state_reason: 'not_planned' },
+ ] : [])
+ }
+ if (path === '/issues' && parsed.searchParams.get('state') === 'closed') {
+ return write(page === 1 ? [
+ { number: 14, title: 'Closed today', html_url: 'https://x/14', created_at: '2026-10-20T00:00:00Z', closed_at: '2026-10-25T01:00:00Z', state_reason: 'completed', updated_at: '2026-10-25T01:00:00Z', labels: [] },
+ // A merged pull as /issues?state=closed really returns it: the merge time lives on the
+ // pull_request object, there is no top-level merged_at and no head (#1173).
+ { number: 41, title: 'Fix the thing', html_url: 'https://x/41', pull_request: { url: 'x', html_url: 'https://x/41', diff_url: 'https://x/41.diff', patch_url: 'https://x/41.patch', merged_at: '2026-10-25T02:00:00Z' }, created_at: '2026-10-23T00:00:00Z', closed_at: '2026-10-25T02:00:00Z', updated_at: '2026-10-25T02:00:00Z', labels: [] },
+ ...closedExtra,
+ ] : [])
+ }
+ if (path.startsWith('/actions/runs')) {
+ return write({
+ total_count: 3,
+ workflow_runs: [
+ { conclusion: 'failure' }, { conclusion: 'cancelled' }, { conclusion: 'success' },
+ ],
+ })
+ }
+ if (/^\/issues\/\d+\/comments$/.test(path)) {
+ const number = Number(path.split('/')[2])
+ return write(comments[number] ?? [])
+ }
+ if (/^\/commits\/.+\/check-runs$/.test(path)) {
+ const sha = path.split('/')[2]
+ return write({ check_runs: checks[sha] ?? [] })
+ }
+ return write({ message: 'not found' }, 404)
+ }
+ return { request, calls }
+}
+
+const build = (options = {}) => {
+ const github = fakeGitHub(options)
+ const board = createDeliveryBoard({ repo: 'o/r', token: 'SECRET-TOKEN', request: github.request, now: () => NOW })
+ return { board, github }
+}
+
+test('the delivery board is read-only and the payload carries no credential (#1173)', async () => {
+ const { board, github } = build()
+ const snapshot = await board.read()
+ assert.ok(github.calls.length > 0)
+ assert.deepEqual([...new Set(github.calls.map(call => call.method))], ['GET'])
+ for (const call of github.calls) assert.match(call.headers.Authorization ?? '', /^Bearer SECRET-TOKEN$/)
+ assert.doesNotMatch(JSON.stringify(snapshot), /SECRET-TOKEN|Authorization/)
+})
+
+test('five columns come from one snapshot, an issue and its PR linked (#1173)', async () => {
+ const { board } = build()
+ const snapshot = await board.read()
+ assert.deepEqual(Object.keys(snapshot.columns), DELIVERY_COLUMNS)
+ assert.deepEqual(snapshot.columns.raw.map(card => card.number), [10, 13])
+ assert.deepEqual(snapshot.columns.ready.map(card => card.number), [11])
+ assert.deepEqual(snapshot.columns.working.map(card => card.number), [12])
+ assert.deepEqual(snapshot.columns.review.map(card => card.number), [40, 41])
+ assert.deepEqual(snapshot.columns['done-today'].map(card => card.number), [41, 14])
+ const working = snapshot.columns.working[0]
+ assert.equal(working.linked, 41)
+ assert.equal(working.owner, null)
+ const ready = snapshot.columns.ready[0]
+ assert.deepEqual(ready.labels, ['agent-ready', 'enhancement'])
+ assert.deepEqual(snapshot.counts, { raw: 2, ready: 1, working: 1, review: 2, 'done-today': 2 })
+})
+
+test('a pull request closed today without a merge is done today, not nowhere (#1173)', async () => {
+ const { board } = build({
+ closedExtra: [
+ // The shape /issues?state=closed gives a closed pull: no top-level merged_at, no head.
+ { number: 52, title: 'Closed, never merged', html_url: 'https://x/52', pull_request: { url: 'x', html_url: 'https://x/52', diff_url: 'https://x/52.diff', patch_url: 'https://x/52.patch', merged_at: null }, created_at: '2026-10-22T00:00:00Z', closed_at: '2026-10-25T03:00:00Z', updated_at: '2026-10-25T03:00:00Z', labels: [] },
+ { number: 53, title: 'Closed yesterday, never merged', html_url: 'https://x/53', pull_request: { url: 'x', html_url: 'https://x/53', diff_url: 'https://x/53.diff', patch_url: 'https://x/53.patch', merged_at: null }, created_at: '2026-10-22T00:00:00Z', closed_at: '2026-10-24T03:00:00Z', updated_at: '2026-10-24T03:00:00Z', labels: [] },
+ ],
+ })
+ const snapshot = await board.read()
+ const done = snapshot.columns['done-today']
+ // Acceptance 2.5: today's merges plus today's closures, and a closed pull request counts even
+ // though it never merged. Yesterday's closure stays off the board.
+ assert.equal(done.filter(card => card.number === 41).length, 1)
+ assert.equal(done.filter(card => card.number === 52).length, 1)
+ assert.equal(done.filter(card => card.number === 14).length, 1)
+ const closed = done.find(card => card.number === 52)
+ assert.equal(closed.kind, 'pr')
+ // /issues?state=closed returns no head for a pull, so this card carries no merge commit.
+ assert.equal(closed.sha, null)
+ assert.equal(done.some(card => card.number === 53), false)
+ assert.equal(snapshot.counts['done-today'], done.length)
+})
+
+test('a pull merged today is done once although the closed page lists it too (#1173)', async () => {
+ const { board } = build({
+ mergedExtra: [
+ { number: 44, title: 'Merged today', html_url: 'https://x/44', created_at: '2026-10-23T00:00:00Z', merged_at: '2026-10-25T02:30:00Z', updated_at: '2026-10-25T02:30:00Z', merge_commit_sha: 'fffffff6' },
+ ],
+ // The closed page returns the same pull, and a row there can reach us without a merge time on
+ // its pull_request object, so reading that object alone would count it twice. A pull closed
+ // without merging sits on that page too and must still reach the board.
+ closedExtra: [
+ { number: 44, title: 'Merged today', html_url: 'https://x/44', pull_request: { url: 'x' }, created_at: '2026-10-23T00:00:00Z', closed_at: '2026-10-25T02:30:00Z', updated_at: '2026-10-25T02:30:00Z', labels: [] },
+ { number: 52, title: 'Closed, never merged', html_url: 'https://x/52', pull_request: { url: 'x' }, created_at: '2026-10-22T00:00:00Z', closed_at: '2026-10-25T03:00:00Z', updated_at: '2026-10-25T03:00:00Z', labels: [] },
+ ],
+ })
+ const snapshot = await board.read()
+ const done = snapshot.columns['done-today']
+ for (const number of [41, 44, 14, 52]) assert.equal(done.filter(card => card.number === number).length, 1, `#${number} is done today once`)
+ assert.equal(done.some(card => card.number === 15), false)
+ assert.equal(snapshot.counts['done-today'], done.length)
+})
+
+test('a verdict with no Attestation still counts at the sha it names (#1173)', async () => {
+ const { board } = build({
+ comments: { 41: [{ body: 'Verdict: PASS at bbbbbbb2' }] },
+ checks: { bbbbbbb2: [{ status: 'completed', conclusion: 'success' }] },
+ })
+ const snapshot = await board.read()
+ const card = snapshot.columns.review.find(item => item.number === 41)
+ assert.equal(card.badge, 'pass-enqueue')
+})
+
+test('a verdict line wins over an Attestation that names an older sha (#1173)', async () => {
+ // Two markers, two tips: the Attestation points at #40's sha, the Verdict line at this PR's.
+ // Reading Attestation first would hide a verdict that names the current tip (#1173 INC).
+ const { board } = build({
+ comments: { 41: [{ body: 'Verdict: PASS at bbbbbbb2\nAttestation: aaaaaaa1 role=Reviewer' }] },
+ checks: { aaaaaaa1: [{ status: 'in_progress', conclusion: null }], bbbbbbb2: [{ status: 'completed', conclusion: 'success' }] },
+ })
+ const snapshot = await board.read()
+ const card = snapshot.columns.review.find(item => item.number === 41)
+ assert.equal(card.badge, 'pass-enqueue')
+})
+
+test('the token is read per request, and install loads the secrets first (#1173)', async () => {
+ // A token captured at install time is empty until the host loads secrets; every request must
+ // resolve it again, and the first read must ask the host to load them (#1173 INC).
+ const direct = fakeGitHub()
+ let secret
+ const board = createDeliveryBoard({ repo: 'o/r', token: () => secret, request: direct.request, now: () => NOW })
+ await board.read()
+ assert.ok(direct.calls.every(call => call.headers.Authorization === undefined))
+ secret = 'SECRET-TOKEN'
+ await board.read({ force: true })
+ assert.ok(direct.calls.slice(-10).some(call => call.headers.Authorization === 'Bearer SECRET-TOKEN'))
+
+ const github = fakeGitHub()
+ let loads = 0
+ let loaded
+ const rt = {
+ repoSlug: () => 'o/r',
+ // The secrets file is read asynchronously, so at install time there is nothing to read yet.
+ secretValue: name => (name === 'GITHUB_TOKEN' ? loaded : undefined),
+ loadSecrets: async () => { loads += 1; loaded = 'SECRET-TOKEN' },
+ fetch: github.request,
+ warn: () => {},
+ }
+ const installed = Object.assign({}, rt)
+ install(installed)
+ const snapshot = await installed.deliveryBoard()
+ assert.equal(loads, 1)
+ assert.equal(snapshot.ok, true)
+ assert.ok(github.calls.length > 0)
+ assert.ok(github.calls.every(call => call.headers.Authorization === 'Bearer SECRET-TOKEN'))
+})
+
+test('a PR badge reads the verdict at its own tip, and CI when there is none (#1173)', async () => {
+ const { board } = build({
+ comments: {
+ 40: [{ body: 'Verdict: PASS at deadbee\nAttestation: deadbee role=Reviewer2' }],
+ 41: [{ body: 'Verdict: PASS at bbbbbbb\nAttestation: bbbbbbb2 role=Reviewer' }],
+ },
+ checks: { aaaaaaa1: [{ status: 'in_progress', conclusion: null }], bbbbbbb2: [{ status: 'completed', conclusion: 'success' }] },
+ })
+ const snapshot = await board.read()
+ const badges = Object.fromEntries(snapshot.columns.review.map(card => [card.number, card.badge]))
+ // Verdict names an older sha: it does not count at this tip, so CI speaks.
+ assert.equal(badges[40], 'ci-running')
+ assert.equal(badges[41], 'pass-enqueue')
+})
+
+test('metrics use the Shanghai day boundary, medians, and the CI counted/total caveat (#1173)', async () => {
+ assert.equal(startOfDay(NOW), AT('2026-10-24T16:00:00Z'))
+ assert.equal(median([5, 1, 3]), 3)
+ assert.equal(median([4, 1, 3, 2]), 2.5)
+ const { board } = build()
+ const snapshot = await board.read()
+ const { today, week, open } = snapshot.metrics
+ assert.equal(today.newIssues, 0)
+ assert.equal(today.closedIssues, 1)
+ assert.equal(today.closedReasons.completed, 1)
+ assert.equal(today.closedReasons.notPlanned, 0)
+ assert.equal(today.mergedPullRequests, 1)
+ assert.equal(today.medianPullMergeMs, AT('2026-10-25T02:00:00Z') - AT('2026-10-23T00:00:00Z'))
+ assert.deepEqual(today.ci, { failed: 1, superseded: 1, counted: 3, total: 3 })
+ assert.equal(week.newIssues, 5)
+ assert.equal(week.closedIssues, 1)
+ assert.equal(week.closedReasons.notPlanned, 1)
+ assert.equal(open.issues, 4)
+ assert.equal(open.pullRequests, 2)
+ assert.equal(open.needsHuman, 1)
+ assert.equal(open.medianIssueAgeMs, median([
+ NOW - AT('2026-10-20T00:00:00Z'), NOW - AT('2026-10-21T00:00:00Z'),
+ NOW - AT('2026-10-19T00:00:00Z'), NOW - AT('2026-09-01T00:00:00Z'),
+ ]))
+})
+
+test('a snapshot is cached, a stale one is served while it refreshes, and 304 reuses it (#1173)', async () => {
+ let clock = NOW
+ const github = fakeGitHub()
+ const board = createDeliveryBoard({ repo: 'o/r', token: 't', request: github.request, now: () => clock, ttl: 60_000 })
+ const first = await board.read({ force: true })
+ assert.equal(first.stale, undefined)
+ const requestsAfterFirst = github.calls.length
+ clock += 30_000
+ const cached = await board.read()
+ assert.equal(github.calls.length, requestsAfterFirst, 'a fresh cache makes no request')
+ assert.equal(cached.asOf, first.asOf)
+ // Past the TTL the old snapshot is served at once, and the refresh runs in the background.
+ clock += 60_000
+ const stale = await board.read()
+ assert.equal(stale.stale, true)
+ assert.equal(stale.refreshing, true)
+ assert.equal(stale.asOf, first.asOf)
+ await new Promise(resolve => setImmediate(resolve))
+ await board.read({ force: true })
+ const conditional = github.calls.filter(call => call.headers['If-None-Match'] !== undefined)
+ assert.ok(conditional.length > 0, 'a refresh asks with If-None-Match')
+})
+
+test('the host installs no timer: nothing refreshes behind the browser (#1173)', () => {
+ // A host-side interval would burn a turn's worth of GitHub reads with nobody looking; the
+ // snapshot moves only when the browser asks. The client's own poll is tested in delivery-view.
+ const source = readFileSync(new URL('../src/host/delivery-board.js', import.meta.url), 'utf8')
+ assert.equal(/\bset(?:Interval|Timeout)\s*\(/.test(source), false)
+})
+
+test('CI counts ask GitHub for the day in ISO time, not epoch numbers (#1173)', async () => {
+ // Epoch milliseconds answer 200 with no runs, so a wrong format reads as "CI never ran".
+ const { board, github } = build()
+ await board.read()
+ const runs = github.calls.filter(call => call.path.startsWith('/actions/runs'))
+ assert.ok(runs.length > 0)
+ for (const call of runs) {
+ const created = new URLSearchParams(call.query).get('created')
+ assert.match(created, /^\d{4}-\d{2}-\d{2}T[\d:.]+Z\.\.\d{4}-\d{2}-\d{2}T[\d:.]+Z$/, `created=${created}`)
+ }
+})
diff --git a/patches/ds-bot/files/test/delivery-view.test.js b/patches/ds-bot/files/test/delivery-view.test.js
new file mode 100644
index 00000000..312c3554
--- /dev/null
+++ b/patches/ds-bot/files/test/delivery-view.test.js
@@ -0,0 +1,117 @@
+// The delivery board view (#1173): five columns from one snapshot, a read-only card, and the
+// header numbers with the CI counted caveat. The host module is tested in delivery-board.test.js.
+import assert from 'node:assert/strict'
+import { test } from 'node:test'
+import { fileURLToPath } from 'node:url'
+import { runInNewContext } from 'node:vm'
+import { build } from 'esbuild'
+
+const bundle = await build({
+ entryPoints: [fileURLToPath(new URL('../src/client/delivery-view.js', import.meta.url))],
+ bundle: true, format: 'cjs', platform: 'node', write: false,
+ external: ['react'],
+})
+const module = { exports: {} }
+runInNewContext(bundle.outputFiles[0].text, {
+ module, exports: module.exports, setTimeout, clearTimeout, setInterval, clearInterval, Date, Promise, Number, Math, String, Array, Object,
+ require: (name) => {
+ if (name !== 'react') throw new Error(`no platform module ${name}`)
+ return {
+ createElement: (type, props, ...children) => {
+ const kids = children.flat(Infinity)
+ if (typeof type === 'function') return type({ ...(props ?? {}), children: kids })
+ return { type, props: props ?? {}, children: kids }
+ },
+ useState: initial => [typeof initial === 'function' ? initial() : initial, () => {}],
+ useEffect: () => {},
+ }
+ },
+})
+const { DELIVERY_COLUMNS, DeliveryBoard, badgeLabel, duration, metricRows } = module.exports
+
+const text = (node) => {
+ if (node === null || node === undefined || typeof node !== 'object') return String(node ?? '')
+ return [node.props?.title ?? '', ...(node.children ?? []).map(text)].join(' ')
+}
+const walk = (node, out = []) => {
+ if (node === null || typeof node !== 'object') return out
+ out.push(node)
+ for (const child of node.children ?? []) walk(child, out)
+ return out
+}
+
+const snapshot = {
+ asOf: '2026-10-25T04:00:00Z',
+ columns: {
+ raw: [{ kind: 'issue', number: 10, title: 'Untriaged', labels: ['bug'], url: 'https://x/10', owner: null }],
+ ready: [{ kind: 'issue', number: 11, title: 'Ready', labels: ['agent-ready'], url: 'https://x/11', owner: 'Dev' }],
+ working: [{ kind: 'issue', number: 12, title: 'Working', labels: ['agent-working'], url: 'https://x/12', linked: 41 }],
+ review: [{ kind: 'pr', number: 41, title: 'Fix', labels: [], url: 'https://x/41', badge: 'inc', sha: 'abcdef1' }],
+ 'done-today': [{ kind: 'pr', number: 40, title: 'Merged', labels: [], url: 'https://x/40' }],
+ },
+ metrics: {
+ dayStart: '2026-10-24T16:00:00.000Z',
+ today: {
+ newIssues: 4, closedIssues: 2, newPullRequests: 5, mergedPullRequests: 3,
+ medianIssueCloseMs: 3_600_000, medianPullMergeMs: 90_000_000,
+ ci: { failed: 2, total: 1200, counted: 1000, superseded: 3 },
+ },
+ week: {
+ newIssues: 30, closedIssues: 20, newPullRequests: 40, mergedPullRequests: 25,
+ medianIssueCloseMs: 7_200_000, medianPullMergeMs: 180_000_000,
+ ci: { failed: 10, total: 10, counted: 10, superseded: 0 },
+ },
+ open: { issues: 54, pullRequests: 6, needsHuman: 4, medianIssueAgeMs: 259_200_000 },
+ },
+}
+
+test('five delivery columns, localized labels, badge wording (#1173)', () => {
+ assert.deepEqual([...DELIVERY_COLUMNS.map(column => column.id)], ['raw', 'ready', 'working', 'review', 'done-today'])
+ assert.equal(badgeLabel('inc'), 'INC · rework')
+ assert.equal(badgeLabel('pass-enqueue'), 'PASS · waiting for enqueue')
+ assert.equal(badgeLabel('pass-merge'), 'PASS · waiting for merge')
+ assert.equal(badgeLabel('ci-red'), 'CI red')
+ assert.equal(badgeLabel('no-verdict'), 'No verdict')
+ assert.equal(duration(45_000), '1m')
+ assert.equal(duration(3_600_000), '1h')
+ assert.equal(duration(90_000_000), '25h')
+ assert.equal(duration(200_000_000), '2d')
+ assert.equal(duration(null), '—')
+})
+
+test('the header carries today, the 7-day comparison, the CI caveat and open ages (#1173)', () => {
+ const rows = metricRows(snapshot.metrics)
+ assert.equal(rows.rows.length, 6)
+ assert.deepEqual({ ...rows.rows[0] }, { label: 'New issues', today: '4', week: '30' })
+ assert.deepEqual({ ...rows.rows[4] }, { label: 'Median issue close', today: '1h', week: '2h' })
+ assert.equal(rows.ci.failed, 2)
+ assert.equal(rows.ci.total, 1200)
+ assert.equal(rows.ci.caveat, true)
+ assert.equal(rows.ci.superseded, 3)
+ assert.equal(rows.open.needsHuman, 4)
+})
+
+test('the board renders all five columns and a card with labels, owner and link (#1173)', () => {
+ const board = DeliveryBoard({ snapshot: { ...snapshot, columns: snapshot.columns }, message: '' })
+ const sections = walk(board).filter(node => node.type === 'section' && node.props?.['data-column'])
+ assert.deepEqual([...sections.map(node => node.props['data-column'])], ['raw', 'ready', 'working', 'review', 'done-today'])
+ const review = sections.find(node => node.props['data-column'] === 'review')
+ assert.equal(review.children[0].children[1].children[0], '1')
+ const card = walk(review).find(node => node.props?.['data-badge'] === 'inc')
+ const words = text(card)
+ assert.match(words, /Fix/)
+ assert.match(words, /INC · rework/)
+ assert.match(words, /abcdef1/)
+ const workingCard = walk(sections.find(node => node.props['data-column'] === 'working')).find(node => node.type === 'article')
+ assert.match(text(workingCard), /linked to #41/)
+ assert.ok(walk(workingCard).some(node => node.type === 'a' && node.props.href === 'https://x/12'))
+ // A person is rendered as a person, not as a Bot.
+ const owner = walk(workingCard).concat(walk(sections.find(node => node.props['data-column'] === 'ready'))).find(node => node.props?.className === 'bt-del-owner')
+ assert.equal(owner.props['data-kind'], 'human')
+})
+
+test('an honest message replaces the board when there is no GitHub connection (#1173)', () => {
+ const board = DeliveryBoard({ snapshot: null, message: 'No GitHub connection yet; the board fills in once one is added.' })
+ assert.match(text(board), /No GitHub connection yet/)
+ assert.equal(walk(board).some(node => node.type === 'section'), false)
+})
diff --git a/patches/ds-bot/files/test/kanban.test.js b/patches/ds-bot/files/test/kanban.test.js
index 1684e793..9f88cfc0 100644
--- a/patches/ds-bot/files/test/kanban.test.js
+++ b/patches/ds-bot/files/test/kanban.test.js
@@ -13,21 +13,23 @@ const bundle = await build({
external: ['react', 'react-dom'],
})
const module = { exports: {} }
+// Preset state for the next useState calls; KanbanDialog's first hook is the view.
+const states = []
runInNewContext(bundle.outputFiles[0].text, {
module, exports: module.exports, setTimeout, clearTimeout, setInterval, clearInterval, Date, Promise,
require: (name) => {
const platform = {
react: {
createElement: (type, props, ...children) => ({ type, props: props ?? {}, children: children.flat(Infinity) }),
- useState: initial => [typeof initial === 'function' ? initial() : initial, () => {}],
- useEffect: () => {}, useCallback: fn => fn,
+ useState: initial => [states.length > 0 ? states.shift() : (typeof initial === 'function' ? initial() : initial), () => {}],
+ useEffect: () => {}, useCallback: fn => fn, useRef: current => ({ current }),
},
}
if (!(name in platform)) throw new Error(`no platform module ${name}`)
return platform[name]
},
})
-const { BoardView, boardColumns, boardRail, canMoveTask, columnTree, shortId } = module.exports
+const { BoardView, KanbanDialog, boardColumns, boardRail, canMoveTask, columnTree, shortId } = module.exports
const expand = (node) => {
if (Array.isArray(node)) return node.flatMap(expand)
@@ -164,3 +166,24 @@ test('a group column nests subtasks under the overall task', () => {
assert.match(textOf(progress), /Check it/)
assert.match(textOf(notStarted), /Theirs/)
})
+
+test('the Delivery view drops the Bot rail, while Tasks keeps it (#1173)', () => {
+ const actions = { closeBoard: () => {}, boardClose: () => {}, deliveryBoard: async () => ({ ok: false, reason: 'no-github' }) }
+ states.length = 0
+ const tasksView = expand(KanbanDialog({ roster, actions }))
+ const tabs = all(tasksView).filter(node => node.props?.role === 'tab')
+ assert.equal(tabs.map(node => node.props['data-view']).join('|'), 'tasks|delivery')
+ assert.equal(tabs.find(node => node.props['data-view'] === 'tasks').props['aria-selected'], 'true')
+ assert.equal(byClass(tasksView, 'bt-board-rail').length, 1)
+ assert.equal(all(tasksView).some(node => node.props?.['data-view'] === 'delivery' && node.props?.className === 'bt-del-body'), false)
+
+ states.push('delivery')
+ const deliveryView = expand(KanbanDialog({ roster, actions }))
+ // The rail is per-Bot; the delivery board is one per repository, so it must not carry one.
+ assert.equal(byClass(deliveryView, 'bt-board-rail').length, 0)
+ assert.equal(byClass(deliveryView, 'bt-board-body').length, 0)
+ assert.equal(all(deliveryView).some(node => node.props?.['data-view'] === 'delivery'), true)
+ assert.equal(all(deliveryView).find(node => node.props?.role === 'tab' && node.props['data-view'] === 'delivery').props['aria-selected'], 'true')
+ // No snapshot yet is the honest one-line empty state until the first read lands.
+ assert.match(textOf(deliveryView), /No snapshot yet/)
+})