diff --git a/changelog.d/540-always-allow-approval.added.md b/changelog.d/540-always-allow-approval.added.md new file mode 100644 index 00000000..8fa0a425 --- /dev/null +++ b/changelog.d/540-always-allow-approval.added.md @@ -0,0 +1 @@ +Tool approval cards in a group and in the Inbox add **Always allow for this Bot** and **Always allow for this group** next to Reject / Allow once, so a Bot stops asking for the same kind of permission (for example a `bash` sandbox escalation to full access). Standing approvals are kept across restarts and listed under **Always allowed** in Bot settings and Group settings, each with Remove ([#540](https://github.com/ThinkFlowLab/FlyBot/issues/540)). diff --git a/core/client.js b/core/client.js index e9865188..f0c2ae4e 100644 --- a/core/client.js +++ b/core/client.js @@ -726,6 +726,14 @@ var ZH = { "in its own chat": "在自己的对话里", Reject: "拒绝", "Allow once": "允许一次", + "Always allow for this Bot": "此 Bot 始终允许", + "Always allow for this group": "本群始终允许", + "Always allowed for {name}": "已为 {name} 始终允许", + "Always allowed in this group": "已在本群始终允许", + "Always allowed": "始终允许", + "Your Bots in this group do these without asking.": "你在本群的 Bot 做这些时不再询问。", + "This Bot does these without asking.": "此 Bot 做这些时不再询问。", + "Remove always allow for {kind}": "移除 {kind} 的始终允许", "Couldn't message {name}": "没能给 {name} 发消息", Messaged: "已发消息给", "Couldn't stop {name}": "没能叫停 {name}", @@ -1868,8 +1876,8 @@ function bodyOf(def, paint, flat = false) { return ""; } } -var eyeMarkup = ([cx, cy, w, h41, tilt]) => ``; -var happyEyeMarkup = ([cx, cy, w, h41, tilt]) => ``; +var eyeMarkup = ([cx, cy, w, h42, tilt]) => ``; +var happyEyeMarkup = ([cx, cy, w, h42, 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%"; @@ -2918,12 +2926,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 h41 = dt / steps; + const h42 = 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) * h41; - value.x += value.v * h41; + value.v += (-value.k * (value.x - value.to) - value.c * value.v) * h42; + value.x += value.v * h42; } if (Math.abs(value.x - value.to) < 0.05 && Math.abs(value.v) < 1) { value.x = value.to; @@ -6545,15 +6553,250 @@ function usePaneLeft() { return paneLeft; } -// src/client/inbox.js +// src/client/member-status.js var import_react11 = require("react"); +var NO_WORK = { bots: {}, rooms: {}, approvals: [] }; +var ROWS_MAX = 4; +var stepIn = (work, botId, roomId, tool) => { + const own = work.bots?.[botId]; + return own?.roomId === roomId && own.tool === tool ? own.step : void 0; +}; +function memberWork(room2, work = NO_WORK) { + const here = work.rooms?.[room2.id] ?? []; + return room2.members.map((id) => { + const approvals = (work.approvals ?? []).filter((entry) => entry.botId === id); + const local = here.find((entry) => entry.botId === id); + const doing = local ? { ...local, roomId: room2.id, step: stepIn(work, id, room2.id, local.tool) } : work.bots?.[id]; + return { id, approvals, doing, here: local !== void 0, state: approvals.length > 0 ? "ask" : doing ? "work" : "idle" }; + }); +} +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] })); +} +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 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 }] : []; + }); +} +function summaryText(busy) { + const asks = busy.filter((entry) => entry.state === "ask"); + const workers = busy.filter((entry) => entry.state === "work"); + const names = asks.slice(0, 2).map((entry) => entry.bot.name); + const waiting = asks.length === 0 ? "" : asks.length === 1 ? t("{name} is waiting for your approval", { name: names[0] }) : asks.length === 2 ? t("{first} and {second} are waiting for your approval", { first: names[0], second: names[1] }) : t("{first}, {second} and {count} more are waiting for your approval", { first: names[0], second: names[1], count: asks.length - 2, total: asks.length }); + 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 }; +} +function Face({ entry, size }) { + return (0, import_react11.createElement)( + "span", + { className: "bt-mw-face", "data-ask": entry.state === "ask" || void 0 }, + (0, import_react11.createElement)(BotMark, { bot: entry.bot, size, state: entry.state === "ask" ? "alert" : toolState(entry.doing?.tool ?? "") }) + ); +} +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)}`; + const elapsed = elapsedSince(now, at); + return (0, import_react11.createElement)( + "button", + { type: "button", className: "bt-mw-row", "aria-label": [text, elapsed].filter(Boolean).join(" · "), onClick: onOpen }, + (0, import_react11.createElement)(BotMark, { bot, size: 22, state: toolState(tool ?? ""), live: true }), + (0, import_react11.createElement)("span", { className: "bt-mw-row-text" }, (0, import_react11.createElement)(Shimmer, null, text)), + elapsed ? (0, import_react11.createElement)("span", { className: "bt-mw-row-time" }, `· ${elapsed}`) : null + ); +} +function SummaryLine({ busy, now, onOpen }) { + const { waiting, doing } = summaryText(busy); + const elapsed = doing ? elapsedSince(now, busy.find((entry) => entry.state === "work")?.doing.since) : ""; + return (0, import_react11.createElement)( + "button", + { type: "button", className: "bt-mw-row bt-mw-line", "aria-label": [waiting, doing, elapsed].filter(Boolean).join(" · "), onClick: onOpen }, + (0, import_react11.createElement)("span", { className: "bt-mw-stack", "aria-hidden": true }, busy.slice(0, 4).map((entry) => (0, import_react11.createElement)(Face, { key: entry.id, entry, size: 16 }))), + (0, import_react11.createElement)( + "span", + { className: "bt-mw-row-text" }, + waiting ? (0, import_react11.createElement)("span", { className: "bt-mw-ask" }, waiting) : null, + waiting && doing ? " · " : null, + doing ? (0, import_react11.createElement)(Shimmer, null, doing) : null + ), + elapsed ? (0, import_react11.createElement)("span", { className: "bt-mw-row-time" }, `· ${elapsed}`) : null + ); +} +function MemberDock({ sessionId, useRoster, useWork, actions }) { + const roster = useRoster((value) => value); + const work = useWork((value) => value); + const room2 = roster.roomsById[sessionId]; + const bot = room2 ? void 0 : roster.byId[sessionId]; + const ownChat = bot !== void 0 && work.bots?.[bot.id] !== void 0 && work.bots[bot.id].roomId === void 0; + const busy = room2 ? busyMembers(room2, work, roster) : []; + const groups = bot !== void 0 && !ownChat ? botGroupWork(bot.id, work, roster) : []; + const shown = busy.length > 0 || groups.length > 0; + const now = useNow(shown); + const ref = (0, import_react11.useRef)(null); + useFlowColumn(ref, shown, sessionId); + if (!shown) return null; + if (room2) { + const { rows, rest } = splitBusy(busy); + const open = () => actions.showDetails(sessionId); + return (0, import_react11.createElement)( + "div", + { ref, className: "bt-mw-dock-stack" }, + rows.map((entry) => (0, import_react11.createElement)(WorkRow, { key: entry.id, bot: entry.bot, tool: entry.doing.tool, step: entry.doing.step, label: entry.bot.name, at: entry.doing.since, now, onOpen: open })), + rest.length > 0 ? (0, import_react11.createElement)(SummaryLine, { busy: rest, now, onOpen: open }) : null + ); + } + return (0, import_react11.createElement)("div", { ref, className: "bt-mw-dock-stack" }, groups.slice(0, ROWS_MAX).map((item) => (0, import_react11.createElement)(WorkRow, { + key: item.room.id, + bot, + tool: item.tool, + step: item.step, + label: t("in {name}", { name: item.room.name }), + at: item.since, + now, + onOpen: () => actions.openSession(item.room.id) + }))); +} +function useFlowColumn(ref, active, key) { + (0, import_react11.useLayoutEffect)(() => { + const node = ref.current; + const flow = document.querySelector("[data-chat-flow]"); + if (!active || !node || !flow) return void 0; + const place = () => { + node.style.marginInlineStart = "0px"; + const column = flow.getBoundingClientRect(); + node.style.marginInlineStart = `${Math.round(column.left - node.getBoundingClientRect().left)}px`; + node.style.width = `${Math.round(column.width)}px`; + }; + place(); + const observer = new ResizeObserver(place); + for (const target of [flow, flow.parentElement, node.parentElement]) if (target) observer.observe(target); + return () => observer.disconnect(); + }, [active, key]); +} +function useNow(active) { + const [now, setNow] = (0, import_react11.useState)(Date.now); + (0, import_react11.useEffect)(() => { + if (!active) return void 0; + const timer = setInterval(() => setNow(Date.now()), 3e4); + return () => clearInterval(timer); + }, [active]); + return now; +} +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"]] : [] +]; +function ApprovalCard({ approval, bot, actions }) { + const [busy, setBusy] = (0, import_react11.useState)(false); + const answer = (choice) => { + setBusy(true); + void Promise.resolve(actions.answerApproval(approval.id, choice)).catch((error) => actions.reportError(error, "approval")).finally(() => setBusy(false)); + }; + return (0, import_react11.createElement)( + "div", + { className: "bt-mw-card", role: "group", "aria-label": t("{name} is waiting for your approval", { name: bot.name }) }, + (0, import_react11.createElement)("div", { className: "bt-mw-tool" }, approval.tool), + approval.detail?.text ? (0, import_react11.createElement)("div", { className: "bt-mw-text" }, approval.detail.text) : null, + approval.reason ? (0, import_react11.createElement)("div", { className: "bt-mw-reason" }, approval.reason) : null, + approval.detail?.code ? (0, import_react11.createElement)("code", { className: "bt-mw-code", title: approval.detail.code }, approval.detail.code) : null, + approval.answerable ? (0, import_react11.createElement)( + "div", + { className: "bt-mw-actions" }, + (0, import_react11.createElement)("button", { type: "button", className: "bt-q-btn", disabled: busy, onClick: () => answer("reject") }, t("Reject")), + (0, import_react11.createElement)("button", { type: "button", className: "bt-q-submit", disabled: busy, onClick: () => answer("allow") }, t("Allow once")), + ...alwaysChoices(approval, bot).map(([choice, label]) => (0, import_react11.createElement)("button", { key: choice, type: "button", className: "bt-q-btn", "data-choice": choice, disabled: busy, onClick: () => answer(choice) }, t(label))) + ) : (0, import_react11.createElement)( + "div", + { className: "bt-mw-actions" }, + (0, import_react11.createElement)("button", { type: "button", className: "bt-q-btn", onClick: () => actions.openSession(bot.id) }, t("Open {name}'s chat", { name: bot.name })) + ) + ); +} +function MemberWork({ entry, bot, room: room2, roster, actions, now }) { + const [stopping, setStopping] = (0, import_react11.useState)(false); + if (entry.state === "ask") { + return (0, import_react11.createElement)( + "div", + { className: "bt-mw-member" }, + (0, import_react11.createElement)("div", { className: "bt-mw-state bt-mw-ask" }, `${t("Waiting for your approval")}${since(now, entry.approvals[0].at)}`), + entry.approvals.map((approval) => (0, import_react11.createElement)(ApprovalCard, { key: approval.id, approval, bot, actions })) + ); + } + if (entry.state !== "work") return null; + const where = entry.doing.roomId === room2.id ? "" : entry.doing.roomId ? t("in {name}", { name: roster.roomsById[entry.doing.roomId]?.name ?? t("a group chat") }) : t("in its own chat"); + const stop = () => { + setStopping(true); + void Promise.resolve(actions.stopMemberWork(room2.id, bot.id)).catch((error) => actions.reportError(error, "stop")).finally(() => setStopping(false)); + }; + return (0, import_react11.createElement)( + "div", + { className: "bt-mw-member" }, + (0, import_react11.createElement)( + "div", + { className: "bt-mw-state bt-mw-work" }, + (0, import_react11.createElement)("span", null, (0, import_react11.createElement)(Shimmer, null, workText(entry.doing.tool, entry.doing.step)), where ? ` ${where}` : "", since(now, entry.doing.since)), + entry.here ? (0, import_react11.createElement)("button", { type: "button", className: "bt-mw-stop", disabled: stopping, onClick: stop }, t("Stop")) : null + ) + ); +} +function useMemberWork(room2, useWork) { + const work = useWork?.((value) => value) ?? NO_WORK; + const entries2 = room2 ? memberWork(room2, work) : []; + const now = useNow(entries2.some((entry) => entry.state !== "idle")); + return { entries: entries2, now }; +} +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} +.bt-mw-row:hover{background:var(--bt-hover)} +.bt-mw-row>.bt-mark{flex:none} +.bt-mw-row-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} +.bt-mw-row-time{flex:none;font-size:12px;color:var(--bt-ink-3);white-space:nowrap} +.bt-mw-work{display:flex;align-items:center;justify-content:space-between;gap:8px} +.bt-mw-stop{flex:none;height:22px;padding:0 10px;border:1px solid var(--bt-line,rgba(0,0,0,.12));border-radius:11px;background:none;color:var(--bt-ink-2);font:inherit;font-size:12px;cursor:pointer} +.bt-mw-stop:hover{background:var(--bt-hover)} +.bt-mw-stop:disabled{opacity:.5;cursor:default} +.bt-mw-line{gap:8px} +.bt-mw-stack{display:inline-flex;align-items:center;flex:none;line-height:0} +.bt-mw-stack>*+*{margin-left:-4px} +.bt-mw-face{position:relative;display:inline-flex;flex:none;border-radius:50%} +.bt-mw-stack .bt-mw-face{box-shadow:0 0 0 1.5px var(--bt-main,#fff)} +.bt-mw-face[data-ask]::after{content:"";position:absolute;right:-2px;bottom:-2px;width:7px;height:7px;border-radius:50%;background:#e3a008;box-shadow:0 0 0 1.5px var(--bt-main,#fff)} +.bt-mw-ask{color:#b7791f;flex:none;white-space:nowrap} +body[data-ds-dark-theme] .bt-mw-ask{color:#f0b84a} +.bt-mw-member{padding:0 6px 8px 42px;display:flex;flex-direction:column;gap:6px} +.bt-mw-state{font-size:12px;line-height:16px;color:var(--bt-ink-2);margin-top:-4px} +.bt-mw-card{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:var(--bt-hover);font-size:12px;line-height:17px;color:var(--bt-ink-2)} +.bt-mw-tool{font-weight:600;color:var(--bt-ink)} +.bt-mw-text{color:var(--bt-ink);overflow-wrap:anywhere} +.bt-mw-reason{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} +.bt-mw-code{display:block;font:11px/16px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--bt-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} +.bt-mw-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:4px} +.bt-mw-actions>button{height:28px;padding:0 12px;font-size:12px} +.bt-mw-actions>button:disabled{opacity:.5;cursor:default} +@keyframes bt-mw-in{from{opacity:0;transform:translateY(4px)}} +@media (prefers-reduced-motion:reduce){.bt-mw-row{animation:none}} +`; + +// src/client/inbox.js +var import_react12 = require("react"); var KEEP_MS = 7 * 864e5; var POLL_MS2 = 3e4; var DONE_MAX = 20; var FEEDBACK_MS = 5e3; -var line = (d) => (0, import_react11.createElement)("path", { d }); +var line = (d) => (0, import_react12.createElement)("path", { d }); var icon = (...paths) => function StatusIcon() { - return (0, import_react11.createElement)("svg", { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.8, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, paths.map(line)); + return (0, import_react12.createElement)("svg", { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.8, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, paths.map(line)); }; var RING = "M10 3.25a6.75 6.75 0 1 1 0 13.5 6.75 6.75 0 0 1 0-13.5z"; var InboxIcon = icon("M3.5 11.5l1.9-6.1A1.5 1.5 0 0 1 6.83 4.35h6.34a1.5 1.5 0 0 1 1.43 1.05l1.9 6.1", "M3.5 11.5v3.25a1.5 1.5 0 0 0 1.5 1.5h10a1.5 1.5 0 0 0 1.5-1.5V11.5", "M3.5 11.5h3.75l1 1.75h3.5l1-1.75h3.75"); @@ -6588,8 +6831,8 @@ function publishTasks(list) { for (const listener of taskListeners) listener(sharedTasks); } function useTasks(actions) { - const [tasks, setTasks] = (0, import_react11.useState)(sharedTasks); - (0, import_react11.useEffect)(() => { + const [tasks, setTasks] = (0, import_react12.useState)(sharedTasks); + (0, import_react12.useEffect)(() => { taskListeners.add(setTasks); let stopped = false; let timer; @@ -6765,7 +7008,7 @@ function InboxRow({ wide, useRoster, useWork, useUi, actions }) { 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_react11.createElement)( + return (0, import_react12.createElement)( "button", { type: "button", @@ -6776,14 +7019,14 @@ function InboxRow({ wide, useRoster, useWork, useUi, actions }) { "aria-expanded": open, onClick: () => actions.openInbox() }, - (0, import_react11.createElement)("span", { className: "bt-inbox-mark" }, (0, import_react11.createElement)(InboxIcon)), - wide ? (0, import_react11.createElement)("span", { className: "bt-inbox-label" }, t("Inbox")) : null, - count > 0 ? (0, import_react11.createElement)("span", { className: "bt-inbox-count", "aria-hidden": true }, count > 99 ? "99+" : String(count)) : null + (0, import_react12.createElement)("span", { className: "bt-inbox-mark" }, (0, import_react12.createElement)(InboxIcon)), + wide ? (0, import_react12.createElement)("span", { className: "bt-inbox-label" }, t("Inbox")) : null, + count > 0 ? (0, import_react12.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_react11.createElement)("span", { className: "bt-inbox-status", "data-tone": tone }, (0, import_react11.createElement)(Icon), (0, import_react11.createElement)("span", null, t(label))); + return (0, import_react12.createElement)("span", { className: "bt-inbox-status", "data-tone": tone }, (0, import_react12.createElement)(Icon), (0, import_react12.createElement)("span", null, t(label))); } function whenText(card, now) { if (card.status === "running" || card.status === "task") { @@ -6795,37 +7038,38 @@ function InboxCard({ card, roster, now, busy, error, onAnswer, onOpen }) { const who = card.bot ? card.bot.name : card.room?.name ?? ""; const meta = [who, card.place, whenText(card, now)].filter(Boolean).join(" · "); const answerable = card.kind === "approval" && card.approval?.answerable === true; - return (0, import_react11.createElement)( + return (0, import_react12.createElement)( "div", { className: "bt-inbox-card", role: "group", "aria-label": `${t(STATUSES[card.status].label)}: ${card.title}`, "data-status": card.status }, - (0, import_react11.createElement)("span", { className: "bt-inbox-ava" }, card.bot ? (0, import_react11.createElement)(BotAvatar, { bot: card.bot, size: 28, badge: false, live: false }) : card.room ? (0, import_react11.createElement)(RoomAvatar, { room: card.room, roster, size: 28 }) : null), - (0, import_react11.createElement)( + (0, import_react12.createElement)("span", { className: "bt-inbox-ava" }, card.bot ? (0, import_react12.createElement)(BotAvatar, { bot: card.bot, size: 28, badge: false, live: false }) : card.room ? (0, import_react12.createElement)(RoomAvatar, { room: card.room, roster, size: 28 }) : null), + (0, import_react12.createElement)( "span", { className: "bt-inbox-copy" }, - (0, import_react11.createElement)( + (0, import_react12.createElement)( "span", { className: "bt-inbox-top" }, - (0, import_react11.createElement)(Status, { status: card.status }), - (0, import_react11.createElement)("span", { className: "bt-inbox-meta", title: meta }, meta) + (0, import_react12.createElement)(Status, { status: card.status }), + (0, import_react12.createElement)("span", { className: "bt-inbox-meta", title: meta }, meta) ), - (0, import_react11.createElement)("span", { className: "bt-inbox-title", title: card.title }, card.title), - card.reason ? (0, import_react11.createElement)("span", { className: "bt-inbox-reason", title: card.reason }, card.reason) : null, - card.activity ? (0, import_react11.createElement)("span", { className: "bt-inbox-activity", title: card.activity }, t("Latest: {text}", { text: card.activity })) : null, - card.hint ? (0, import_react11.createElement)("span", { className: "bt-inbox-hint" }, card.hint) : null, - error ? (0, import_react11.createElement)("span", { className: "bt-inbox-error", role: "alert" }, error) : null + (0, import_react12.createElement)("span", { className: "bt-inbox-title", title: card.title }, card.title), + card.reason ? (0, import_react12.createElement)("span", { className: "bt-inbox-reason", title: card.reason }, card.reason) : null, + card.activity ? (0, import_react12.createElement)("span", { className: "bt-inbox-activity", title: card.activity }, t("Latest: {text}", { text: card.activity })) : null, + card.hint ? (0, import_react12.createElement)("span", { className: "bt-inbox-hint" }, card.hint) : null, + error ? (0, import_react12.createElement)("span", { className: "bt-inbox-error", role: "alert" }, error) : null ), - (0, import_react11.createElement)( + (0, import_react12.createElement)( "span", { className: "bt-inbox-actions" }, - answerable ? (0, import_react11.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => onAnswer(card, "reject") }, t("Reject")) : null, - answerable ? (0, import_react11.createElement)("button", { type: "button", className: "bt-send bt-soft-sm", disabled: busy, onClick: () => onAnswer(card, "allow") }, t("Allow once")) : null, - (0, import_react11.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", "aria-label": who ? t("Open {name}", { name: card.room?.name ?? who }) : t("Open"), onClick: () => onOpen(card) }, t("Open")) + answerable ? (0, import_react12.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => onAnswer(card, "reject") }, t("Reject")) : null, + answerable ? (0, import_react12.createElement)("button", { type: "button", className: "bt-send bt-soft-sm", disabled: busy, onClick: () => onAnswer(card, "allow") }, t("Allow once")) : null, + ...(answerable ? alwaysChoices(card.approval, card.bot) : []).map(([choice, label]) => (0, import_react12.createElement)("button", { key: choice, type: "button", className: "bt-soft bt-soft-sm", "data-choice": choice, disabled: busy, onClick: () => onAnswer(card, choice) }, t(label))), + (0, import_react12.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", "aria-label": who ? t("Open {name}", { name: card.room?.name ?? who }) : t("Open"), onClick: () => onOpen(card) }, t("Open")) ) ); } -function useNow(ms) { - const [now, setNow] = (0, import_react11.useState)(Date.now); - (0, import_react11.useEffect)(() => { +function useNow2(ms) { + const [now, setNow] = (0, import_react12.useState)(Date.now); + (0, import_react12.useEffect)(() => { const timer = setInterval(() => setNow(Date.now()), ms); return () => clearInterval(timer); }, [ms]); @@ -6835,14 +7079,14 @@ function InboxDialog({ roster, useWork, useSessions, actions, leaving = false }) const work = useWork((value) => value); const sessions = useSessions((value) => value); const tasks = useTasks(actions); - const now = useNow(3e4); - const [answered, setAnswered] = (0, import_react11.useState)({}); - const [busy, setBusy] = (0, import_react11.useState)(""); - const [errors, setErrors] = (0, import_react11.useState)({}); - const [feedback, setFeedback] = (0, import_react11.useState)(""); - const close = (0, import_react11.useCallback)(() => actions.closeInbox(), []); + const now = useNow2(3e4); + const [answered, setAnswered] = (0, import_react12.useState)({}); + const [busy, setBusy] = (0, import_react12.useState)(""); + const [errors, setErrors] = (0, import_react12.useState)({}); + const [feedback, setFeedback] = (0, import_react12.useState)(""); + const close = (0, import_react12.useCallback)(() => actions.closeInbox(), []); useEscape(close); - (0, import_react11.useEffect)(() => { + (0, import_react12.useEffect)(() => { if (!feedback) return void 0; const timer = setTimeout(() => setFeedback(""), FEEDBACK_MS); return () => clearTimeout(timer); @@ -6855,42 +7099,42 @@ function InboxDialog({ roster, useWork, useSessions, actions, leaving = false }) void Promise.resolve(actions.answerApproval(card.approval.id, choice)).then(() => { setAnswered((value) => ({ ...value, [card.id]: choice })); const name = card.bot?.name ?? ""; - setFeedback(choice === "allow" ? t("Allowed once for {name}", { name }) : t("Rejected for {name}", { name })); + setFeedback(choice === "allow" ? t("Allowed once for {name}", { name }) : choice === "always-bot" ? t("Always allowed for {name}", { name }) : choice === "always-room" ? t("Always allowed in this group") : t("Rejected for {name}", { name })); }, (failure) => setErrors((value) => ({ ...value, [card.id]: hostText(failure?.message ?? String(failure)) }))).finally(() => setBusy("")); }; const open = (card) => { actions.closeInbox(); actions.openSession(card.chat); }; - return (0, import_react11.createElement)( + return (0, import_react12.createElement)( "div", { className: "bt-mem-layer bt-inbox-layer", "data-leaving": leaving || void 0 }, - (0, import_react11.createElement)("div", { className: "bt-scrim bt-mem-scrim", onMouseDown: close }), - (0, import_react11.createElement)( + (0, import_react12.createElement)("div", { className: "bt-scrim bt-mem-scrim", onMouseDown: close }), + (0, import_react12.createElement)( "div", { className: "bt-mem bt-inbox", role: "dialog", "aria-modal": true, "aria-labelledby": "bt-inbox-heading" }, - (0, import_react11.createElement)( + (0, import_react12.createElement)( "div", { className: "bt-mem-head" }, - (0, import_react11.createElement)("h2", { id: "bt-inbox-heading" }, t("Inbox")), - (0, import_react11.createElement)("span", { className: "bt-mem-status" }, t("Your Bots")), - (0, import_react11.createElement)("span", { className: "bt-mem-head-gap" }), - (0, import_react11.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close inbox"), autoFocus: true, onClick: close }, (0, import_react11.createElement)(CloseIcon)) + (0, import_react12.createElement)("h2", { id: "bt-inbox-heading" }, t("Inbox")), + (0, import_react12.createElement)("span", { className: "bt-mem-status" }, t("Your Bots")), + (0, import_react12.createElement)("span", { className: "bt-mem-head-gap" }), + (0, import_react12.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close inbox"), autoFocus: true, onClick: close }, (0, import_react12.createElement)(CloseIcon)) ), - (0, import_react11.createElement)( + (0, import_react12.createElement)( "div", { className: "bt-mem-body bt-inbox-body" }, - (0, import_react11.createElement)("div", { className: "bt-inbox-feedback", role: "status", "aria-live": "polite" }, feedback), - GROUPS.map((group) => (0, import_react11.createElement)( + (0, import_react12.createElement)("div", { className: "bt-inbox-feedback", role: "status", "aria-live": "polite" }, feedback), + GROUPS.map((group) => (0, import_react12.createElement)( "section", { key: group.id, className: "bt-inbox-group", "aria-labelledby": `bt-inbox-${group.id}` }, - (0, import_react11.createElement)( + (0, import_react12.createElement)( "h3", { id: `bt-inbox-${group.id}`, className: "bt-inbox-head" }, - (0, import_react11.createElement)("span", null, t(group.title)), - groups[group.id].length > 0 ? (0, import_react11.createElement)("span", { className: "bt-inbox-head-count" }, String(groups[group.id].length)) : null + (0, import_react12.createElement)("span", null, t(group.title)), + groups[group.id].length > 0 ? (0, import_react12.createElement)("span", { className: "bt-inbox-head-count" }, String(groups[group.id].length)) : null ), - groups[group.id].length === 0 ? (0, import_react11.createElement)("p", { className: "bt-inbox-empty" }, t(group.empty)) : (0, import_react11.createElement)("div", { className: "bt-inbox-list" }, groups[group.id].map((card) => (0, import_react11.createElement)(InboxCard, { + groups[group.id].length === 0 ? (0, import_react12.createElement)("p", { className: "bt-inbox-empty" }, t(group.empty)) : (0, import_react12.createElement)("div", { className: "bt-inbox-list" }, groups[group.id].map((card) => (0, import_react12.createElement)(InboxCard, { key: card.id, card, roster, @@ -6943,22 +7187,22 @@ var INBOX_CSS = ` `; // src/client/sidebar.js -var import_react12 = require("react"); +var import_react13 = 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_react12.useEffect)(() => { + (0, import_react13.useEffect)(() => { if (active && marked) actions.clearUnread(id); }, [active, marked]); } -var PinMark = () => (0, import_react12.createElement)("span", { className: "bt-pin", "aria-hidden": true }, (0, import_react12.createElement)(PinMarkIcon)); +var PinMark = () => (0, import_react13.createElement)("span", { className: "bt-pin", "aria-hidden": true }, (0, import_react13.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_react12.createElement)(Shimmer, null, `${lead} · ${workPhrase(tool)}…${more > 0 ? ` +${more}` : ""}`); +var workLine = (lead, tool, more) => (0, import_react13.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); @@ -6989,7 +7233,7 @@ function BotRow({ bot, roster, actions, useSessions, useSessionStatus, useSessio const secondLine = awayLine || preview || (remote ? 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_react12.createElement)("div", { className: "bt-tile-wrap" }, (0, import_react12.createElement)( + return (0, import_react13.createElement)("div", { className: "bt-tile-wrap" }, (0, import_react13.createElement)( "button", { type: "button", @@ -7001,15 +7245,15 @@ function BotRow({ bot, roster, actions, useSessions, useSessionStatus, useSessio onClick: () => actions.openSession(id), onContextMenu }, - (0, import_react12.createElement)(BotAvatar, { bot, size: 60, state, main: true }), - (0, import_react12.createElement)("span", { className: "bt-tile-name" }, shown), + (0, import_react13.createElement)(BotAvatar, { bot, size: 60, state, main: true }), + (0, import_react13.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_react12.createElement)("span", { className: "bt-unread bt-tile-unread", "aria-hidden": true }) : null, - bot.role ? (0, import_react12.createElement)("span", { className: "bt-chip" }, bot.role) : null + unread && !waiting && !active ? (0, import_react13.createElement)("span", { className: "bt-unread bt-tile-unread", "aria-hidden": true }) : null, + bot.role ? (0, import_react13.createElement)("span", { className: "bt-chip" }, bot.role) : null )); } - const unreadMark = wide && waiting && !active ? (0, import_react12.createElement)("span", { className: "bt-unread bt-unread-wait", "aria-hidden": true }) : wide && unread && !active ? (0, import_react12.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null; - const row = (0, import_react12.createElement)( + const unreadMark = wide && waiting && !active ? (0, import_react13.createElement)("span", { className: "bt-unread bt-unread-wait", "aria-hidden": true }) : wide && unread && !active ? (0, import_react13.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null; + const row = (0, import_react13.createElement)( "button", { type: "button", @@ -7022,24 +7266,24 @@ function BotRow({ bot, roster, actions, useSessions, useSessionStatus, useSessio onClick: () => actions.openSession(id), onContextMenu }, - (0, import_react12.createElement)(BotAvatar, { bot, size: 36, state, main }), - pinned && !wide ? (0, import_react12.createElement)(PinMark) : null, - wide ? (0, import_react12.createElement)( + (0, import_react13.createElement)(BotAvatar, { bot, size: 36, state, main }), + pinned && !wide ? (0, import_react13.createElement)(PinMark) : null, + wide ? (0, import_react13.createElement)( "span", { className: "bt-row-body" }, - (0, import_react12.createElement)( + (0, import_react13.createElement)( "span", { className: "bt-row-name" }, - (0, import_react12.createElement)("span", { className: "bt-row-title" }, shown), - bot.remote ? (0, import_react12.createElement)(RemoteMark, { remote: bot.remote }) : null, - pinned ? (0, import_react12.createElement)(PinMark) : null + (0, import_react13.createElement)("span", { className: "bt-row-title" }, shown), + bot.remote ? (0, import_react13.createElement)(RemoteMark, { remote: bot.remote }) : null, + pinned ? (0, import_react13.createElement)(PinMark) : null ), - secondLine ? (0, import_react12.createElement)("span", { className: "bt-row-preview" }, secondLine) : null + secondLine ? (0, import_react13.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_react12.createElement)("button", { + const settings = wide ? (0, import_react13.createElement)("button", { type: "button", className: "bt-row-settings", "aria-label": settingsLabel, @@ -7050,8 +7294,8 @@ function BotRow({ bot, roster, actions, useSessions, useSessionStatus, useSessio keepSidebarStill(event.currentTarget); actions.openSettings("bots", id); } - }, (0, import_react12.createElement)(GearIcon)) : null; - if (settings) return (0, import_react12.createElement)("div", { className: "bt-row-wrap", "data-bot-id": id }, row, settings); + }, (0, import_react13.createElement)(GearIcon)) : null; + if (settings) return (0, import_react13.createElement)("div", { className: "bt-row-wrap", "data-bot-id": id }, row, settings); return row; } function keepSidebarStill(node) { @@ -7064,14 +7308,14 @@ function keepSidebarStill(node) { if (typeof requestAnimationFrame === "function") requestAnimationFrame(() => requestAnimationFrame(reset)); } function RemoteMark({ remote }) { - return (0, import_react12.createElement)( + return (0, import_react13.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_react12.createElement)( + (0, import_react13.createElement)( "svg", { width: 11, height: 11, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", "aria-hidden": true }, - (0, import_react12.createElement)("circle", { cx: 12, cy: 12, r: 9 }), - (0, import_react12.createElement)("path", { d: "M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18" }) + (0, import_react13.createElement)("circle", { cx: 12, cy: 12, r: 9 }), + (0, import_react13.createElement)("path", { d: "M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18" }) ) ); } @@ -7083,15 +7327,15 @@ function isPastFaceRoom(room2) { return status === "candidate" && expires && Number.isFinite(Date.parse(expires)) && Date.parse(expires) <= Date.now(); } function FaceMark() { - return (0, import_react12.createElement)( + return (0, import_react13.createElement)( "span", { className: "bt-row-remote bt-row-face", title: t("Face-to-face"), "aria-label": t("Face-to-face") }, - (0, import_react12.createElement)( + (0, import_react13.createElement)( "svg", { width: 11, height: 11, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", "aria-hidden": true }, - (0, import_react12.createElement)("circle", { cx: 9, cy: 8, r: 3 }), - (0, import_react12.createElement)("circle", { cx: 16, cy: 9, r: 2.5 }), - (0, import_react12.createElement)("path", { d: "M4 18a5 5 0 0 1 10 0M14 18a4 4 0 0 1 6 0" }) + (0, import_react13.createElement)("circle", { cx: 9, cy: 8, r: 3 }), + (0, import_react13.createElement)("circle", { cx: 16, cy: 9, r: 2.5 }), + (0, import_react13.createElement)("path", { d: "M4 18a5 5 0 0 1 10 0M14 18a4 4 0 0 1 6 0" }) ) ); } @@ -7112,7 +7356,7 @@ function RoomRow({ room: room2, roster, actions, useSessions, useSessionStatus, const waiting = approval || (room2.pendingCount ?? 0) > 0; const face = room2.origin === "face-to-face"; const label = [title, face ? t("Face-to-face") : "", pinned ? t("Pinned") : "", members.length > 0 ? t("Working") : "", waiting ? t("Waiting for your approval") : ""].filter(Boolean).join(", "); - return (0, import_react12.createElement)( + return (0, import_react13.createElement)( "button", { type: "button", @@ -7128,20 +7372,20 @@ function RoomRow({ room: room2, roster, actions, useSessions, useSessionStatus, actions.openMenu({ kind: "room", id, x: event.clientX, y: event.clientY }); } }, - (0, import_react12.createElement)(RoomAvatar, { room: room2, roster, size: 36 }), - pinned && !wide ? (0, import_react12.createElement)(PinMark) : null, - wide ? (0, import_react12.createElement)( + (0, import_react13.createElement)(RoomAvatar, { room: room2, roster, size: 36 }), + pinned && !wide ? (0, import_react13.createElement)(PinMark) : null, + wide ? (0, import_react13.createElement)( "span", { className: "bt-row-body" }, - (0, import_react12.createElement)("span", { className: "bt-row-name" }, (0, import_react12.createElement)("span", { className: "bt-row-title" }, face ? faceRowTitle(title) : title), face ? (0, import_react12.createElement)(FaceMark) : room2.sharedFrom ? (0, import_react12.createElement)("span", { className: "bt-tag" }, t("Shared")) : null, pinned ? (0, import_react12.createElement)(PinMark) : null), - workingLine ? (0, import_react12.createElement)("span", { className: "bt-row-preview" }, workingLine) : preview ? (0, import_react12.createElement)("span", { className: "bt-row-preview" }, preview) : null + (0, import_react13.createElement)("span", { className: "bt-row-name" }, (0, import_react13.createElement)("span", { className: "bt-row-title" }, face ? faceRowTitle(title) : title), face ? (0, import_react13.createElement)(FaceMark) : room2.sharedFrom ? (0, import_react13.createElement)("span", { className: "bt-tag" }, t("Shared")) : null, pinned ? (0, import_react13.createElement)(PinMark) : null), + workingLine ? (0, import_react13.createElement)("span", { className: "bt-row-preview" }, workingLine) : preview ? (0, import_react13.createElement)("span", { className: "bt-row-preview" }, preview) : null ) : null, - wide && waiting && !active ? (0, import_react12.createElement)("span", { className: "bt-unread bt-unread-wait", "aria-hidden": true }) : wide && unread && !active ? (0, import_react12.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null + wide && waiting && !active ? (0, import_react13.createElement)("span", { className: "bt-unread bt-unread-wait", "aria-hidden": true }) : wide && unread && !active ? (0, import_react13.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null ); } function AgentSessionRow({ session, agent, actions, renaming, index }) { - const input = (0, import_react12.useRef)(null); - (0, import_react12.useLayoutEffect)(() => { + const input = (0, import_react13.useRef)(null); + (0, import_react13.useLayoutEffect)(() => { if (!renaming) return; input.current?.focus(); input.current?.select(); @@ -7162,10 +7406,10 @@ function AgentSessionRow({ session, agent, actions, renaming, index }) { } })(); }; - return (0, import_react12.createElement)( + return (0, import_react13.createElement)( "div", { className: "bt-agent-sub-row bt-agent-edit", style: { "--i": index } }, - (0, import_react12.createElement)("input", { + (0, import_react13.createElement)("input", { ref: input, defaultValue: session.title, "aria-label": t("Rename"), @@ -7178,7 +7422,7 @@ function AgentSessionRow({ session, agent, actions, renaming, index }) { }) ); } - return (0, import_react12.createElement)( + return (0, import_react13.createElement)( "button", { type: "button", @@ -7192,8 +7436,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_react12.createElement)("span", { className: "bt-agent-sub-title" }, session.title), - (0, import_react12.createElement)("span", { className: "bt-agent-sub-time" }, session.at > 0 ? relativeShort(session.at) : "") + (0, import_react13.createElement)("span", { className: "bt-agent-sub-title" }, session.title), + (0, import_react13.createElement)("span", { className: "bt-agent-sub-time" }, session.at > 0 ? relativeShort(session.at) : "") ); } function AgentRow({ agent, actions, useSessions, useSessionStatus, useUi, wide, marked }) { @@ -7228,10 +7472,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_react12.createElement)( + return (0, import_react13.createElement)( "div", { className: "bt-agent" }, - (0, import_react12.createElement)( + (0, import_react13.createElement)( "button", { type: "button", @@ -7246,30 +7490,30 @@ function AgentRow({ agent, actions, useSessions, useSessionStatus, useUi, wide, actions.openMenu({ kind: "agent", id: agent.id, x: event.clientX, y: event.clientY }); } }, - (0, import_react12.createElement)("span", { className: `bt-agent-ava${running ? " bt-run" : ""}` }, (0, import_react12.createElement)(import_dsh_client_ui_primitives2.FishLogo, { size: 22 })), - wide ? (0, import_react12.createElement)( + (0, import_react13.createElement)("span", { className: `bt-agent-ava${running ? " bt-run" : ""}` }, (0, import_react13.createElement)(import_dsh_client_ui_primitives2.FishLogo, { size: 22 })), + wide ? (0, import_react13.createElement)( "span", { className: "bt-row-body" }, - (0, import_react12.createElement)("span", { className: "bt-row-name" }, "DSH Agent"), - preview ? (0, import_react12.createElement)("span", { className: "bt-row-preview" }, preview) : null + (0, import_react13.createElement)("span", { className: "bt-row-name" }, "DSH Agent"), + preview ? (0, import_react13.createElement)("span", { className: "bt-row-preview" }, preview) : null ) : null, - wide && unread && !active ? (0, import_react12.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null + wide && unread && !active ? (0, import_react13.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null ), - (0, import_react12.createElement)( + (0, import_react13.createElement)( "div", { className: "bt-agent-sub", "data-open": open || void 0 }, - (0, import_react12.createElement)( + (0, import_react13.createElement)( "div", { className: "bt-agent-sub-in" }, - (0, import_react12.createElement)( + (0, import_react13.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_react12.createElement)(PlusIcon), - (0, import_react12.createElement)("span", { className: "bt-agent-sub-title" }, t("New session")) + (0, import_react13.createElement)(PlusIcon), + (0, import_react13.createElement)("span", { className: "bt-agent-sub-title" }, t("New session")) ), - sessions.map((session, index) => (0, import_react12.createElement)(AgentSessionRow, { + sessions.map((session, index) => (0, import_react13.createElement)(AgentSessionRow, { key: session.id, session, agent, @@ -7283,8 +7527,8 @@ function AgentRow({ agent, actions, useSessions, useSessionStatus, useUi, wide, } var GLIDE = springEasing(1e3, 63); function useListGlide(listRef, layout, key) { - const tops = (0, import_react12.useRef)({ layout, map: /* @__PURE__ */ new Map() }); - (0, import_react12.useLayoutEffect)(() => { + const tops = (0, import_react13.useRef)({ layout, map: /* @__PURE__ */ new Map() }); + (0, import_react13.useLayoutEffect)(() => { const list = listRef.current; if (!list) return; const next = /* @__PURE__ */ new Map(); @@ -7301,7 +7545,7 @@ function useListGlide(listRef, layout, key) { tops.current = { layout, map: next }; }, [layout, key]); } -var NodeActions = class extends import_react12.Component { +var NodeActions = class extends import_react13.Component { constructor(props) { super(props); this.state = { failed: false }; @@ -7313,32 +7557,32 @@ var NodeActions = class extends import_react12.Component { console.error("flybot: nodeActions failed", error); } render() { - return this.state.failed ? null : (0, import_react12.createElement)(this.props.component, { bot: this.props.bot }); + return this.state.failed ? null : (0, import_react13.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_react12.createElement)( - import_react12.Fragment, + return (0, import_react13.createElement)( + import_react13.Fragment, null, - (0, import_react12.createElement)( + (0, import_react13.createElement)( "div", { className: "bt-tree-item", "data-depth": depth, style: { paddingLeft: `${depth * 16}px` } }, - children.length ? (0, import_react12.createElement)( + children.length ? (0, import_react13.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_react12.createElement)("span", { className: "bt-tree-chev", "aria-hidden": true }, "▾") - ) : (0, import_react12.createElement)("span", { className: "bt-tree-toggle bt-tree-leaf", "aria-hidden": true }), - (0, import_react12.createElement)(BotRow, { ...rowProps, bot, asRow: true, marked: markedUnread[bot.id] === true }), - typeof actions === "function" ? (0, import_react12.createElement)(NodeActions, { component: actions, bot }) : null + (0, import_react13.createElement)("span", { className: "bt-tree-chev", "aria-hidden": true }, "▾") + ) : (0, import_react13.createElement)("span", { className: "bt-tree-toggle bt-tree-leaf", "aria-hidden": true }), + (0, import_react13.createElement)(BotRow, { ...rowProps, bot, asRow: true, marked: markedUnread[bot.id] === true }), + typeof actions === "function" ? (0, import_react13.createElement)(NodeActions, { component: actions, bot }) : null ), - closed ? null : children.map((child) => (0, import_react12.createElement)(TreeNode, { key: child.bot.id, node: child, rowProps, markedUnread, collapsed, toggle, actions })) + closed ? null : children.map((child) => (0, import_react13.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_react12.useRef)(null); + const listRef = (0, import_react13.useRef)(null); const roster = useRoster((value) => value); const markedUnread = useUi((value) => value.unread); props.useRegistry((value) => value); @@ -7347,7 +7591,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_react12.useMemo)(() => { + const order = (0, import_react13.useMemo)(() => { const stamps = JSON.parse(updated); const entries2 = [ // Own Bots, friends' Bots, groups and face rooms share one list. A remote chat @@ -7362,7 +7606,7 @@ function TeamSidebar(props) { }, [roster, updated]); const main = roster.byId[roster.mainBotId]; const structure = useSidebarStructure(); - const [collapsed, setCollapsed] = (0, import_react12.useState)({}); + const [collapsed, setCollapsed] = (0, import_react13.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; @@ -7376,41 +7620,41 @@ function TeamSidebar(props) { event.preventDefault(); actions.openPalette(event.key); }; - return (0, import_react12.createElement)( + return (0, import_react13.createElement)( "div", { className: wide ? "bt-side" : "bt-side bt-rail", onKeyDown: typeToSearch }, - wide ? (0, import_react12.createElement)( + wide ? (0, import_react13.createElement)( "div", { className: "bt-side-top" }, - (0, import_react12.createElement)("span", { className: "bt-brand" }, (0, import_react12.createElement)(BrandMark, { size: 22 }), (0, import_react12.createElement)(BrandName)), - (0, import_react12.createElement)(UpdateButton, { useUpdate: props.useUpdate, actions }), - (0, import_react12.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Search"), title: t("Search"), onClick: () => actions.openPalette() }, (0, import_react12.createElement)(SearchIcon)), - (0, import_react12.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("New…"), title: t("New…"), onClick: () => actions.openNewChat("new") }, (0, import_react12.createElement)(PlusIcon)) - ) : (0, import_react12.createElement)( - import_react12.Fragment, + (0, import_react13.createElement)("span", { className: "bt-brand" }, (0, import_react13.createElement)(BrandMark, { size: 22 }), (0, import_react13.createElement)(BrandName)), + (0, import_react13.createElement)(UpdateButton, { useUpdate: props.useUpdate, actions }), + (0, import_react13.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Search"), title: t("Search"), onClick: () => actions.openPalette() }, (0, import_react13.createElement)(SearchIcon)), + (0, import_react13.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("New…"), title: t("New…"), onClick: () => actions.openNewChat("new") }, (0, import_react13.createElement)(PlusIcon)) + ) : (0, import_react13.createElement)( + import_react13.Fragment, null, - (0, import_react12.createElement)(UpdateButton, { useUpdate: props.useUpdate, actions }), - (0, import_react12.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("New…"), title: t("New…"), onClick: () => actions.openNewChat("new") }, (0, import_react12.createElement)(PlusIcon)) + (0, import_react13.createElement)(UpdateButton, { useUpdate: props.useUpdate, actions }), + (0, import_react13.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("New…"), title: t("New…"), onClick: () => actions.openNewChat("new") }, (0, import_react13.createElement)(PlusIcon)) ), - wide && roster.readOnly ? (0, import_react12.createElement)("div", { className: "bt-hint bt-read-only", role: "status" }, hostText(roster.readOnly)) : null, - (0, import_react12.createElement)(InboxRow, { wide, useRoster, useWork: props.useWork, useUi, actions }), - (0, import_react12.createElement)( + wide && roster.readOnly ? (0, import_react13.createElement)("div", { className: "bt-hint bt-read-only", role: "status" }, hostText(roster.readOnly)) : null, + (0, import_react13.createElement)(InboxRow, { wide, useRoster, useWork: props.useWork, useUi, actions }), + (0, import_react13.createElement)( "div", { ref: listRef, className: "bt-list", role: "region", "aria-label": t("Bot list") }, - tree ? (0, import_react12.createElement)("div", { className: "bt-tree", role: "group", "aria-label": t("Bot tree") }, tree.map((node) => (0, import_react12.createElement)(TreeNode, { key: node.bot.id, node, rowProps, markedUnread, collapsed, toggle, actions: structure?.nodeActions }))) : main ? (0, import_react12.createElement)(BotRow, { ...rowProps, bot: main, marked: markedUnread[main.id] === true }) : roster.ready ? null : (0, import_react12.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_react12.createElement)(BotRow, { key: entry.item.id, ...rowProps, bot: entry.item, marked: markedUnread[entry.item.id] === true }) : entry.kind === "room" ? (0, import_react12.createElement)(RoomRow, { key: entry.item.id, ...rowProps, room: entry.item, marked: markedUnread[entry.item.id] === true }) : (0, import_react12.createElement)(AgentRow, { key: entry.item.id, ...rowProps, agent: entry.item, marked: markedUnread[entry.item.id] === true })), - wide ? (0, import_react12.createElement)(FlyBotSections, { roster, actions, renderBot: (bot) => (0, import_react12.createElement)(BotRow, { key: bot.id, ...rowProps, bot, asRow: true, marked: markedUnread[bot.id] === true }) }) : null + tree ? (0, import_react13.createElement)("div", { className: "bt-tree", role: "group", "aria-label": t("Bot tree") }, tree.map((node) => (0, import_react13.createElement)(TreeNode, { key: node.bot.id, node, rowProps, markedUnread, collapsed, toggle, actions: structure?.nodeActions }))) : main ? (0, import_react13.createElement)(BotRow, { ...rowProps, bot: main, marked: markedUnread[main.id] === true }) : roster.ready ? null : (0, import_react13.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_react13.createElement)(BotRow, { key: entry.item.id, ...rowProps, bot: entry.item, marked: markedUnread[entry.item.id] === true }) : entry.kind === "room" ? (0, import_react13.createElement)(RoomRow, { key: entry.item.id, ...rowProps, room: entry.item, marked: markedUnread[entry.item.id] === true }) : (0, import_react13.createElement)(AgentRow, { key: entry.item.id, ...rowProps, agent: entry.item, marked: markedUnread[entry.item.id] === true })), + wide ? (0, import_react13.createElement)(FlyBotSections, { roster, actions, renderBot: (bot) => (0, import_react13.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_react12.useState)(false); - const [box, setBox] = (0, import_react12.useState)(null); - const [error, setError] = (0, import_react12.useState)(""); - const [dshError, setDshError] = (0, import_react12.useState)(""); - const button = (0, import_react12.useRef)(null); - (0, import_react12.useEffect)(() => { + const [open, setOpen] = (0, import_react13.useState)(false); + const [box, setBox] = (0, import_react13.useState)(null); + const [error, setError] = (0, import_react13.useState)(""); + const [dshError, setDshError] = (0, import_react13.useState)(""); + const button = (0, import_react13.useRef)(null); + (0, import_react13.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; @@ -7453,10 +7697,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_react12.createElement)( - import_react12.Fragment, + return (0, import_react13.createElement)( + import_react13.Fragment, null, - (0, import_react12.createElement)("button", { + (0, import_react13.createElement)("button", { ref: button, type: "button", className: "bt-round bt-update", @@ -7466,21 +7710,21 @@ function UpdateButton({ useUpdate, actions }) { "aria-haspopup": "dialog", "aria-expanded": open, onClick: toggle - }, (0, import_react12.createElement)(CloudDownloadIcon, { done: phase === "installed" }), phase === "failed" || dshPhase === "failed" ? (0, import_react12.createElement)("span", { className: "bt-update-dot", "aria-hidden": true }) : null), - open && box ? (0, import_react_dom3.createPortal)((0, import_react12.createElement)( + }, (0, import_react13.createElement)(CloudDownloadIcon, { done: phase === "installed" }), phase === "failed" || dshPhase === "failed" ? (0, import_react13.createElement)("span", { className: "bt-update-dot", "aria-hidden": true }) : null), + open && box ? (0, import_react_dom3.createPortal)((0, import_react13.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_react12.createElement)( - import_react12.Fragment, + update?.available || phase !== "idle" ? (0, import_react13.createElement)( + import_react13.Fragment, null, - (0, import_react12.createElement)("div", { className: "bt-update-title" }, phase === "installed" ? t("Update installed") : t("FlyBot core {version}", { version: update.latest })), - (0, import_react12.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_react12.createElement)("div", { className: "bt-update-error", role: "alert" }, t("The update did not finish: {reason}", { reason: message })) : null, - (0, import_react12.createElement)( + (0, import_react13.createElement)("div", { className: "bt-update-title" }, phase === "installed" ? t("Update installed") : t("FlyBot core {version}", { version: update.latest })), + (0, import_react13.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_react13.createElement)("div", { className: "bt-update-error", role: "alert" }, t("The update did not finish: {reason}", { reason: message })) : null, + (0, import_react13.createElement)( "div", { className: "bt-update-actions" }, - update.notesUrl ? (0, import_react12.createElement)("a", { className: "bt-update-notes", href: update.notesUrl, target: "_blank", rel: "noopener noreferrer" }, t("What's new")) : null, - phase === "installed" ? null : (0, import_react12.createElement)("button", { + update.notesUrl ? (0, import_react13.createElement)("a", { className: "bt-update-notes", href: update.notesUrl, target: "_blank", rel: "noopener noreferrer" }, t("What's new")) : null, + phase === "installed" ? null : (0, import_react13.createElement)("button", { type: "button", className: "bt-update-go", disabled: phase === "installing", @@ -7488,17 +7732,17 @@ function UpdateButton({ useUpdate, actions }) { }, phase === "installing" ? t("Updating…") : phase === "failed" ? t("Try again") : t("Update")) ) ) : null, - dshRow ? (0, import_react12.createElement)( + dshRow ? (0, import_react13.createElement)( "div", { className: "bt-update-dsh" }, - (0, import_react12.createElement)("div", { className: "bt-update-title" }, t("DSH {version}", { version: dsh.verified })), - (0, import_react12.createElement)("div", { className: "bt-update-text" }, dshText), - dshMessage ? (0, import_react12.createElement)("div", { className: "bt-update-error", role: "alert" }, t("The update did not finish: {reason}", { reason: dshMessage })) : null, - (0, import_react12.createElement)( + (0, import_react13.createElement)("div", { className: "bt-update-title" }, t("DSH {version}", { version: dsh.verified })), + (0, import_react13.createElement)("div", { className: "bt-update-text" }, dshText), + dshMessage ? (0, import_react13.createElement)("div", { className: "bt-update-error", role: "alert" }, t("The update did not finish: {reason}", { reason: dshMessage })) : null, + (0, import_react13.createElement)( "div", { className: "bt-update-actions" }, - dsh.kind === "app" ? dsh.available ? (0, import_react12.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_react12.createElement)("button", { + dsh.kind === "app" ? dsh.available ? (0, import_react13.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_react13.createElement)("button", { type: "button", className: "bt-update-go", disabled: dshPhase === "installing", @@ -7511,23 +7755,23 @@ function UpdateButton({ useUpdate, actions }) { } function ConnectApps({ wide, actions }) { if (!wide) return null; - return (0, import_react12.createElement)( + return (0, import_react13.createElement)( "span", { className: "bt-connect-wrap" }, - (0, import_react12.createElement)( + (0, import_react13.createElement)( "button", { type: "button", className: "bt-connect bt-connect-foot", onClick: () => actions.openConnectors() }, - (0, import_react12.createElement)(PlugIcon), + (0, import_react13.createElement)(PlugIcon), t("Connect apps") ) ); } function YouAvatar() { - return (0, import_react12.createElement)( + return (0, import_react13.createElement)( "span", { className: "bt-you-wrap" }, - (0, import_react12.createElement)("span", { className: "bt-you", "aria-hidden": true }, (0, import_react12.createElement)(BotMark, { look: MAIN_LOOK, size: 24 })), - (0, import_react12.createElement)("span", { style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clip: "rect(0 0 0 0)" } }, t("Settings")) + (0, import_react13.createElement)("span", { className: "bt-you", "aria-hidden": true }, (0, import_react13.createElement)(BotMark, { look: MAIN_LOOK, size: 24 })), + (0, import_react13.createElement)("span", { style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clip: "rect(0 0 0 0)" } }, t("Settings")) ); } var openShellSettings = null; @@ -7559,7 +7803,7 @@ function openHarnessOnboarding(id) { var MODELS_STEP_ID = "flybot-models"; var MODELS_STEP_ORDER = 1e3; function ModelsSettingsStep({ explicit, complete, openSection }) { - (0, import_react12.useLayoutEffect)(() => { + (0, import_react13.useLayoutEffect)(() => { if (explicit) openSection("models"); complete(); }, []); @@ -7597,32 +7841,32 @@ function pressSettingsShortcut() { })); } function AccountLauncher({ seat = true, settingsOpen, openSettings, openOnboarding, actions }) { - const [open, setOpen] = (0, import_react12.useState)(false); - (0, import_react12.useLayoutEffect)(() => { + const [open, setOpen] = (0, import_react13.useState)(false); + (0, import_react13.useLayoutEffect)(() => { if (!seat) return void 0; actions.seatAccount(true); return () => actions.seatAccount(false); }, [seat]); - const [box, setBox] = (0, import_react12.useState)(null); - const button = (0, import_react12.useRef)(null); - (0, import_react12.useEffect)(() => { + const [box, setBox] = (0, import_react13.useState)(null); + const button = (0, import_react13.useRef)(null); + (0, import_react13.useEffect)(() => { if (settingsOpen) setOpen(false); }, [settingsOpen]); - (0, import_react12.useEffect)(() => { + (0, import_react13.useEffect)(() => { if (!openSettings) return void 0; openShellSettings = openSettings; return () => { if (openShellSettings === openSettings) openShellSettings = null; }; }, [openSettings]); - (0, import_react12.useEffect)(() => { + (0, import_react13.useEffect)(() => { if (!openOnboarding) return void 0; openShellOnboarding = openOnboarding; return () => { if (openShellOnboarding === openOnboarding) openShellOnboarding = null; }; }, [openOnboarding]); - (0, import_react12.useEffect)(() => { + (0, import_react13.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; @@ -7659,23 +7903,23 @@ function AccountLauncher({ seat = true, settingsOpen, openSettings, openOnboardi [t("Switch to classic Agent mode"), SwitchIcon, () => actions.setSurface("agent")] ] ]; - return (0, import_react12.createElement)( - import_react12.Fragment, + return (0, import_react13.createElement)( + import_react13.Fragment, null, - (0, import_react12.createElement)( + (0, import_react13.createElement)( "button", { ref: button, type: "button", className: "bt-account", "aria-label": t("Account"), "aria-haspopup": "menu", "aria-expanded": open, onClick: toggle }, - (0, import_react12.createElement)("span", { className: "bt-you", "aria-hidden": true }, (0, import_react12.createElement)(BotMark, { look: MAIN_LOOK, size: 24 })) + (0, import_react13.createElement)("span", { className: "bt-you", "aria-hidden": true }, (0, import_react13.createElement)(BotMark, { look: MAIN_LOOK, size: 24 })) ), - open && box ? (0, import_react_dom3.createPortal)((0, import_react12.createElement)( + open && box ? (0, import_react_dom3.createPortal)((0, import_react13.createElement)( "div", { className: "bt-menu bt-menu-up bt-account-menu", role: "menu", "aria-label": t("Account"), style: box }, - (0, import_react12.createElement)(FlyBotAccountHeader, { actions }), - groups.map((group, index) => (0, import_react12.createElement)( - import_react12.Fragment, + (0, import_react13.createElement)(FlyBotAccountHeader, { actions }), + groups.map((group, index) => (0, import_react13.createElement)( + import_react13.Fragment, { key: index }, - index > 0 ? (0, import_react12.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null, - group.map(([label, Icon, run, hint]) => (0, import_react12.createElement)("button", { + index > 0 ? (0, import_react13.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null, + group.map(([label, Icon, run, hint]) => (0, import_react13.createElement)("button", { key: label, type: "button", role: "menuitem", @@ -7683,7 +7927,7 @@ function AccountLauncher({ seat = true, settingsOpen, openSettings, openOnboardi setOpen(false); void Promise.resolve(run()).catch((error) => actions.reportError(error, "menu")); } - }, (0, import_react12.createElement)(Icon), (0, import_react12.createElement)("span", { className: "bt-menu-label" }, label), hint ? (0, import_react12.createElement)("span", { className: "bt-menu-hint" }, hint) : null)) + }, (0, import_react13.createElement)(Icon), (0, import_react13.createElement)("span", { className: "bt-menu-label" }, label), hint ? (0, import_react13.createElement)("span", { className: "bt-menu-hint" }, hint) : null)) )) ), document.body) : null ); @@ -7693,8 +7937,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_react12.useRef)(null); - (0, import_react12.useEffect)(() => { + const lastBot = (0, import_react13.useRef)(null); + (0, import_react13.useEffect)(() => { if (!roster.ready || !roster.mainBotId) return void 0; const [id, blank3] = mainView.split("|"); const bot = id === "" ? void 0 : roster.byId[id]; @@ -7715,16 +7959,16 @@ function useLandOnMainBot(roster, useSessions, actions) { function FooterAccount(props) { const seated = props.useUi((value) => value.accountSeated === true); if (seated) return null; - return (0, import_react12.createElement)("span", { className: "bt-foot-account" }, (0, import_react12.createElement)(AccountLauncher, { ...props, seat: false })); + return (0, import_react13.createElement)("span", { className: "bt-foot-account" }, (0, import_react13.createElement)(AccountLauncher, { ...props, seat: false })); } function BotReturn({ wide, useSurface, actions }) { const mode = useSurface((value) => value.mode); if (mode !== "agent") return null; - return (0, import_react12.createElement)( + return (0, import_react13.createElement)( "button", { type: "button", className: "bt-return", "aria-label": t("FlyBot"), title: t("FlyBot"), onClick: () => actions.setSurface("bot") }, - (0, import_react12.createElement)(FlyBotMark, { size: 20 }), - wide ? (0, import_react12.createElement)("span", { className: "bt-return-name" }, t("FlyBot")) : null + (0, import_react13.createElement)(FlyBotMark, { size: 20 }), + wide ? (0, import_react13.createElement)("span", { className: "bt-return-name" }, t("FlyBot")) : null ); } var RETURN_CSS = ` @@ -7738,10 +7982,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_react12.createElement)("span", { className: "bt-brand-mark" }, (0, import_react12.createElement)(FlyBotMark, { size })); + return (0, import_react13.createElement)("span", { className: "bt-brand-mark" }, (0, import_react13.createElement)(FlyBotMark, { size })); } function BrandName() { - return (0, import_react12.createElement)("span", { style: { fontWeight: 600, fontSize: 14 } }, t("FlyBot")); + return (0, import_react13.createElement)("span", { style: { fontWeight: 600, fontSize: 14 } }, t("FlyBot")); } var SIDEBAR_CSS = ` .bt-side-top .bt-brand{cursor:default;padding-left:6px} @@ -7847,15 +8091,15 @@ function holdComposerLabel(doc, label) { } // src/client/header.js -var import_react13 = require("react"); +var import_react14 = require("react"); var import_react_dom4 = require("react-dom"); -var GoArrow = () => (0, import_react13.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_react13.createElement)("path", { d: "M-7 0H7M2 -5L7 0L2 5" })); +var GoArrow = () => (0, import_react14.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_react14.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_react13.useState)(false); - (0, import_react13.useEffect)(() => { + const [shown, setShown] = (0, import_react14.useState)(false); + (0, import_react14.useEffect)(() => { const left = seen + MEMORY_NOTICE_MS - Date.now(); setShown(seen > 0 && left > 0); if (seen === 0 || left <= 0) return void 0; @@ -7865,16 +8109,16 @@ function useMemoryNotice(ids, useMemoryNews) { return shown; } function MemoryNotice({ shown }) { - const inner = (0, import_react13.useRef)(null); - const [width, setWidth] = (0, import_react13.useState)(0); + const inner = (0, import_react14.useRef)(null); + const [width, setWidth] = (0, import_react14.useState)(0); const label = t("Memory updated"); - (0, import_react13.useLayoutEffect)(() => { + (0, import_react14.useLayoutEffect)(() => { if (shown) setWidth(inner.current?.scrollWidth ?? 0); }, [label, shown]); - return (0, import_react13.createElement)( + return (0, import_react14.createElement)( "span", { className: "bt-pill-mem", "aria-hidden": true, style: { "--bt-mem-w": `${width}px` } }, - (0, import_react13.createElement)("span", { className: "bt-pill-mem-in", ref: inner }, (0, import_react13.createElement)("span", { className: "bt-pill-mem-ico" }, (0, import_react13.createElement)(MemoryIcon)), label) + (0, import_react14.createElement)("span", { className: "bt-pill-mem-in", ref: inner }, (0, import_react14.createElement)("span", { className: "bt-pill-mem-ico" }, (0, import_react14.createElement)(MemoryIcon)), label) ); } function HeaderPill({ sessionId, useRoster, useSessions, useSessionStatus, useSession, useActivity, useMemoryNews, useTurnClock, useUi, useLive, actions }) { @@ -7890,7 +8134,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_react13.useEffect)(() => { + (0, import_react14.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"); @@ -7909,7 +8153,7 @@ function HeaderPill({ sessionId, useRoster, useSessions, useSessionStatus, useSe const composerLabel = name ? t("Message {name}", { name }) : t("Message"); const blank3 = useSessions((list) => list.byId[sessionId]?.blank === true); const remoteEmptyHint = t("Send a message. Your friend approves unless Auto-send is on."); - (0, import_react13.useEffect)(() => { + (0, import_react14.useEffect)(() => { if (bot?.remote && blank3) { document.body.dataset.btRemoteChat = "empty"; document.body.style.setProperty("--bt-remote-empty", JSON.stringify(remoteEmptyHint)); @@ -7922,21 +8166,21 @@ function HeaderPill({ sessionId, useRoster, useSessions, useSessionStatus, useSe document.body.style.removeProperty("--bt-remote-empty"); }; }, [bot?.remote, blank3, remoteEmptyHint]); - (0, import_react13.useEffect)(() => { + (0, import_react14.useEffect)(() => { if (!bot?.remote) return void 0; document.body.dataset.btFriendChat = ""; return () => { delete document.body.dataset.btFriendChat; }; }, [bot?.remote]); - (0, import_react13.useLayoutEffect)(() => holdComposerLabel(document, composerLabel), [composerLabel]); - (0, import_react13.useEffect)(() => { + (0, import_react14.useLayoutEffect)(() => holdComposerLabel(document, composerLabel), [composerLabel]); + (0, import_react14.useEffect)(() => { actions.beginVisit(sessionId); return () => actions.endVisit(sessionId); }, [sessionId]); const face = room2?.origin === "face-to-face"; - (0, import_react13.useEffect)(() => face ? actions.filterFaceAtMenu?.(sessionId) : void 0, [sessionId, face]); - (0, import_react13.useEffect)(() => { + (0, import_react14.useEffect)(() => face ? actions.filterFaceAtMenu?.(sessionId) : void 0, [sessionId, face]); + (0, import_react14.useEffect)(() => { if (room2) document.body.dataset.btRoom = ""; else delete document.body.dataset.btRoom; return () => { @@ -7944,10 +8188,10 @@ function HeaderPill({ sessionId, useRoster, useSessions, useSessionStatus, useSe }; }, [Boolean(room2)]); const memoryNotice = notice && changed2 !== null && roster.memory !== false; - return (0, import_react13.createElement)( + return (0, import_react14.createElement)( "div", { className: "bt-head" }, - (0, import_react13.createElement)( + (0, import_react14.createElement)( "button", { type: "button", @@ -7957,19 +8201,19 @@ function HeaderPill({ sessionId, useRoster, useSessions, useSessionStatus, useSe "aria-label": memoryNotice ? t("Memory updated. Open {name}'s memory", { name: roster.byId[changed2]?.name ?? name }) : t("View conversation details"), onClick: () => memoryNotice ? actions.openMemory(changed2) : actions.toggleDetails(sessionId) }, - bot ? (0, import_react13.createElement)(BotAvatar, { bot, size: 24, state: botState(running, doing, roster.questions?.[currentPart(bot)] !== void 0), badge: false }) : room2 ? (0, import_react13.createElement)(RoomAvatar, { room: room2, roster, size: 24 }) : null, - (0, import_react13.createElement)("span", { className: "bt-pill-name" }, name || title || t("New chat")), - (0, import_react13.createElement)(MemoryNotice, { shown: memoryNotice }), - (0, import_react13.createElement)("span", { className: "bt-pill-go", "aria-hidden": true }, (0, import_react13.createElement)(GoArrow)) + bot ? (0, import_react14.createElement)(BotAvatar, { bot, size: 24, state: botState(running, doing, roster.questions?.[currentPart(bot)] !== void 0), badge: false }) : room2 ? (0, import_react14.createElement)(RoomAvatar, { room: room2, roster, size: 24 }) : null, + (0, import_react14.createElement)("span", { className: "bt-pill-name" }, name || title || t("New chat")), + (0, import_react14.createElement)(MemoryNotice, { shown: memoryNotice }), + (0, import_react14.createElement)("span", { className: "bt-pill-go", "aria-hidden": true }, (0, import_react14.createElement)(GoArrow)) ), - (0, import_react13.createElement)("span", { className: "bt-sr", role: "status" }, memoryNotice ? t("Memory updated") : ""), - (0, import_react13.createElement)(NewMessagePills, { key: sessionId, sessionId, hiddenTurns, useSessions, useUi, useTurnClock, actions }), - (0, import_react13.createElement)(ActivityIndicator, { key: `activity:${sessionId}`, sessionId, useRoster, useSessionStatus, useSession, useLive, actions }) + (0, import_react14.createElement)("span", { className: "bt-sr", role: "status" }, memoryNotice ? t("Memory updated") : ""), + (0, import_react14.createElement)(NewMessagePills, { key: sessionId, sessionId, hiddenTurns, useSessions, useUi, useTurnClock, actions }), + (0, import_react14.createElement)(ActivityIndicator, { key: `activity:${sessionId}`, sessionId, useRoster, useSessionStatus, useSession, useLive, actions }) ); } function useTranscriptView() { - const [view, setView] = (0, import_react13.useState)(null); - (0, import_react13.useEffect)(() => { + const [view, setView] = (0, import_react14.useState)(null); + (0, import_react14.useEffect)(() => { let frame = 0; let watched = null; const observer = new MutationObserver(() => schedule()); @@ -8034,22 +8278,22 @@ function NewMessagePills({ sessionId, hiddenTurns, useSessions, useUi, useTurnCl }); const view = useTranscriptView(); const unpinned = view?.unpinned === true; - const [release, setRelease] = (0, import_react13.useState)({ base: null, dismissed: false }); - const [above, setAbove] = (0, import_react13.useState)({ seen: false, dismissed: false }); - (0, import_react13.useEffect)(() => { + const [release, setRelease] = (0, import_react14.useState)({ base: null, dismissed: false }); + const [above, setAbove] = (0, import_react14.useState)({ seen: false, dismissed: false }); + (0, import_react14.useEffect)(() => { setRelease({ base: unpinned ? replies : null, dismissed: false }); }, [unpinned]); - (0, import_react13.useEffect)(() => { + (0, import_react14.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_react13.useEffect)(() => { + (0, import_react14.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_react13.useEffect)(() => { + (0, import_react14.useEffect)(() => { const scroller = document.querySelector("[data-conversation-scroll]"); if (!scroller) return void 0; scroller.toggleAttribute("data-bt-news", showDown); @@ -8057,16 +8301,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_react13.createElement)( + const pill = (direction, count, style, onJump, onDismiss) => (0, import_react14.createElement)( "div", { className: "bt-news", "data-direction": direction, style }, - (0, import_react13.createElement)( + (0, import_react14.createElement)( "button", { type: "button", className: "bt-news-jump", onClick: onJump }, - (0, import_react13.createElement)("span", { className: "bt-news-ico" }, (0, import_react13.createElement)(direction === "up" ? ArrowUpIcon : ArrowDownIcon)), + (0, import_react14.createElement)("span", { className: "bt-news-ico" }, (0, import_react14.createElement)(direction === "up" ? ArrowUpIcon : ArrowDownIcon)), label(count) ), - (0, import_react13.createElement)("button", { + (0, import_react14.createElement)("button", { type: "button", className: "bt-news-x", "aria-label": t("Dismiss new messages"), @@ -8074,7 +8318,7 @@ function NewMessagePills({ sessionId, hiddenTurns, useSessions, useUi, useTurnCl event.stopPropagation(); onDismiss(); } - }, (0, import_react13.createElement)(CloseIcon)) + }, (0, import_react14.createElement)(CloseIcon)) ); const toLatest = () => { const scroller = document.querySelector("[data-conversation-scroll]"); @@ -8084,8 +8328,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_react13.createElement)( - import_react13.Fragment, + (0, import_react14.createElement)( + import_react14.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 @@ -8095,18 +8339,18 @@ function NewMessagePills({ sessionId, hiddenTurns, useSessions, useUi, useTurnCl } // src/client/composer.js -var import_react14 = require("react"); +var import_react15 = 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_react14.useState)(false); - const [note, setNote] = (0, import_react14.useState)(""); - const recognition = (0, import_react14.useRef)(null); - const latest = (0, import_react14.useRef)(onText); + const [listening, setListening] = (0, import_react15.useState)(false); + const [note, setNote] = (0, import_react15.useState)(""); + const recognition = (0, import_react15.useRef)(null); + const latest = (0, import_react15.useRef)(onText); latest.current = onText; - (0, import_react14.useEffect)(() => () => recognition.current?.abort(), []); - (0, import_react14.useEffect)(() => { + (0, import_react15.useEffect)(() => () => recognition.current?.abort(), []); + (0, import_react15.useEffect)(() => { if (!note) return void 0; const timer = setTimeout(() => setNote(""), 2600); return () => clearTimeout(timer); @@ -8160,14 +8404,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_react14.createElement)( + return (0, import_react15.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_react14.createElement)( + return (0, import_react15.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 }) @@ -8178,7 +8422,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_react14.useEffect)(() => { + (0, import_react15.useEffect)(() => { if (!quote || !inputActions) return; actions.clearQuote(quote.token); const excerpt = quote.text.replace(/\s+/g, " ").trim(); @@ -8196,10 +8440,10 @@ function ComposerVoice({ sessionId, inputActions, actions, useUi }) { }, [quote?.token]); if (sessionId === void 0) return null; const pluginMic = actions.speech() !== void 0; - return (0, import_react14.createElement)( - import_react14.Fragment, + return (0, import_react15.createElement)( + import_react15.Fragment, null, - pluginMic ? null : (0, import_react14.createElement)("button", { + pluginMic ? null : (0, import_react15.createElement)("button", { type: "button", className: "bt-mic", "aria-label": dictation.listening ? t("Stop dictation") : t("Dictate"), @@ -8207,16 +8451,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_react14.createElement)(MicIcon)), - (0, import_react14.createElement)("button", { + }, (0, import_react15.createElement)(MicIcon)), + (0, import_react15.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_react14.createElement)(WaveIcon, { size: 18 })), - dictation.note ? (0, import_react14.createElement)("span", { className: "bt-mic-note", role: "status" }, dictation.note) : null + }, (0, import_react15.createElement)(WaveIcon, { size: 18 })), + dictation.note ? (0, import_react15.createElement)("span", { className: "bt-mic-note", role: "status" }, dictation.note) : null ); } function menuIcons(roster) { @@ -8224,17 +8468,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_react14.createElement)(BotMark, { bot: roster.getSnapshot().byId[id] ?? row.bot, size })); + if (!marks.has(id)) marks.set(id, ({ size = 14 }) => (0, import_react15.createElement)(BotMark, { bot: roster.getSnapshot().byId[id] ?? row.bot, size })); return marks.get(id); }; } function ComposerPlus({ sessionId, inputActions, useRoster, actions }) { const roster = useRoster((value) => value); - const [open, setOpen] = (0, import_react14.useState)(null); + const [open, setOpen] = (0, import_react15.useState)(null); const [shown, leaving] = useLinger(open, 120); - const button = (0, import_react14.useRef)(null); - const menu = (0, import_react14.useRef)(null); - (0, import_react14.useEffect)(() => { + const button = (0, import_react15.useRef)(null); + const menu = (0, import_react15.useRef)(null); + (0, import_react15.useEffect)(() => { if (!open) return void 0; const onDown = (event) => { if (![button.current, menu.current].some((node) => node?.contains(event.target))) setOpen(null); @@ -8275,10 +8519,10 @@ function ComposerPlus({ sessionId, inputActions, useRoster, actions }) { actions.referenceChat(sessionId, inputActions?.captureInsertion?.()); }; const canReference = typeof inputActions?.captureInsertion === "function" && actions.canReferenceChat(); - return (0, import_react14.createElement)( - import_react14.Fragment, + return (0, import_react15.createElement)( + import_react15.Fragment, null, - (0, import_react14.createElement)("button", { + (0, import_react15.createElement)("button", { ref: button, type: "button", className: "bt-plus", @@ -8288,8 +8532,8 @@ function ComposerPlus({ sessionId, inputActions, useRoster, actions }) { "aria-expanded": Boolean(open), onMouseDown: keepComposerFocus, onClick: toggle - }, (0, import_react14.createElement)(PlusIcon)), - shown ? (0, import_react_dom5.createPortal)((0, import_react14.createElement)( + }, (0, import_react15.createElement)(PlusIcon)), + shown ? (0, import_react_dom5.createPortal)((0, import_react15.createElement)( "div", { ref: menu, @@ -8299,9 +8543,9 @@ function ComposerPlus({ sessionId, inputActions, useRoster, actions }) { style: { left: shown.left, bottom: shown.bottom }, "data-leaving": leaving || void 0 }, - (0, import_react14.createElement)("button", { type: "button", role: "menuitem", onClick: attach }, (0, import_react14.createElement)(PaperclipIcon), (0, import_react14.createElement)("span", { className: "bt-menu-label" }, t("Add files"))), - canReference ? (0, import_react14.createElement)("button", { type: "button", role: "menuitem", onMouseDown: keepComposerFocus, onClick: reference }, (0, import_react14.createElement)(ChatsIcon), (0, import_react14.createElement)("span", { className: "bt-menu-label" }, t("Reference a chat"))) : null, - (0, import_react14.createElement)("button", { type: "button", role: "menuitem", onClick: schedule }, (0, import_react14.createElement)(ClockIcon), (0, import_react14.createElement)("span", { className: "bt-menu-label" }, t("Scheduled task"))) + (0, import_react15.createElement)("button", { type: "button", role: "menuitem", onClick: attach }, (0, import_react15.createElement)(PaperclipIcon), (0, import_react15.createElement)("span", { className: "bt-menu-label" }, t("Add files"))), + canReference ? (0, import_react15.createElement)("button", { type: "button", role: "menuitem", onMouseDown: keepComposerFocus, onClick: reference }, (0, import_react15.createElement)(ChatsIcon), (0, import_react15.createElement)("span", { className: "bt-menu-label" }, t("Reference a chat"))) : null, + (0, import_react15.createElement)("button", { type: "button", role: "menuitem", onClick: schedule }, (0, import_react15.createElement)(ClockIcon), (0, import_react15.createElement)("span", { className: "bt-menu-label" }, t("Scheduled task"))) ), document.body) : null ); } @@ -8654,13 +8898,13 @@ function turnDetector({ loud = 0.12, quiet = 0.06, quietMs = 1200 } = {}) { } // src/client/palette.js -var import_react15 = require("react"); +var import_react16 = 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_react15.useState)(start ?? ""); - const [cursor, setCursor] = (0, import_react15.useState)(0); - const [leaving, setLeaving] = (0, import_react15.useState)(false); + const [query, setQuery] = (0, import_react16.useState)(start ?? ""); + const [cursor, setCursor] = (0, import_react16.useState)(0); + const [leaving, setLeaving] = (0, import_react16.useState)(false); const wanted = query.trim().toLowerCase(); const close = () => { if (leaving) return; @@ -8696,7 +8940,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_react15.createElement)(BotAvatar, { bot, size: 24, badge: false, live: false }), + avatar: (0, import_react16.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, @@ -8707,7 +8951,7 @@ function CommandPalette({ start, token, roster, actions, useSessions }) { })), ...roster.rooms.filter((room2) => matchesName(room2.name)).map((room2) => ({ key: room2.id, - avatar: (0, import_react15.createElement)(RoomAvatar, { room: room2, roster, size: 24 }), + avatar: (0, import_react16.createElement)(RoomAvatar, { room: room2, roster, size: 24 }), title: room2.name, subtitle: t(room2.members.length === 1 ? "{count} member" : "{count} members", { count: room2.members.length }), badge: room2.hidden ? t("Hidden") : void 0, @@ -8720,7 +8964,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_react15.createElement)("span", { className: "bt-palette-agent" }, (0, import_react15.createElement)(import_dsh_client_ui_primitives3.FishLogo, { size: 18 })), + avatar: (0, import_react16.createElement)("span", { className: "bt-palette-agent" }, (0, import_react16.createElement)(import_dsh_client_ui_primitives3.FishLogo, { size: 18 })), title: "DSH Agent", subtitle: t("Plain dsh session"), run: () => actions.openAgent(agent.id) @@ -8733,16 +8977,16 @@ function CommandPalette({ start, token, roster, actions, useSessions }) { key: `${id}:${turn}`, title: bot?.name ?? room2?.name ?? t("Bot"), subtitle: snippet, - avatar: bot ? (0, import_react15.createElement)(BotAvatar, { bot, size: 24, badge: false, live: false }) : (0, import_react15.createElement)(RoomAvatar, { room: room2, roster, size: 24 }), + avatar: bot ? (0, import_react16.createElement)(BotAvatar, { bot, size: 24, badge: false, live: false }) : (0, import_react16.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_react15.createElement)(PlusIcon), title: t("New chat"), run: () => actions.openNewChat("new") }, - { key: "cmd:bot", icon: (0, import_react15.createElement)(PlusIcon), title: t("Create Bot"), run: () => actions.openNewChat("create") }, - { key: "cmd:group", icon: (0, import_react15.createElement)(PeopleIcon), title: t("Create group chat"), run: () => actions.openNewChat("group") }, - { key: "cmd:settings", icon: (0, import_react15.createElement)(GearIcon), title: t("Settings"), run: () => actions.openSettings("general") } + { key: "cmd:new", icon: (0, import_react16.createElement)(PlusIcon), title: t("New chat"), run: () => actions.openNewChat("new") }, + { key: "cmd:bot", icon: (0, import_react16.createElement)(PlusIcon), title: t("Create Bot"), run: () => actions.openNewChat("create") }, + { key: "cmd:group", icon: (0, import_react16.createElement)(PeopleIcon), title: t("Create group chat"), run: () => actions.openNewChat("group") }, + { key: "cmd:settings", icon: (0, import_react16.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); @@ -8752,7 +8996,7 @@ function CommandPalette({ start, token, roster, actions, useSessions }) { ${shown}`, { axis: "y", ...QUICK_EDGES }); const listRef = glide.box; useFlip(listRef, shown, "[data-flip]"); - (0, import_react15.useEffect)(() => { + (0, import_react16.useEffect)(() => { listRef.current?.querySelector("[aria-selected=true]")?.scrollIntoView({ block: "nearest" }); }, [active, query]); const choose = (row) => { @@ -8761,18 +9005,18 @@ ${shown}`, { axis: "y", ...QUICK_EDGES }); close(); }; let index = -1; - return (0, import_react15.createElement)( + return (0, import_react16.createElement)( "div", { className: "bt-palette-layer", "data-leaving": leaving || void 0 }, - (0, import_react15.createElement)("div", { className: "bt-backdrop", onMouseDown: close }), - (0, import_react15.createElement)( + (0, import_react16.createElement)("div", { className: "bt-backdrop", onMouseDown: close }), + (0, import_react16.createElement)( "div", { className: "bt-palette", role: "dialog", "aria-label": t("Search"), "aria-modal": true }, - (0, import_react15.createElement)( + (0, import_react16.createElement)( "div", { className: "bt-palette-head" }, - (0, import_react15.createElement)("span", { className: "bt-palette-glyph", "aria-hidden": true }, (0, import_react15.createElement)(SearchIcon)), - (0, import_react15.createElement)("input", { + (0, import_react16.createElement)("span", { className: "bt-palette-glyph", "aria-hidden": true }, (0, import_react16.createElement)(SearchIcon)), + (0, import_react16.createElement)("input", { autoFocus: true, value: query, placeholder: t("Search Bots, chats and messages"), @@ -8798,29 +9042,29 @@ ${shown}`, { axis: "y", ...QUICK_EDGES }); } } }), - query ? (0, import_react15.createElement)("button", { type: "button", className: "bt-palette-clear", "aria-label": t("Clear search"), onClick: () => { + query ? (0, import_react16.createElement)("button", { type: "button", className: "bt-palette-clear", "aria-label": t("Clear search"), onClick: () => { setQuery(""); setCursor(0); - } }, (0, import_react15.createElement)(CloseIcon)) : null + } }, (0, import_react16.createElement)(CloseIcon)) : null ), - (0, import_react15.createElement)( + (0, import_react16.createElement)( "div", { ref: listRef, id: "bt-palette-list", className: "bt-palette-list", role: "listbox", "aria-label": t("Results") }, - (0, import_react15.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }), - rows.length === 0 ? (0, import_react15.createElement)( + (0, import_react16.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }), + rows.length === 0 ? (0, import_react16.createElement)( "div", { className: "bt-palette-empty" }, - (0, import_react15.createElement)("span", { className: "bt-palette-empty-icon", "aria-hidden": true }, (0, import_react15.createElement)(SearchIcon)), - (0, import_react15.createElement)("span", { className: "bt-palette-empty-label" }, t("No results")), - (0, import_react15.createElement)("span", { className: "bt-palette-empty-hint" }, t("Try a Bot name or words from a message")) - ) : sections.map(([title, items]) => (0, import_react15.createElement)( - import_react15.Fragment, + (0, import_react16.createElement)("span", { className: "bt-palette-empty-icon", "aria-hidden": true }, (0, import_react16.createElement)(SearchIcon)), + (0, import_react16.createElement)("span", { className: "bt-palette-empty-label" }, t("No results")), + (0, import_react16.createElement)("span", { className: "bt-palette-empty-hint" }, t("Try a Bot name or words from a message")) + ) : sections.map(([title, items]) => (0, import_react16.createElement)( + import_react16.Fragment, { key: title }, - (0, import_react15.createElement)("div", { className: "bt-palette-section", role: "presentation", "data-flip": `section:${title}` }, title), + (0, import_react16.createElement)("div", { className: "bt-palette-section", role: "presentation", "data-flip": `section:${title}` }, title), items.map((row) => { index += 1; const at = index; - return (0, import_react15.createElement)( + return (0, import_react16.createElement)( "button", { key: row.key, @@ -8834,14 +9078,14 @@ ${shown}`, { axis: "y", ...QUICK_EDGES }); }, onClick: () => choose(row) }, - (0, import_react15.createElement)("span", { className: "bt-palette-lead" }, row.avatar ?? (0, import_react15.createElement)("span", { className: "bt-palette-cmd" }, row.icon)), - (0, import_react15.createElement)( + (0, import_react16.createElement)("span", { className: "bt-palette-lead" }, row.avatar ?? (0, import_react16.createElement)("span", { className: "bt-palette-cmd" }, row.icon)), + (0, import_react16.createElement)( "span", { className: "bt-palette-text" }, - (0, import_react15.createElement)("span", { className: "bt-palette-title" }, row.title), - row.subtitle ? (0, import_react15.createElement)("span", { className: "bt-palette-sub" }, row.subtitle) : null + (0, import_react16.createElement)("span", { className: "bt-palette-title" }, row.title), + row.subtitle ? (0, import_react16.createElement)("span", { className: "bt-palette-sub" }, row.subtitle) : null ), - row.badge ? (0, import_react15.createElement)("span", { className: "bt-palette-badge" }, row.badge) : null + row.badge ? (0, import_react16.createElement)("span", { className: "bt-palette-badge" }, row.badge) : null ); }) )) @@ -8851,7 +9095,7 @@ ${shown}`, { axis: "y", ...QUICK_EDGES }); } // src/client/model-menu.js -var import_react16 = require("react"); +var import_react17 = require("react"); var import_react_dom6 = require("react-dom"); var MENU_EXIT_MS = 120; function groupModels(models) { @@ -8874,8 +9118,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_react16.useState)(void 0); - (0, import_react16.useEffect)(() => { + const [fetched, setFetched] = (0, import_react17.useState)(void 0); + (0, import_react17.useEffect)(() => { setFetched(void 0); if (ref === void 0 || served?.reasoning !== void 0 || actions?.efforts === void 0) return void 0; let live = true; @@ -8900,12 +9144,12 @@ function effortRows(reasoning) { ]; } function EffortRows({ reasoning, current, onPick }) { - return (0, import_react16.createElement)( - import_react16.Fragment, + return (0, import_react17.createElement)( + import_react17.Fragment, null, - (0, import_react16.createElement)("div", { className: "bt-menu-sep", role: "separator" }), - (0, import_react16.createElement)("div", { className: "bt-model-group", role: "presentation" }, t("Thinking level")), - effortRows(reasoning).map((row) => (0, import_react16.createElement)( + (0, import_react17.createElement)("div", { className: "bt-menu-sep", role: "separator" }), + (0, import_react17.createElement)("div", { className: "bt-model-group", role: "presentation" }, t("Thinking level")), + effortRows(reasoning).map((row) => (0, import_react17.createElement)( "button", { key: row.effort ?? "default", @@ -8914,17 +9158,17 @@ function EffortRows({ reasoning, current, onPick }) { "aria-checked": row.effort === current, onClick: () => onPick(row.effort) }, - (0, import_react16.createElement)("span", { className: "bt-menu-label" }, row.label), - (0, import_react16.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, row.effort === current ? (0, import_react16.createElement)(CheckIcon) : null) + (0, import_react17.createElement)("span", { className: "bt-menu-label" }, row.label), + (0, import_react17.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, row.effort === current ? (0, import_react17.createElement)(CheckIcon) : null) )) ); } function ModelRows({ roster, current, onPick }) { - return groupModels(roster.models).map(([provider, list]) => (0, import_react16.createElement)( - import_react16.Fragment, + return groupModels(roster.models).map(([provider, list]) => (0, import_react17.createElement)( + import_react17.Fragment, { key: list[0].provider ?? provider }, - (0, import_react16.createElement)("div", { className: "bt-model-group", role: "presentation" }, provider), - list.map((model) => (0, import_react16.createElement)( + (0, import_react17.createElement)("div", { className: "bt-model-group", role: "presentation" }, provider), + list.map((model) => (0, import_react17.createElement)( "button", { key: model.ref, @@ -8934,20 +9178,20 @@ function ModelRows({ roster, current, onPick }) { title: model.ref, onClick: () => onPick(model.ref) }, - (0, import_react16.createElement)("span", { className: "bt-menu-label" }, model.name), - model.ref === roster.defaultModel ? (0, import_react16.createElement)("span", { className: "bt-menu-hint" }, t("Default")) : null, - (0, import_react16.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, model.ref === current ? (0, import_react16.createElement)(CheckIcon) : null) + (0, import_react17.createElement)("span", { className: "bt-menu-label" }, model.name), + model.ref === roster.defaultModel ? (0, import_react17.createElement)("span", { className: "bt-menu-hint" }, t("Default")) : null, + (0, import_react17.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, model.ref === current ? (0, import_react17.createElement)(CheckIcon) : null) )) )); } -var Caret = () => (0, import_react16.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_react16.createElement)("path", { d: "M5.5 8l4.5 4.5L14.5 8" })); +var Caret = () => (0, import_react17.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_react17.createElement)("path", { d: "M5.5 8l4.5 4.5L14.5 8" })); function useAnchoredMenu() { - const [place, setPlace] = (0, import_react16.useState)(null); + const [place, setPlace] = (0, import_react17.useState)(null); const [shownPlace, leaving] = useLinger(place, MENU_EXIT_MS); - const button = (0, import_react16.useRef)(null); - const menu = (0, import_react16.useRef)(null); + const button = (0, import_react17.useRef)(null); + const menu = (0, import_react17.useRef)(null); const close = () => setPlace(null); - (0, import_react16.useEffect)(() => { + (0, import_react17.useEffect)(() => { if (place === null) return void 0; const onDown = (event) => { if (menu.current?.contains(event.target) || button.current?.contains(event.target)) return; @@ -9010,10 +9254,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_react16.createElement)( - import_react16.Fragment, + return (0, import_react17.createElement)( + import_react17.Fragment, null, - (0, import_react16.createElement)( + (0, import_react17.createElement)( "button", { ref: button, @@ -9026,38 +9270,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_react16.createElement)( + (0, import_react17.createElement)( "span", { className: "bt-model-copy" }, - (0, import_react16.createElement)("span", { className: "bt-model-name" }, shown?.name ?? t("Choose a model")), - shown ? (0, import_react16.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_react17.createElement)("span", { className: "bt-model-name" }, shown?.name ?? t("Choose a model")), + shown ? (0, import_react17.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_react16.createElement)(Caret) + (0, import_react17.createElement)(Caret) ), - shownPlace ? (0, import_react_dom6.createPortal)((0, import_react16.createElement)( + shownPlace ? (0, import_react_dom6.createPortal)((0, import_react17.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_react16.createElement)(ModelRows, { roster, current, onPick: pick2 }) : (0, import_react16.createElement)("div", { className: "bt-model-none" }, t("No models are set up in DeepSeek Harness yet.")), - effortRows(reasoning).length > 0 ? (0, import_react16.createElement)(EffortRows, { reasoning, current: picked, onPick: pickEffort }) : null, - (0, import_react16.createElement)("div", { className: "bt-menu-sep", role: "separator" }), - (0, import_react16.createElement)("button", { type: "button", role: "menuitem", onClick: () => { + models.length > 0 ? (0, import_react17.createElement)(ModelRows, { roster, current, onPick: pick2 }) : (0, import_react17.createElement)("div", { className: "bt-model-none" }, t("No models are set up in DeepSeek Harness yet.")), + effortRows(reasoning).length > 0 ? (0, import_react17.createElement)(EffortRows, { reasoning, current: picked, onPick: pickEffort }) : null, + (0, import_react17.createElement)("div", { className: "bt-menu-sep", role: "separator" }), + (0, import_react17.createElement)("button", { type: "button", role: "menuitem", onClick: () => { close(); openHarnessModels(); - } }, (0, import_react16.createElement)(SlidersIcon), (0, import_react16.createElement)("span", { className: "bt-menu-label" }, t("Models and providers…"))) + } }, (0, import_react17.createElement)(SlidersIcon), (0, import_react17.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_react16.useState)(""); - const [error, setError] = (0, import_react16.useState)(""); + const [busy, setBusy] = (0, import_react17.useState)(""); + const [error, setError] = (0, import_react17.useState)(""); const shown = Boolean(bot) && currentPart(bot) === sessionId && roster.ready; - (0, import_react16.useEffect)(() => { + (0, import_react17.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_react16.createElement)(RemoteGoneDock, { bot }) : null; + if (bot.remote) return bot.remote.gone ? (0, import_react17.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; @@ -9070,12 +9314,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_react16.createElement)("button", { key: label, type: "button", className: "bt-model-chip", onClick: run }, label)), (0, import_react16.createElement)(KeyHelpLink, { key: "key-help" })] : [ - ...groupModels(models).map(([provider, list]) => (0, import_react16.createElement)( + const choices = models.length === 0 ? [...setupChoices(actions).map(([label, run]) => (0, import_react17.createElement)("button", { key: label, type: "button", className: "bt-model-chip", onClick: run }, label)), (0, import_react17.createElement)(KeyHelpLink, { key: "key-help" })] : [ + ...groupModels(models).map(([provider, list]) => (0, import_react17.createElement)( "div", { key: list[0].provider ?? provider, className: "bt-model-choice-group", role: "group", "aria-label": provider }, - (0, import_react16.createElement)("div", { className: "bt-model-choice-provider", "aria-hidden": true }, provider), - (0, import_react16.createElement)("div", { className: "bt-model-choice-chips" }, list.map((model) => (0, import_react16.createElement)("button", { + (0, import_react17.createElement)("div", { className: "bt-model-choice-provider", "aria-hidden": true }, provider), + (0, import_react17.createElement)("div", { className: "bt-model-choice-chips" }, list.map((model) => (0, import_react17.createElement)("button", { key: model.ref, type: "button", className: "bt-model-chip", @@ -9084,46 +9328,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_react16.createElement)("span", { className: "bt-model-spin", "aria-label": t("Saving…") }) : null))) + }, model.name, busy === model.ref ? (0, import_react17.createElement)("span", { className: "bt-model-spin", "aria-label": t("Saving…") }) : null))) )), - (0, import_react16.createElement)("button", { key: "manage", type: "button", className: "bt-model-chip bt-model-chip-quiet", onClick: openHarnessModels }, (0, import_react16.createElement)(SlidersIcon), t("Manage models")) + (0, import_react17.createElement)("button", { key: "manage", type: "button", className: "bt-model-chip bt-model-chip-quiet", onClick: openHarnessModels }, (0, import_react17.createElement)(SlidersIcon), t("Manage models")) ]; - return (0, import_react16.createElement)( + return (0, import_react17.createElement)( "div", { className: "bt-model-dock" }, - (0, import_react16.createElement)( + (0, import_react17.createElement)( "div", { className: "bt-astack", "data-lead": "" }, - (0, import_react16.createElement)( + (0, import_react17.createElement)( "div", { className: "bt-msg" }, - (0, import_react16.createElement)( + (0, import_react17.createElement)( "div", { className: "bt-msg-line" }, - (0, import_react16.createElement)(BotMark, { bot, size: 22 }), - (0, import_react16.createElement)("div", { className: "bt-bubble" }, text) + (0, import_react17.createElement)(BotMark, { bot, size: 22 }), + (0, import_react17.createElement)("div", { className: "bt-bubble" }, text) ) ) ), - (0, import_react16.createElement)("div", { className: "bt-model-chips", role: "group", "aria-label": t("Choose a model") }, choices), - error ? (0, import_react16.createElement)("div", { className: "bt-secret-error bt-model-error", role: "alert" }, error) : null + (0, import_react17.createElement)("div", { className: "bt-model-chips", role: "group", "aria-label": t("Choose a model") }, choices), + error ? (0, import_react17.createElement)("div", { className: "bt-secret-error bt-model-error", role: "alert" }, error) : null ); } function RemoteGoneDock({ bot }) { - return (0, import_react16.createElement)( + return (0, import_react17.createElement)( "div", { className: "bt-model-dock", "data-flybot": "remote-gone" }, - (0, import_react16.createElement)( + (0, import_react17.createElement)( "div", { className: "bt-astack", "data-lead": "" }, - (0, import_react16.createElement)( + (0, import_react17.createElement)( "div", { className: "bt-msg" }, - (0, import_react16.createElement)( + (0, import_react17.createElement)( "div", { className: "bt-msg-line" }, - (0, import_react16.createElement)(BotMark, { bot, size: 22 }), - (0, import_react16.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_react17.createElement)(BotMark, { bot, size: 22 }), + (0, import_react17.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 })) ) ) ) @@ -9138,7 +9382,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_react16.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_react17.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 ?? ""); @@ -9162,22 +9406,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_react16.createElement)( + return (0, import_react17.createElement)( "div", { className: "bt-turn-error", role: "status", "data-missing-key": missing ? "" : void 0 }, - (0, import_react16.createElement)("span", { className: "bt-turn-error-dot", "aria-hidden": true }), - (0, import_react16.createElement)( + (0, import_react17.createElement)("span", { className: "bt-turn-error-dot", "aria-hidden": true }), + (0, import_react17.createElement)( "div", { className: "bt-turn-error-copy" }, - (0, import_react16.createElement)("span", { className: "bt-turn-error-title" }, title), - (0, import_react16.createElement)("span", { className: "bt-turn-error-message" }, message), - code ? (0, import_react16.createElement)("code", { className: "bt-turn-error-code" }, code) : null + (0, import_react17.createElement)("span", { className: "bt-turn-error-title" }, title), + (0, import_react17.createElement)("span", { className: "bt-turn-error-message" }, message), + code ? (0, import_react17.createElement)("code", { className: "bt-turn-error-code" }, code) : null ), - choices.length > 0 ? (0, import_react16.createElement)( + choices.length > 0 ? (0, import_react17.createElement)( "div", { className: "bt-turn-error-actions" }, - choices.map(([label, run]) => (0, import_react16.createElement)("button", { key: label, type: "button", className: "bt-model-chip", onClick: run }, label)), - deepseek ? (0, import_react16.createElement)(KeyHelpLink, { key: "key-help" }) : null + choices.map(([label, run]) => (0, import_react17.createElement)("button", { key: label, type: "button", className: "bt-model-chip", onClick: run }, label)), + deepseek ? (0, import_react17.createElement)(KeyHelpLink, { key: "key-help" }) : null ) : null ); } @@ -9185,14 +9429,14 @@ function DeepSeekSignIn({ useUi, actions }) { const open = useUi((state) => state.signIn); const entry = open ? actions.signInEntry?.() : null; if (!entry) return null; - return (0, import_react16.createElement)(SignInHost, { key: open, entry, actions }); + return (0, import_react17.createElement)(SignInHost, { key: open, entry, actions }); } function SignInHost({ entry, actions }) { - const [ops] = (0, import_react16.useState)(() => entry.inject?.() ?? {}); + const [ops] = (0, import_react17.useState)(() => entry.inject?.() ?? {}); const close = () => actions.closeSignIn(); - const useHook = (source) => (selector) => (0, import_react16.useSyncExternalStore)(source.subscribe, () => selector(source.getSnapshot())); - const [hooks] = (0, import_react16.useState)(() => ({ useAccount: useHook(ops.hooks.account), useTheme: useHook(ops.hooks.theme) })); - return (0, import_react16.createElement)(entry.component, { + const useHook = (source) => (selector) => (0, import_react17.useSyncExternalStore)(source.subscribe, () => selector(source.getSnapshot())); + const [hooks] = (0, import_react17.useState)(() => ({ useAccount: useHook(ops.hooks.account), useTheme: useHook(ops.hooks.theme) })); + return (0, import_react17.createElement)(entry.component, { ...ops, ...hooks, t: actions.accountT(), @@ -9251,7 +9495,7 @@ var MODEL_CSS = ` `; // src/client/model-test.js -var import_react17 = require("react"); +var import_react18 = 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.", @@ -9276,12 +9520,12 @@ function testOutcome(result, modelName) { } var testModel = (id) => call("test-model", { id }); function ModelTestRow({ bot, modelName, test = testModel }) { - const [state, setState] = (0, import_react17.useState)({ busy: false, outcome: void 0 }); - const live = (0, import_react17.useRef)(true); - (0, import_react17.useEffect)(() => () => { + const [state, setState] = (0, import_react18.useState)({ busy: false, outcome: void 0 }); + const live = (0, import_react18.useRef)(true); + (0, import_react18.useEffect)(() => () => { live.current = false; }, []); - (0, import_react17.useEffect)(() => { + (0, import_react18.useEffect)(() => { setState({ busy: false, outcome: void 0 }); }, [bot.id, bot.model]); const start = () => { @@ -9295,21 +9539,21 @@ function ModelTestRow({ bot, modelName, test = testModel }) { }); }; const { busy, outcome } = state; - return (0, import_react17.createElement)( + return (0, import_react18.createElement)( "div", { className: "bt-set-row bt-bs-row bt-model-test" }, - (0, import_react17.createElement)( + (0, import_react18.createElement)( "span", { className: "bt-set-copy" }, - (0, import_react17.createElement)("span", { className: "bt-set-hint" }, t("Sends one short request to this model. It may be billed.")), - (0, import_react17.createElement)( + (0, import_react18.createElement)("span", { className: "bt-set-hint" }, t("Sends one short request to this model. It may be billed.")), + (0, import_react18.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_react17.createElement)("code", { className: "bt-model-test-code" }, outcome.code) : null + outcome?.code ? (0, import_react18.createElement)("code", { className: "bt-model-test-code" }, outcome.code) : null ) ), - (0, import_react17.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, "aria-busy": busy || void 0, onClick: start }, t("Test connection")) + (0, import_react18.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 = ` @@ -9321,17 +9565,17 @@ var MODEL_TEST_CSS = ` `; // src/client/folder-menu.js -var import_react18 = require("react"); +var import_react19 = require("react"); var import_react_dom7 = require("react-dom"); var folderName = (path) => String(path).replace(/[\\/]+$/, "").split(/[\\/]/).pop() || String(path); -var Tick = ({ on }) => (0, import_react18.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, on ? (0, import_react18.createElement)(CheckIcon) : null); +var Tick = ({ on }) => (0, import_react19.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, on ? (0, import_react19.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_react18.useState)(null); - const [view, setView] = (0, import_react18.useState)("list"); - const [draft, setDraft] = (0, import_react18.useState)(""); - const [listing, setListing] = (0, import_react18.useState)(null); - const [problem, setProblem] = (0, import_react18.useState)(""); + const [info, setInfo] = (0, import_react19.useState)(null); + const [view, setView] = (0, import_react19.useState)("list"); + const [draft, setDraft] = (0, import_react19.useState)(""); + const [listing, setListing] = (0, import_react19.useState)(null); + const [problem, setProblem] = (0, import_react19.useState)(""); const fallback = group ? t("Each Bot's own folder") : t("Team workspace"); const toggle = () => { if (isOpen) { @@ -9364,35 +9608,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_react18.createElement)( + const listView = (0, import_react19.createElement)( "div", { key: "list", className: "bt-folder-view" }, - (0, import_react18.createElement)( + (0, import_react19.createElement)( "button", { type: "button", role: "menuitemradio", "aria-checked": !value, title: group ? void 0 : info?.team ?? void 0, onClick: () => choose("") }, - (0, import_react18.createElement)("span", { className: "bt-menu-label" }, fallback), - (0, import_react18.createElement)(Tick, { on: !value }) + (0, import_react19.createElement)("span", { className: "bt-menu-label" }, fallback), + (0, import_react19.createElement)(Tick, { on: !value }) ), - folders.length > 0 ? (0, import_react18.createElement)("div", { className: "bt-model-group", role: "presentation" }, t("Folders")) : null, - folders.map((folder) => (0, import_react18.createElement)( + folders.length > 0 ? (0, import_react19.createElement)("div", { className: "bt-model-group", role: "presentation" }, t("Folders")) : null, + folders.map((folder) => (0, import_react19.createElement)( "button", { key: folder.path, type: "button", role: "menuitemradio", "aria-checked": folder.path === value, title: folder.path, onClick: () => choose(folder.path) }, - (0, import_react18.createElement)("span", { className: "bt-folder-copy" }, (0, import_react18.createElement)("span", { className: "bt-menu-label" }, folder.title), (0, import_react18.createElement)("span", { className: "bt-folder-path" }, folder.path)), - (0, import_react18.createElement)(Tick, { on: folder.path === value }) + (0, import_react19.createElement)("span", { className: "bt-folder-copy" }, (0, import_react19.createElement)("span", { className: "bt-menu-label" }, folder.title), (0, import_react19.createElement)("span", { className: "bt-folder-path" }, folder.path)), + (0, import_react19.createElement)(Tick, { on: folder.path === value }) )), - (0, import_react18.createElement)("div", { className: "bt-menu-sep", role: "separator" }), - info?.picker === "native" ? (0, import_react18.createElement)("button", { type: "button", role: "menuitem", onClick: pickNative }, (0, import_react18.createElement)(FolderIcon), (0, import_react18.createElement)("span", { className: "bt-menu-label" }, t("Choose a folder…"))) : null, - info?.picker === "browse" ? (0, import_react18.createElement)("button", { type: "button", role: "menuitem", onClick: () => browse(value) }, (0, import_react18.createElement)(FolderIcon), (0, import_react18.createElement)("span", { className: "bt-menu-label" }, t("Browse folders…"))) : null, - (0, import_react18.createElement)("button", { type: "button", role: "menuitem", onClick: () => { + (0, import_react19.createElement)("div", { className: "bt-menu-sep", role: "separator" }), + info?.picker === "native" ? (0, import_react19.createElement)("button", { type: "button", role: "menuitem", onClick: pickNative }, (0, import_react19.createElement)(FolderIcon), (0, import_react19.createElement)("span", { className: "bt-menu-label" }, t("Choose a folder…"))) : null, + info?.picker === "browse" ? (0, import_react19.createElement)("button", { type: "button", role: "menuitem", onClick: () => browse(value) }, (0, import_react19.createElement)(FolderIcon), (0, import_react19.createElement)("span", { className: "bt-menu-label" }, t("Browse folders…"))) : null, + (0, import_react19.createElement)("button", { type: "button", role: "menuitem", onClick: () => { setDraft(value ?? ""); setView("type"); - } }, (0, import_react18.createElement)(PencilIcon), (0, import_react18.createElement)("span", { className: "bt-menu-label" }, t("Enter a path…"))) + } }, (0, import_react19.createElement)(PencilIcon), (0, import_react19.createElement)("span", { className: "bt-menu-label" }, t("Enter a path…"))) ); - const typeView = (0, import_react18.createElement)( + const typeView = (0, import_react19.createElement)( "div", { key: "type", className: "bt-folder-view" }, - (0, import_react18.createElement)("button", { type: "button", className: "bt-folder-back", onClick: () => setView("list") }, (0, import_react18.createElement)(ChevronLeftIcon), (0, import_react18.createElement)("span", { className: "bt-menu-label" }, t("Back"))), - (0, import_react18.createElement)("input", { + (0, import_react19.createElement)("button", { type: "button", className: "bt-folder-back", onClick: () => setView("list") }, (0, import_react19.createElement)(ChevronLeftIcon), (0, import_react19.createElement)("span", { className: "bt-menu-label" }, t("Back"))), + (0, import_react19.createElement)("input", { className: "bt-folder-input", autoFocus: true, value: draft, @@ -9404,33 +9648,33 @@ function FolderMenu({ value, group = false, actions, run, onPick, wide = false } if (event.key === "Enter" && !event.nativeEvent.isComposing) typed(); } }), - (0, import_react18.createElement)("button", { type: "button", className: "bt-folder-use", disabled: draft.trim() === "", onClick: typed }, t("Use this folder")) + (0, import_react19.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_react18.createElement)( + const browseView = listing ? (0, import_react19.createElement)( "div", { key: `browse:${listing.path}`, className: "bt-folder-view" }, - (0, import_react18.createElement)("button", { type: "button", className: "bt-folder-back", onClick: () => setView("list") }, (0, import_react18.createElement)(ChevronLeftIcon), (0, import_react18.createElement)("span", { className: "bt-menu-label" }, t("Back"))), - (0, import_react18.createElement)("div", { className: "bt-folder-path bt-folder-here" }, listing.path), - parent ? (0, import_react18.createElement)("button", { type: "button", role: "menuitem", title: parent.path, onClick: () => browse(parent.path) }, (0, import_react18.createElement)(FolderIcon), (0, import_react18.createElement)("span", { className: "bt-menu-label" }, t("Up one level"))) : null, - inside.map((entry) => (0, import_react18.createElement)( + (0, import_react19.createElement)("button", { type: "button", className: "bt-folder-back", onClick: () => setView("list") }, (0, import_react19.createElement)(ChevronLeftIcon), (0, import_react19.createElement)("span", { className: "bt-menu-label" }, t("Back"))), + (0, import_react19.createElement)("div", { className: "bt-folder-path bt-folder-here" }, listing.path), + parent ? (0, import_react19.createElement)("button", { type: "button", role: "menuitem", title: parent.path, onClick: () => browse(parent.path) }, (0, import_react19.createElement)(FolderIcon), (0, import_react19.createElement)("span", { className: "bt-menu-label" }, t("Up one level"))) : null, + inside.map((entry) => (0, import_react19.createElement)( "button", { key: entry.path, type: "button", role: "menuitem", onClick: () => browse(entry.path) }, - (0, import_react18.createElement)(FolderIcon), - (0, import_react18.createElement)("span", { className: "bt-menu-label" }, entry.name), - (0, import_react18.createElement)(ChevronRightIcon) + (0, import_react19.createElement)(FolderIcon), + (0, import_react19.createElement)("span", { className: "bt-menu-label" }, entry.name), + (0, import_react19.createElement)(ChevronRightIcon) )), - inside.length === 0 ? (0, import_react18.createElement)("div", { className: "bt-model-none" }, t("No folders inside.")) : null, - listing.truncated ? (0, import_react18.createElement)("div", { className: "bt-folder-path bt-folder-here" }, t("Some folders are not shown.")) : null, - (0, import_react18.createElement)("div", { className: "bt-menu-sep", role: "separator" }), - (0, import_react18.createElement)("button", { type: "button", className: "bt-folder-use", onClick: () => choose(listing.path) }, t("Use this folder")) + inside.length === 0 ? (0, import_react19.createElement)("div", { className: "bt-model-none" }, t("No folders inside.")) : null, + listing.truncated ? (0, import_react19.createElement)("div", { className: "bt-folder-path bt-folder-here" }, t("Some folders are not shown.")) : null, + (0, import_react19.createElement)("div", { className: "bt-menu-sep", role: "separator" }), + (0, import_react19.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_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, @@ -9443,19 +9687,19 @@ function FolderMenu({ value, group = false, actions, run, onPick, wide = false } title: value, onClick: toggle }, - (0, import_react18.createElement)( + (0, import_react19.createElement)( "span", { className: "bt-model-copy" }, - (0, import_react18.createElement)("span", { className: "bt-model-name" }, value ? folderName(value) : fallback), - value ? (0, import_react18.createElement)("span", { className: "bt-model-provider" }, value) : null + (0, import_react19.createElement)("span", { className: "bt-model-name" }, value ? folderName(value) : fallback), + value ? (0, import_react19.createElement)("span", { className: "bt-model-provider" }, value) : null ), - (0, import_react18.createElement)(Caret) + (0, import_react19.createElement)(Caret) ), - shownPlace ? (0, import_react_dom7.createPortal)((0, import_react18.createElement)( + shownPlace ? (0, import_react_dom7.createPortal)((0, import_react19.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_react18.createElement)("div", { className: "bt-folder-error", role: "alert" }, problem) : null + problem ? (0, import_react19.createElement)("div", { className: "bt-folder-error", role: "alert" }, problem) : null ), document.body) : null ); } @@ -9475,7 +9719,7 @@ var FOLDER_CSS = ` `; // src/client/schedules.js -var import_react19 = require("react"); +var import_react20 = require("react"); var POLL_MS3 = 3e4; var shared = null; var listeners = /* @__PURE__ */ new Set(); @@ -9484,8 +9728,8 @@ function publish(view) { for (const listener of listeners) listener(view); } function useSchedules(actions) { - const [view, setView] = (0, import_react19.useState)(shared); - (0, import_react19.useEffect)(() => { + const [view, setView] = (0, import_react20.useState)(shared); + (0, import_react20.useEffect)(() => { listeners.add(setView); let stopped = false; let timer; @@ -9557,9 +9801,9 @@ function lastRunText(run) { } } function TaskRow({ task, actions, onView, onEdit, showBot, roster }) { - const [confirming, setConfirming] = (0, import_react19.useState)(false); - const [busy, setBusy] = (0, import_react19.useState)(false); - (0, import_react19.useEffect)(() => { + const [confirming, setConfirming] = (0, import_react20.useState)(false); + const [busy, setBusy] = (0, import_react20.useState)(false); + (0, import_react20.useEffect)(() => { if (!confirming) return void 0; const timer = setTimeout(() => setConfirming(false), 3e3); return () => clearTimeout(timer); @@ -9580,7 +9824,7 @@ function TaskRow({ task, actions, onView, onEdit, showBot, roster }) { onView(next); }, () => setBusy(false)); }; - const [retryError, setRetryError] = (0, import_react19.useState)(""); + const [retryError, setRetryError] = (0, import_react20.useState)(""); const retry = () => { setBusy(true); setRetryError(""); @@ -9596,24 +9840,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_react19.createElement)( + return (0, import_react20.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_react19.createElement)(BotAvatar, { bot: roster.byId[task.botId], size: 28, badge: false, live: false }) : null, - (0, import_react19.createElement)( + showBot ? (0, import_react20.createElement)(BotAvatar, { bot: roster.byId[task.botId], size: 28, badge: false, live: false }) : null, + (0, import_react20.createElement)( "span", { className: "bt-set-copy" }, - (0, import_react19.createElement)("span", { className: "bt-task-title" }, task.title), - (0, import_react19.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_react19.createElement)("span", { className: "bt-task-prompt" }, task.prompt) : null, - last ? (0, import_react19.createElement)("span", { className: "bt-task-last", "data-failed": failed || void 0 }, last) : null, - retryError ? (0, import_react19.createElement)("span", { className: "bt-task-last", "data-failed": "", role: "alert" }, retryError) : null + (0, import_react20.createElement)("span", { className: "bt-task-title" }, task.title), + (0, import_react20.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_react20.createElement)("span", { className: "bt-task-prompt" }, task.prompt) : null, + last ? (0, import_react20.createElement)("span", { className: "bt-task-last", "data-failed": failed || void 0 }, last) : null, + retryError ? (0, import_react20.createElement)("span", { className: "bt-task-last", "data-failed": "", role: "alert" }, retryError) : null ), - (0, import_react19.createElement)("span", { className: "bt-task-next" }, nextText(task)), - failed && task.status !== "paused" && actions.scheduleRetry ? (0, import_react19.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_react19.createElement)("button", { type: "button", className: "bt-mini bt-task-tool", disabled: busy, "aria-label": t("Edit"), title: t("Edit"), onClick: () => onEdit(task) }, (0, import_react19.createElement)(PencilIcon)) : null, - stoppable ? (0, import_react19.createElement)("button", { type: "button", className: "bt-mini bt-task-pause", disabled: busy, onClick: toggle }, task.status === "paused" ? t("Resume") : t("Pause")) : null, - (0, import_react19.createElement)("button", { + (0, import_react20.createElement)("span", { className: "bt-task-next" }, nextText(task)), + failed && task.status !== "paused" && actions.scheduleRetry ? (0, import_react20.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_react20.createElement)("button", { type: "button", className: "bt-mini bt-task-tool", disabled: busy, "aria-label": t("Edit"), title: t("Edit"), onClick: () => onEdit(task) }, (0, import_react20.createElement)(PencilIcon)) : null, + stoppable ? (0, import_react20.createElement)("button", { type: "button", className: "bt-mini bt-task-pause", disabled: busy, onClick: toggle }, task.status === "paused" ? t("Resume") : t("Pause")) : null, + (0, import_react20.createElement)("button", { type: "button", className: "bt-mini bt-task-remove", "data-confirm": confirming || void 0, @@ -9621,7 +9865,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_react19.createElement)(TrashIcon)) + }, confirming ? t("Delete") : (0, import_react20.createElement)(TrashIcon)) ); } var pad = (number) => String(number).padStart(2, "0"); @@ -9654,17 +9898,17 @@ function formStart(task) { } function TaskForm({ roster, actions, start, task, onDone, onCancel }) { const first = formStart(task); - const [target, setTarget] = (0, import_react19.useState)(task ? task.botId ?? task.roomId : start ?? roster.bots[0]?.id ?? ""); - const [title, setTitle] = (0, import_react19.useState)(first.title); - const [prompt, setPrompt] = (0, import_react19.useState)(first.prompt); - const [kind, setKind] = (0, import_react19.useState)(first.kind); - const [at, setAt] = (0, import_react19.useState)(first.at); - const [time, setTime] = (0, import_react19.useState)(first.time); - const [weekdays, setWeekdays] = (0, import_react19.useState)(first.weekdays); - const [count, setCount] = (0, import_react19.useState)(first.count); - const [unit, setUnit] = (0, import_react19.useState)(first.unit); - const [busy, setBusy] = (0, import_react19.useState)(false); - const [error, setError] = (0, import_react19.useState)(""); + const [target, setTarget] = (0, import_react20.useState)(task ? task.botId ?? task.roomId : start ?? roster.bots[0]?.id ?? ""); + const [title, setTitle] = (0, import_react20.useState)(first.title); + const [prompt, setPrompt] = (0, import_react20.useState)(first.prompt); + const [kind, setKind] = (0, import_react20.useState)(first.kind); + const [at, setAt] = (0, import_react20.useState)(first.at); + const [time, setTime] = (0, import_react20.useState)(first.time); + const [weekdays, setWeekdays] = (0, import_react20.useState)(first.weekdays); + const [count, setCount] = (0, import_react20.useState)(first.count); + const [unit, setUnit] = (0, import_react20.useState)(first.unit); + const [busy, setBusy] = (0, import_react20.useState)(false); + const [error, setError] = (0, import_react20.useState)(""); const timing = () => { if (kind === "cron") return { kind: "keep" }; if (kind === "at") return { kind, at: new Date(at).toISOString() }; @@ -9691,69 +9935,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_react19.createElement)( + return (0, import_react20.createElement)( "form", { className: "bt-set-card bt-task-form", onSubmit: submit }, - (0, import_react19.createElement)( + (0, import_react20.createElement)( "label", { className: "bt-set-row bt-bs-row" }, - (0, import_react19.createElement)("span", { className: "bt-set-copy" }, (0, import_react19.createElement)("span", { className: "bt-bs-label" }, t("Send to"))), - (0, import_react19.createElement)( + (0, import_react20.createElement)("span", { className: "bt-set-copy" }, (0, import_react20.createElement)("span", { className: "bt-bs-label" }, t("Send to"))), + (0, import_react20.createElement)( "select", { className: "bt-select bt-task-bot", value: target, onChange: (event) => setTarget(event.target.value) }, - (0, import_react19.createElement)("optgroup", { label: t("Bots") }, roster.bots.map((bot) => (0, import_react19.createElement)("option", { key: bot.id, value: bot.id }, bot.name))), - roster.rooms.length > 0 ? (0, import_react19.createElement)("optgroup", { label: t("Group chats") }, roster.rooms.map((room2) => (0, import_react19.createElement)("option", { key: room2.id, value: room2.id }, room2.name))) : null + (0, import_react20.createElement)("optgroup", { label: t("Bots") }, roster.bots.map((bot) => (0, import_react20.createElement)("option", { key: bot.id, value: bot.id }, bot.name))), + roster.rooms.length > 0 ? (0, import_react20.createElement)("optgroup", { label: t("Group chats") }, roster.rooms.map((room2) => (0, import_react20.createElement)("option", { key: room2.id, value: room2.id }, room2.name))) : null ) ), - (0, import_react19.createElement)( + (0, import_react20.createElement)( "label", { className: "bt-set-row bt-bs-row" }, - (0, import_react19.createElement)("span", { className: "bt-set-copy" }, (0, import_react19.createElement)("span", { className: "bt-bs-label" }, t("Name"))), - (0, import_react19.createElement)("input", { className: "bt-bs-input", value: title, maxLength: 120, placeholder: t("Morning briefing"), autoFocus: true, onChange: (event) => setTitle(event.target.value) }) + (0, import_react20.createElement)("span", { className: "bt-set-copy" }, (0, import_react20.createElement)("span", { className: "bt-bs-label" }, t("Name"))), + (0, import_react20.createElement)("input", { className: "bt-bs-input", value: title, maxLength: 120, placeholder: t("Morning briefing"), autoFocus: true, onChange: (event) => setTitle(event.target.value) }) ), - (0, import_react19.createElement)( + (0, import_react20.createElement)( "label", { className: "bt-set-row bt-bs-row bt-bs-stack" }, - (0, import_react19.createElement)("span", { className: "bt-set-copy" }, (0, import_react19.createElement)("span", { className: "bt-bs-label" }, t("What to do"))), - (0, import_react19.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_react20.createElement)("span", { className: "bt-set-copy" }, (0, import_react20.createElement)("span", { className: "bt-bs-label" }, t("What to do"))), + (0, import_react20.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_react19.createElement)( + (0, import_react20.createElement)( "div", { className: "bt-set-row bt-bs-row bt-bs-stack" }, - (0, import_react19.createElement)("span", { className: "bt-set-copy" }, (0, import_react19.createElement)("span", { className: "bt-bs-label" }, t("When"))), - (0, import_react19.createElement)(Segmented, { label: t("When"), value: kind }, KINDS.map(([id, label]) => (0, import_react19.createElement)("button", { key: id, type: "button", "aria-pressed": kind === id, onClick: () => setKind(id) }, t(label)))), - (0, import_react19.createElement)( + (0, import_react20.createElement)("span", { className: "bt-set-copy" }, (0, import_react20.createElement)("span", { className: "bt-bs-label" }, t("When"))), + (0, import_react20.createElement)(Segmented, { label: t("When"), value: kind }, KINDS.map(([id, label]) => (0, import_react20.createElement)("button", { key: id, type: "button", "aria-pressed": kind === id, onClick: () => setKind(id) }, t(label)))), + (0, import_react20.createElement)( "div", { key: kind, className: "bt-task-when bt-veil" }, - kind === "cron" ? (0, import_react19.createElement)("span", { className: "bt-task-every" }, timingText(task)) : null, - kind === "at" ? (0, import_react19.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_react19.createElement)("div", { className: "bt-task-days", role: "group", "aria-label": t("Days") }, [1, 2, 3, 4, 5, 6, 7].map((day) => (0, import_react19.createElement)("button", { + kind === "cron" ? (0, import_react20.createElement)("span", { className: "bt-task-every" }, timingText(task)) : null, + kind === "at" ? (0, import_react20.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_react20.createElement)("div", { className: "bt-task-days", role: "group", "aria-label": t("Days") }, [1, 2, 3, 4, 5, 6, 7].map((day) => (0, import_react20.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_react19.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_react19.createElement)( - import_react19.Fragment, + kind === "daily" || kind === "weekly" ? (0, import_react20.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_react20.createElement)( + import_react20.Fragment, null, - (0, import_react19.createElement)("span", { className: "bt-task-every" }, t("Every")), - (0, import_react19.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_react19.createElement)( + (0, import_react20.createElement)("span", { className: "bt-task-every" }, t("Every")), + (0, import_react20.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_react20.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_react19.createElement)("option", { key: id, value: id }, t(label))) + UNITS.map(([id, , label]) => (0, import_react20.createElement)("option", { key: id, value: id }, t(label))) ) ) : null ) ), - error ? (0, import_react19.createElement)("div", { className: "bt-set-row" }, (0, import_react19.createElement)("span", { className: "bt-danger bt-set-hint" }, error)) : null, - (0, import_react19.createElement)( + error ? (0, import_react20.createElement)("div", { className: "bt-set-row" }, (0, import_react20.createElement)("span", { className: "bt-danger bt-set-hint" }, error)) : null, + (0, import_react20.createElement)( "div", { className: "bt-set-row bt-task-foot" }, - (0, import_react19.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onCancel }, t("Cancel")), - (0, import_react19.createElement)( + (0, import_react20.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onCancel }, t("Cancel")), + (0, import_react20.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") @@ -9766,21 +10010,21 @@ function openPlugins(actions) { actions.selectPanel("plugins"); } function AutomationOff({ actions }) { - return (0, import_react19.createElement)( + return (0, import_react20.createElement)( "div", { className: "bt-set-card bt-task-off" }, - (0, import_react19.createElement)("span", { className: "bt-task-off-mark" }, (0, import_react19.createElement)(ClockIcon)), - (0, import_react19.createElement)("span", { className: "bt-task-off-title" }, t("Turn on Automation tasks in DSH")), - (0, import_react19.createElement)("span", { className: "bt-set-hint" }, t("Switch on Automation tasks on the Plugins page.")), - (0, import_react19.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => openPlugins(actions) }, t("Open Plugins")) + (0, import_react20.createElement)("span", { className: "bt-task-off-mark" }, (0, import_react20.createElement)(ClockIcon)), + (0, import_react20.createElement)("span", { className: "bt-task-off-title" }, t("Turn on Automation tasks in DSH")), + (0, import_react20.createElement)("span", { className: "bt-set-hint" }, t("Switch on Automation tasks on the Plugins page.")), + (0, import_react20.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_react19.useState)(Boolean(start)); - const [editing, setEditing] = (0, import_react19.useState)(null); - if (view === null) return (0, import_react19.createElement)("div", { className: "bt-set-hint" }, t("Loading…")); - if (!view.available) return (0, import_react19.createElement)(AutomationOff, { actions }); + const [adding, setAdding] = (0, import_react20.useState)(Boolean(start)); + const [editing, setEditing] = (0, import_react20.useState)(null); + if (view === null) return (0, import_react20.createElement)("div", { className: "bt-set-hint" }, t("Loading…")); + if (!view.available) return (0, import_react20.createElement)(AutomationOff, { actions }); const shown = (next) => { publish(next); setAdding(false); @@ -9791,51 +10035,51 @@ function SchedulesPage({ roster, actions, start }) { setEditing(task); }; const byChat = [ - ...roster.bots.map((bot) => [bot.id, (0, import_react19.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_react19.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_react20.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_react20.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_react19.createElement)(TaskForm, { key: "form", roster, actions, start, onDone: shown, onCancel: () => setAdding(false) }) : (0, import_react19.createElement)("div", { key: "add", className: "bt-actions" }, (0, import_react19.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", onClick: () => { + adding ? (0, import_react20.createElement)(TaskForm, { key: "form", roster, actions, start, onDone: shown, onCancel: () => setAdding(false) }) : (0, import_react20.createElement)("div", { key: "add", className: "bt-actions" }, (0, import_react20.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", onClick: () => { setEditing(null); setAdding(true); - } }, (0, import_react19.createElement)(PlusIcon), t("New task"))), - byChat.length === 0 && !adding ? (0, import_react19.createElement)("div", { key: "none", className: "bt-set-card" }, (0, import_react19.createElement)("div", { className: "bt-set-row" }, (0, import_react19.createElement)("span", { className: "bt-set-hint" }, t("No scheduled tasks yet.")))) : byChat.map(([id, avatar, name, tasks]) => (0, import_react19.createElement)( + } }, (0, import_react20.createElement)(PlusIcon), t("New task"))), + byChat.length === 0 && !adding ? (0, import_react20.createElement)("div", { key: "none", className: "bt-set-card" }, (0, import_react20.createElement)("div", { className: "bt-set-row" }, (0, import_react20.createElement)("span", { className: "bt-set-hint" }, t("No scheduled tasks yet.")))) : byChat.map(([id, avatar, name, tasks]) => (0, import_react20.createElement)( "section", { key: id, className: "bt-set-section" }, - (0, import_react19.createElement)("h3", { className: "bt-task-head" }, avatar, name), - (0, import_react19.createElement)(TaskList, { tasks, editing, roster, actions, onEdit: edit, onDone: shown, onCancel: () => setEditing(null) }) + (0, import_react20.createElement)("h3", { className: "bt-task-head" }, avatar, name), + (0, import_react20.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_react19.createElement)(TaskRow, { key: task.id, task, actions, roster, onView: publish, onEdit })); - return (0, import_react19.createElement)( - import_react19.Fragment, + const rows = tasks.filter((task) => task !== open).map((task) => (0, import_react20.createElement)(TaskRow, { key: task.id, task, actions, roster, onView: publish, onEdit })); + return (0, import_react20.createElement)( + import_react20.Fragment, null, - open ? (0, import_react19.createElement)(TaskForm, { key: `edit-${open.id}`, roster, actions, task: open, onDone, onCancel }) : null, - rows.length + extra.length > 0 ? (0, import_react19.createElement)("div", { className: "bt-set-card" }, ...rows, ...extra) : null + open ? (0, import_react20.createElement)(TaskForm, { key: `edit-${open.id}`, roster, actions, task: open, onDone, onCancel }) : null, + rows.length + extra.length > 0 ? (0, import_react20.createElement)("div", { className: "bt-set-card" }, ...rows, ...extra) : null ); } function BotSchedules({ bot, roster, actions }) { const view = useSchedules(actions); - const [editing, setEditing] = (0, import_react19.useState)(null); + const [editing, setEditing] = (0, import_react20.useState)(null); if (view === null) return null; const tasks = view.available ? view.tasks.filter((task) => task.botId === bot.id) : []; - return (0, import_react19.createElement)( + return (0, import_react20.createElement)( "section", { className: "bt-set-section" }, - (0, import_react19.createElement)("h3", null, t("Scheduled tasks")), - !view.available ? (0, import_react19.createElement)( + (0, import_react20.createElement)("h3", null, t("Scheduled tasks")), + !view.available ? (0, import_react20.createElement)( "div", { className: "bt-set-card" }, - (0, import_react19.createElement)( + (0, import_react20.createElement)( "div", { className: "bt-set-row bt-bs-row" }, - (0, import_react19.createElement)("span", { className: "bt-set-copy" }, (0, import_react19.createElement)("span", { className: "bt-set-hint" }, t("Switch on Automation tasks on the Plugins page."))), - (0, import_react19.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => openPlugins(actions) }, t("Open Plugins")) + (0, import_react20.createElement)("span", { className: "bt-set-copy" }, (0, import_react20.createElement)("span", { className: "bt-set-hint" }, t("Switch on Automation tasks on the Plugins page."))), + (0, import_react20.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => openPlugins(actions) }, t("Open Plugins")) ) - ) : (0, import_react19.createElement)(TaskList, { + ) : (0, import_react20.createElement)(TaskList, { tasks, editing, roster, @@ -9846,23 +10090,23 @@ function BotSchedules({ bot, roster, actions }) { setEditing(null); }, onCancel: () => setEditing(null), - extra: [(0, import_react19.createElement)("button", { key: "new", type: "button", className: "bt-set-row bt-bs-row bt-gs-add", onClick: () => actions.openSettings("schedules", bot.id) }, (0, import_react19.createElement)(PlusIcon), t("New task"))] + extra: [(0, import_react20.createElement)("button", { key: "new", type: "button", className: "bt-set-row bt-bs-row bt-gs-add", onClick: () => actions.openSettings("schedules", bot.id) }, (0, import_react20.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_react19.createElement)( + return (0, import_react20.createElement)( "div", null, - (0, import_react19.createElement)("div", { className: "bt-section-title" }, t("Scheduled tasks")), - tasks.length === 0 ? (0, import_react19.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_react19.createElement)("div", { className: "bt-task-list" }, tasks.slice(0, 3).map((task) => (0, import_react19.createElement)( + (0, import_react20.createElement)("div", { className: "bt-section-title" }, t("Scheduled tasks")), + tasks.length === 0 ? (0, import_react20.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_react20.createElement)("div", { className: "bt-task-list" }, tasks.slice(0, 3).map((task) => (0, import_react20.createElement)( "button", { key: task.id, type: "button", className: "bt-task-line", onClick: () => actions.openSettings("schedules") }, - (0, import_react19.createElement)(ClockIcon), - (0, import_react19.createElement)("span", { className: "bt-task-line-title" }, task.title), - (0, import_react19.createElement)("span", { className: "bt-task-line-when" }, timingText(task)) + (0, import_react20.createElement)(ClockIcon), + (0, import_react20.createElement)("span", { className: "bt-task-line-title" }, task.title), + (0, import_react20.createElement)("span", { className: "bt-task-line-when" }, timingText(task)) ))) ); } @@ -9912,7 +10156,7 @@ var SCHEDULE_CSS = ` `; // src/client/capability-settings.js -var import_react20 = require("react"); +var import_react21 = require("react"); var blank = () => ({ name: "", kind: "mcp", description: "", transport: "stdio", command: "", argsText: "", envText: "{}", url: "", headersText: "{}", content: "", items: [] }); var parseMap = (text, label) => { let value; @@ -9926,11 +10170,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_react20.createElement)( + return (0, import_react21.createElement)( "label", { className: "bt-set-row bt-bs-row bt-bs-stack" }, - (0, import_react20.createElement)("span", { className: "bt-set-copy" }, (0, import_react20.createElement)("span", { className: "bt-bs-label" }, t(label))), - (0, import_react20.createElement)(multiline ? "textarea" : "input", { + (0, import_react21.createElement)("span", { className: "bt-set-copy" }, (0, import_react21.createElement)("span", { className: "bt-bs-label" }, t(label))), + (0, import_react21.createElement)(multiline ? "textarea" : "input", { className: multiline ? "bt-input bt-input-area" : "bt-input", value, disabled, @@ -9942,7 +10186,7 @@ function Field({ label, value, onChange, multiline = false, disabled = false, pl ); } function CapabilityForm({ draft, setDraft, items, actions, onClose }) { - const [error, setError] = (0, import_react20.useState)(""); + const [error, setError] = (0, import_react21.useState)(""); const set = (key, value) => setDraft((previous) => ({ ...previous, [key]: value })); const submit = async (event) => { event.preventDefault(); @@ -9973,95 +10217,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_react20.createElement)( + return (0, import_react21.createElement)( "form", { className: "bt-connector-form", onSubmit: submit }, - (0, import_react20.createElement)(Field, { label: "Name", value: draft.name, disabled: draft.originalName !== void 0, onChange: (value) => set("name", value), placeholder: "my-tool" }), - (0, import_react20.createElement)( + (0, import_react21.createElement)(Field, { label: "Name", value: draft.name, disabled: draft.originalName !== void 0, onChange: (value) => set("name", value), placeholder: "my-tool" }), + (0, import_react21.createElement)( "label", { className: "bt-set-row bt-bs-row bt-bs-stack" }, - (0, import_react20.createElement)("span", { className: "bt-set-copy" }, (0, import_react20.createElement)("span", { className: "bt-bs-label" }, t("Type"))), - (0, import_react20.createElement)( + (0, import_react21.createElement)("span", { className: "bt-set-copy" }, (0, import_react21.createElement)("span", { className: "bt-bs-label" }, t("Type"))), + (0, import_react21.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_react20.createElement)("option", { key: kind, value: kind }, t(kind === "mcp" ? "MCP server" : kind === "skill" ? "Skill" : "Pack"))) + ["mcp", "skill", "pack"].map((kind) => (0, import_react21.createElement)("option", { key: kind, value: kind }, t(kind === "mcp" ? "MCP server" : kind === "skill" ? "Skill" : "Pack"))) ) ), - (0, import_react20.createElement)(Field, { label: "Description", value: draft.description, onChange: (value) => set("description", value) }), - draft.kind === "mcp" ? (0, import_react20.createElement)( + (0, import_react21.createElement)(Field, { label: "Description", value: draft.description, onChange: (value) => set("description", value) }), + draft.kind === "mcp" ? (0, import_react21.createElement)( "label", { className: "bt-set-row bt-bs-row bt-bs-stack" }, - (0, import_react20.createElement)("span", { className: "bt-set-copy" }, (0, import_react20.createElement)("span", { className: "bt-bs-label" }, t("Connection"))), - (0, import_react20.createElement)( + (0, import_react21.createElement)("span", { className: "bt-set-copy" }, (0, import_react21.createElement)("span", { className: "bt-bs-label" }, t("Connection"))), + (0, import_react21.createElement)( "select", { className: "bt-input", value: draft.transport, onChange: (event) => set("transport", event.target.value) }, - (0, import_react20.createElement)("option", { value: "stdio" }, t("Local command")), - (0, import_react20.createElement)("option", { value: "streamable-http" }, t("HTTP server")) + (0, import_react21.createElement)("option", { value: "stdio" }, t("Local command")), + (0, import_react21.createElement)("option", { value: "streamable-http" }, t("HTTP server")) ) ) : null, - draft.kind === "mcp" && draft.transport === "stdio" ? (0, import_react20.createElement)( + draft.kind === "mcp" && draft.transport === "stdio" ? (0, import_react21.createElement)( "div", null, - (0, import_react20.createElement)(Field, { label: "Command", value: draft.command, onChange: (value) => set("command", value) }), - (0, import_react20.createElement)(Field, { label: "Arguments (one per line)", value: draft.argsText, onChange: (value) => set("argsText", value), multiline: true }), - (0, import_react20.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_react21.createElement)(Field, { label: "Command", value: draft.command, onChange: (value) => set("command", value) }), + (0, import_react21.createElement)(Field, { label: "Arguments (one per line)", value: draft.argsText, onChange: (value) => set("argsText", value), multiline: true }), + (0, import_react21.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_react20.createElement)( + draft.kind === "mcp" && draft.transport === "streamable-http" ? (0, import_react21.createElement)( "div", null, - (0, import_react20.createElement)(Field, { label: "URL", value: draft.url, onChange: (value) => set("url", value) }), - (0, import_react20.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_react21.createElement)(Field, { label: "URL", value: draft.url, onChange: (value) => set("url", value) }), + (0, import_react21.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_react20.createElement)(Field, { label: "Skill instructions", value: draft.content, onChange: (value) => set("content", value), multiline: true }) : null, - draft.kind === "pack" ? (0, import_react20.createElement)( + draft.kind === "skill" ? (0, import_react21.createElement)(Field, { label: "Skill instructions", value: draft.content, onChange: (value) => set("content", value), multiline: true }) : null, + draft.kind === "pack" ? (0, import_react21.createElement)( "div", { className: "bt-set-card" }, - available.length === 0 ? (0, import_react20.createElement)("div", { className: "bt-set-row" }, (0, import_react20.createElement)("span", { className: "bt-set-hint" }, t("Save an MCP server or skill first."))) : available.map((item) => (0, import_react20.createElement)( + available.length === 0 ? (0, import_react21.createElement)("div", { className: "bt-set-row" }, (0, import_react21.createElement)("span", { className: "bt-set-hint" }, t("Save an MCP server or skill first."))) : available.map((item) => (0, import_react21.createElement)( "label", { key: item.name, className: "bt-set-row bt-bs-row" }, - (0, import_react20.createElement)("span", { className: "bt-set-copy" }, (0, import_react20.createElement)("span", { className: "bt-bs-label" }, item.name)), - (0, import_react20.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_react21.createElement)("span", { className: "bt-set-copy" }, (0, import_react21.createElement)("span", { className: "bt-bs-label" }, item.name)), + (0, import_react21.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_react20.createElement)("div", { className: "bt-connector-error", role: "alert" }, error) : null, - (0, import_react20.createElement)( + error ? (0, import_react21.createElement)("div", { className: "bt-connector-error", role: "alert" }, error) : null, + (0, import_react21.createElement)( "div", { className: "bt-connector-form-row" }, - (0, import_react20.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onClose }, t("Cancel")), - (0, import_react20.createElement)("button", { type: "submit", className: "bt-soft bt-soft-sm" }, draft.originalName ? t("Save changes") : t("Add capability")) + (0, import_react21.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onClose }, t("Cancel")), + (0, import_react21.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_react20.createElement)( + return (0, import_react21.createElement)( "div", { className: "bt-connector" }, - (0, import_react20.createElement)( + (0, import_react21.createElement)( "div", { className: "bt-connector-head" }, - (0, import_react20.createElement)( + (0, import_react21.createElement)( "span", { className: "bt-connector-text" }, - (0, import_react20.createElement)("span", { className: "bt-connector-name" }, item.name), - (0, import_react20.createElement)("span", { className: "bt-connector-status" }, secondary) + (0, import_react21.createElement)("span", { className: "bt-connector-name" }, item.name), + (0, import_react21.createElement)("span", { className: "bt-connector-status" }, secondary) ), - (0, import_react20.createElement)( + (0, import_react21.createElement)( "span", { className: "bt-connector-actions" }, - item.kind === "mcp" && item.transport === "stdio" && !item.approved ? (0, import_react20.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onApprove }, t("Allow")) : null, - (0, import_react20.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onEdit }, t("Edit")), - (0, import_react20.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_react21.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onApprove }, t("Allow")) : null, + (0, import_react21.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onEdit }, t("Edit")), + (0, import_react21.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_react20.useState)(null); - const [confirming, setConfirming] = (0, import_react20.useState)(""); - (0, import_react20.useEffect)(() => { + const [draft, setDraft] = (0, import_react21.useState)(null); + const [confirming, setConfirming] = (0, import_react21.useState)(""); + (0, import_react21.useEffect)(() => { if (!confirming) return void 0; const timer = setTimeout(() => setConfirming(""), 4e3); return () => clearTimeout(timer); @@ -10084,20 +10328,20 @@ function CapabilitiesPage({ roster, actions, run }) { setConfirming(""); void run(actions.deleteCapability(item.name)); }; - return (0, import_react20.createElement)( + return (0, import_react21.createElement)( "section", { className: "bt-set-section" }, - (0, import_react20.createElement)("h3", null, t("Shared capabilities")), - (0, import_react20.createElement)( + (0, import_react21.createElement)("h3", null, t("Shared capabilities")), + (0, import_react21.createElement)( "div", { className: "bt-actions" }, - (0, import_react20.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: startNew }, t("Add capability")) + (0, import_react21.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: startNew }, t("Add capability")) ), - draft ? (0, import_react20.createElement)(CapabilityForm, { draft, setDraft, items, actions, onClose: () => setDraft(null) }) : null, - (0, import_react20.createElement)( + draft ? (0, import_react21.createElement)(CapabilityForm, { draft, setDraft, items, actions, onClose: () => setDraft(null) }) : null, + (0, import_react21.createElement)( "div", { className: "bt-set-card bt-connectors-card" }, - items.length === 0 ? (0, import_react20.createElement)("div", { className: "bt-set-row" }, (0, import_react20.createElement)("span", { className: "bt-set-hint" }, t("No capabilities saved"))) : items.map((item) => (0, import_react20.createElement)(CapabilityRow, { + items.length === 0 ? (0, import_react21.createElement)("div", { className: "bt-set-row" }, (0, import_react21.createElement)("span", { className: "bt-set-hint" }, t("No capabilities saved"))) : items.map((item) => (0, import_react21.createElement)(CapabilityRow, { key: item.name, item, confirming: confirming === item.name, @@ -10113,10 +10357,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_react20.createElement)( + return (0, import_react21.createElement)( Card2, { title: t("Capabilities") }, - items.map((item) => (0, import_react20.createElement)(SwitchRow2, { + items.map((item) => (0, import_react21.createElement)(SwitchRow2, { key: item.name, label: item.name, hint: attached.has(item.name) ? statusText(statuses[item.name]) : void 0, @@ -10127,7 +10371,7 @@ function BotCapabilitiesCard({ bot, roster, actions, run, Card: Card2, SwitchRow } // src/client/connector-bots.js -var import_react21 = require("react"); +var import_react22 = 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)); @@ -10155,8 +10399,8 @@ function usageText(roster, id) { function BotSwitches({ bot, connector, name, actions, run, SwitchRow: SwitchRow2 }) { const set = (scope, on) => void run(actions.setBotConnector(bot.id, connector.id, on, scope)); return [ - (0, import_react21.createElement)(SwitchRow2, { key: "own", label: name, hint: ownHint(bot, connector.id), on: isOn(bot, connector.id), disabled: false, onChange: (on) => set("owner", on) }), - (0, import_react21.createElement)("div", { key: "others", className: "bt-connector-others" }, (0, import_react21.createElement)(SwitchRow2, { + (0, import_react22.createElement)(SwitchRow2, { key: "own", label: name, hint: ownHint(bot, connector.id), on: isOn(bot, connector.id), disabled: false, onChange: (on) => set("owner", on) }), + (0, import_react22.createElement)("div", { key: "others", className: "bt-connector-others" }, (0, import_react22.createElement)(SwitchRow2, { label: t("{name}: also when others use it", { name }), hint: othersHint(bot, connector.id), on: othersOn(bot, connector.id), @@ -10167,33 +10411,33 @@ function BotSwitches({ bot, connector, name, actions, run, SwitchRow: SwitchRow2 } function ConnectorBots({ connector, roster, actions, run, SwitchRow: SwitchRow2 }) { const bots = ownBots(roster); - return (0, import_react21.createElement)( + return (0, import_react22.createElement)( "div", { className: "bt-connector-bots" }, - bots.length === 0 ? (0, import_react21.createElement)("span", { className: "bt-set-hint" }, t("No Bots")) : bots.map((bot) => (0, import_react21.createElement)( + bots.length === 0 ? (0, import_react22.createElement)("span", { className: "bt-set-hint" }, t("No Bots")) : bots.map((bot) => (0, import_react22.createElement)( "div", { key: bot.id, className: "bt-connector-bot" }, - (0, import_react21.createElement)(BotSwitches, { bot, connector, name: bot.name, actions, run, SwitchRow: SwitchRow2 }) + (0, import_react22.createElement)(BotSwitches, { bot, connector, name: bot.name, actions, run, SwitchRow: SwitchRow2 }) )), - (0, import_react21.createElement)("span", { className: "bt-set-hint" }, t("On by default for you. When someone else uses a Bot, or it works in a room with other people, such as a friend or another member, it is off unless you allow it for that Bot.")) + (0, import_react22.createElement)("span", { className: "bt-set-hint" }, t("On by default for you. When someone else uses a Bot, or it works in a room with other people, such as a friend or another member, it is off unless you allow it for that Bot.")) ); } function BotConnectorsCard({ bot, roster, actions, run, Card: Card2, SwitchRow: SwitchRow2 }) { const connected = connectedConnectors(roster); if (connected.length === 0) return null; - return (0, import_react21.createElement)( + return (0, import_react22.createElement)( Card2, { title: t("Connectors") }, - connected.map((connector) => (0, import_react21.createElement)( + connected.map((connector) => (0, import_react22.createElement)( "div", { key: connector.id, className: "bt-connector-bot" }, - (0, import_react21.createElement)(BotSwitches, { bot, connector, name: connector.name, actions, run, SwitchRow: SwitchRow2 }) + (0, import_react22.createElement)(BotSwitches, { bot, connector, name: connector.name, actions, run, SwitchRow: SwitchRow2 }) )) ); } // src/client/memory-panel.js -var import_react22 = require("react"); +var import_react23 = require("react"); var POLL_MS4 = 1500; var MENU_EXIT_MS2 = 120; var counts = /* @__PURE__ */ new Map(); @@ -10204,8 +10448,8 @@ function noteCount(botId, count) { for (const listener of countListeners) listener(); } function useMemoryCount(botId, actions) { - const [count, setCount] = (0, import_react22.useState)(counts.get(botId) ?? null); - (0, import_react22.useEffect)(() => { + const [count, setCount] = (0, import_react23.useState)(counts.get(botId) ?? null); + (0, import_react23.useEffect)(() => { const listener = () => setCount(counts.get(botId) ?? null); countListeners.add(listener); listener(); @@ -10224,16 +10468,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_react22.createElement)( + return (0, import_react23.createElement)( "div", null, - (0, import_react22.createElement)("div", { className: "bt-section-title" }, t("Memory")), - (0, import_react22.createElement)( + (0, import_react23.createElement)("div", { className: "bt-section-title" }, t("Memory")), + (0, import_react23.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_react22.createElement)(MemoryIcon), - (0, import_react22.createElement)("span", { className: "bt-mem-row-copy" }, label), - (0, import_react22.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react22.createElement)(ChevronRightIcon)) + (0, import_react23.createElement)(MemoryIcon), + (0, import_react23.createElement)("span", { className: "bt-mem-row-copy" }, label), + (0, import_react23.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react23.createElement)(ChevronRightIcon)) ) ); } @@ -10248,45 +10492,45 @@ function ago(at, now) { return format.format(-Math.round(hours / 24), "day"); } function Skeleton({ label }) { - return (0, import_react22.createElement)( + return (0, import_react23.createElement)( "div", { className: "bt-mem-skel", "aria-busy": true }, - [0, 1].map((block) => (0, import_react22.createElement)( + [0, 1].map((block) => (0, import_react23.createElement)( "div", { key: block, className: "bt-mem-skel-block" }, - (0, import_react22.createElement)("span", { className: "bt-mem-skel-head" }), - (0, import_react22.createElement)("span", null), - (0, import_react22.createElement)("span", null), - (0, import_react22.createElement)("span", { style: { width: block === 0 ? "62%" : "48%" } }) + (0, import_react23.createElement)("span", { className: "bt-mem-skel-head" }), + (0, import_react23.createElement)("span", null), + (0, import_react23.createElement)("span", null), + (0, import_react23.createElement)("span", { style: { width: block === 0 ? "62%" : "48%" } }) )), - label ? (0, import_react22.createElement)("div", { className: "bt-mem-skel-label" }, label) : null + label ? (0, import_react23.createElement)("div", { className: "bt-mem-skel-label" }, label) : null ); } function Summary({ bot, view, regenerate }) { if (view.entries.length === 0) { - return (0, import_react22.createElement)( + return (0, import_react23.createElement)( "div", { className: "bt-mem-empty" }, - (0, import_react22.createElement)("div", { className: "bt-mem-empty-mark" }, (0, import_react22.createElement)(MemoryIcon)), - (0, import_react22.createElement)("div", { className: "bt-mem-empty-title" }, t("{name} has not saved anything yet", { name: bot.name })), - (0, import_react22.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_react23.createElement)("div", { className: "bt-mem-empty-mark" }, (0, import_react23.createElement)(MemoryIcon)), + (0, import_react23.createElement)("div", { className: "bt-mem-empty-title" }, t("{name} has not saved anything yet", { name: bot.name })), + (0, import_react23.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_react22.createElement)( + const failed = view.error && !view.summarizing ? (0, import_react23.createElement)( "div", { className: "bt-mem-failed", role: "alert" }, - (0, import_react22.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_react22.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: regenerate }, t("Try again")) + (0, import_react23.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_react23.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: regenerate }, t("Try again")) ) : null; - if (!view.summary) return (0, import_react22.createElement)(import_react22.Fragment, null, failed, failed ? null : (0, import_react22.createElement)(Skeleton, { label: t("Writing the summary…") })); - return (0, import_react22.createElement)( - import_react22.Fragment, + if (!view.summary) return (0, import_react23.createElement)(import_react23.Fragment, null, failed, failed ? null : (0, import_react23.createElement)(Skeleton, { label: t("Writing the summary…") })); + return (0, import_react23.createElement)( + import_react23.Fragment, null, failed, - (0, import_react22.createElement)( + (0, import_react23.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_react22.createElement)("h3", { key: index }, block.text) : (0, import_react22.createElement)("p", { key: index }, block.text)) + summaryBlocks(view.summary.text).map((block, index) => block.kind === "h" ? (0, import_react23.createElement)("h3", { key: index }, block.text) : (0, import_react23.createElement)("p", { key: index }, block.text)) ) ); } @@ -10298,9 +10542,9 @@ var groupEntries = (entries2) => entries2.reduce((groups, entry) => { return groups; }, []); function EntryRow({ entry, remove }) { - const [confirming, setConfirming] = (0, import_react22.useState)(false); - const [busy, setBusy] = (0, import_react22.useState)(false); - (0, import_react22.useEffect)(() => { + const [confirming, setConfirming] = (0, import_react23.useState)(false); + const [busy, setBusy] = (0, import_react23.useState)(false); + (0, import_react23.useEffect)(() => { if (!confirming) return void 0; const timer = setTimeout(() => setConfirming(false), 3e3); return () => clearTimeout(timer); @@ -10315,16 +10559,16 @@ function EntryRow({ entry, remove }) { setBusy(true); if (!await remove(entry)) setBusy(false); }; - return (0, import_react22.createElement)( + return (0, import_react23.createElement)( "li", { className: "bt-mem-entry", "data-busy": busy || void 0 }, - (0, import_react22.createElement)( + (0, import_react23.createElement)( "div", { className: "bt-mem-entry-copy" }, - (0, import_react22.createElement)("span", { className: "bt-mem-entry-text" }, entry.text), - meta ? (0, import_react22.createElement)("span", { className: "bt-mem-entry-meta" }, meta) : null + (0, import_react23.createElement)("span", { className: "bt-mem-entry-text" }, entry.text), + meta ? (0, import_react23.createElement)("span", { className: "bt-mem-entry-meta" }, meta) : null ), - (0, import_react22.createElement)("button", { + (0, import_react23.createElement)("button", { type: "button", className: "bt-mem-remove", "data-confirm": confirming || void 0, @@ -10332,7 +10576,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_react22.createElement)(TrashIcon)) + }, confirming ? t("Remove") : (0, import_react23.createElement)(TrashIcon)) ); } function Entries({ bot, view, remove }) { @@ -10341,25 +10585,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_react22.createElement)( + return (0, import_react23.createElement)( "div", { className: "bt-mem-entries" }, - sections.map((section) => (0, import_react22.createElement)( + sections.map((section) => (0, import_react23.createElement)( "section", { key: section.scope, className: "bt-mem-section" }, - (0, import_react22.createElement)( + (0, import_react23.createElement)( "div", { className: "bt-mem-section-head" }, - (0, import_react22.createElement)("h3", null, section.title), - section.hint ? (0, import_react22.createElement)("span", null, section.hint) : null, - (0, import_react22.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_react23.createElement)("h3", null, section.title), + section.hint ? (0, import_react23.createElement)("span", null, section.hint) : null, + (0, import_react23.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_react22.createElement)( - import_react22.Fragment, + groups.some((group) => group.scope === section.scope) ? groups.filter((group) => group.scope === section.scope).map((group) => (0, import_react23.createElement)( + import_react23.Fragment, { key: group.key }, - group.topic ? (0, import_react22.createElement)("div", { className: "bt-mem-topic" }, group.topic) : null, - (0, import_react22.createElement)("ul", { className: "bt-mem-list" }, group.entries.map((entry) => (0, import_react22.createElement)(EntryRow, { key: `${entry.topic ?? ""}:${entry.text}`, entry, remove }))) - )) : (0, import_react22.createElement)("div", { className: "bt-mem-none" }, t("Nothing saved yet")) + group.topic ? (0, import_react23.createElement)("div", { className: "bt-mem-topic" }, group.topic) : null, + (0, import_react23.createElement)("ul", { className: "bt-mem-list" }, group.entries.map((entry) => (0, import_react23.createElement)(EntryRow, { key: `${entry.topic ?? ""}:${entry.text}`, entry, remove }))) + )) : (0, import_react23.createElement)("div", { className: "bt-mem-none" }, t("Nothing saved yet")) )) ); } @@ -10371,40 +10615,40 @@ 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_react22.createElement)( + return (0, import_react23.createElement)( "div", { className: "bt-mem-reply", role: "status" }, - (0, import_react22.createElement)( + (0, import_react23.createElement)( "div", { className: "bt-mem-reply-head" }, - (0, import_react22.createElement)("span", { className: "bt-mem-reply-asked" }, answer.asked), - answer.pending ? null : (0, import_react22.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Dismiss"), onClick: dismiss }, (0, import_react22.createElement)(CloseIcon)) + (0, import_react23.createElement)("span", { className: "bt-mem-reply-asked" }, answer.asked), + answer.pending ? null : (0, import_react23.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Dismiss"), onClick: dismiss }, (0, import_react23.createElement)(CloseIcon)) ), - answer.pending ? (0, import_react22.createElement)("div", { className: "bt-mem-reply-text bt-shimmer" }, t("Thinking…")) : answer.error ? (0, import_react22.createElement)("div", { className: "bt-mem-reply-text bt-danger" }, hostText(answer.error)) : (0, import_react22.createElement)( - import_react22.Fragment, + answer.pending ? (0, import_react23.createElement)("div", { className: "bt-mem-reply-text bt-shimmer" }, t("Thinking…")) : answer.error ? (0, import_react23.createElement)("div", { className: "bt-mem-reply-text bt-danger" }, hostText(answer.error)) : (0, import_react23.createElement)( + import_react23.Fragment, null, - answer.reply ? (0, import_react22.createElement)("div", { className: "bt-mem-reply-text" }, answer.reply) : null, - answer.changes.length > 0 ? (0, import_react22.createElement)("ul", { className: "bt-mem-changes" }, answer.changes.map((change, index) => (0, import_react22.createElement)( + answer.reply ? (0, import_react23.createElement)("div", { className: "bt-mem-reply-text" }, answer.reply) : null, + answer.changes.length > 0 ? (0, import_react23.createElement)("ul", { className: "bt-mem-changes" }, answer.changes.map((change, index) => (0, import_react23.createElement)( "li", { key: index, "data-ok": change.ok || void 0 }, - change.ok ? (0, import_react22.createElement)(CheckIcon) : (0, import_react22.createElement)(CloseIcon), - (0, import_react22.createElement)("span", null, changeLine(change)) + change.ok ? (0, import_react23.createElement)(CheckIcon) : (0, import_react23.createElement)(CloseIcon), + (0, import_react23.createElement)("span", null, changeLine(change)) ))) : null ) ); } function useMemoryView(botId, actions) { - const [view, setView] = (0, import_react22.useState)(null); - const [error, setError] = (0, import_react22.useState)(""); - const timer = (0, import_react22.useRef)(0); - const latest = (0, import_react22.useRef)(0); - const alive = (0, import_react22.useRef)(true); - const show = (0, import_react22.useCallback)((next) => { + const [view, setView] = (0, import_react23.useState)(null); + const [error, setError] = (0, import_react23.useState)(""); + const timer = (0, import_react23.useRef)(0); + const latest = (0, import_react23.useRef)(0); + const alive = (0, import_react23.useRef)(true); + const show = (0, import_react23.useCallback)((next) => { setView(next); setError(""); noteCount(botId, next.entries.length); }, [botId]); - const load = (0, import_react22.useCallback)(async (flags = {}) => { + const load = (0, import_react23.useCallback)(async (flags = {}) => { clearTimeout(timer.current); const ticket = ++latest.current; try { @@ -10416,7 +10660,7 @@ function useMemoryView(botId, actions) { if (alive.current && ticket === latest.current) setError(failure?.message ?? String(failure)); } }, [botId]); - (0, import_react22.useEffect)(() => { + (0, import_react23.useEffect)(() => { alive.current = true; void load({ summarize: true }); return () => { @@ -10426,9 +10670,9 @@ function useMemoryView(botId, actions) { }, [botId]); return { view, error, load, show }; } -function useNow2(every) { - const [now, setNow] = (0, import_react22.useState)(Date.now()); - (0, import_react22.useEffect)(() => { +function useNow3(every) { + const [now, setNow] = (0, import_react23.useState)(Date.now()); + (0, import_react23.useEffect)(() => { const id = setInterval(() => setNow(Date.now()), every); return () => clearInterval(id); }, [every]); @@ -10436,18 +10680,18 @@ function useNow2(every) { } function MemoryDialog({ bot, actions, leaving = false }) { const { view, error, load, show } = useMemoryView(bot.id, actions); - const [page, setPage] = (0, import_react22.useState)("summary"); - const [menu, setMenu] = (0, import_react22.useState)(false); + const [page, setPage] = (0, import_react23.useState)("summary"); + const [menu, setMenu] = (0, import_react23.useState)(false); const [menuShown, menuLeaving] = useLinger(menu, MENU_EXIT_MS2); - const [text, setText] = (0, import_react22.useState)(""); - const [answer, setAnswer] = (0, import_react22.useState)(null); - const menuRef = (0, import_react22.useRef)(null); - const dotsRef = (0, import_react22.useRef)(null); - const inputRef = (0, import_react22.useRef)(null); - const now = useNow2(3e4); - const close = (0, import_react22.useCallback)(() => actions.closeMemory(), []); + const [text, setText] = (0, import_react23.useState)(""); + const [answer, setAnswer] = (0, import_react23.useState)(null); + const menuRef = (0, import_react23.useRef)(null); + const dotsRef = (0, import_react23.useRef)(null); + const inputRef = (0, import_react23.useRef)(null); + const now = useNow3(3e4); + const close = (0, import_react23.useCallback)(() => actions.closeMemory(), []); useEscape(close); - (0, import_react22.useEffect)(() => { + (0, import_react23.useEffect)(() => { if (!menu) return void 0; const onDown = (event) => { if (menuRef.current?.contains(event.target) || dotsRef.current?.contains(event.target)) return; @@ -10509,52 +10753,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_react22.createElement)( + return (0, import_react23.createElement)( "div", { className: "bt-mem-layer", "data-leaving": leaving || void 0 }, - (0, import_react22.createElement)("div", { className: "bt-scrim bt-mem-scrim", onMouseDown: close }), - (0, import_react22.createElement)( + (0, import_react23.createElement)("div", { className: "bt-scrim bt-mem-scrim", onMouseDown: close }), + (0, import_react23.createElement)( "div", { className: "bt-mem", role: "dialog", "aria-modal": true, "aria-label": t("{name}'s memory", { name: bot.name }) }, - (0, import_react22.createElement)( + (0, import_react23.createElement)( "div", { className: "bt-mem-head" }, - page === "entries" ? (0, import_react22.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to the summary"), onClick: backToSummary }, (0, import_react22.createElement)(ChevronLeftIcon)) : null, - (0, import_react22.createElement)("h2", null, page === "entries" ? t("All entries") : t("Memory summary")), - (0, import_react22.createElement)("span", { className: "bt-mem-status" }, page === "summary" ? [bot.name, status].filter(Boolean).join(" · ") : status), - (0, import_react22.createElement)("span", { className: "bt-mem-head-gap" }), - (0, import_react22.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_react22.createElement)(DotsIcon)), - (0, import_react22.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close memory"), onClick: close }, (0, import_react22.createElement)(CloseIcon)), - menuShown ? (0, import_react22.createElement)( + page === "entries" ? (0, import_react23.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to the summary"), onClick: backToSummary }, (0, import_react23.createElement)(ChevronLeftIcon)) : null, + (0, import_react23.createElement)("h2", null, page === "entries" ? t("All entries") : t("Memory summary")), + (0, import_react23.createElement)("span", { className: "bt-mem-status" }, page === "summary" ? [bot.name, status].filter(Boolean).join(" · ") : status), + (0, import_react23.createElement)("span", { className: "bt-mem-head-gap" }), + (0, import_react23.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_react23.createElement)(DotsIcon)), + (0, import_react23.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close memory"), onClick: close }, (0, import_react23.createElement)(CloseIcon)), + menuShown ? (0, import_react23.createElement)( "div", { ref: menuRef, className: "bt-menu bt-mem-menu", role: "menu", "aria-label": t("Memory options"), "data-leaving": menuLeaving || void 0 }, - (0, import_react22.createElement)( + (0, import_react23.createElement)( "button", { type: "button", role: "menuitem", onClick: openEntries }, - (0, import_react22.createElement)("span", { className: "bt-menu-label" }, t("All entries")), - (0, import_react22.createElement)("span", { className: "bt-menu-hint" }, String(count)) + (0, import_react23.createElement)("span", { className: "bt-menu-label" }, t("All entries")), + (0, import_react23.createElement)("span", { className: "bt-menu-hint" }, String(count)) ), - (0, import_react22.createElement)( + (0, import_react23.createElement)( "button", { type: "button", role: "menuitem", disabled: count === 0 || view?.summarizing, onClick: regenerate }, - (0, import_react22.createElement)("span", { className: "bt-menu-label" }, t("Regenerate summary")) + (0, import_react23.createElement)("span", { className: "bt-menu-label" }, t("Regenerate summary")) ) ) : null ), - (0, import_react22.createElement)( + (0, import_react23.createElement)( "div", { className: "bt-mem-body" }, - error ? (0, import_react22.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, hostText(error)) : null, - view === null ? error ? null : (0, import_react22.createElement)(Skeleton) : page === "entries" ? (0, import_react22.createElement)(Entries, { bot, view, remove }) : (0, import_react22.createElement)(Summary, { bot, view, regenerate }) + error ? (0, import_react23.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, hostText(error)) : null, + view === null ? error ? null : (0, import_react23.createElement)(Skeleton) : page === "entries" ? (0, import_react23.createElement)(Entries, { bot, view, remove }) : (0, import_react23.createElement)(Summary, { bot, view, regenerate }) ), - (0, import_react22.createElement)( + (0, import_react23.createElement)( "div", { className: "bt-mem-foot" }, - answer ? (0, import_react22.createElement)(Reply, { answer, dismiss: () => setAnswer(null) }) : null, - (0, import_react22.createElement)( + answer ? (0, import_react23.createElement)(Reply, { answer, dismiss: () => setAnswer(null) }) : null, + (0, import_react23.createElement)( "form", { className: "bt-mem-ask", onSubmit: ask }, - (0, import_react22.createElement)("input", { + (0, import_react23.createElement)("input", { ref: inputRef, className: "bt-mem-input", value: text, @@ -10564,10 +10808,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_react22.createElement)( + (0, import_react23.createElement)( "button", { type: "submit", className: "bt-mem-send", disabled: busy || text.trim() === "", "aria-label": t("Send") }, - busy ? (0, import_react22.createElement)("span", { className: "bt-mem-spin", "aria-hidden": true }) : (0, import_react22.createElement)(ArrowUpIcon) + busy ? (0, import_react23.createElement)("span", { className: "bt-mem-spin", "aria-hidden": true }) : (0, import_react23.createElement)(ArrowUpIcon) ) ) ) @@ -10575,17 +10819,49 @@ function MemoryDialog({ bot, actions, leaving = false }) { ); } -// src/client/bot-settings.js -var import_react23 = 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; +// src/client/standing-approvals.js +var import_react24 = require("react"); +var standingOf = (target, roster) => { + const me = roster?.self?.memberId; + return (target?.standingApprovals ?? []).filter((grant) => me === void 0 || grant.ownerId === me); +}; +function StandingApprovalsCard({ scope, target, roster, actions, run, Card: Card2 }) { + 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_react24.createElement)( + Card2, + { title: t("Always allowed") }, + grants.map((grant) => (0, import_react24.createElement)( + "div", + { key: grant.kind, className: "bt-set-row bt-bs-row", "data-standing": grant.kind }, + (0, import_react24.createElement)( + "span", + { className: "bt-set-copy" }, + (0, import_react24.createElement)("span", { className: "bt-bs-label" }, grant.label || grant.kind), + (0, import_react24.createElement)("span", { className: "bt-set-hint" }, hint) + ), + (0, import_react24.createElement)("button", { + type: "button", + className: "bt-soft bt-soft-sm", + "aria-label": t("Remove always allow for {kind}", { kind: grant.label || grant.kind }), + onClick: () => run(actions.removeStandingApproval(scope, target.id, grant.kind)) + }, t("Remove")) + )) + ); +} + +// src/client/bot-settings.js +var import_react25 = 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); @@ -10600,8 +10876,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_react23.useState)(null); - const reverting = (0, import_react23.useRef)(false); + const [draft, setDraft] = (0, import_react25.useState)(null); + const reverting = (0, import_react25.useRef)(false); const commit = () => { const next = draft?.trim(); setDraft(null); @@ -10612,7 +10888,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_react23.createElement)(multiline ? "textarea" : "input", { + return (0, import_react25.createElement)(multiline ? "textarea" : "input", { className: multiline ? "bt-bs-input bt-bs-area" : "bt-bs-input", value: draft ?? value ?? "", placeholder, @@ -10633,29 +10909,29 @@ function InlineText({ label, value, placeholder, required = false, maxLength, mu }); } function Row({ label, hint, stack = false, children }) { - return (0, import_react23.createElement)( + return (0, import_react25.createElement)( "label", { className: stack ? "bt-set-row bt-bs-row bt-bs-stack" : "bt-set-row bt-bs-row" }, - (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, label), hint ? (0, import_react23.createElement)("span", { className: "bt-set-hint" }, hint) : null), + (0, import_react25.createElement)("span", { className: "bt-set-copy" }, (0, import_react25.createElement)("span", { className: "bt-bs-label" }, label), hint ? (0, import_react25.createElement)("span", { className: "bt-set-hint" }, hint) : null), children ); } function Card({ title, children }) { - return (0, import_react23.createElement)("section", { className: "bt-set-section" }, title ? (0, import_react23.createElement)("h3", null, title) : null, (0, import_react23.createElement)("div", { className: "bt-set-card" }, children)); + return (0, import_react25.createElement)("section", { className: "bt-set-section" }, title ? (0, import_react25.createElement)("h3", null, title) : null, (0, import_react25.createElement)("div", { className: "bt-set-card" }, children)); } function Switch({ on, label, disabled, onChange }) { - return (0, import_react23.createElement)( + return (0, import_react25.createElement)( "button", { type: "button", role: "switch", className: "bt-switch", "aria-checked": on, "aria-label": label, disabled, onClick: () => onChange(!on) }, - (0, import_react23.createElement)("span", { className: "bt-switch-knob", "aria-hidden": true }) + (0, import_react25.createElement)("span", { className: "bt-switch-knob", "aria-hidden": true }) ); } function SwitchRow({ label, hint, on, disabled, onChange, showLabel = true }) { - return (0, import_react23.createElement)( + return (0, import_react25.createElement)( "div", { className: "bt-set-row bt-bs-row" }, - (0, import_react23.createElement)("span", { className: "bt-set-copy" }, showLabel ? (0, import_react23.createElement)("span", { className: "bt-bs-label" }, label) : null, hint ? (0, import_react23.createElement)("span", { className: "bt-set-hint" }, hint) : null), - (0, import_react23.createElement)(Switch, { on, label, disabled, onChange }) + (0, import_react25.createElement)("span", { className: "bt-set-copy" }, showLabel ? (0, import_react25.createElement)("span", { className: "bt-bs-label" }, label) : null, hint ? (0, import_react25.createElement)("span", { className: "bt-set-hint" }, hint) : null), + (0, import_react25.createElement)(Switch, { on, label, disabled, onChange }) ); } function modelHint(bot, roster) { @@ -10666,22 +10942,22 @@ function modelHint(bot, roster) { return t("Applies from the next message."); } function ShapeRing({ shape, size }) { - const maskId = (0, import_react23.useRef)(""); + const maskId = (0, import_react25.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_react23.createElement)("svg", { className: "bt-ring", viewBox: `0 0 ${def.size} ${def.size}`, "aria-hidden": true, dangerouslySetInnerHTML: { __html: markup } }); + return (0, import_react25.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_react23.createElement)( - import_react23.Fragment, + return (0, import_react25.createElement)( + import_react25.Fragment, null, - (0, import_react23.createElement)("div", { className: "bt-shapes", role: "group", "aria-label": t("Character shape") }, rows.map((row, index) => (0, import_react23.createElement)("div", { key: index, className: "bt-shape-row" }, row.map((id) => (0, import_react23.createElement)("button", { + (0, import_react25.createElement)("div", { className: "bt-shapes", role: "group", "aria-label": t("Character shape") }, rows.map((row, index) => (0, import_react25.createElement)("div", { key: index, className: "bt-shape-row" }, row.map((id) => (0, import_react25.createElement)("button", { key: id, type: "button", className: "bt-shape", @@ -10689,8 +10965,8 @@ function CharacterGrid({ look, hasPhoto = false, onShape, onColor }) { title: t(shapeOf(id).label), "aria-pressed": !hasPhoto && look.shape === id, onClick: () => onShape(id) - }, (0, import_react23.createElement)(ShapeRing, { shape: id, size: 36 }), (0, import_react23.createElement)(BotMark, { look: { shape: id, color: look.color }, size: 36 })))))), - (0, import_react23.createElement)("div", { className: "bt-colors", role: "group", "aria-label": t("Character color") }, CHARACTER_COLORS.map((color) => (0, import_react23.createElement)("button", { + }, (0, import_react25.createElement)(ShapeRing, { shape: id, size: 36 }), (0, import_react25.createElement)(BotMark, { look: { shape: id, color: look.color }, size: 36 })))))), + (0, import_react25.createElement)("div", { className: "bt-colors", role: "group", "aria-label": t("Character color") }, CHARACTER_COLORS.map((color) => (0, import_react25.createElement)("button", { key: color, type: "button", className: "bt-color", @@ -10698,19 +10974,19 @@ function CharacterGrid({ look, hasPhoto = false, onShape, onColor }) { title: t(capitalize(color)), "aria-pressed": look.color === color, onClick: () => onColor(color) - }, (0, import_react23.createElement)("span", { style: { background: paintCss(color) } })))) + }, (0, import_react25.createElement)("span", { style: { background: paintCss(color) } })))) ); } function AvatarEditor({ bot, actions, run, onClose }) { const look = lookOf(bot); - const [tab, setTab] = (0, import_react23.useState)(look.image ? "upload" : "bot"); - const [over, setOver] = (0, import_react23.useState)(false); - const ref = (0, import_react23.useRef)(null); - const fileRef = (0, import_react23.useRef)(null); + const [tab, setTab] = (0, import_react25.useState)(look.image ? "upload" : "bot"); + const [over, setOver] = (0, import_react25.useState)(false); + const ref = (0, import_react25.useRef)(null); + const fileRef = (0, import_react25.useRef)(null); const upload = (file) => { if (file) void run(avatarImage(file).then((image) => actions.updateBot(bot.id, { avatar: { ...bot.avatar ?? {}, image } }))); }; - (0, import_react23.useEffect)(() => { + (0, import_react25.useEffect)(() => { const onDown = (event) => { if (!(event.target instanceof Element) || ref.current?.contains(event.target) || event.target.closest(".bt-avatar-trigger")) return; onClose(); @@ -10728,7 +11004,7 @@ function AvatarEditor({ bot, actions, run, onClose }) { window.removeEventListener("keydown", onKey, true); }; }, [onClose]); - (0, import_react23.useEffect)(() => { + (0, import_react25.useEffect)(() => { if (tab !== "upload") return void 0; const onPaste = (event) => { const file = [...event.clipboardData?.files ?? []].find((item) => item.type.startsWith("image/")); @@ -10742,32 +11018,32 @@ function AvatarEditor({ bot, actions, run, onClose }) { }, [tab, bot]); const hasPhoto = Boolean(look.image); const glide = useGlide(tab); - return (0, import_react23.createElement)( + return (0, import_react25.createElement)( "div", { ref, className: "bt-avedit", role: "dialog", "aria-label": t("Avatar editor") }, - (0, import_react23.createElement)( + (0, import_react25.createElement)( "div", { className: "bt-avedit-top" }, - (0, import_react23.createElement)( + (0, import_react25.createElement)( "div", { ref: glide.box, role: "tablist", "aria-label": t("Avatar source"), className: "bt-avedit-tabs" }, - (0, import_react23.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }), - [["bot", "Bot"], ["upload", "Upload"]].map(([id, label]) => (0, import_react23.createElement)("button", { key: id, type: "button", role: "tab", className: "bt-avedit-tab", "aria-selected": tab === id, onClick: () => setTab(id) }, t(label))) + (0, import_react25.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }), + [["bot", "Bot"], ["upload", "Upload"]].map(([id, label]) => (0, import_react25.createElement)("button", { key: id, type: "button", role: "tab", className: "bt-avedit-tab", "aria-selected": tab === id, onClick: () => setTab(id) }, t(label))) ), - (0, import_react23.createElement)("button", { + (0, import_react25.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_react23.createElement)(CharacterGrid, { + tab === "bot" ? (0, import_react25.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_react23.createElement)( + tab === "upload" ? (0, import_react25.createElement)( "div", { className: "bt-dropzone", @@ -10783,15 +11059,15 @@ function AvatarEditor({ bot, actions, run, onClose }) { upload(event.dataTransfer.files?.[0]); } }, - hasPhoto ? (0, import_react23.createElement)("img", { src: look.image, alt: "" }) : null, - (0, import_react23.createElement)("div", null, t("Drag, drop, or paste an image")), - (0, import_react23.createElement)( + hasPhoto ? (0, import_react25.createElement)("img", { src: look.image, alt: "" }) : null, + (0, import_react25.createElement)("div", null, t("Drag, drop, or paste an image")), + (0, import_react25.createElement)( "div", { className: "bt-actions", style: { justifyContent: "center" } }, - (0, import_react23.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, hasPhoto ? t("Replace") : t("Browse files")), - hasPhoto ? (0, import_react23.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_react25.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, hasPhoto ? t("Replace") : t("Browse files")), + hasPhoto ? (0, import_react25.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_react23.createElement)("input", { ref: fileRef, type: "file", accept: "image/png,image/jpeg,image/webp,image/gif", hidden: true, onChange: (event) => { + (0, import_react25.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); @@ -10802,22 +11078,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_react23.createElement)( + return (0, import_react25.createElement)( Card, { title: t("Memory") }, - (0, import_react23.createElement)( + (0, import_react25.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_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, label)), - (0, import_react23.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react23.createElement)(ChevronRightIcon)) + (0, import_react25.createElement)("span", { className: "bt-set-copy" }, (0, import_react25.createElement)("span", { className: "bt-bs-label" }, label)), + (0, import_react25.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react25.createElement)(ChevronRightIcon)) ) ); } function BotSettingsForm({ bot, roster, actions, run }) { - const [editing, setEditing] = (0, import_react23.useState)(false); - const [confirming, setConfirming] = (0, import_react23.useState)(false); - const closeEditor = (0, import_react23.useCallback)(() => setEditing(false), []); - (0, import_react23.useEffect)(() => { + const [editing, setEditing] = (0, import_react25.useState)(false); + const [confirming, setConfirming] = (0, import_react25.useState)(false); + const closeEditor = (0, import_react25.useCallback)(() => setEditing(false), []); + (0, import_react25.useEffect)(() => { if (!confirming) return void 0; const timer = setTimeout(() => setConfirming(false), 4e3); return () => clearTimeout(timer); @@ -10832,115 +11108,116 @@ function BotSettingsForm({ bot, roster, actions, run }) { if (confirming) void run(actions.deleteBot(bot.id)); else setConfirming(true); }; - (0, import_react23.useEffect)(() => { + (0, import_react25.useEffect)(() => { void actions.refreshModels?.(); }, [bot.id]); - return (0, import_react23.createElement)( + return (0, import_react25.createElement)( "div", { className: "bt-bs" }, - (0, import_react23.createElement)( + (0, import_react25.createElement)( "div", { className: "bt-bs-hero" }, - (0, import_react23.createElement)( + (0, import_react25.createElement)( "div", { className: "bt-avatar-anchor" }, - (0, import_react23.createElement)( + (0, import_react25.createElement)( "button", { type: "button", className: "bt-avatar-trigger", "aria-label": t("Edit Bot avatar"), "aria-expanded": editing, onClick: () => setEditing((value) => !value) }, - (0, import_react23.createElement)(BotMark, { bot, size: 64, live: true }), - (0, import_react23.createElement)("span", { className: "bt-avatar-pencil", "aria-hidden": true }, (0, import_react23.createElement)(PencilIcon)) + (0, import_react25.createElement)(BotMark, { bot, size: 64, live: true }), + (0, import_react25.createElement)("span", { className: "bt-avatar-pencil", "aria-hidden": true }, (0, import_react25.createElement)(PencilIcon)) ), - editing ? (0, import_react23.createElement)(AvatarEditor, { bot, actions, run, onClose: closeEditor }) : null + editing ? (0, import_react25.createElement)(AvatarEditor, { bot, actions, run, onClose: closeEditor }) : null ), - (0, import_react23.createElement)( + (0, import_react25.createElement)( "div", { className: "bt-bs-who" }, - (0, import_react23.createElement)("span", { className: "bt-bs-name" }, bot.name), - (0, import_react23.createElement)("span", { className: "bt-bs-sub" }, [bot.role, isMainBot ? t("Main Bot") : ""].filter(Boolean).join(" · ") || t("Bot")) + (0, import_react25.createElement)("span", { className: "bt-bs-name" }, bot.name), + (0, import_react25.createElement)("span", { className: "bt-bs-sub" }, [bot.role, isMainBot ? t("Main Bot") : ""].filter(Boolean).join(" · ") || t("Bot")) ) ), - (0, import_react23.createElement)( + (0, import_react25.createElement)( Card, { title: t("Profile") }, - (0, import_react23.createElement)(Row, { label: t("Name") }, (0, import_react23.createElement)(InlineText, { label: t("Name"), value: bot.name, placeholder: "Bob", required: true, maxLength: 40, onSave: (name) => save({ name }) })), - (0, import_react23.createElement)(Row, { label: t("Label"), hint: t("Optional. Shown under the name.") }, (0, import_react23.createElement)(InlineText, { label: t("Label"), value: bot.role, placeholder: t("Research, admin…"), maxLength: 24, onSave: (role) => save({ role }) })) + (0, import_react25.createElement)(Row, { label: t("Name") }, (0, import_react25.createElement)(InlineText, { label: t("Name"), value: bot.name, placeholder: "Bob", required: true, maxLength: 40, onSave: (name) => save({ name }) })), + (0, import_react25.createElement)(Row, { label: t("Label"), hint: t("Optional. Shown under the name.") }, (0, import_react25.createElement)(InlineText, { label: t("Label"), value: bot.role, placeholder: t("Research, admin…"), maxLength: 24, onSave: (role) => save({ role }) })) ), - (0, import_react23.createElement)( + (0, import_react25.createElement)( Card, { title: t("Model") }, - (0, import_react23.createElement)( + (0, import_react25.createElement)( "div", { className: "bt-set-row bt-bs-row" }, - (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-set-hint" }, modelHint(bot, roster))), - (0, import_react23.createElement)(ModelMenu, { bot, roster, actions, run }) + (0, import_react25.createElement)("span", { className: "bt-set-copy" }, (0, import_react25.createElement)("span", { className: "bt-set-hint" }, modelHint(bot, roster))), + (0, import_react25.createElement)(ModelMenu, { bot, roster, actions, run }) ), - bot.model ? (0, import_react23.createElement)(ModelTestRow, { bot, modelName: modelOf(bot, roster)?.name }) : null + bot.model ? (0, import_react25.createElement)(ModelTestRow, { bot, modelName: modelOf(bot, roster)?.name }) : null ), - (0, import_react23.createElement)( + (0, import_react25.createElement)( Card, { title: t("Working folder") }, - (0, import_react23.createElement)( + (0, import_react25.createElement)( "div", { className: "bt-set-row bt-bs-row" }, - (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, t("Folder"))), - (0, import_react23.createElement)(FolderMenu, { value: bot.workDir, actions, run, onPick: (workDir) => save({ workDir }) }) + (0, import_react25.createElement)("span", { className: "bt-set-copy" }, (0, import_react25.createElement)("span", { className: "bt-bs-label" }, t("Folder"))), + (0, import_react25.createElement)(FolderMenu, { value: bot.workDir, actions, run, onPick: (workDir) => save({ workDir }) }) ) ), - (0, import_react23.createElement)( + (0, import_react25.createElement)( Card, { title: t("Instructions") }, - (0, import_react23.createElement)( + (0, import_react25.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_react23.createElement)(InlineText, { label: t("Instructions"), value: bot.instructions, multiline: true, placeholder: t("What this Bot is responsible for…"), onSave: (instructions) => save({ instructions }) }) + (0, import_react25.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_react23.createElement)(FlyBotDetails, { bot, roster, actions, wrap: (children) => (0, import_react23.createElement)(Card, { title: t("Sharing") }, children) }), - (0, import_react23.createElement)(BotCapabilitiesCard, { bot, roster, actions, run, Card, SwitchRow }), - (0, import_react23.createElement)(BotConnectorsCard, { bot, roster, actions, run, Card, SwitchRow }), - roster.memory === false ? null : (0, import_react23.createElement)(MemoryCard, { bot, actions }), - (0, import_react23.createElement)(BotSchedules, { bot, roster, actions }), - (0, import_react23.createElement)( + (0, import_react25.createElement)(FlyBotDetails, { bot, roster, actions, wrap: (children) => (0, import_react25.createElement)(Card, { title: t("Sharing") }, children) }), + (0, import_react25.createElement)(BotCapabilitiesCard, { bot, roster, actions, run, Card, SwitchRow }), + (0, import_react25.createElement)(BotConnectorsCard, { bot, roster, actions, run, Card, SwitchRow }), + roster.memory === false ? null : (0, import_react25.createElement)(MemoryCard, { bot, actions }), + (0, import_react25.createElement)(BotSchedules, { bot, roster, actions }), + (0, import_react25.createElement)(StandingApprovalsCard, { scope: "bot", target: bot, roster, actions, run, Card }), + (0, import_react25.createElement)( Card, { title: t("Main Bot") }, - onlyMain ? (0, import_react23.createElement)( + onlyMain ? (0, import_react25.createElement)( "div", { className: "bt-set-row bt-bs-row" }, - (0, import_react23.createElement)( + (0, import_react25.createElement)( "span", { className: "bt-set-copy" }, - (0, import_react23.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_react25.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_react23.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("bots") }, t("Change")) - ) : (0, import_react23.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_react25.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("bots") }, t("Change")) + ) : (0, import_react25.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_react23.createElement)( + isTile ? null : (0, import_react25.createElement)( Card, { title: t("Sidebar") }, - (0, import_react23.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_react23.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_react25.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_react25.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_react23.createElement)( + (0, import_react25.createElement)( Card, { title: t("More") }, - (0, import_react23.createElement)( + (0, import_react25.createElement)( "button", { type: "button", className: "bt-set-row bt-bs-row", onClick: duplicate }, - (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, t("Duplicate")), (0, import_react23.createElement)("span", { className: "bt-set-hint" }, t("A copy with the same job and model, and fresh memory."))), - (0, import_react23.createElement)("span", { className: "bt-chevron" }, (0, import_react23.createElement)(ChevronRightIcon)) + (0, import_react25.createElement)("span", { className: "bt-set-copy" }, (0, import_react25.createElement)("span", { className: "bt-bs-label" }, t("Duplicate")), (0, import_react25.createElement)("span", { className: "bt-set-hint" }, t("A copy with the same job and model, and fresh memory."))), + (0, import_react25.createElement)("span", { className: "bt-chevron" }, (0, import_react25.createElement)(ChevronRightIcon)) ), - isMainBot ? null : (0, import_react23.createElement)( + isMainBot ? null : (0, import_react25.createElement)( "button", { type: "button", className: "bt-set-row bt-bs-row bt-bs-danger", "data-confirm": confirming || void 0, onClick: remove }, - (0, import_react23.createElement)( + (0, import_react25.createElement)( "span", { className: "bt-set-copy" }, - (0, import_react23.createElement)("span", { className: "bt-bs-label" }, confirming ? t("Delete {name}?", { name: bot.name }) : t("Delete Bot")), - (0, import_react23.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_react25.createElement)("span", { className: "bt-bs-label" }, confirming ? t("Delete {name}?", { name: bot.name }) : t("Delete Bot")), + (0, import_react25.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_react23.createElement)("span", { className: "bt-chevron" }, (0, import_react23.createElement)(ChevronRightIcon)) + (0, import_react25.createElement)("span", { className: "bt-chevron" }, (0, import_react25.createElement)(ChevronRightIcon)) ) ) ); @@ -11003,7 +11280,7 @@ function createPayload({ name, look, image, model, effort, brief }) { } // src/client/create-bot.js -var import_react24 = require("react"); +var import_react26 = require("react"); var pick = (list) => list[Math.floor(Math.random() * list.length)]; var randomLook = (avoid = {}) => { const shapes = DEFAULT_SHAPES.filter((shape) => shape !== avoid.shape); @@ -11011,17 +11288,17 @@ var randomLook = (avoid = {}) => { return { shape: pick(shapes), color: pick(colors) }; }; function CreateBot({ roster, actions, start, brief = "", onBack, canGoBack, onCreated, inline = false }) { - const [look, setLook] = (0, import_react24.useState)(() => randomLook()); - const [image, setImage] = (0, import_react24.useState)(null); - const [name, setName] = (0, import_react24.useState)(start?.name ?? ""); - const [model, setModel] = (0, import_react24.useState)(() => startModel(roster)); - const [effort, setEffort] = (0, import_react24.useState)(void 0); - const [busy, setBusy] = (0, import_react24.useState)(false); - const [error, setError] = (0, import_react24.useState)(""); - const fileRef = (0, import_react24.useRef)(null); - const frame = (0, import_react24.useRef)(null); + const [look, setLook] = (0, import_react26.useState)(() => randomLook()); + const [image, setImage] = (0, import_react26.useState)(null); + const [name, setName] = (0, import_react26.useState)(start?.name ?? ""); + const [model, setModel] = (0, import_react26.useState)(() => startModel(roster)); + const [effort, setEffort] = (0, import_react26.useState)(void 0); + const [busy, setBusy] = (0, import_react26.useState)(false); + const [error, setError] = (0, import_react26.useState)(""); + const fileRef = (0, import_react26.useRef)(null); + const frame = (0, import_react26.useRef)(null); useEscape(onBack); - (0, import_react24.useEffect)(() => { + (0, import_react26.useEffect)(() => { if (inline) frame.current?.scrollIntoView({ block: "start", behavior: "smooth" }); }, []); const fallbackName = freshBotName(roster, t("New Bot")); @@ -11046,25 +11323,25 @@ function CreateBot({ roster, actions, start, brief = "", onBack, canGoBack, onCr avatarImage(file).then(setImage, (failure) => setError(failure?.message ?? String(failure))); }; const previewLook = image ? { ...look, image } : look; - const card = (0, import_react24.createElement)( + const card = (0, import_react26.createElement)( "div", { className: "bt-create-card" }, - (0, import_react24.createElement)( + (0, import_react26.createElement)( "div", { className: "bt-create-preview" }, // The key remounts the mark, so every new pick plays the pop. - (0, import_react24.createElement)( + (0, import_react26.createElement)( "span", { key: `${look.shape}:${look.color}:${image ? "photo" : ""}`, className: "bt-create-pop" }, - (0, import_react24.createElement)(BotMark, { look: previewLook, bot: { id: "new-bot" }, size: 88, live: true, gaze: true, pokeable: true }) + (0, import_react26.createElement)(BotMark, { look: previewLook, bot: { id: "new-bot" }, size: 88, live: true, gaze: true, pokeable: true }) ), - (0, import_react24.createElement)("span", { className: "bt-create-name" }, finalName) + (0, import_react26.createElement)("span", { className: "bt-create-name" }, finalName) ), - (0, import_react24.createElement)("div", { className: "bt-create-step" }, t("Look")), - (0, import_react24.createElement)( + (0, import_react26.createElement)("div", { className: "bt-create-step" }, t("Look")), + (0, import_react26.createElement)( "div", { className: "bt-create-looks" }, - (0, import_react24.createElement)(CharacterGrid, { + (0, import_react26.createElement)(CharacterGrid, { look, hasPhoto: Boolean(image), onShape: (shape) => { @@ -11076,27 +11353,27 @@ function CreateBot({ roster, actions, start, brief = "", onBack, canGoBack, onCr setLook((current) => ({ ...current, color })); } }), - (0, import_react24.createElement)( + (0, import_react26.createElement)( "div", { className: "bt-actions bt-create-lookbar" }, - (0, import_react24.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => { + (0, import_react26.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => { setImage(null); setLook((current) => randomLook(current)); } }, t("Shuffle")), - (0, import_react24.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, image ? t("Replace photo") : t("Upload photo")), - image ? (0, import_react24.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setImage(null) }, t("Remove photo")) : null, - (0, import_react24.createElement)("input", { ref: fileRef, type: "file", accept: "image/png,image/jpeg,image/webp,image/gif", hidden: true, onChange: (event) => { + (0, import_react26.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, image ? t("Replace photo") : t("Upload photo")), + image ? (0, import_react26.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setImage(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); } }) ) ), - (0, import_react24.createElement)( + (0, import_react26.createElement)( "label", { className: "bt-field" }, - (0, import_react24.createElement)("span", { className: "bt-field-label" }, t("Name")), - (0, import_react24.createElement)("input", { + (0, import_react26.createElement)("span", { className: "bt-field-label" }, t("Name")), + (0, import_react26.createElement)("input", { className: "bt-input", autoFocus: !inline, value: name, @@ -11111,59 +11388,59 @@ function CreateBot({ roster, actions, start, brief = "", onBack, canGoBack, onCr } } }), - problem ? (0, import_react24.createElement)("span", { className: "bt-note bt-danger" }, hostText(problem)) : clash ? (0, import_react24.createElement)("span", { className: "bt-note bt-danger" }, t("A Bot named {name} already exists", { name: finalName })) : null + problem ? (0, import_react26.createElement)("span", { className: "bt-note bt-danger" }, hostText(problem)) : clash ? (0, import_react26.createElement)("span", { className: "bt-note bt-danger" }, t("A Bot named {name} already exists", { name: finalName })) : null ), - (0, import_react24.createElement)( + (0, import_react26.createElement)( "div", { className: "bt-field" }, - (0, import_react24.createElement)("span", { className: "bt-field-label" }, t("Model")), - (0, import_react24.createElement)(ModelMenu, { bot: { id: "new-bot", name: finalName, model: model || void 0, effort }, roster, actions, wide: true, onPick: (ref) => { + (0, import_react26.createElement)("span", { className: "bt-field-label" }, t("Model")), + (0, import_react26.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_react24.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_react26.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_react24.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null, - (0, import_react24.createElement)( + error ? (0, import_react26.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null, + (0, import_react26.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_react24.createElement)("button", { type: "button", className: "bt-soft", onClick: onBack }, canGoBack ? t("Back") : t("Cancel")) : null, - (0, import_react24.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_react26.createElement)("button", { type: "button", className: "bt-soft", onClick: onBack }, canGoBack ? t("Back") : t("Cancel")) : null, + (0, import_react26.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_react24.createElement)("div", { ref: frame, className: "bt-create-inline", role: "group", "aria-label": t("Create Bot") }, card); - return (0, import_react24.createElement)( + if (inline) return (0, import_react26.createElement)("div", { ref: frame, className: "bt-create-inline", role: "group", "aria-label": t("Create Bot") }, card); + return (0, import_react26.createElement)( "div", { className: "bt-create", role: "dialog", "aria-label": t("Create Bot") }, - (0, import_react24.createElement)( + (0, import_react26.createElement)( "div", { className: "bt-create-head" }, - canGoBack ? (0, import_react24.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to new chat"), onClick: onBack }, (0, import_react24.createElement)(ChevronLeftIcon)) : (0, import_react24.createElement)("span", { className: "bt-create-gap" }), - (0, import_react24.createElement)("span", { className: "bt-create-title" }, t("Create Bot")), - (0, import_react24.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close"), onClick: () => actions.closeOverlay() }, (0, import_react24.createElement)(CloseIcon)) + canGoBack ? (0, import_react26.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to new chat"), onClick: onBack }, (0, import_react26.createElement)(ChevronLeftIcon)) : (0, import_react26.createElement)("span", { className: "bt-create-gap" }), + (0, import_react26.createElement)("span", { className: "bt-create-title" }, t("Create Bot")), + (0, import_react26.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close"), onClick: () => actions.closeOverlay() }, (0, import_react26.createElement)(CloseIcon)) ), - (0, import_react24.createElement)("div", { className: "bt-create-body" }, card) + (0, import_react26.createElement)("div", { className: "bt-create-body" }, card) ); } // src/client/new-chat.js -var import_react25 = require("react"); +var import_react27 = require("react"); function NewChat({ mode, roster, actions }) { - const [query, setQuery] = (0, import_react25.useState)(""); - const [picked, setPicked] = (0, import_react25.useState)([]); - const [group, setGroup] = (0, import_react25.useState)(mode === "group"); - const [compose, setCompose] = (0, import_react25.useState)(mode !== "new"); - const [admin, setAdmin] = (0, import_react25.useState)(null); - const [message, setMessage] = (0, import_react25.useState)(""); - const [busy, setBusy] = (0, import_react25.useState)(false); - const [error, setError] = (0, import_react25.useState)(""); - const [fix, setFix] = (0, import_react25.useState)(null); - const [fixNote, setFixNote] = (0, import_react25.useState)(""); - const [inviteLink, setInviteLink] = (0, import_react25.useState)(""); - const [cursor, setCursor] = (0, import_react25.useState)(0); - const [draft, setDraft] = (0, import_react25.useState)(mode === "create" ? { name: "", fromList: false } : null); - const inputRef = (0, import_react25.useRef)(null); + const [query, setQuery] = (0, import_react27.useState)(""); + const [picked, setPicked] = (0, import_react27.useState)([]); + const [group, setGroup] = (0, import_react27.useState)(mode === "group"); + const [compose, setCompose] = (0, import_react27.useState)(mode !== "new"); + const [admin, setAdmin] = (0, import_react27.useState)(null); + const [message, setMessage] = (0, import_react27.useState)(""); + const [busy, setBusy] = (0, import_react27.useState)(false); + const [error, setError] = (0, import_react27.useState)(""); + const [fix, setFix] = (0, import_react27.useState)(null); + const [fixNote, setFixNote] = (0, import_react27.useState)(""); + const [inviteLink, setInviteLink] = (0, import_react27.useState)(""); + const [cursor, setCursor] = (0, import_react27.useState)(0); + const [draft, setDraft] = (0, import_react27.useState)(mode === "create" ? { name: "", fromList: false } : null); + const inputRef = (0, import_react27.useRef)(null); const close = () => actions.closeOverlay(); useEscape(close); const paneLeft = usePaneLeft(); @@ -11295,14 +11572,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_react25.createElement)(ChatIcon), label: t("New chat"), hint: t("Message one of your Bots"), run: () => { + options.push({ key: "chat", icon: (0, import_react27.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_react25.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_react25.createElement)(PeopleIcon), label: t("New group chat"), hint: t("Chat with several of your Bots"), run: () => { + options.push({ key: "new", icon: (0, import_react27.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_react27.createElement)(PeopleIcon), label: t("New group chat"), hint: t("Chat with several of your Bots"), run: () => { setGroup(true); setCompose(true); setCursor(0); @@ -11311,7 +11588,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_react25.createElement)(SlotIcon, { id: action.key, icon: action.icon, fallback: (0, import_react25.createElement)(PeopleIcon) }) : (0, import_react25.createElement)(PeopleIcon), + icon: action.icon ? (0, import_react27.createElement)(SlotIcon, { id: action.key, icon: action.icon, fallback: (0, import_react27.createElement)(PeopleIcon) }) : (0, import_react27.createElement)(PeopleIcon), label: t(action.label), hint: action.hint ? t(action.hint) : void 0, run: () => { @@ -11323,7 +11600,7 @@ function NewChat({ mode, roster, actions }) { }); } if ((roster.agents ?? []).length === 0) { - options.push({ key: "agent", icon: (0, import_react25.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_react27.createElement)(TerminalIcon), label: t("Add coding agent"), hint: t("A coding session without a Bot"), run: () => run(async () => { await actions.addAgent(); close(); }) }); @@ -11334,19 +11611,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_react25.createElement)(PlusIcon), label: t("New Bot “{name}”", { name: query.trim() }), run: createBot }); + if (wanted !== "" && !exact && mode !== "search") options.push({ key: "create", icon: (0, import_react27.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_react25.useRef)(null); + const drop = (0, import_react27.useRef)(null); useMorph(drop, listed); if (draft) { - return (0, import_react25.createElement)( + return (0, import_react27.createElement)( "div", { className: "bt-pane", style: { left: paneLeft } }, - (0, import_react25.createElement)(CreateBot, { + (0, import_react27.createElement)(CreateBot, { roster, actions, start: draft, @@ -11367,7 +11644,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_react25.createElement)( + return (0, import_react27.createElement)( "div", { className: "bt-pane", @@ -11377,31 +11654,31 @@ ${listed}`, { axis: "y", ...QUICK_EDGES }); if (event.target === event.currentTarget) close(); } : void 0 }, - (0, import_react25.createElement)( + (0, import_react27.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_react25.createElement)( + menuOnly ? null : (0, import_react27.createElement)( "div", { className: "bt-to" }, - (0, import_react25.createElement)("span", { className: "bt-to-label" }, t("To:")), - adminBot ? (0, import_react25.createElement)( + (0, import_react27.createElement)("span", { className: "bt-to-label" }, t("To:")), + adminBot ? (0, import_react27.createElement)( "span", { key: adminBot.id, className: "bt-token bt-token-admin", title: t("Admin") }, - (0, import_react25.createElement)(BotMark, { bot: adminBot, size: 16 }), + (0, import_react27.createElement)(BotMark, { bot: adminBot, size: 16 }), adminBot.name, - (0, import_react25.createElement)(AdminStar), - (0, import_react25.createElement)("button", { type: "button", "aria-label": t("Remove {name}", { name: adminBot.name }), onClick: () => setAdmin(null) }, "×") + (0, import_react27.createElement)(AdminStar), + (0, import_react27.createElement)("button", { type: "button", "aria-label": t("Remove {name}", { name: adminBot.name }), onClick: () => setAdmin(null) }, "×") ) : null, - choosingAdmin ? (0, import_react25.createElement)("span", { className: "bt-to-star", "aria-hidden": true }, (0, import_react25.createElement)(AdminStar)) : null, - pickedBots.map((bot) => (0, import_react25.createElement)( + choosingAdmin ? (0, import_react27.createElement)("span", { className: "bt-to-star", "aria-hidden": true }, (0, import_react27.createElement)(AdminStar)) : null, + pickedBots.map((bot) => (0, import_react27.createElement)( "span", { key: bot.id, className: "bt-token" }, - (0, import_react25.createElement)(BotMark, { bot, size: 16 }), + (0, import_react27.createElement)(BotMark, { bot, size: 16 }), bot.name, - (0, import_react25.createElement)("button", { type: "button", "aria-label": t("Remove {name}", { name: bot.name }), onClick: () => setPicked((current) => current.filter((id) => id !== bot.id)) }, "×") + (0, import_react27.createElement)("button", { type: "button", "aria-label": t("Remove {name}", { name: bot.name }), onClick: () => setPicked((current) => current.filter((id) => id !== bot.id)) }, "×") )), - (0, import_react25.createElement)("input", { + (0, import_react27.createElement)("input", { ref: inputRef, autoFocus: true, value: query, @@ -11425,20 +11702,20 @@ ${listed}`, { axis: "y", ...QUICK_EDGES }); } else if (event.key === "Backspace" && query === "") unpick(); } }), - group && admin !== null ? (0, import_react25.createElement)("button", { + group && admin !== null ? (0, import_react27.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_react25.createElement)("button", { type: "button", className: "bt-x", "aria-label": t("Close new chat"), onClick: close }, "×") + (0, import_react27.createElement)("button", { type: "button", className: "bt-x", "aria-label": t("Close new chat"), onClick: close }, "×") ), - (0, import_react25.createElement)("div", { ref: drop, className: "bt-drop" }, (0, import_react25.createElement)( + (0, import_react27.createElement)("div", { ref: drop, className: "bt-drop" }, (0, import_react27.createElement)( "div", { ref: glide.box, role: "listbox", "aria-label": t("Recipients"), className: "bt-drop-list" }, - (0, import_react25.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }), - options.length === 0 ? (0, import_react25.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_react25.createElement)( + (0, import_react27.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }), + options.length === 0 ? (0, import_react27.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_react27.createElement)( "button", { key: option.key, @@ -11450,36 +11727,36 @@ ${listed}`, { axis: "y", ...QUICK_EDGES }); onMouseEnter: () => setCursor(index), onClick: option.run }, - option.bot ? (0, import_react25.createElement)(BotMark, { bot: option.bot, size: 22 }) : (0, import_react25.createElement)("span", { className: "bt-option-icon" }, option.icon), + option.bot ? (0, import_react27.createElement)(BotMark, { bot: option.bot, size: 22 }) : (0, import_react27.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_react25.createElement)("span", { className: "bt-option-label" }, option.label) : (0, import_react25.createElement)("span", { className: "bt-option-copy" }, (0, import_react25.createElement)("span", { className: "bt-option-label" }, option.label), (0, import_react25.createElement)("span", { className: "bt-option-sub" }, option.hint)), - option.bot && option.hint && index === active ? (0, import_react25.createElement)("span", { className: "bt-option-hint" }, option.hint) : null + option.bot || !option.hint ? (0, import_react27.createElement)("span", { className: "bt-option-label" }, option.label) : (0, import_react27.createElement)("span", { className: "bt-option-copy" }, (0, import_react27.createElement)("span", { className: "bt-option-label" }, option.label), (0, import_react27.createElement)("span", { className: "bt-option-sub" }, option.hint)), + option.bot && option.hint && index === active ? (0, import_react27.createElement)("span", { className: "bt-option-hint" }, option.hint) : null )) )), - menuOnly ? null : (0, import_react25.createElement)("div", { className: "bt-nc-spacer" }), - error && fix ? (0, import_react25.createElement)( + menuOnly ? null : (0, import_react27.createElement)("div", { className: "bt-nc-spacer" }), + error && fix ? (0, import_react27.createElement)( "div", { className: "bt-error bt-fix", role: "alert", "data-fix": "ungranted-local" }, - (0, import_react25.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_react25.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_react25.createElement)("button", { key: `invite-${bot.id}`, type: "button", className: "bt-fix-btn", "data-fix-action": "invite", onClick: () => { + (0, import_react27.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_react27.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_react27.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_react25.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_react27.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_react25.createElement)("div", { className: "bt-note", role: "status" }, fixNote) : null, - inviteLink ? (0, import_react25.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_react25.createElement)("div", { className: "bt-error" }, error) : null, - menuOnly ? null : (0, import_react25.createElement)( + fixNote ? (0, import_react27.createElement)("div", { className: "bt-note", role: "status" }, fixNote) : null, + inviteLink ? (0, import_react27.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_react27.createElement)("div", { className: "bt-error" }, error) : null, + menuOnly ? null : (0, import_react27.createElement)( "div", { className: "bt-nc-compose" }, - (0, import_react25.createElement)( + (0, import_react27.createElement)( "div", { className: "bt-nc-card" }, - (0, import_react25.createElement)("span", { className: "bt-nc-plus", "aria-hidden": true }, (0, import_react25.createElement)(PlusIcon)), - (0, import_react25.createElement)("textarea", { + (0, import_react27.createElement)("span", { className: "bt-nc-plus", "aria-hidden": true }, (0, import_react27.createElement)(PlusIcon)), + (0, import_react27.createElement)("textarea", { rows: 1, value: message, placeholder, @@ -11492,7 +11769,7 @@ ${listed}`, { axis: "y", ...QUICK_EDGES }); } } }), - (0, import_react25.createElement)("button", { type: "button", className: "bt-nc-send", "aria-label": t("Send message"), disabled: busy || message.trim() === "" || picked.length === 0, onClick: sendMessage }, (0, import_react25.createElement)(ArrowUpIcon)) + (0, import_react27.createElement)("button", { type: "button", className: "bt-nc-send", "aria-label": t("Send message"), disabled: busy || message.trim() === "" || picked.length === 0, onClick: sendMessage }, (0, import_react27.createElement)(ArrowUpIcon)) ) ) ) @@ -11500,18 +11777,18 @@ ${listed}`, { axis: "y", ...QUICK_EDGES }); } // src/client/exchange.js -var import_react26 = require("react"); +var import_react28 = require("react"); var SHEET_EXIT_MS = 220; function ExchangeDialog({ pair, roster, actions }) { - const [entries2, setEntries] = (0, import_react26.useState)(null); - const [leaving, setLeaving] = (0, import_react26.useState)(false); + const [entries2, setEntries] = (0, import_react28.useState)(null); + const [leaving, setLeaving] = (0, import_react28.useState)(false); const close = () => { if (leaving) return; setLeaving(true); setTimeout(() => actions.closeOverlay(), SHEET_EXIT_MS); }; useEscape(close); - (0, import_react26.useEffect)(() => { + (0, import_react28.useEffect)(() => { let stop = false; let timer; let seen = null; @@ -11535,48 +11812,48 @@ function ExchangeDialog({ pair, roster, actions }) { const right = roster.byId[pair[1]]; let lastDay = 0; const paneLeft = usePaneLeft(); - return (0, import_react26.createElement)( + return (0, import_react28.createElement)( "div", { className: "bt-pane bt-exchange", style: { left: paneLeft }, "data-leaving": leaving || void 0 }, - (0, import_react26.createElement)( + (0, import_react28.createElement)( "div", { className: "bt-dialog", role: "dialog", "aria-label": t("Bot exchange") }, - (0, import_react26.createElement)("div", { className: "bt-head" }, (0, import_react26.createElement)( + (0, import_react28.createElement)("div", { className: "bt-head" }, (0, import_react28.createElement)( "span", { className: "bt-pill", style: { cursor: "default" } }, - left ? (0, import_react26.createElement)(BotMark, { bot: left, size: 22 }) : null, + left ? (0, import_react28.createElement)(BotMark, { bot: left, size: 22 }) : null, left?.name ?? "?", - (0, import_react26.createElement)("span", { className: "bt-swap" }, "⇄"), - right ? (0, import_react26.createElement)(BotMark, { bot: right, size: 22 }) : null, + (0, import_react28.createElement)("span", { className: "bt-swap" }, "⇄"), + right ? (0, import_react28.createElement)(BotMark, { bot: right, size: 22 }) : null, right?.name ?? "?" )), - (0, import_react26.createElement)( + (0, import_react28.createElement)( "div", { className: "bt-dialog-log", role: "log", "aria-label": t("Bot exchange transcript") }, - entries2 === null ? (0, import_react26.createElement)("div", { className: "bt-hint" }, t("Loading…")) : entries2.length === 0 ? (0, import_react26.createElement)("div", { className: "bt-hint" }, t("No messages yet")) : entries2.map((entry) => { + entries2 === null ? (0, import_react28.createElement)("div", { className: "bt-hint" }, t("Loading…")) : entries2.length === 0 ? (0, import_react28.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_react26.createElement)( - import_react26.Fragment, + return (0, import_react28.createElement)( + import_react28.Fragment, { key: entry.id }, - showDay ? (0, import_react26.createElement)("time", { className: "bt-time" }, dayLabel(entry.time)) : null, - (0, import_react26.createElement)( + showDay ? (0, import_react28.createElement)("time", { className: "bt-time" }, dayLabel(entry.time)) : null, + (0, import_react28.createElement)( "div", { className: "bt-group-msg" }, - (0, import_react26.createElement)("span", { className: "bt-group-name", style: { color: inkText(colorOf(bot)) } }, bot.name), - (0, import_react26.createElement)(Bubbles, { texts: [entry.text], roster, selfId: bot.id, actions, lead: (0, import_react26.createElement)("span", { className: "bt-lead" }, (0, import_react26.createElement)(BotMark, { bot, size: 22 })) }) + (0, import_react28.createElement)("span", { className: "bt-group-name", style: { color: inkText(colorOf(bot)) } }, bot.name), + (0, import_react28.createElement)(Bubbles, { texts: [entry.text], roster, selfId: bot.id, actions, lead: (0, import_react28.createElement)("span", { className: "bt-lead" }, (0, import_react28.createElement)(BotMark, { bot, size: 22 })) }) ) ); }) ), - (0, import_react26.createElement)("div", { className: "bt-dialog-foot" }, (0, import_react26.createElement)("button", { type: "button", className: "bt-soft", onClick: close }, t("Close Chat"))) + (0, import_react28.createElement)("div", { className: "bt-dialog-foot" }, (0, import_react28.createElement)("button", { type: "button", className: "bt-soft", onClick: close }, t("Close Chat"))) ) ); } // src/client/voice.js -var import_react27 = require("react"); +var import_react29 = 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", @@ -11588,8 +11865,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_react27.useState)(0); - (0, import_react27.useEffect)(() => { + const [level, setLevel] = (0, import_react29.useState)(0); + (0, import_react29.useEffect)(() => { if (!enabled || !navigator.mediaDevices?.getUserMedia) return void 0; let stream = null; let audio = null; @@ -11639,18 +11916,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_react27.useState)(() => actions.speech()); - const [phase, setPhase] = (0, import_react27.useState)(speech ? "starting" : speechApi() ? "listening" : "unsupported"); - const [catalog, setCatalog] = (0, import_react27.useState)(null); - const [heard, setHeard] = (0, import_react27.useState)(""); - const [said, setSaid] = (0, import_react27.useState)(""); - const [note, setNote] = (0, import_react27.useState)(""); - const [serviceLevel, setServiceLevel] = (0, import_react27.useState)(0); - const [cycle, setCycle] = (0, import_react27.useState)(0); - const waiting = (0, import_react27.useRef)(null); - const reply = (0, import_react27.useRef)(lastReply); + const [speech] = (0, import_react29.useState)(() => actions.speech()); + const [phase, setPhase] = (0, import_react29.useState)(speech ? "starting" : speechApi() ? "listening" : "unsupported"); + const [catalog, setCatalog] = (0, import_react29.useState)(null); + const [heard, setHeard] = (0, import_react29.useState)(""); + const [said, setSaid] = (0, import_react29.useState)(""); + const [note, setNote] = (0, import_react29.useState)(""); + const [serviceLevel, setServiceLevel] = (0, import_react29.useState)(0); + const [cycle, setCycle] = (0, import_react29.useState)(0); + const waiting = (0, import_react29.useRef)(null); + const reply = (0, import_react29.useRef)(lastReply); reply.current = lastReply; - const turn = (0, import_react27.useRef)(0); + const turn = (0, import_react29.useRef)(0); const paneLeft = usePaneLeft(); const close = () => { turn.current += 1; @@ -11670,12 +11947,12 @@ function VoiceMode({ sessionId, roster, actions, useSessions, useSessionStatus } dictation.stop(); submit(text); }); - (0, import_react27.useEffect)(() => { + (0, import_react29.useEffect)(() => { if (!note) return void 0; const timer = setTimeout(() => setNote(""), 2600); return () => clearTimeout(timer); }, [note]); - (0, import_react27.useEffect)(() => { + (0, import_react29.useEffect)(() => { if (!speech) return void 0; let live = true; speechCatalog(speech).then(({ catalog: next, usable }) => { @@ -11690,16 +11967,16 @@ function VoiceMode({ sessionId, roster, actions, useSessions, useSessionStatus } }; }, [speech]); const listen = phase === "listening"; - (0, import_react27.useEffect)(() => { + (0, import_react29.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_react27.useEffect)(() => { + (0, import_react29.useEffect)(() => { if (phase !== "listening") dictation.stop(); }, [phase]); - (0, import_react27.useEffect)(() => { + (0, import_react29.useEffect)(() => { if (!speech || !catalog || !listen) return void 0; const own = turn.current; let capture = null; @@ -11761,7 +12038,7 @@ function VoiceMode({ sessionId, roster, actions, useSessions, useSessionStatus } setServiceLevel(0); }; }, [speech, catalog, listen, cycle]); - (0, import_react27.useEffect)(() => { + (0, import_react29.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; @@ -11781,7 +12058,7 @@ function VoiceMode({ sessionId, roster, actions, useSessions, useSessionStatus } window.speechSynthesis.cancel(); window.speechSynthesis.speak(utterance); }, [phase, running, lastReply]); - (0, import_react27.useEffect)(() => () => window.speechSynthesis?.cancel(), []); + (0, import_react29.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"; @@ -11798,50 +12075,50 @@ 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_react27.createElement)( + return (0, import_react29.createElement)( "div", { className: "bt-pane bt-voice-pane", style: { left: paneLeft } }, - (0, import_react27.createElement)( + (0, import_react29.createElement)( "div", { className: "bt-voice-stage", role: "dialog", "aria-label": t("Voice chat with {name}", { name }), "data-phase": phase === "transcribing" ? "thinking" : phase }, - (0, import_react27.createElement)( + (0, import_react29.createElement)( "div", { className: "bt-voice-orb", style: { "--bt-level": level } }, - (0, import_react27.createElement)("span", { className: "bt-voice-ring", "aria-hidden": true }), - (0, import_react27.createElement)("span", { className: "bt-voice-ring bt-voice-ring-2", "aria-hidden": true }), - bot ? (0, import_react27.createElement)(BotMark, { bot, size: 112, state: markState, live: true, gaze: phase === "listening" }) : room2 ? (0, import_react27.createElement)(RoomAvatar, { room: room2, roster, size: 112 }) : null + (0, import_react29.createElement)("span", { className: "bt-voice-ring", "aria-hidden": true }), + (0, import_react29.createElement)("span", { className: "bt-voice-ring bt-voice-ring-2", "aria-hidden": true }), + bot ? (0, import_react29.createElement)(BotMark, { bot, size: 112, state: markState, live: true, gaze: phase === "listening" }) : room2 ? (0, import_react29.createElement)(RoomAvatar, { room: room2, roster, size: 112 }) : null ), - (0, import_react27.createElement)("div", { className: "bt-voice-name" }, name), - (0, import_react27.createElement)( + (0, import_react29.createElement)("div", { className: "bt-voice-name" }, name), + (0, import_react29.createElement)( "div", { className: "bt-voice-status", role: "status" }, - phase === "thinking" ? (0, import_react27.createElement)(Shimmer, null, t("Thinking…")) : phase === "transcribing" ? (0, import_react27.createElement)(Shimmer, null, t("Recognizing…")) : VOICE_LABELS[phase] ? t(VOICE_LABELS[phase]) : "" + phase === "thinking" ? (0, import_react29.createElement)(Shimmer, null, t("Thinking…")) : phase === "transcribing" ? (0, import_react29.createElement)(Shimmer, null, t("Recognizing…")) : VOICE_LABELS[phase] ? t(VOICE_LABELS[phase]) : "" ), - (0, import_react27.createElement)("div", { className: "bt-voice-caption", key: `${phase}:${caption.slice(0, 12)}` }, caption), - openSetup ? (0, import_react27.createElement)("button", { type: "button", className: "bt-voice-setup", onClick: () => { + (0, import_react29.createElement)("div", { className: "bt-voice-caption", key: `${phase}:${caption.slice(0, 12)}` }, caption), + openSetup ? (0, import_react29.createElement)("button", { type: "button", className: "bt-voice-setup", onClick: () => { close(); openSetup(); } }, t("Set up voice input")) : null, - shownNote ? (0, import_react27.createElement)("div", { className: "bt-voice-note" }, shownNote) : null + shownNote ? (0, import_react29.createElement)("div", { className: "bt-voice-note" }, shownNote) : null ), - (0, import_react27.createElement)( + (0, import_react29.createElement)( "div", { className: "bt-voice-bar" }, - (0, import_react27.createElement)("button", { + (0, import_react29.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_react27.createElement)(MicIcon, { size: 20 }), phase === "paused" ? (0, import_react27.createElement)("span", { className: "bt-voice-slash", "aria-hidden": true }) : null), - (0, import_react27.createElement)("button", { type: "button", className: "bt-voice-btn bt-voice-end", "aria-label": t("End voice chat"), onClick: close }, (0, import_react27.createElement)(CloseIcon)) + }, (0, import_react29.createElement)(MicIcon, { size: 20 }), phase === "paused" ? (0, import_react29.createElement)("span", { className: "bt-voice-slash", "aria-hidden": true }) : null), + (0, import_react29.createElement)("button", { type: "button", className: "bt-voice-btn bt-voice-end", "aria-label": t("End voice chat"), onClick: close }, (0, import_react29.createElement)(CloseIcon)) ) ); } // src/client/group-settings.js -var import_react28 = require("react"); +var import_react30 = 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."] @@ -11858,31 +12135,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, 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_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" }, 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]; + const name = seat.local && onOpenBot ? (0, import_react30.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_react30.createElement)("span", { key: seat.key, className: "bt-face-bot" }, seat.bot); + const marked = isLeadSeat(seat, lead) ? [name, (0, import_react30.createElement)("span", { key: `${seat.key}-lead`, className: "bt-tag", "data-flybot": "face-lead-tag" }, t("Lead"))] : [name]; + return index === 0 ? marked : [(0, import_react30.createElement)("span", { key: `${seat.key}-sep` }, t(", ")), ...marked]; }); - return (0, import_react28.createElement)( + return (0, import_react30.createElement)( "div", { className, role: "listitem", "data-flybot": "face-person", "data-mine": person.mine || void 0 }, - (0, import_react28.createElement)( + (0, import_react30.createElement)( "span", { className: "bt-gs-who bt-face-person" }, - (0, import_react28.createElement)(PersonMark, { size, name: person.name }), - (0, import_react28.createElement)( + (0, import_react30.createElement)(PersonMark, { size, name: person.name }), + (0, import_react30.createElement)( "span", { className: "bt-face-person-text" }, - (0, import_react28.createElement)("span", { className: "bt-row-title" }, facePersonLabel(person)), - (0, import_react28.createElement)("span", { className: "bt-face-bots" }, bots) + (0, import_react30.createElement)("span", { className: "bt-row-title" }, facePersonLabel(person)), + (0, import_react30.createElement)("span", { className: "bt-face-bots" }, bots) ) ) ); } function FaceLead({ room: room2, roster, pick: pick2 }) { const lead = room2.face?.lead; - const [open, setOpen] = (0, import_react28.useState)(false); - const [busy, setBusy] = (0, import_react28.useState)(false); - const [error, setError] = (0, import_react28.useState)(""); + const [open, setOpen] = (0, import_react30.useState)(false); + const [busy, setBusy] = (0, import_react30.useState)(false); + const [error, setError] = (0, import_react30.useState)(""); const seats = faceSeats(room2, roster); const current = seats.find((seat) => isLeadSeat(seat, lead?.handle)); if (!current) return null; @@ -11899,30 +12176,30 @@ function FaceLead({ room: room2, roster, pick: pick2 }) { setBusy(false); } }; - return (0, import_react28.createElement)( + return (0, import_react30.createElement)( "div", { className: "bt-face-lead", "data-flybot": "face-lead" }, - (0, import_react28.createElement)("div", { className: "bt-section-title" }, t("Room lead")), - (0, import_react28.createElement)( + (0, import_react30.createElement)("div", { className: "bt-section-title" }, t("Room lead")), + (0, import_react30.createElement)( "div", { className: "bt-set-row" }, - (0, import_react28.createElement)( + (0, import_react30.createElement)( "span", { className: "bt-set-copy" }, - (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.")) + (0, import_react30.createElement)("span", { className: "bt-row-title" }, faceSeatLabel(current)), + (0, import_react30.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_react28.createElement)("button", { type: "button", className: "bt-mini", "aria-expanded": open, onClick: () => setOpen(!open) }, open ? t("Done") : t("Change")) : null + canPick ? (0, import_react30.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_react28.createElement)( + open && canPick ? seats.map((seat) => (0, import_react30.createElement)( "div", { key: seat.key, className: "bt-set-row" }, - (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")) + (0, import_react30.createElement)("span", { className: "bt-set-copy" }, faceSeatLabel(seat)), + seat === current ? (0, import_react30.createElement)("span", { className: "bt-tag" }, t("Lead")) : (0, import_react30.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_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 + open && canPick && lead.picked ? (0, import_react30.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_react30.createElement)("div", { className: "bt-set-hint" }, t("Only the person who created this room can change it.")), + error ? (0, import_react30.createElement)("div", { className: "bt-set-hint", role: "alert" }, error) : null ); } function roomSubtitle(room2, roster) { @@ -11931,9 +12208,9 @@ function roomSubtitle(room2, roster) { return [t("{count} members", { count: room2.members.length }), admin ? t("Admin {name}", { name: admin.name }) : t("No admin")].join(" · "); } function GroupSettingsForm({ room: room2, roster, actions, run, onDeleted }) { - const [adding, setAdding] = (0, import_react28.useState)(false); - const [confirming, setConfirming] = (0, import_react28.useState)(false); - (0, import_react28.useEffect)(() => { + const [adding, setAdding] = (0, import_react30.useState)(false); + const [confirming, setConfirming] = (0, import_react30.useState)(false); + (0, import_react30.useEffect)(() => { if (!confirming) return void 0; const timer = setTimeout(() => setConfirming(false), 4e3); return () => clearTimeout(timer); @@ -11971,41 +12248,41 @@ function GroupSettingsForm({ room: room2, roster, actions, run, onDeleted }) { if (done) onDeleted?.(); }); }; - return (0, import_react28.createElement)( + return (0, import_react30.createElement)( "div", { className: "bt-bs" }, - (0, import_react28.createElement)( + (0, import_react30.createElement)( "div", { className: "bt-bs-hero" }, - (0, import_react28.createElement)(RoomAvatar, { room: room2, roster, size: 64 }), - (0, import_react28.createElement)( + (0, import_react30.createElement)(RoomAvatar, { room: room2, roster, size: 64 }), + (0, import_react30.createElement)( "div", { className: "bt-bs-who" }, - (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_react30.createElement)("span", { className: "bt-bs-name" }, room2.name), + (0, import_react30.createElement)("span", { className: "bt-bs-sub" }, roomSubtitle(room2, roster)) ) ), - (0, import_react28.createElement)( + (0, import_react30.createElement)( Card, { title: t("Profile") }, - (0, import_react28.createElement)( + (0, import_react30.createElement)( Row, { label: t("Name"), hint: t("Leave it empty to name the group after its members.") }, - (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_react30.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)( + (0, import_react30.createElement)( Row, { label: t("Notice"), hint: t("Every member reads it before speaking in this group."), stack: true }, - (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_react30.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)( + (0, import_react30.createElement)( Card, { title: t("Who answers") }, - (0, import_react28.createElement)( + (0, import_react30.createElement)( "div", { className: "bt-set-row bt-bs-row bt-bs-stack" }, - (0, import_react28.createElement)(Segmented, { label: t("Who answers"), value: mode }, ROOM_MODES.map(([id, label]) => (0, import_react28.createElement)("button", { + (0, import_react30.createElement)(Segmented, { label: t("Who answers"), value: mode }, ROOM_MODES.map(([id, label]) => (0, import_react30.createElement)("button", { key: id, type: "button", "aria-pressed": mode === id, @@ -12015,135 +12292,136 @@ function GroupSettingsForm({ room: room2, roster, actions, run, onDeleted }) { if (mode !== id) void update({ mode: id }); } }, t(label)))), - (0, import_react28.createElement)("span", { key: mode, className: "bt-set-hint bt-veil" }, `${t(modeHint)} ${t("@mentions always pick who answers.")}`) + (0, import_react30.createElement)("span", { key: mode, className: "bt-set-hint bt-veil" }, `${t(modeHint)} ${t("@mentions always pick who answers.")}`) ) ), - (0, import_react28.createElement)( + (0, import_react30.createElement)( Card, { title: t("Working folder") }, - (0, import_react28.createElement)( + (0, import_react30.createElement)( "div", { className: "bt-set-row bt-bs-row" }, - (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_react30.createElement)("span", { className: "bt-set-copy" }, (0, import_react30.createElement)("span", { className: "bt-bs-label" }, t("Folder"))), + (0, import_react30.createElement)(FolderMenu, { value: room2.workDir, group: true, actions, run, onPick: (workDir) => update({ workDir }) }) ) ), - face ? (0, import_react28.createElement)( + face ? (0, import_react30.createElement)( Card, { title: t("Members · {count}", { count: people2.length }) }, - people2.map((person) => (0, import_react28.createElement)(FacePersonRow, { key: person.key, person, onOpenBot: openBot, lead: room2.face?.lead?.handle })) + people2.map((person) => (0, import_react30.createElement)(FacePersonRow, { key: person.key, person, onOpenBot: openBot, lead: room2.face?.lead?.handle })) ) : null, - face ? null : (0, import_react28.createElement)( + face ? null : (0, import_react30.createElement)( Card, { title: t("Members · {count}", { count: members.length + humans.length + remotes.length }) }, - humans.map((person) => (0, import_react28.createElement)( + humans.map((person) => (0, import_react30.createElement)( "div", { key: person.id, className: "bt-set-row bt-bs-row bt-gs-member" }, - (0, import_react28.createElement)( + (0, import_react30.createElement)( "span", { className: "bt-gs-who" }, - (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 + (0, import_react30.createElement)("span", { className: "bt-row-title" }, person.displayName || person.id), + (0, import_react30.createElement)("span", { className: "bt-tag" }, t("Human")), + person.role === "admin" ? (0, import_react30.createElement)("span", { className: "bt-tag" }, t("Admin")) : 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 + humans.length + members.length + remotes.length > 2 && person.id !== roster.self?.memberId ? (0, import_react30.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; - return (0, import_react28.createElement)( + return (0, import_react30.createElement)( "div", { key: member.id, className: "bt-set-row bt-bs-row bt-gs-member" }, - (0, import_react28.createElement)( + (0, import_react30.createElement)( "button", { type: "button", className: "bt-gs-who", title: t("Open {name}'s chat", { name: member.name }), onClick: () => openBot(member.id) }, - (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, - (roster.humans ?? []).some((person) => person.designatedChiefId === member.id) ? (0, import_react28.createElement)("span", { className: "bt-tag" }, t("Chief")) : null + (0, import_react30.createElement)(BotAvatar, { bot: member, size: 26, main: isMainOf(roster, member.id), admin: leads, live: false }), + (0, import_react30.createElement)("span", { className: "bt-row-title" }, member.name), + leads ? (0, import_react30.createElement)("span", { className: "bt-tag" }, t("Admin")) : null, + (roster.humans ?? []).some((person) => person.designatedChiefId === member.id) ? (0, import_react30.createElement)("span", { className: "bt-tag" }, t("Chief")) : 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")), - 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 + leads ? (0, import_react30.createElement)("button", { type: "button", className: "bt-mini", title: t("Leave the group without an admin"), onClick: () => update({ admin: null }) }, t("Unset")) : (0, import_react30.createElement)("button", { type: "button", className: "bt-mini", onClick: () => update({ admin: member.id }) }, t("Make admin")), + members.length > 2 ? (0, import_react30.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_react28.createElement)( + remotes.map((person) => (0, import_react30.createElement)( "div", { key: person.handle || person.id, className: "bt-set-row bt-bs-row bt-gs-member" }, - (0, import_react28.createElement)( + (0, import_react30.createElement)( "span", { className: "bt-gs-who" }, - (0, import_react28.createElement)(BotAvatar, { bot: lookBotForRemote(person, roster), size: 26, badge: false, live: false }), - (0, import_react28.createElement)("span", { className: "bt-row-title" }, person.label || remoteBotTitle(person)), - room2.origin === "face-to-face" ? null : (0, import_react28.createElement)("span", { className: "bt-tag" }, t("Friend's Bot")) + (0, import_react30.createElement)(BotAvatar, { bot: lookBotForRemote(person, roster), size: 26, badge: false, live: false }), + (0, import_react30.createElement)("span", { className: "bt-row-title" }, person.label || remoteBotTitle(person)), + room2.origin === "face-to-face" ? null : (0, import_react30.createElement)("span", { className: "bt-tag" }, t("Friend's Bot")) ), - room2.origin === "face-to-face" || 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" || members.length + remotes.length <= 2 ? null : (0, import_react30.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_react28.createElement)( + ...outsidePeople.map((person) => (0, import_react30.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_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")) + (0, import_react30.createElement)("span", { className: "bt-set-copy" }, (0, import_react30.createElement)("span", { className: "bt-bs-label" }, person.displayName || person.id)), + (0, import_react30.createElement)("span", { className: "bt-set-hint" }, t("Add person")) )), - ...outside.map((bot) => (0, import_react28.createElement)( + ...outside.map((bot) => (0, import_react30.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_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")) + (0, import_react30.createElement)(BotMark, { bot, size: 22 }), + (0, import_react30.createElement)("span", { className: "bt-set-copy" }, (0, import_react30.createElement)("span", { className: "bt-bs-label" }, bot.name)), + (0, import_react30.createElement)("span", { className: "bt-set-hint" }, t("Add")) )), - ...outsideRemotes.map((bot) => (0, import_react28.createElement)( + ...outsideRemotes.map((bot) => (0, import_react30.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_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_react30.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_react30.createElement)("span", { className: "bt-set-copy" }, (0, import_react30.createElement)("span", { className: "bt-bs-label" }, remoteBotTitle({ displayName: bot.name, ownerName: bot.homeName || bot.owner, handle: bot.handle, isChief: bot.isChief }))), + (0, import_react30.createElement)("span", { className: "bt-set-hint" }, t("Add friend's Bot")) )), - (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)( + (0, import_react30.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_react30.createElement)("button", { type: "button", className: "bt-set-row bt-bs-row bt-gs-add", onClick: () => setAdding(true) }, (0, import_react30.createElement)(PlusIcon), t("Add member")) : null, + (0, import_react30.createElement)("div", { className: "bt-set-row bt-gs-note" }, (0, import_react30.createElement)( "span", { className: "bt-set-hint" }, // The host checks for two members on every change, even a rename. members.length < 2 ? t("Add a Bot first: a group chat needs at least two.") : admin ? t("{name} leads this group: it can call members with @Name, change the group, and post here.", { name: admin.name }) : t("No admin yet. An admin can call members with @Name, change the group, and post here.") )) ), - (0, import_react28.createElement)( + (0, import_react30.createElement)(StandingApprovalsCard, { scope: "room", target: room2, roster, actions, run, Card }), + (0, import_react30.createElement)( Card, { title: t("Sidebar") }, - (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_react30.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_react30.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)( + (0, import_react30.createElement)( Card, { title: t("More") }, - (0, import_react28.createElement)( + (0, import_react30.createElement)( "button", { type: "button", className: "bt-set-row bt-bs-row bt-bs-danger", "data-confirm": confirming || void 0, onClick: remove }, - (0, import_react28.createElement)( + (0, import_react30.createElement)( "span", { className: "bt-set-copy" }, - (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_react30.createElement)("span", { className: "bt-bs-label" }, confirming ? t("Delete {name}?", { name: room2.name }) : t("Delete group")), + (0, import_react30.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-chevron" }, (0, import_react28.createElement)(ChevronRightIcon)) + (0, import_react30.createElement)("span", { className: "bt-chevron" }, (0, import_react30.createElement)(ChevronRightIcon)) ) ) ); } function NewGroupForm({ roster, actions, run, onCreated, onCancel }) { - 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 [admin, setAdmin] = (0, import_react30.useState)(null); + const [members, setMembers] = (0, import_react30.useState)([]); + const [name, setName] = (0, import_react30.useState)(""); + const [busy, setBusy] = (0, import_react30.useState)(false); const toggle = (id) => setMembers((list) => list.includes(id) ? list.filter((item) => item !== id) : [...list, id]); const pickAdmin = (id) => { setAdmin(id); @@ -12159,48 +12437,48 @@ function NewGroupForm({ roster, actions, run, onCreated, onCancel }) { if (done && room2) onCreated(room2); else setBusy(false); }; - const chip = (bot, on, onClick, role) => (0, import_react28.createElement)("button", { + const chip = (bot, on, onClick, role) => (0, import_react30.createElement)("button", { key: bot.id, type: "button", role, className: "bt-ng-chip", "aria-checked": on, onClick - }, (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)( + }, (0, import_react30.createElement)(BotAvatar, { bot, size: 22, badge: false, live: false }), (0, import_react30.createElement)("span", { className: "bt-ng-name" }, bot.name), on && role === "radio" ? (0, import_react30.createElement)(AdminStar) : null); + return (0, import_react30.createElement)( "div", { className: "bt-set-card bt-ng" }, - (0, import_react28.createElement)( + (0, import_react30.createElement)( "div", { className: "bt-set-row bt-bs-row bt-bs-stack" }, - (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)( + (0, import_react30.createElement)("span", { className: "bt-set-copy" }, (0, import_react30.createElement)("span", { className: "bt-bs-label bt-ng-label" }, (0, import_react30.createElement)(AdminStar), t("Choose the group admin"))), + (0, import_react30.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_react28.createElement)( + admin === null ? null : (0, import_react30.createElement)( "div", { className: "bt-set-row bt-bs-row bt-bs-stack bt-ng-step" }, - (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)( + (0, import_react30.createElement)("span", { className: "bt-set-copy" }, (0, import_react30.createElement)("span", { className: "bt-bs-label" }, t("Who to chat with…"))), + (0, import_react30.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_react28.createElement)( + admin === null || members.length === 0 ? null : (0, import_react30.createElement)( "label", { className: "bt-set-row bt-bs-row bt-ng-step" }, - (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_react30.createElement)("span", { className: "bt-set-copy" }, (0, import_react30.createElement)("span", { className: "bt-bs-label" }, t("Name"))), + (0, import_react30.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)( + (0, import_react30.createElement)( "div", { className: "bt-set-row bt-task-foot" }, - (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")) + (0, import_react30.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onCancel }, t("Cancel")), + (0, import_react30.createElement)("button", { type: "button", className: "bt-send bt-soft-sm", disabled: busy || admin === null || members.length === 0, onClick: () => void create() }, t("Create group chat")) ) ); } @@ -12366,7 +12644,7 @@ function percent(part, whole) { } // src/client/usage-page.js -var import_react29 = require("react"); +var import_react31 = require("react"); var HEAT_WEEKS = 53; var TOP_SERIES = 7; var RING_R = 42; @@ -12413,9 +12691,9 @@ function titleOf(range, bucket) { return dates({ year: "numeric", month: "long" }).format(bucket.start); } function useTween(value) { - const [shown, setShown] = (0, import_react29.useState)(0); - const from = (0, import_react29.useRef)(0); - (0, import_react29.useEffect)(() => { + const [shown, setShown] = (0, import_react31.useState)(0); + const from = (0, import_react31.useRef)(0); + (0, import_react31.useEffect)(() => { if (reducedMotion() || typeof requestAnimationFrame !== "function") { from.current = value; setShown(value); @@ -12435,9 +12713,9 @@ function useTween(value) { }, [value]); return shown; } -var glyphBox = (size, icon3) => (0, import_react29.createElement)("span", { className: "bt-us-glyph", style: { width: size, height: size } }, (0, import_react29.createElement)(icon3)); +var glyphBox = (size, icon3) => (0, import_react31.createElement)("span", { className: "bt-us-glyph", style: { width: size, height: size } }, (0, import_react31.createElement)(icon3)); function ModelGlyph({ name, paint, size }) { - return (0, import_react29.createElement)("span", { + return (0, import_react31.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))` } @@ -12454,7 +12732,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_react29.createElement)(BotAvatar, { bot, size, badge: false, live: false }) + glyph: (size) => (0, import_react31.createElement)(BotAvatar, { bot, size, badge: false, live: false }) }; } if (owner.kind === "room") { @@ -12464,7 +12742,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_react29.createElement)(RoomAvatar, { room: room2, roster, size }) : glyphBox(size, ChatsIcon) + glyph: (size) => room2 ? (0, import_react31.createElement)(RoomAvatar, { room: room2, roster, size }) : glyphBox(size, ChatsIcon) }; } if (owner.kind === "agent") { @@ -12486,30 +12764,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_react29.createElement)( + return (0, import_react31.createElement)( "div", { ref: glide.box, className: "bt-us-tabs", role: "group", "aria-label": label }, - (0, import_react29.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }), - options.map(([id, text, icon3]) => (0, import_react29.createElement)("button", { key: id, type: "button", "aria-pressed": value === id, onClick: () => onChange(id) }, icon3 ? (0, import_react29.createElement)(icon3) : null, text)) + (0, import_react31.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }), + options.map(([id, text, icon3]) => (0, import_react31.createElement)("button", { key: id, type: "button", "aria-pressed": value === id, onClick: () => onChange(id) }, icon3 ? (0, import_react31.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_react29.createElement)("div", { className: "bt-us-stat" }, (0, import_react29.createElement)("span", { className: "bt-us-stat-label" }, label), (0, import_react29.createElement)("span", { className: "bt-us-stat-value" }, value)); - return (0, import_react29.createElement)( + const cell = (label, value) => (0, import_react31.createElement)("div", { className: "bt-us-stat" }, (0, import_react31.createElement)("span", { className: "bt-us-stat-label" }, label), (0, import_react31.createElement)("span", { className: "bt-us-stat-value" }, value)); + return (0, import_react31.createElement)( "section", { className: "bt-us-stats", style: { "--i": 0 } }, - (0, import_react29.createElement)( + (0, import_react31.createElement)( "div", { className: "bt-us-stat bt-us-stat-main" }, - (0, import_react29.createElement)("span", { className: "bt-us-stat-label" }, lastText(range)), - (0, import_react29.createElement)( + (0, import_react31.createElement)("span", { className: "bt-us-stat-label" }, lastText(range)), + (0, import_react31.createElement)( "span", { className: "bt-us-stat-value" }, compact(shown), - (0, import_react29.createElement)("small", null, t("tokens")), - change === null ? null : (0, import_react29.createElement)( + (0, import_react31.createElement)("small", null, t("tokens")), + change === null ? null : (0, import_react31.createElement)( "span", { className: "bt-us-delta", title: compareText(range) }, `${change >= 0 ? "↑" : "↓"} ${Math.abs(change)}%` @@ -12527,83 +12805,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_react29.useState)(null); + const [hover, setHover] = (0, import_react31.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_react29.createElement)( + return (0, import_react31.createElement)( "section", { className: "bt-us-card bt-us-chart", style: { "--i": 1 } }, - (0, import_react29.createElement)( + (0, import_react31.createElement)( "div", { className: "bt-us-card-head" }, - (0, import_react29.createElement)("h3", null, t("Tokens over time"), (0, import_react29.createElement)("span", null, unitLabel(range.unit))), - onBy ? (0, import_react29.createElement)(Tabs, { label: t("Group usage by"), value: by, onChange: onBy, options: [["bot", t("By Bot")], ["model", t("By model")]] }) : null + (0, import_react31.createElement)("h3", null, t("Tokens over time"), (0, import_react31.createElement)("span", null, unitLabel(range.unit))), + onBy ? (0, import_react31.createElement)(Tabs, { label: t("Group usage by"), value: by, onChange: onBy, options: [["bot", t("By Bot")], ["model", t("By model")]] }) : null ), - (0, import_react29.createElement)( + (0, import_react31.createElement)( "div", { className: "bt-us-chart-body" }, - (0, import_react29.createElement)( + (0, import_react31.createElement)( "div", { className: "bt-us-plot", "data-hover": hover === null ? void 0 : "", onMouseLeave: () => setHover(null) }, - [1, 0.5].map((level) => (0, import_react29.createElement)("div", { key: level, className: "bt-us-grid", style: { bottom: `${level * 100}%` } }, (0, import_react29.createElement)("span", null, compact(top * level)))), - (0, import_react29.createElement)("div", { className: "bt-us-grid bt-us-base", style: { bottom: 0 } }, (0, import_react29.createElement)("span", null, "0")), - (0, import_react29.createElement)( + [1, 0.5].map((level) => (0, import_react31.createElement)("div", { key: level, className: "bt-us-grid", style: { bottom: `${level * 100}%` } }, (0, import_react31.createElement)("span", null, compact(top * level)))), + (0, import_react31.createElement)("div", { className: "bt-us-grid bt-us-base", style: { bottom: 0 } }, (0, import_react31.createElement)("span", null, "0")), + (0, import_react31.createElement)( "div", { className: "bt-us-cols" }, - columns.map((column, at) => (0, import_react29.createElement)("div", { + columns.map((column, at) => (0, import_react31.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_react29.createElement)( + }, column.total > 0 ? (0, import_react31.createElement)( "div", { className: "bt-us-stack", style: { height: `${column.total / top * 100}%`, "--i": at } }, - column.parts.map(([key, value]) => value > 0 ? (0, import_react29.createElement)("i", { key, style: { flexGrow: value, background: fillOf.get(key) } }) : null) - ) : (0, import_react29.createElement)("div", { className: "bt-us-stub" }))) + column.parts.map(([key, value]) => value > 0 ? (0, import_react31.createElement)("i", { key, style: { flexGrow: value, background: fillOf.get(key) } }) : null) + ) : (0, import_react31.createElement)("div", { className: "bt-us-stub" }))) ), - tip ? (0, import_react29.createElement)( + tip ? (0, import_react31.createElement)( "div", { className: "bt-us-tip", style: tipSide }, - (0, import_react29.createElement)("div", { className: "bt-us-tip-title" }, tip.title), - (0, import_react29.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_react29.createElement)( + (0, import_react31.createElement)("div", { className: "bt-us-tip-title" }, tip.title), + (0, import_react31.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_react31.createElement)( "div", { key, className: "bt-us-tip-row" }, - (0, import_react29.createElement)("i", { className: "bt-us-dot", style: { background: tipOf.get(key)?.fill } }), - (0, import_react29.createElement)("span", null, tipOf.get(key)?.name), - (0, import_react29.createElement)("b", null, compact(value)) + (0, import_react31.createElement)("i", { className: "bt-us-dot", style: { background: tipOf.get(key)?.fill } }), + (0, import_react31.createElement)("span", null, tipOf.get(key)?.name), + (0, import_react31.createElement)("b", null, compact(value)) )) ) : null ), - (0, import_react29.createElement)( + (0, import_react31.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_react29.createElement)( + columns.map((column, at) => (0, import_react31.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_react29.createElement)( + series.length > 1 || series[0]?.pick ? (0, import_react31.createElement)( "div", { className: "bt-us-legend" }, - series.map((entry) => (0, import_react29.createElement)(entry.pick ? "button" : "span", { + series.map((entry) => (0, import_react31.createElement)(entry.pick ? "button" : "span", { key: entry.key, className: "bt-us-key", ...entry.pick ? { type: "button", onClick: () => onPick(entry.pick) } : {} - }, (0, import_react29.createElement)("i", { className: "bt-us-dot", style: { background: entry.fill } }), entry.name)) + }, (0, import_react31.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_react29.createElement)( + return (0, import_react31.createElement)( onClick ? "button" : "div", { className: "bt-us-row", @@ -12612,69 +12890,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_react29.createElement)("span", { className: "bt-us-row-glyph" }, glyph) : null, - (0, import_react29.createElement)( + glyph ? (0, import_react31.createElement)("span", { className: "bt-us-row-glyph" }, glyph) : null, + (0, import_react31.createElement)( "span", { className: "bt-us-row-body" }, - (0, import_react29.createElement)( + (0, import_react31.createElement)( "span", { className: "bt-us-row-line" }, - (0, import_react29.createElement)("span", { className: "bt-us-row-name" }, name), - sub ? (0, import_react29.createElement)("span", { className: "bt-us-row-sub" }, sub) : null + (0, import_react31.createElement)("span", { className: "bt-us-row-name" }, name), + sub ? (0, import_react31.createElement)("span", { className: "bt-us-row-sub" }, sub) : null ), - (0, import_react29.createElement)("span", { className: "bt-us-track" }, (0, import_react29.createElement)("span", { style: { width: `${width}%`, background: fill2 } })) + (0, import_react31.createElement)("span", { className: "bt-us-track" }, (0, import_react31.createElement)("span", { style: { width: `${width}%`, background: fill2 } })) ), - (0, import_react29.createElement)("span", { className: "bt-us-row-num" }, (0, import_react29.createElement)("b", null, compact(sum.total)), (0, import_react29.createElement)("small", null, `${percent(sum.total, whole)}%`)) + (0, import_react31.createElement)("span", { className: "bt-us-row-num" }, (0, import_react31.createElement)("b", null, compact(sum.total)), (0, import_react31.createElement)("small", null, `${percent(sum.total, whole)}%`)) ); } function ListCard({ title, count, index, children }) { - return (0, import_react29.createElement)( + return (0, import_react31.createElement)( "section", { className: "bt-us-card", style: { "--i": index } }, - (0, import_react29.createElement)("div", { className: "bt-us-card-head" }, (0, import_react29.createElement)("h3", null, title, count === void 0 ? null : (0, import_react29.createElement)("span", null, count))), - (0, import_react29.createElement)("div", { className: "bt-us-rows" }, children) + (0, import_react31.createElement)("div", { className: "bt-us-card-head" }, (0, import_react31.createElement)("h3", null, title, count === void 0 ? null : (0, import_react31.createElement)("span", null, count))), + (0, import_react31.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_react29.createElement)( + return (0, import_react31.createElement)( "section", { className: "bt-us-profile" }, - (0, import_react29.createElement)( + (0, import_react31.createElement)( "span", { className: "bt-us-ring" }, - (0, import_react29.createElement)( + (0, import_react31.createElement)( "svg", { viewBox: "0 0 96 96", "aria-hidden": true }, - face.stops ? (0, import_react29.createElement)("defs", null, (0, import_react29.createElement)( + face.stops ? (0, import_react31.createElement)("defs", null, (0, import_react31.createElement)( "linearGradient", { id: "bt-us-ring-paint", x1: 0, y1: 1, x2: 1, y2: 0 }, - face.stops.map(([offset, color]) => (0, import_react29.createElement)("stop", { key: offset, offset, stopColor: color })) + face.stops.map(([offset, color]) => (0, import_react31.createElement)("stop", { key: offset, offset, stopColor: color })) )) : null, - (0, import_react29.createElement)("circle", { className: "bt-us-ring-track", cx: 48, cy: 48, r: RING_R }), - arc > 0 ? (0, import_react29.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_react31.createElement)("circle", { className: "bt-us-ring-track", cx: 48, cy: 48, r: RING_R }), + arc > 0 ? (0, import_react31.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_react29.createElement)("span", { className: "bt-us-ring-face" }, face.glyph(64)) + (0, import_react31.createElement)("span", { className: "bt-us-ring-face" }, face.glyph(64)) ), - (0, import_react29.createElement)( + (0, import_react31.createElement)( "div", { className: "bt-us-profile-copy" }, - (0, import_react29.createElement)("h3", null, face.name), - face.sub ? (0, import_react29.createElement)("span", { className: "bt-us-profile-sub" }, face.sub) : null, - (0, import_react29.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_react31.createElement)("h3", null, face.name), + face.sub ? (0, import_react31.createElement)("span", { className: "bt-us-profile-sub" }, face.sub) : null, + (0, import_react31.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_react29.useRef)(null); + const box = (0, import_react31.useRef)(null); const todayMs = hourMs(today); const thisMonth = monthOf(todayMs); - const [right, setRight] = (0, import_react29.useState)(() => Math.max(addMonths(oldest, 1), monthOf(hourMs(span?.to ?? today)))); - const [anchor, setAnchor] = (0, import_react29.useState)(null); - const [hover, setHover] = (0, import_react29.useState)(null); - (0, import_react29.useEffect)(() => { + const [right, setRight] = (0, import_react31.useState)(() => Math.max(addMonths(oldest, 1), monthOf(hourMs(span?.to ?? today)))); + const [anchor, setAnchor] = (0, import_react31.useState)(null); + const [hover, setHover] = (0, import_react31.useState)(null); + (0, import_react31.useEffect)(() => { const onDown = (event) => { if (![box, near].some((ref) => ref.current?.contains(event.target))) onClose(); }; @@ -12700,17 +12978,17 @@ function SpanPicker({ span, today, oldest, active, near, onPick, onClose }) { const [from, to] = [anchor, key].sort(); onPick(from, to); }; - const weekdays = (0, import_react29.useMemo)(() => Array.from({ length: 7 }, (_, at) => dates({ weekday: "narrow" }).format(Date.UTC(2024, 0, 1 + at))), []); + const weekdays = (0, import_react31.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_react29.createElement)("span", { key: `b${at}` })); + const cells = Array.from({ length: lead }, (_, at) => (0, import_react31.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_react29.createElement)("button", { + cells.push((0, import_react31.createElement)("button", { key, type: "button", className: "bt-us-day", @@ -12726,15 +13004,15 @@ function SpanPicker({ span, today, oldest, active, near, onPick, onClose }) { "data-has": flag(active.has(key)), onMouseEnter: () => setHover(key), onClick: () => press(key) - }, (0, import_react29.createElement)("b", null, day))); + }, (0, import_react31.createElement)("b", null, day))); } - const nav = side === "left" ? (0, import_react29.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_react29.createElement)(ChevronLeftIcon)) : (0, import_react29.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_react29.createElement)(ChevronRightIcon)); - return (0, import_react29.createElement)( + const nav = side === "left" ? (0, import_react31.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_react31.createElement)(ChevronLeftIcon)) : (0, import_react31.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_react31.createElement)(ChevronRightIcon)); + return (0, import_react31.createElement)( "div", { key: start, className: "bt-us-month" }, - (0, import_react29.createElement)("div", { className: "bt-us-month-head" }, nav, (0, import_react29.createElement)("span", null, dates({ year: "numeric", month: "long" }).format(start))), - (0, import_react29.createElement)("div", { className: "bt-us-weekdays", "aria-hidden": true }, weekdays.map((name, at) => (0, import_react29.createElement)("span", { key: at }, name))), - (0, import_react29.createElement)("div", { className: "bt-us-days", onMouseLeave: () => setHover(null) }, cells) + (0, import_react31.createElement)("div", { className: "bt-us-month-head" }, nav, (0, import_react31.createElement)("span", null, dates({ year: "numeric", month: "long" }).format(start))), + (0, import_react31.createElement)("div", { className: "bt-us-weekdays", "aria-hidden": true }, weekdays.map((name, at) => (0, import_react31.createElement)("span", { key: at }, name))), + (0, import_react31.createElement)("div", { className: "bt-us-days", onMouseLeave: () => setHover(null) }, cells) ); }; const shortcuts = [ @@ -12743,30 +13021,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_react29.createElement)( + return (0, import_react31.createElement)( "div", { ref: box, className: "bt-us-pick", role: "dialog", "aria-label": t("Custom range") }, - (0, import_react29.createElement)( + (0, import_react31.createElement)( "div", { className: "bt-us-pick-quick" }, - shortcuts.map(([id, label, from, to]) => (0, import_react29.createElement)("button", { + shortcuts.map(([id, label, from, to]) => (0, import_react31.createElement)("button", { key: id, type: "button", "aria-pressed": span?.from === from && span?.to === to, onClick: () => onPick(from, to) }, label)) ), - (0, import_react29.createElement)("div", { className: "bt-us-pick-months" }, month(addMonths(right, -1), "left"), month(right, "right")), - (0, import_react29.createElement)( + (0, import_react31.createElement)("div", { className: "bt-us-pick-months" }, month(addMonths(right, -1), "left"), month(right, "right")), + (0, import_react31.createElement)( "div", { className: "bt-us-pick-foot", role: "status" }, - (0, import_react29.createElement)("span", null, anchor ? t("Pick the last day") : t("Pick the first day")), - low === null ? null : (0, import_react29.createElement)("span", null, (0, import_react29.createElement)("b", null, spanText(low, high)), ` · ${daysText(count)}`) + (0, import_react31.createElement)("span", null, anchor ? t("Pick the last day") : t("Pick the first day")), + low === null ? null : (0, import_react31.createElement)("span", null, (0, import_react31.createElement)("b", null, spanText(low, high)), ` · ${daysText(count)}`) ) ); } function Heat({ view, keep, paint, index }) { - const [hover, setHover] = (0, import_react29.useState)(null); + const [hover, setHover] = (0, import_react31.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); @@ -12782,13 +13060,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_react29.createElement)("span", { key: week, style: { gridColumn: week + 1 } }, dates({ month: "short" }).format(monday))); + months.push((0, import_react31.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_react29.createElement)("span", { + cells.push((0, import_react31.createElement)("span", { key: ms, className: "bt-us-cell", style: { "--w": week }, @@ -12796,7 +13074,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_react29.createElement)("i", { style: { background: soften(paint, levels[level - 1]) } }) : null)); + }, level > 0 ? (0, import_react31.createElement)("i", { style: { background: soften(paint, levels[level - 1]) } }) : null)); } } const tipSide = hover ? { @@ -12805,61 +13083,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_react29.createElement)( + return (0, import_react31.createElement)( "section", { className: "bt-us-card bt-us-heat", style: { "--i": index } }, - (0, import_react29.createElement)("div", { className: "bt-us-card-head" }, (0, import_react29.createElement)("h3", null, t("Activity")), (0, import_react29.createElement)("span", { className: "bt-us-head-note" }, summary)), - (0, import_react29.createElement)("div", { className: "bt-us-heat-months", "aria-hidden": true }, months), - (0, import_react29.createElement)( + (0, import_react31.createElement)("div", { className: "bt-us-card-head" }, (0, import_react31.createElement)("h3", null, t("Activity")), (0, import_react31.createElement)("span", { className: "bt-us-head-note" }, summary)), + (0, import_react31.createElement)("div", { className: "bt-us-heat-months", "aria-hidden": true }, months), + (0, import_react31.createElement)( "div", { className: "bt-us-heat-plot", onMouseLeave: () => setHover(null) }, - (0, import_react29.createElement)("div", { className: "bt-us-heat-grid", role: "img", "aria-label": summary }, cells), - hover ? (0, import_react29.createElement)( + (0, import_react31.createElement)("div", { className: "bt-us-heat-grid", role: "img", "aria-label": summary }, cells), + hover ? (0, import_react31.createElement)( "div", { className: "bt-us-tip bt-us-heat-tip", style: tipSide }, - (0, import_react29.createElement)("div", { className: "bt-us-tip-title" }, dates({ month: "long", day: "numeric", weekday: "short" }).format(hover.ms)), - (0, import_react29.createElement)("div", { className: "bt-us-tip-total" }, t("{count} tokens", { count: full(daily.get(dayKey(hover.ms)) ?? 0) })) + (0, import_react31.createElement)("div", { className: "bt-us-tip-title" }, dates({ month: "long", day: "numeric", weekday: "short" }).format(hover.ms)), + (0, import_react31.createElement)("div", { className: "bt-us-tip-total" }, t("{count} tokens", { count: full(daily.get(dayKey(hover.ms)) ?? 0) })) ) : null ), - (0, import_react29.createElement)( + (0, import_react31.createElement)( "div", { className: "bt-us-heat-scale", "aria-hidden": true }, t("Light"), - levels.map((level) => (0, import_react29.createElement)("span", { key: level, className: "bt-us-cell" }, (0, import_react29.createElement)("i", { style: { background: soften(paint, level) } }))), + levels.map((level) => (0, import_react31.createElement)("span", { key: level, className: "bt-us-cell" }, (0, import_react31.createElement)("i", { style: { background: soften(paint, level) } }))), t("Heavy") ) ); } function Skeleton2() { - return (0, import_react29.createElement)( + return (0, import_react31.createElement)( "div", { className: "bt-us", "aria-busy": true }, - (0, import_react29.createElement)("div", { className: "bt-us-skel", style: { height: 32, width: 320, borderRadius: 999 } }), - (0, import_react29.createElement)( + (0, import_react31.createElement)("div", { className: "bt-us-skel", style: { height: 32, width: 320, borderRadius: 999 } }), + (0, import_react31.createElement)( "div", { className: "bt-us-sheet bt-us-skel-sheet" }, - (0, import_react29.createElement)("div", { className: "bt-us-skel", style: { height: 94 } }), - (0, import_react29.createElement)("div", { className: "bt-us-skel", style: { height: 318 } }), - (0, import_react29.createElement)( + (0, import_react31.createElement)("div", { className: "bt-us-skel", style: { height: 94 } }), + (0, import_react31.createElement)("div", { className: "bt-us-skel", style: { height: 318 } }), + (0, import_react31.createElement)( "div", { className: "bt-us-pair" }, - (0, import_react29.createElement)("div", { className: "bt-us-skel", style: { height: 200 } }), - (0, import_react29.createElement)("div", { className: "bt-us-skel", style: { height: 200 } }) + (0, import_react31.createElement)("div", { className: "bt-us-skel", style: { height: 200 } }), + (0, import_react31.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_react29.useState)(null); - const [error, setError] = (0, import_react29.useState)(""); - const [rangeId, setRangeId] = (0, import_react29.useState)("7d"); - const [span, setSpan] = (0, import_react29.useState)(null); - const [picking, setPicking] = (0, import_react29.useState)(false); - const [by, setBy] = (0, import_react29.useState)("bot"); - const tabs = (0, import_react29.useRef)(null); + const [view, setView] = (0, import_react31.useState)(null); + const [error, setError] = (0, import_react31.useState)(""); + const [rangeId, setRangeId] = (0, import_react31.useState)("7d"); + const [span, setSpan] = (0, import_react31.useState)(null); + const [picking, setPicking] = (0, import_react31.useState)(false); + const [by, setBy] = (0, import_react31.useState)("bot"); + const tabs = (0, import_react31.useRef)(null); const focus = focusOf(focusId); - (0, import_react29.useEffect)(() => { + (0, import_react31.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(() => { @@ -12869,7 +13147,7 @@ function UsagePage({ roster, actions, focusId }) { const value = await actions.usage(); await resized; if (stopped) return; - (0, import_react29.startTransition)(() => setView(value)); + (0, import_react31.startTransition)(() => setView(value)); setError(""); timer = setTimeout(load, value.scanning ? 3e3 : 2e4); } catch (failure) { @@ -12886,7 +13164,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_react29.useMemo)(() => { + const shaped = (0, import_react31.useMemo)(() => { if (!view) return null; const faces2 = view.owners.map((owner) => ownerFace(owner, roster)); const lifetime = /* @__PURE__ */ new Map(); @@ -12895,7 +13173,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_react29.createElement)(ModelGlyph, { name, paint, size }) }; + return { kind: "model", name, sub: model.providerName ?? model.provider, paint, glyph: (size) => (0, import_react31.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; @@ -12943,23 +13221,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_react29.useRef)(null); - (0, import_react29.useEffect)(() => { + const root = (0, import_react31.useRef)(null); + (0, import_react31.useEffect)(() => { root.current?.closest(".bt-settings-scroll")?.scrollTo?.({ top: 0 }); }, [focusId]); if (!view) { - return error ? (0, import_react29.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : (0, import_react29.createElement)(Skeleton2); + return error ? (0, import_react31.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : (0, import_react31.createElement)(Skeleton2); } if (view.rows.length === 0) { - return (0, import_react29.createElement)( + return (0, import_react31.createElement)( "div", { className: "bt-us" }, - (0, import_react29.createElement)( + (0, import_react31.createElement)( "div", { className: "bt-us-empty" }, - (0, import_react29.createElement)(BotMark, { look: MAIN_LOOK, size: 56, live: true }), - (0, import_react29.createElement)("b", null, view.scanning ? t("Reading your chats…") : t("No usage yet.")), - (0, import_react29.createElement)("span", null, t("Token usage shows up here after a model is called.")) + (0, import_react31.createElement)(BotMark, { look: MAIN_LOOK, size: 56, live: true }), + (0, import_react31.createElement)("b", null, view.scanning ? t("Reading your chats…") : t("No usage yet.")), + (0, import_react31.createElement)("span", null, t("Token usage shows up here after a model is called.")) ) ); } @@ -12984,7 +13262,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_react29.createElement)(Row2, { + const ownerRow = ([at, sum], index, total = whole) => (0, import_react31.createElement)(Row2, { key: `o${at}`, kind: faces[at].kind, glyph: faces[at].glyph(32), @@ -12996,7 +13274,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_react29.createElement)(Row2, { + const modelRow = ([at, sum], index) => (0, import_react31.createElement)(Row2, { key: `m${at}`, kind: "model", glyph: models[at].glyph(32), @@ -13008,30 +13286,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_react29.createElement)("div", { className: "bt-us-none" }, t("Nothing in this range.")); + const nothing = (0, import_react31.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_react29.createElement)(Profile, { key: "profile", face, range, share: all.total.total > 0 ? whole / all.total.total : 0 }), - (0, import_react29.createElement)( + (0, import_react31.createElement)(Profile, { key: "profile", face, range, share: all.total.total > 0 ? whole / all.total.total : 0 }), + (0, import_react31.createElement)( "div", { key: "sheet", className: "bt-us-sheet" }, - (0, import_react29.createElement)(Stats, { key: "stats", range, total: part.total, previous: part.previous }), - (0, import_react29.createElement)(Chart, { key: "chart", range, columns, series, tipSeries, onPick: pick2 }), - (0, import_react29.createElement)( + (0, import_react31.createElement)(Stats, { key: "stats", range, total: part.total, previous: part.previous }), + (0, import_react31.createElement)(Chart, { key: "chart", range, columns, series, tipSeries, onPick: pick2 }), + (0, import_react31.createElement)( "div", { key: "pair", className: "bt-us-pair" }, - ownerAt >= 0 ? (0, import_react29.createElement)(ListCard, { title: t("Models"), count: usedModels.length, index: 2 }, usedModels.length > 0 ? usedModels.map(modelRow) : nothing) : (0, import_react29.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_react29.createElement)( + ownerAt >= 0 ? (0, import_react31.createElement)(ListCard, { title: t("Models"), count: usedModels.length, index: 2 }, usedModels.length > 0 ? usedModels.map(modelRow) : nothing) : (0, import_react31.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_react31.createElement)( ListCard, { title: t("What for"), index: 3 }, - kinds.length > 0 ? kinds.map(([at, sum], index) => (0, import_react29.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_react31.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_react29.createElement)(Heat, { key: "heat", view, keep, paint: face.paint, index: 4 }) + (0, import_react31.createElement)(Heat, { key: "heat", view, keep, paint: face.paint, index: 4 }) ) ]; } else { @@ -13040,39 +13318,39 @@ function UsagePage({ roster, actions, focusId }) { const rest = owners.filter(([at]) => !isBot(at)); const usedModels = ranked(all.models); body = [ - (0, import_react29.createElement)( + (0, import_react31.createElement)( "div", { key: "sheet", className: "bt-us-sheet" }, - (0, import_react29.createElement)(Stats, { key: "stats", range, total: all.total, previous: all.previous }), - (0, import_react29.createElement)(Chart, { key: "chart", range, columns, series, tipSeries, by, onBy: setBy, onPick: pick2 }), - (0, import_react29.createElement)( + (0, import_react31.createElement)(Stats, { key: "stats", range, total: all.total, previous: all.previous }), + (0, import_react31.createElement)(Chart, { key: "chart", range, columns, series, tipSeries, by, onBy: setBy, onPick: pick2 }), + (0, import_react31.createElement)( "div", { key: "pair", className: "bt-us-pair" }, - (0, import_react29.createElement)( + (0, import_react31.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_react29.createElement)("div", { className: "bt-us-split", role: "separator" }) : null, + bots.length > 0 && rest.length > 0 ? (0, import_react31.createElement)("div", { className: "bt-us-split", role: "separator" }) : null, rest.map((entry, index) => ownerRow(entry, bots.length + index)) ), - (0, import_react29.createElement)(ListCard, { title: t("Models"), count: usedModels.length, index: 3 }, usedModels.length > 0 ? usedModels.map(modelRow) : nothing) + (0, import_react31.createElement)(ListCard, { title: t("Models"), count: usedModels.length, index: 3 }, usedModels.length > 0 ? usedModels.map(modelRow) : nothing) ), - (0, import_react29.createElement)(Heat, { key: "heat", view, keep, paint: "var(--bt-accent)", index: 4 }) + (0, import_react31.createElement)(Heat, { key: "heat", view, keep, paint: "var(--bt-accent)", index: 4 }) ) ]; } - return (0, import_react29.createElement)( + return (0, import_react31.createElement)( "div", { ref: root, className: "bt-us", key: focusId ?? "all" }, - (0, import_react29.createElement)( + (0, import_react31.createElement)( "div", { className: "bt-us-top" }, - (0, import_react29.createElement)(Tabs, { label: t("Time range"), value: rangeId, onChange: chooseRange, options: rangeOptions, boxRef: tabs }), - view.scanning ? (0, import_react29.createElement)("span", { className: "bt-us-note", role: "status" }, t("Still reading older chats; totals may grow.")) : null, - picking ? (0, import_react29.createElement)(SpanPicker, { span, today, oldest, active: activeDays, near: tabs, onPick: pickSpan, onClose: () => setPicking(false) }) : null + (0, import_react31.createElement)(Tabs, { label: t("Time range"), value: rangeId, onChange: chooseRange, options: rangeOptions, boxRef: tabs }), + view.scanning ? (0, import_react31.createElement)("span", { className: "bt-us-note", role: "status" }, t("Still reading older chats; totals may grow.")) : null, + picking ? (0, import_react31.createElement)(SpanPicker, { span, today, oldest, active: activeDays, near: tabs, onPick: pickSpan, onClose: () => setPicking(false) }) : null ), - error ? (0, import_react29.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null, + error ? (0, import_react31.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null, body ); } @@ -13229,7 +13507,7 @@ button.bt-us-row:hover{background:var(--bt-hover)} `; // src/client/connectors.js -var import_react30 = require("react"); +var import_react32 = require("react"); var TOKEN_URL = "https://github.com/settings/personal-access-tokens/new"; var COMPOSIO_KEY_URL = "https://platform.composio.dev/"; var APPS = [ @@ -13262,10 +13540,10 @@ var APPS = [ ["youtube", "YouTube"] ]; var appName = (slug) => APPS.find(([id]) => id === slug)?.[1] ?? slug; -var GitHubMark = () => (0, import_react30.createElement)( +var GitHubMark = () => (0, import_react32.createElement)( "svg", { width: 20, height: 20, viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": true }, - (0, import_react30.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_react32.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 = { @@ -13282,20 +13560,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_react30.createElement)( + return (0, import_react32.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_react30.createElement)("span", { className: "bt-app-status" }, ` · ${label}`) : null + label ? (0, import_react32.createElement)("span", { className: "bt-app-status" }, ` · ${label}`) : null ); } function AppPicker({ apps, onChange, search, statuses = {} }) { - const [query, setQuery] = (0, import_react30.useState)(""); - const [found, setFound] = (0, import_react30.useState)(null); - const [failed, setFailed] = (0, import_react30.useState)(null); - const names = (0, import_react30.useRef)(new Map(APPS)); - const asked = (0, import_react30.useRef)(0); - (0, import_react30.useEffect)(() => { + const [query, setQuery] = (0, import_react32.useState)(""); + const [found, setFound] = (0, import_react32.useState)(null); + const [failed, setFailed] = (0, import_react32.useState)(null); + const names = (0, import_react32.useRef)(new Map(APPS)); + const asked = (0, import_react32.useRef)(0); + (0, import_react32.useEffect)(() => { const text = query.trim(); if (text === "" || search === void 0) { setFound(null); @@ -13322,13 +13600,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_react30.createElement)( + return (0, import_react32.createElement)( "div", { className: "bt-connector-apps" }, - apps.length > 0 ? (0, import_react30.createElement)("div", { className: "bt-states", "aria-label": t("Picked apps") }, apps.map((slug) => (0, import_react30.createElement)(AppChip, { key: slug, name: nameOf(slug), status: statuses[slug], onRemove: () => onChange(apps.filter((app) => app !== slug)) }))) : null, - (0, import_react30.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_react30.createElement)("span", { className: "bt-set-hint" }, t("Could not search Composio: {error}", { error: failed })) : null, - (0, import_react30.createElement)("div", { className: "bt-states", "aria-label": t("Apps to add") }, results.length === 0 ? (0, import_react30.createElement)("span", { className: "bt-set-hint" }, t("No apps match")) : results.map((app) => (0, import_react30.createElement)("button", { key: app.slug, type: "button", className: "bt-state", "aria-pressed": false, onClick: () => { + apps.length > 0 ? (0, import_react32.createElement)("div", { className: "bt-states", "aria-label": t("Picked apps") }, apps.map((slug) => (0, import_react32.createElement)(AppChip, { key: slug, name: nameOf(slug), status: statuses[slug], onRemove: () => onChange(apps.filter((app) => app !== slug)) }))) : null, + (0, import_react32.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_react32.createElement)("span", { className: "bt-set-hint" }, t("Could not search Composio: {error}", { error: failed })) : null, + (0, import_react32.createElement)("div", { className: "bt-states", "aria-label": t("Apps to add") }, results.length === 0 ? (0, import_react32.createElement)("span", { className: "bt-set-hint" }, t("No apps match")) : results.map((app) => (0, import_react32.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))) @@ -13336,21 +13614,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_react30.createElement)("ul", { className: "bt-connector-app-list", "aria-label": t("App status") }, apps.map((slug) => (0, import_react30.createElement)( + return (0, import_react32.createElement)("ul", { className: "bt-connector-app-list", "aria-label": t("App status") }, apps.map((slug) => (0, import_react32.createElement)( "li", { key: slug, className: "bt-connector-app", "data-status": statuses[slug] ?? "unknown" }, - (0, import_react30.createElement)("span", { className: "bt-connector-app-name" }, appName(slug)), - (0, import_react30.createElement)("span", { className: "bt-app-status" }, APP_STATUS[statuses[slug]]?.() ?? "") + (0, import_react32.createElement)("span", { className: "bt-connector-app-name" }, appName(slug)), + (0, import_react32.createElement)("span", { className: "bt-app-status" }, APP_STATUS[statuses[slug]]?.() ?? "") ))); } function ConnectorRow({ connector, roster, actions }) { - const [form, setForm] = (0, import_react30.useState)(false); - const [bots, setBots] = (0, import_react30.useState)(false); - const [token, setToken] = (0, import_react30.useState)(""); - const [apps, setApps] = (0, import_react30.useState)(() => connector.apps ?? []); - const [picking, setPicking] = (0, import_react30.useState)(false); - const [busy, setBusy] = (0, import_react30.useState)(false); - const [error, setError] = (0, import_react30.useState)(null); + const [form, setForm] = (0, import_react32.useState)(false); + const [bots, setBots] = (0, import_react32.useState)(false); + const [token, setToken] = (0, import_react32.useState)(""); + const [apps, setApps] = (0, import_react32.useState)(() => connector.apps ?? []); + const [picking, setPicking] = (0, import_react32.useState)(false); + const [busy, setBusy] = (0, import_react32.useState)(false); + const [error, setError] = (0, import_react32.useState)(null); const run = (task, after) => { setBusy(true); setError(null); @@ -13359,9 +13637,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_react30.useState)({}); + const [statuses, setStatuses] = (0, import_react32.useState)({}); const appsKey = (connector.apps ?? []).join(","); - (0, import_react30.useEffect)(() => { + (0, import_react32.useEffect)(() => { if (!gateway || connector.state !== "ready" || appsKey === "" || actions.connectorAppStatus === void 0) { setStatuses({}); return void 0; @@ -13376,7 +13654,7 @@ function ConnectorRow({ connector, roster, actions }) { live = false; }; }, [gateway, connector.state, appsKey, picking]); - const search = (0, import_react30.useCallback)((query) => actions.connectorAppSearch(connector.id, query, connector.state === "off" ? token : void 0), [connector.id, connector.state, token]); + const search = (0, import_react32.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) { @@ -13398,88 +13676,88 @@ function ConnectorRow({ connector, roster, actions }) { }; const on = connector.state !== "off"; const Mark = MARKS[connector.id]; - const row = (0, import_react30.useRef)(null); + const row = (0, import_react32.useRef)(null); useMorph(row, `${form}:${picking}:${bots}:${error !== null}:${connector.state}`); - return (0, import_react30.createElement)( + return (0, import_react32.createElement)( "div", { ref: row, className: "bt-connector", "data-state": connector.state }, - (0, import_react30.createElement)( + (0, import_react32.createElement)( "div", { className: "bt-connector-head" }, - (0, import_react30.createElement)("span", { className: "bt-connector-mark" }, Mark ? (0, import_react30.createElement)(Mark) : null), - (0, import_react30.createElement)( + (0, import_react32.createElement)("span", { className: "bt-connector-mark" }, Mark ? (0, import_react32.createElement)(Mark) : null), + (0, import_react32.createElement)( "span", { className: "bt-connector-text" }, - (0, import_react30.createElement)("span", { className: "bt-connector-name" }, connector.name), - (0, import_react30.createElement)("span", { className: "bt-connector-status" }, statusText2(connector)) + (0, import_react32.createElement)("span", { className: "bt-connector-name" }, connector.name), + (0, import_react32.createElement)("span", { className: "bt-connector-status" }, statusText2(connector)) ), - (0, import_react30.createElement)( + (0, import_react32.createElement)( "span", { className: "bt-connector-actions" }, - connector.state === "error" ? (0, import_react30.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_react30.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => { + connector.state === "error" ? (0, import_react32.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_react32.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_react30.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_react30.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_react30.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setForm(true) }, t("Connect")) + on ? (0, import_react32.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_react32.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_react32.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setForm(true) }, t("Connect")) ) ), - on && gateway && !picking ? (0, import_react30.createElement)(AppStatusList, { apps: connector.apps ?? [], statuses }) : null, - on ? (0, import_react30.createElement)("span", { className: "bt-connector-uses" }, usageText(roster, connector.id)) : null, - on && bots ? (0, import_react30.createElement)(ConnectorBots, { connector, roster, actions, run, SwitchRow }) : null, - !on && form ? (0, import_react30.createElement)( + on && gateway && !picking ? (0, import_react32.createElement)(AppStatusList, { apps: connector.apps ?? [], statuses }) : null, + on ? (0, import_react32.createElement)("span", { className: "bt-connector-uses" }, usageText(roster, connector.id)) : null, + on && bots ? (0, import_react32.createElement)(ConnectorBots, { connector, roster, actions, run, SwitchRow }) : null, + !on && form ? (0, import_react32.createElement)( "div", { className: "bt-connector-form" }, - (0, import_react30.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react30.createElement)(MaskedInput, { value: token, onChange: setToken, onEnter: connect, label: gateway ? t("Composio API key") : t("GitHub token"), autoFocus: true })), - gateway ? (0, import_react30.createElement)(AppPicker, { apps, onChange: setApps, search: token.trim() === "" ? void 0 : search }) : null, - (0, import_react30.createElement)( + (0, import_react32.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react32.createElement)(MaskedInput, { value: token, onChange: setToken, onEnter: connect, label: gateway ? t("Composio API key") : t("GitHub token"), autoFocus: true })), + gateway ? (0, import_react32.createElement)(AppPicker, { apps, onChange: setApps, search: token.trim() === "" ? void 0 : search }) : null, + (0, import_react32.createElement)( "div", { className: "bt-connector-form-row" }, - (0, import_react30.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_react30.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => { + (0, import_react32.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_react32.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => { setForm(false); setToken(""); setError(null); } }, t("Cancel")), - (0, import_react30.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy || token.trim() === "", onClick: connect }, busy ? t("Connecting…") : t("Connect")) + (0, import_react32.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_react30.createElement)( + on && gateway && picking ? (0, import_react32.createElement)( "div", { className: "bt-connector-form" }, - (0, import_react30.createElement)(AppPicker, { apps, onChange: setApps, search, statuses }), - (0, import_react30.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_react30.createElement)( + (0, import_react32.createElement)(AppPicker, { apps, onChange: setApps, search, statuses }), + (0, import_react32.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_react32.createElement)( "div", { className: "bt-connector-form-row" }, - (0, import_react30.createElement)("span", { className: "bt-connector-link" }), - (0, import_react30.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => { + (0, import_react32.createElement)("span", { className: "bt-connector-link" }), + (0, import_react32.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => { setPicking(false); setError(null); } }, t("Cancel")), - (0, import_react30.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy || apps.length === 0, onClick: saveApps }, busy ? t("Connecting…") : t("Save")) + (0, import_react32.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_react30.createElement)("div", { className: "bt-connector-error", role: "alert" }, error) : null + error ? (0, import_react32.createElement)("div", { className: "bt-connector-error", role: "alert" }, error) : null ); } function ConnectorsPage({ roster, actions }) { const list = roster?.connectors ?? []; - return (0, import_react30.createElement)( + return (0, import_react32.createElement)( "section", { className: "bt-set-section" }, - (0, import_react30.createElement)("div", { className: "bt-set-card bt-connectors-card" }, list.length === 0 ? (0, import_react30.createElement)("div", { className: "bt-set-row" }, (0, import_react30.createElement)("span", { className: "bt-set-hint" }, t("No connectors"))) : list.map((connector) => (0, import_react30.createElement)(ConnectorRow, { key: connector.id, connector, roster, actions }))) + (0, import_react32.createElement)("div", { className: "bt-set-card bt-connectors-card" }, list.length === 0 ? (0, import_react32.createElement)("div", { className: "bt-set-row" }, (0, import_react32.createElement)("span", { className: "bt-set-hint" }, t("No connectors"))) : list.map((connector) => (0, import_react32.createElement)(ConnectorRow, { key: connector.id, connector, roster, actions }))) ); } // src/client/feedback.js -var import_react31 = require("react"); -var FeedbackIcon = () => (0, import_react31.createElement)( +var import_react33 = require("react"); +var FeedbackIcon = () => (0, import_react33.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_react31.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_react31.createElement)("path", { d: "M10 7v2.6M10 11.4h.01" }) + (0, import_react33.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_react33.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" })); @@ -13502,16 +13780,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_react31.useState)(""); - const [report, setReport] = (0, import_react31.useState)(null); - const [preview, setPreview] = (0, import_react31.useState)(false); - const [note, setNote] = (0, import_react31.useState)(""); + const [what, setWhat] = (0, import_react33.useState)(""); + const [report, setReport] = (0, import_react33.useState)(null); + const [preview, setPreview] = (0, import_react33.useState)(false); + const [note, setNote] = (0, import_react33.useState)(""); const fetchReport = () => actions.diagnostics({ client: clientFacts(), clientErrors: clientErrors() }).then((next) => { setReport(next); return next; }); const load = () => fetchReport().then(() => void 0); - (0, import_react31.useEffect)(() => { + (0, import_react33.useEffect)(() => { void run(load()); }, []); const copyReport = () => run(fetchReport().then(async (next) => { @@ -13519,7 +13797,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_react31.useState)(null); + const [issueLink, setIssueLink] = (0, import_react33.useState)(null); const openIssue = () => { const win = window.open("", "_blank"); if (win !== null) win.opener = null; @@ -13547,59 +13825,59 @@ function FeedbackPage({ actions, run, Section, Row: Row3 }) { const total = (report?.total ?? 0) + browserErrors.length; const shown = entries2.slice(0, 8); return [ - (0, import_react31.createElement)( + (0, import_react33.createElement)( Section, { key: "report", title: t("Report a problem") }, - (0, import_react31.createElement)( + (0, import_react33.createElement)( "div", { className: "bt-set-row bt-set-paste bt-fb-what" }, - (0, import_react31.createElement)( + (0, import_react33.createElement)( "label", { className: "bt-set-copy", htmlFor: "bt-fb-what" }, - (0, import_react31.createElement)("span", null, t("What happened?")), - (0, import_react31.createElement)("span", { className: "bt-set-hint" }, t("What you did, what you expected, and what happened instead. It goes into the issue.")) + (0, import_react33.createElement)("span", null, t("What happened?")), + (0, import_react33.createElement)("span", { className: "bt-set-hint" }, t("What you did, what you expected, and what happened instead. It goes into the issue.")) ), - (0, import_react31.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_react33.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_react31.createElement)( + (0, import_react33.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_react31.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setPreview(!preview), "aria-expanded": preview }, preview ? t("Hide") : t("Show")), - (0, import_react31.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: copyReport }, t("Copy")) + (0, import_react33.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setPreview(!preview), "aria-expanded": preview }, preview ? t("Hide") : t("Show")), + (0, import_react33.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: copyReport }, t("Copy")) ), - preview ? (0, import_react31.createElement)("div", { className: "bt-set-row bt-fb-preview" }, (0, import_react31.createElement)("pre", { tabIndex: 0, "aria-label": t("Diagnostics") }, report?.markdown || t("Loading…"))) : null, - (0, import_react31.createElement)( + preview ? (0, import_react33.createElement)("div", { className: "bt-set-row bt-fb-preview" }, (0, import_react33.createElement)("pre", { tabIndex: 0, "aria-label": t("Diagnostics") }, report?.markdown || t("Loading…"))) : null, + (0, import_react33.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_react31.createElement)("button", { type: "button", className: "bt-fb-primary", onClick: openIssue }, t("Report on GitHub")) + (0, import_react33.createElement)("button", { type: "button", className: "bt-fb-primary", onClick: openIssue }, t("Report on GitHub")) ) ), - note ? (0, import_react31.createElement)( + note ? (0, import_react33.createElement)( "div", { key: "note", className: "bt-note bt-fb-note", role: "status" }, note, - issueLink ? [" ", (0, import_react31.createElement)("a", { key: "link", href: issueLink, target: "_blank", rel: "noopener noreferrer" }, t("Open the issue"))] : null + issueLink ? [" ", (0, import_react33.createElement)("a", { key: "link", href: issueLink, target: "_blank", rel: "noopener noreferrer" }, t("Open the issue"))] : null ) : null, - (0, import_react31.createElement)( + (0, import_react33.createElement)( Section, { key: "errors", title: report ? t("Recent errors · {count}", { count: total }) : t("Recent errors") }, - shown.length === 0 ? (0, import_react31.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_react31.createElement)( + shown.length === 0 ? (0, import_react33.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_react33.createElement)( "div", { key: `${entry.time}-${index}`, className: "bt-set-row bt-fb-entry", title: entry.text }, - (0, import_react31.createElement)("span", { className: "bt-fb-dot", "data-level": entry.level, "aria-hidden": true }), - (0, import_react31.createElement)( + (0, import_react33.createElement)("span", { className: "bt-fb-dot", "data-level": entry.level, "aria-hidden": true }), + (0, import_react33.createElement)( "div", { className: "bt-set-copy" }, - (0, import_react31.createElement)("span", { className: "bt-fb-text" }, entrySummary(entry)), - (0, import_react31.createElement)("span", { className: "bt-set-hint" }, [whenText2(entry.time), entry.bot, entry.where, t(SOURCES[entry.source] ?? "FlyBot")].filter(Boolean).join(" · ")) + (0, import_react33.createElement)("span", { className: "bt-fb-text" }, entrySummary(entry)), + (0, import_react33.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_react31.createElement)("span", { className: "bt-tag bt-fb-code" }, entry.status ? `${entry.code} ${entry.status}` : entry.code) : null + entry.code ? (0, import_react33.createElement)("span", { className: "bt-tag bt-fb-code" }, entry.status ? `${entry.code} ${entry.status}` : entry.code) : null )), - (0, import_react31.createElement)( + (0, import_react33.createElement)( Row3, { label: t("Error log"), hint: t("Kept on this computer across restarts, up to about 1 MB.") }, - (0, import_react31.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: downloadLog }, t("Download")), - (0, import_react31.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: clearLog, disabled: !report || total === 0 }, t("Clear")) + (0, import_react33.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: downloadLog }, t("Download")), + (0, import_react33.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: clearLog, disabled: !report || total === 0 }, t("Clear")) ) ) ]; @@ -13607,8 +13885,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_react31.useState)(false); - (0, import_react31.useEffect)(() => { + const [leaving, setLeaving] = (0, import_react33.useState)(false); + (0, import_react33.useEffect)(() => { if (!toast) return void 0; setLeaving(false); const fade = setTimeout(() => setLeaving(true), TOAST_MS); @@ -13620,15 +13898,15 @@ function ErrorToast({ useUi, actions }) { }, [toast?.token]); if (!toast) return null; const info = toast.tone === "info"; - return (0, import_react31.createElement)( + return (0, import_react33.createElement)( "div", { className: "bt-toast", role: info ? "status" : "alert", "data-tone": toast.tone, "data-leaving": leaving || void 0 }, - (0, import_react31.createElement)("span", { className: "bt-toast-text" }, toast.text), - info ? null : (0, import_react31.createElement)("button", { type: "button", className: "bt-toast-link", onClick: () => { + (0, import_react33.createElement)("span", { className: "bt-toast-text" }, toast.text), + info ? null : (0, import_react33.createElement)("button", { type: "button", className: "bt-toast-link", onClick: () => { actions.dismissToast(toast.token); actions.openSettings("feedback"); } }, t("Details")), - (0, import_react31.createElement)("button", { type: "button", className: "bt-icon-btn bt-toast-close", "aria-label": t("Dismiss"), onClick: () => actions.dismissToast(toast.token) }, (0, import_react31.createElement)(CloseIcon)) + (0, import_react33.createElement)("button", { type: "button", className: "bt-icon-btn bt-toast-close", "aria-label": t("Dismiss"), onClick: () => actions.dismissToast(toast.token) }, (0, import_react33.createElement)(CloseIcon)) ); } var FEEDBACK_CSS = ` @@ -13659,7 +13937,7 @@ var FEEDBACK_CSS = ` `; // src/client/about.js -var import_react32 = require("react"); +var import_react34 = 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…"); @@ -13694,9 +13972,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_react32.useState)(false); - const [stars, setStars] = (0, import_react32.useState)(null); - (0, import_react32.useEffect)(() => { + const [checking, setChecking] = (0, import_react34.useState)(false); + const [stars, setStars] = (0, import_react34.useState)(null); + (0, import_react34.useEffect)(() => { let live = true; actions.repoStars().then((count) => { if (live && Number.isInteger(count)) setStars(count); @@ -13717,29 +13995,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_react32.createElement)( + const botControl = phase === "installed" ? null : update.available || phase === "installing" ? (0, import_react34.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_react32.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_react32.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_react32.createElement)( + ) : (0, import_react34.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_react34.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_react34.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_react32.createElement)( + (0, import_react34.createElement)( "div", { key: "hero", className: "bt-about-hero" }, - (0, import_react32.createElement)("span", { className: "bt-about-mark" }, (0, import_react32.createElement)(FlyBotMark, { size: 52 })), - (0, import_react32.createElement)( + (0, import_react34.createElement)("span", { className: "bt-about-mark" }, (0, import_react34.createElement)(FlyBotMark, { size: 52 })), + (0, import_react34.createElement)( "div", { className: "bt-about-copy" }, - (0, import_react32.createElement)("span", { className: "bt-about-name" }, t("FlyBot")), - update.current ? (0, import_react32.createElement)("span", { className: "bt-about-version" }, versionLine(update)) : null + (0, import_react34.createElement)("span", { className: "bt-about-name" }, t("FlyBot")), + update.current ? (0, import_react34.createElement)("span", { className: "bt-about-version" }, versionLine(update)) : null ), - repo ? (0, import_react32.createElement)( + repo ? (0, import_react34.createElement)( "a", { className: "bt-star", @@ -13749,23 +14027,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_react32.createElement)("span", { className: "bt-star-main" }, (0, import_react32.createElement)("span", { className: "bt-star-icon" }, (0, import_react32.createElement)(StarLineIcon)), "Star"), - stars === null ? null : (0, import_react32.createElement)("span", { className: "bt-star-count" }, starCount(stars)) + (0, import_react34.createElement)("span", { className: "bt-star-main" }, (0, import_react34.createElement)("span", { className: "bt-star-icon" }, (0, import_react34.createElement)(StarLineIcon)), "Star"), + stars === null ? null : (0, import_react34.createElement)("span", { className: "bt-star-count" }, starCount(stars)) ) : null ), - repo ? (0, import_react32.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_react32.createElement)( + repo ? (0, import_react34.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_react34.createElement)( Section, { key: "updates", title: t("Updates") }, - (0, import_react32.createElement)(Row3, { label: t("FlyBot core"), hint: botHint(update) }, botControl, update.available && update.notesUrl ? (0, import_react32.createElement)("a", linkProps(update.notesUrl), t("What's new")) : null), - dsh?.current ? (0, import_react32.createElement)(Row3, { label: t("DeepSeek Harness (underlying)"), hint: dshHint(dsh, dshShown) }, dshControl) : null + (0, import_react34.createElement)(Row3, { label: t("FlyBot core"), hint: botHint(update) }, botControl, update.available && update.notesUrl ? (0, import_react34.createElement)("a", linkProps(update.notesUrl), t("What's new")) : null), + dsh?.current ? (0, import_react34.createElement)(Row3, { label: t("DeepSeek Harness (underlying)"), hint: dshHint(dsh, dshShown) }, dshControl) : null ), - (0, import_react32.createElement)( + (0, import_react34.createElement)( Section, { key: "links", title: t("Links") }, - repo ? (0, import_react32.createElement)(Row3, { label: t("Source code"), hint: repo.replace(/^https:\/\//, "") }, (0, import_react32.createElement)("a", linkProps(repo), (0, import_react32.createElement)(GitHubMark), t("Open"))) : null, - update.notesUrl ? (0, import_react32.createElement)(Row3, { label: t("Release notes") }, (0, import_react32.createElement)("a", linkProps(update.notesUrl), t("Open"))) : null, - (0, import_react32.createElement)(Row3, { label: t("Report a problem") }, (0, import_react32.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("feedback") }, t("Open"))) + repo ? (0, import_react34.createElement)(Row3, { label: t("Source code"), hint: repo.replace(/^https:\/\//, "") }, (0, import_react34.createElement)("a", linkProps(repo), (0, import_react34.createElement)(GitHubMark), t("Open"))) : null, + update.notesUrl ? (0, import_react34.createElement)(Row3, { label: t("Release notes") }, (0, import_react34.createElement)("a", linkProps(update.notesUrl), t("Open"))) : null, + (0, import_react34.createElement)(Row3, { label: t("Report a problem") }, (0, import_react34.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("feedback") }, t("Open"))) ) ]; } @@ -13794,19 +14072,19 @@ var ABOUT_CSS = ` `; // src/client/settings.js -var import_react33 = require("react"); +var import_react35 = 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_react33.createElement)("section", { className: "bt-set-section" }, (0, import_react33.createElement)("h3", null, title), (0, import_react33.createElement)("div", { className: "bt-set-card" }, children)); + return (0, import_react35.createElement)("section", { className: "bt-set-section" }, (0, import_react35.createElement)("h3", null, title), (0, import_react35.createElement)("div", { className: "bt-set-card" }, children)); } function SetRow({ label, hint, children }) { - return (0, import_react33.createElement)( + return (0, import_react35.createElement)( "div", { className: "bt-set-row" }, - (0, import_react33.createElement)("div", { className: "bt-set-copy" }, (0, import_react33.createElement)("span", null, label), hint ? (0, import_react33.createElement)("span", { className: "bt-set-hint" }, hint) : null), - children ? (0, import_react33.createElement)("div", { className: "bt-set-control" }, children) : null + (0, import_react35.createElement)("div", { className: "bt-set-copy" }, (0, import_react35.createElement)("span", null, label), hint ? (0, import_react35.createElement)("span", { className: "bt-set-hint" }, hint) : null), + children ? (0, import_react35.createElement)("div", { className: "bt-set-control" }, children) : null ); } var NOTIFY_KINDS = [ @@ -13818,35 +14096,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_react33.useState)(prefs.accent ?? "#4d6bfe"); - const timer = (0, import_react33.useRef)(0); - (0, import_react33.useEffect)(() => () => clearTimeout(timer.current), []); + const [custom, setCustom] = (0, import_react35.useState)(prefs.accent ?? "#4d6bfe"); + const timer = (0, import_react35.useRef)(0); + (0, import_react35.useEffect)(() => () => clearTimeout(timer.current), []); const pickCustom = (value) => { setCustom(value); clearTimeout(timer.current); timer.current = setTimeout(() => run(actions.setPrefs({ accent: value })), 350); }; return [ - (0, import_react33.createElement)( + (0, import_react35.createElement)( SetSection, { key: "look", title: t("Appearance") }, - (0, import_react33.createElement)( + (0, import_react35.createElement)( SetRow, { label: t("Theme"), hint: t("Colors for the whole team, on every device.") }, - (0, import_react33.createElement)( + (0, import_react35.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_react33.createElement)("option", { key: id, value: id }, t(theme.label))) + Object.entries(themes).map(([id, theme]) => (0, import_react35.createElement)("option", { key: id, value: id }, t(theme.label))) ) ), - (0, import_react33.createElement)( + (0, import_react35.createElement)( SetRow, { label: t("Accent"), hint: t("Unread marks, badges, and the brand mark.") }, - (0, import_react33.createElement)( + (0, import_react35.createElement)( "div", { className: "bt-swatches" }, - (0, import_react33.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_react33.createElement)("button", { + (0, import_react35.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_react35.createElement)("button", { key: ink, type: "button", className: "bt-swatch", @@ -13856,26 +14134,26 @@ function GeneralPage({ roster, actions, run }) { style: { background: INKS[ink][0] }, onClick: () => run(actions.setPrefs({ accent: INKS[ink][0] })) })), - (0, import_react33.createElement)( + (0, import_react35.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_react33.createElement)("input", { type: "color", value: custom, "aria-label": t("Custom accent"), onChange: (event) => pickCustom(event.target.value) }) + (0, import_react35.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_react33.createElement)( + (0, import_react35.createElement)( SetSection, { key: "notify", title: t("Notifications") }, - (0, import_react33.createElement)(SwitchRow, { + (0, import_react35.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_react33.createElement)(SwitchRow, { + NOTIFY_KINDS.map(([kind, label, hint]) => (0, import_react35.createElement)(SwitchRow, { key: kind, label: t(label), hint: hint ? t(hint) : void 0, @@ -13891,52 +14169,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_react33.createElement)( + return (0, import_react35.createElement)( SetSection, { title: t("Main Bot") }, - (0, import_react33.createElement)( + (0, import_react35.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_react33.createElement)("select", { + (0, import_react35.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_react33.createElement)("option", { value: "" }, t("Choose a Bot…")), own.map((bot) => (0, import_react33.createElement)("option", { key: bot.id, value: bot.id }, bot.name))) + }, first ? null : (0, import_react35.createElement)("option", { value: "" }, t("Choose a Bot…")), own.map((bot) => (0, import_react35.createElement)("option", { key: bot.id, value: bot.id }, bot.name))) ), - others.map((bot) => (0, import_react33.createElement)( + others.map((bot) => (0, import_react35.createElement)( SetRow, { key: bot.id, label: bot.name, hint: t("Also a Main Bot.") }, - (0, import_react33.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_react33.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.setMain(bot.id, false)) }, t("Remove Main Bot role")) + (0, import_react35.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_react35.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_react33.createElement)( + candidates.length > 0 ? (0, import_react35.createElement)( SetRow, { label: t("Add a Main Bot"), hint: t("Main Bots can create and change Bots, and run every group chat.") }, - (0, import_react33.createElement)("select", { + (0, import_react35.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_react33.createElement)("option", { value: "" }, t("Choose a Bot…")), candidates.map((bot) => (0, import_react33.createElement)("option", { key: bot.id, value: bot.id }, bot.name))) + }, (0, import_react35.createElement)("option", { value: "" }, t("Choose a Bot…")), candidates.map((bot) => (0, import_react35.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_react33.createElement)( + return (0, import_react35.createElement)( SetSection, { title: t("Animation") }, - (0, import_react33.createElement)( + (0, import_react35.createElement)( SetRow, { label: t("Bot animation") }, - (0, import_react33.createElement)(Segmented, { label: t("Bot animation"), value: motion, className: "bt-motion-seg" }, MOTIONS.map(([id, label]) => (0, import_react33.createElement)("button", { + (0, import_react35.createElement)(Segmented, { label: t("Bot animation"), value: motion, className: "bt-motion-seg" }, MOTIONS.map(([id, label]) => (0, import_react35.createElement)("button", { key: id, type: "button", "aria-pressed": motion === id, @@ -13948,69 +14226,69 @@ function MotionSection({ roster, actions, run }) { ); } function BotsPage({ roster, actions, run }) { - const [creating, setCreating] = (0, import_react33.useState)(false); + const [creating, setCreating] = (0, import_react35.useState)(false); return [ - (0, import_react33.createElement)(MainBotsSection, { key: "main", roster, actions, run }), - (0, import_react33.createElement)(MotionSection, { key: "motion", roster, actions, run }), - creating ? (0, import_react33.createElement)(CreateBot, { key: "create", roster, actions, inline: true, onBack: () => setCreating(false), onCreated: (bot) => actions.openSettings("bots", bot.id) }) : (0, import_react33.createElement)( + (0, import_react35.createElement)(MainBotsSection, { key: "main", roster, actions, run }), + (0, import_react35.createElement)(MotionSection, { key: "motion", roster, actions, run }), + creating ? (0, import_react35.createElement)(CreateBot, { key: "create", roster, actions, inline: true, onBack: () => setCreating(false), onCreated: (bot) => actions.openSettings("bots", bot.id) }) : (0, import_react35.createElement)( "div", { key: "new", className: "bt-actions" }, - (0, import_react33.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", onClick: () => setCreating(true) }, (0, import_react33.createElement)(PlusIcon), t("New Bot")) + (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", onClick: () => setCreating(true) }, (0, import_react35.createElement)(PlusIcon), t("New Bot")) ), - (0, import_react33.createElement)( + (0, import_react35.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_react33.createElement)( + roster.bots.filter((bot) => !bot.remote).map((bot) => (0, import_react35.createElement)( "button", { key: bot.id, type: "button", className: "bt-set-row", onClick: () => actions.openSettings("bots", bot.id) }, - (0, import_react33.createElement)( + (0, import_react35.createElement)( "span", { className: "bt-set-bot" }, - (0, import_react33.createElement)(BotAvatar, { bot, size: 28, badge: false, live: false }), - (0, import_react33.createElement)("span", { className: "bt-row-title" }, bot.name), - bot.role ? (0, import_react33.createElement)("span", { className: "bt-tag" }, bot.role) : null, - isMainOf(roster, bot.id) ? (0, import_react33.createElement)("span", { className: "bt-tag" }, t("Main Bot")) : null, - bot.hidden && !isMainOf(roster, bot.id) ? (0, import_react33.createElement)("span", { className: "bt-tag" }, t("Hidden")) : null + (0, import_react35.createElement)(BotAvatar, { bot, size: 28, badge: false, live: false }), + (0, import_react35.createElement)("span", { className: "bt-row-title" }, bot.name), + bot.role ? (0, import_react35.createElement)("span", { className: "bt-tag" }, bot.role) : null, + isMainOf(roster, bot.id) ? (0, import_react35.createElement)("span", { className: "bt-tag" }, t("Main Bot")) : null, + bot.hidden && !isMainOf(roster, bot.id) ? (0, import_react35.createElement)("span", { className: "bt-tag" }, t("Hidden")) : null ), - (0, import_react33.createElement)("span", { className: "bt-chevron" }, (0, import_react33.createElement)(ChevronRightIcon)) + (0, import_react35.createElement)("span", { className: "bt-chevron" }, (0, import_react35.createElement)(ChevronRightIcon)) )) ) ]; } function GroupsPage({ roster, actions, run }) { - const [creating, setCreating] = (0, import_react33.useState)(false); + const [creating, setCreating] = (0, import_react35.useState)(false); return [ - creating ? (0, import_react33.createElement)(NewGroupForm, { key: "create", roster, actions, run, onCancel: () => setCreating(false), onCreated: (room2) => actions.openSettings("groups", room2.id) }) : (0, import_react33.createElement)( + creating ? (0, import_react35.createElement)(NewGroupForm, { key: "create", roster, actions, run, onCancel: () => setCreating(false), onCreated: (room2) => actions.openSettings("groups", room2.id) }) : (0, import_react35.createElement)( "div", { key: "new", className: "bt-actions" }, - (0, import_react33.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_react33.createElement)(PlusIcon), t("Create group chat")) + (0, import_react35.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_react35.createElement)(PlusIcon), t("Create group chat")) ), - (0, import_react33.createElement)( + (0, import_react35.createElement)( SetSection, { key: "groups", title: t("Group chats · {count}", { count: roster.rooms.length }) }, - roster.rooms.length === 0 ? (0, import_react33.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_react35.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_react33.createElement)( + return (0, import_react35.createElement)( "button", { key: room2.id, type: "button", className: "bt-set-row", onClick: () => actions.openSettings("groups", room2.id) }, - (0, import_react33.createElement)( + (0, import_react35.createElement)( "span", { className: "bt-set-bot" }, - (0, import_react33.createElement)(RoomAvatar, { room: room2, roster, size: 28 }), - (0, import_react33.createElement)("span", { className: "bt-row-title" }, room2.name), - (0, import_react33.createElement)("span", { className: "bt-tag" }, t("{count} members", { count: room2.members.length })), - admin ? (0, import_react33.createElement)("span", { className: "bt-tag bt-tag-admin" }, (0, import_react33.createElement)(AdminStar), admin.name) : null, - room2.hidden ? (0, import_react33.createElement)("span", { className: "bt-tag" }, t("Hidden")) : null + (0, import_react35.createElement)(RoomAvatar, { room: room2, roster, size: 28 }), + (0, import_react35.createElement)("span", { className: "bt-row-title" }, room2.name), + (0, import_react35.createElement)("span", { className: "bt-tag" }, t("{count} members", { count: room2.members.length })), + admin ? (0, import_react35.createElement)("span", { className: "bt-tag bt-tag-admin" }, (0, import_react35.createElement)(AdminStar), admin.name) : null, + room2.hidden ? (0, import_react35.createElement)("span", { className: "bt-tag" }, t("Hidden")) : null ), - (0, import_react33.createElement)("span", { className: "bt-chevron" }, (0, import_react33.createElement)(ChevronRightIcon)) + (0, import_react35.createElement)("span", { className: "bt-chevron" }, (0, import_react35.createElement)(ChevronRightIcon)) ); }) ) ]; } function SettingsDialog({ page, id, roster, actions, useUpdate, leaving = false }) { - const [error, setError] = (0, import_react33.useState)(""); - const close = (0, import_react33.useCallback)(() => actions.closeSettings(), []); + const [error, setError] = (0, import_react35.useState)(""); + const close = (0, import_react35.useCallback)(() => actions.closeSettings(), []); useEscape(close); const run = (promise) => Promise.resolve(promise).then(() => { setError(""); @@ -14031,34 +14309,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_react33.useRef)({ key: pageKey, depth, move: "up" }); + const last = (0, import_react35.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_react33.useState)(shown === "usage"); + const [usageOpened, setUsageOpened] = (0, import_react35.useState)(shown === "usage"); if (shown === "usage" && !usageOpened) setUsageOpened(true); - const errorLine = error ? (0, import_react33.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null; - return (0, import_react33.createElement)( + const errorLine = error ? (0, import_react35.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null; + return (0, import_react35.createElement)( "div", { className: "bt-settings-layer", "data-leaving": leaving || void 0 }, - (0, import_react33.createElement)("div", { className: "bt-scrim", onMouseDown: close }), - (0, import_react33.createElement)( + (0, import_react35.createElement)("div", { className: "bt-scrim", onMouseDown: close }), + (0, import_react35.createElement)( "div", { className: "bt-settings", role: "dialog", "aria-modal": true, "aria-label": t("FlyBot settings"), "data-wide": shown === "usage" ? "" : void 0 }, - (0, import_react33.createElement)( + (0, import_react35.createElement)( "nav", { ref: nav.box, className: "bt-settings-nav", "aria-label": t("Settings pages") }, - (0, import_react33.createElement)("span", { ref: nav.thumb, className: "bt-thumb", "aria-hidden": true }), - pages.map(([key, text]) => (0, import_react33.createElement)("button", { + (0, import_react35.createElement)("span", { ref: nav.thumb, className: "bt-thumb", "aria-hidden": true }), + pages.map(([key, text]) => (0, import_react35.createElement)("button", { key, type: "button", className: "bt-settings-item", "aria-current": shown === key ? "page" : void 0, onClick: () => actions.openSettings(key) - }, (0, import_react33.createElement)(extra.find((item) => item.key === key)?.entry.icon ?? PAGE_ICONS[key] ?? ConnectorIcon), t(text))), + }, (0, import_react35.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_react33.createElement)("button", { + (0, import_react35.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"), @@ -14067,51 +14345,51 @@ function SettingsDialog({ page, id, roster, actions, useUpdate, leaving = false close(); openHarnessSettings(); } - }, (0, import_react33.createElement)(SlidersIcon), t("Harness settings"), (0, import_react33.createElement)("span", { className: "bt-settings-out", "aria-hidden": true }, "↗")) + }, (0, import_react35.createElement)(SlidersIcon), t("Harness settings"), (0, import_react35.createElement)("span", { className: "bt-settings-out", "aria-hidden": true }, "↗")) ), - (0, import_react33.createElement)( + (0, import_react35.createElement)( "div", { className: "bt-settings-main" }, - (0, import_react33.createElement)( + (0, import_react35.createElement)( "div", { className: "bt-settings-head" }, - back ? (0, import_react33.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": back, title: back, onClick: () => actions.openSettings(shown) }, (0, import_react33.createElement)(ChevronLeftIcon)) : null, - (0, import_react33.createElement)("h2", { key: bot?.id ?? room2?.id ?? shown }, bot?.name ?? room2?.name ?? label) + back ? (0, import_react35.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": back, title: back, onClick: () => actions.openSettings(shown) }, (0, import_react35.createElement)(ChevronLeftIcon)) : null, + (0, import_react35.createElement)("h2", { key: bot?.id ?? room2?.id ?? shown }, bot?.name ?? room2?.name ?? label) ), - shown === "usage" ? null : (0, import_react33.createElement)( + shown === "usage" ? null : (0, import_react35.createElement)( "div", { key: pageKey, className: "bt-settings-scroll bt-settings-page", "data-move": last.current.move }, errorLine, - shown === "general" ? (0, import_react33.createElement)(GeneralPage, { roster, actions, run }) : null, - bot ? (0, import_react33.createElement)("div", { className: "bt-settings-form" }, (0, import_react33.createElement)(BotSettingsForm, { key: bot.id, bot, roster, actions, run })) : null, - shown === "bots" && !bot ? (0, import_react33.createElement)(BotsPage, { roster, actions, run }) : null, - room2 ? (0, import_react33.createElement)("div", { className: "bt-settings-form" }, (0, import_react33.createElement)(GroupSettingsForm, { key: room2.id, room: room2, roster, actions, run })) : null, - shown === "groups" && !room2 ? (0, import_react33.createElement)(GroupsPage, { roster, actions, run }) : null, - shown === "connectors" ? (0, import_react33.createElement)(ConnectorsPage, { roster, actions }) : null, - pluginPage ? (0, import_react33.createElement)(SettingsPageSlot, { entry: pluginPage, props: { roster, actions, call: call2, run, t, Section: SetSection, Row: SetRow } }) : null, - shown === "capabilities" ? (0, import_react33.createElement)(CapabilitiesPage, { roster, actions, run }) : null, - shown === "schedules" ? (0, import_react33.createElement)(SchedulesPage, { roster, actions, start: id ?? void 0 }) : null, - shown === "secrets" ? (0, import_react33.createElement)(SecretsPage, { roster, actions, run, Section: SetSection }) : null, - shown === "feedback" ? (0, import_react33.createElement)(FeedbackPage, { actions, run, Section: SetSection, Row: SetRow }) : null, - shown === "about" ? (0, import_react33.createElement)(AboutPage, { useUpdate, actions, run, Section: SetSection, Row: SetRow }) : null + shown === "general" ? (0, import_react35.createElement)(GeneralPage, { roster, actions, run }) : null, + bot ? (0, import_react35.createElement)("div", { className: "bt-settings-form" }, (0, import_react35.createElement)(BotSettingsForm, { key: bot.id, bot, roster, actions, run })) : null, + shown === "bots" && !bot ? (0, import_react35.createElement)(BotsPage, { roster, actions, run }) : null, + room2 ? (0, import_react35.createElement)("div", { className: "bt-settings-form" }, (0, import_react35.createElement)(GroupSettingsForm, { key: room2.id, room: room2, roster, actions, run })) : null, + shown === "groups" && !room2 ? (0, import_react35.createElement)(GroupsPage, { roster, actions, run }) : null, + shown === "connectors" ? (0, import_react35.createElement)(ConnectorsPage, { roster, actions }) : null, + pluginPage ? (0, import_react35.createElement)(SettingsPageSlot, { entry: pluginPage, props: { roster, actions, call: call2, run, t, Section: SetSection, Row: SetRow } }) : null, + shown === "capabilities" ? (0, import_react35.createElement)(CapabilitiesPage, { roster, actions, run }) : null, + shown === "schedules" ? (0, import_react35.createElement)(SchedulesPage, { roster, actions, start: id ?? void 0 }) : null, + shown === "secrets" ? (0, import_react35.createElement)(SecretsPage, { roster, actions, run, Section: SetSection }) : null, + shown === "feedback" ? (0, import_react35.createElement)(FeedbackPage, { actions, run, Section: SetSection, Row: SetRow }) : null, + shown === "about" ? (0, import_react35.createElement)(AboutPage, { useUpdate, actions, run, Section: SetSection, Row: SetRow }) : null ), - usageOpened ? (0, import_react33.createElement)( + usageOpened ? (0, import_react35.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_react33.createElement)(UsagePage, { roster, actions, focusId: usageFocus }) + (0, import_react35.createElement)(UsagePage, { roster, actions, focusId: usageFocus }) ) : null ), - (0, import_react33.createElement)("button", { type: "button", className: "bt-settings-close", "aria-label": t("Close settings"), onClick: close }, (0, import_react33.createElement)(CloseIcon)) + (0, import_react35.createElement)("button", { type: "button", className: "bt-settings-close", "aria-label": t("Close settings"), onClick: close }, (0, import_react35.createElement)(CloseIcon)) ) ); } // src/client/context-menu.js -var import_react34 = require("react"); +var import_react36 = require("react"); function ContextMenu({ menu, roster, actions, leaving = false }) { useEscape(() => actions.closeMenu()); - (0, import_react34.useEffect)(() => { + (0, import_react36.useEffect)(() => { const onDown = (event) => { if (!(event.target instanceof Element) || !event.target.closest(".bt-menu")) actions.closeMenu(); }; @@ -14119,14 +14397,14 @@ function ContextMenu({ menu, roster, actions, leaving = false }) { return () => window.removeEventListener("mousedown", onDown); }, []); const structure = useSidebarStructure(); - const ref = (0, import_react34.useRef)(null); - const [place, setPlace] = (0, import_react34.useState)({ left: menu.x, top: menu.y }); - (0, import_react34.useLayoutEffect)(() => { + const ref = (0, import_react36.useRef)(null); + const [place, setPlace] = (0, import_react36.useState)({ left: menu.x, top: menu.y }); + (0, import_react36.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_react34.createElement)(AgentMenu, { menu, roster, actions, leaving }); + if (menu.kind === "agent" || menu.kind === "agent-session") return (0, import_react36.createElement)(AgentMenu, { menu, roster, actions, leaving }); const bot = roster.byId[menu.id]; const room2 = roster.roomsById[menu.id]; const entry = bot ?? room2; @@ -14163,375 +14441,145 @@ function ContextMenu({ menu, roster, actions, leaving = false }) { bot ? pluginItems(structure, bot, actions).map(([label, run]) => [label, LinkIcon, run]) : [], [[t("Copy conversation ID"), CopyIcon, () => navigator.clipboard?.writeText(bot ? currentPart(bot) : menu.id)]], [ - isMainBot ? null : [t("Hide from sidebar"), HideIcon, () => actions.setFlags(menu.id, { hidden: true })], - isMainBot ? null : [room2 ? t("Delete group") : t("Delete"), TrashIcon, () => bot ? actions.deleteBot(bot.id) : actions.deleteRoom(menu.id), true] - ] - ]; - const shown = groups.map((group) => group.filter(Boolean)).filter((group) => group.length > 0); - return (0, import_react34.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_react34.createElement)( - import_react34.Fragment, - { key: index }, - index > 0 ? (0, import_react34.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null, - group.map(([label, Icon, run, danger]) => (0, import_react34.createElement)("button", { - key: label, - type: "button", - role: "menuitem", - className: danger ? "bt-danger" : void 0, - onClick: () => { - actions.closeMenu(); - void Promise.resolve(run()).catch((error) => actions.reportError(error, "menu")); - } - }, (0, import_react34.createElement)(Icon), label)) - )) - ); -} -function AgentMenu({ menu, roster, actions, leaving }) { - const ref = (0, import_react34.useRef)(null); - const [place, setPlace] = (0, import_react34.useState)({ left: menu.x, top: menu.y }); - (0, import_react34.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]); - const agent = roster.agentsById[menu.kind === "agent" ? menu.id : menu.agentId]; - if (agent === void 0) return null; - const groups = menu.kind === "agent" ? [ - [ - [agent.pinned ? t("Unpin") : t("Pin"), PinIcon, () => actions.setFlags(agent.id, { pinned: !agent.pinned })] - ], - [ - [t("Remove DSH Agent"), TrashIcon, () => actions.removeAgent(agent.id), true] - ] - ] : [ - [ - [t("Rename"), PencilIcon, () => actions.beginAgentRename(menu.id)] - ], - [ - [t("Archive"), TrashIcon, () => actions.archiveAgentSession(agent.id, menu.id), true] - ] - ]; - return (0, import_react34.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_react34.createElement)( - import_react34.Fragment, - { key: index }, - index > 0 ? (0, import_react34.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null, - group.map(([label, Icon, run, danger]) => (0, import_react34.createElement)("button", { - key: label, - type: "button", - role: "menuitem", - className: danger ? "bt-danger" : void 0, - onClick: () => { - actions.closeMenu(); - void Promise.resolve(run()).catch((error) => console.warn("[ds-bot]", error)); - } - }, (0, import_react34.createElement)(Icon), label)) - )) - ); -} - -// src/client/storage.js -var STORAGE = { - unread: "ds-bot:unread", - reactions: "ds-bot:reactions", - seen: "ds-bot:seen", - friendLines: "ds-bot:friend-lines", - prefs: "ds-bot:prefs", - surface: "ds-bot:surface", - agentSessions: "ds-bot:agent-sessions", - browserWidth: "ds-bot:browser-width", - browsers: "ds-bot.browser.v2" -}; -var LEGACY_PREFIXES = ["dsh-bot:", "dsh-bot-team:"]; -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; - const name = key.slice(key.indexOf(":") + 1); - return LEGACY_PREFIXES.map((prefix) => `${prefix}${name}`); -} -var migrateBrowsers = (storage) => { - if (storage.getItem(STORAGE.browsers) !== null) { - for (const key of LEGACY_BROWSER_KEYS) storage.removeItem(key); - return; - } - for (const key of LEGACY_BROWSER_KEYS) { - try { - const value = storage.getItem(key); - if (value === null) continue; - const previous = JSON.parse(value) ?? {}; - const tabs = Object.fromEntries(Object.entries(previous).filter(([, page]) => page && typeof page === "object").map(([botId, page]) => { - const tab = { id: `v1-${botId}`, url: page.url ?? "", title: page.title ?? "" }; - return [botId, { tabs: [tab], active: tab.id }]; - })); - storage.setItem(STORAGE.browsers, JSON.stringify(tabs)); - for (const earlier of LEGACY_BROWSER_KEYS) storage.removeItem(earlier); - return; - } catch { - } - } -}; -function migrateStorage(storage = globalThis.localStorage) { - for (const key of Object.values(STORAGE)) { - if (key === STORAGE.browsers) continue; - for (const legacy of legacyKeys(key)) { - try { - const value = storage.getItem(legacy); - if (value !== null && storage.getItem(key) === null) storage.setItem(key, value); - storage.removeItem(legacy); - } catch { - } - } - } - try { - migrateBrowsers(storage); - } catch { - } - try { - const prefs = JSON.parse(storage.getItem(STORAGE.prefs) ?? "null"); - if (prefs && Object.hasOwn(LEGACY_THEMES, prefs.theme ?? "")) { - storage.setItem(STORAGE.prefs, JSON.stringify({ ...prefs, theme: LEGACY_THEMES[prefs.theme] })); - } - } catch { - } -} - -// src/client/member-status.js -var import_react35 = require("react"); -var NO_WORK = { bots: {}, rooms: {}, approvals: [] }; -var ROWS_MAX = 4; -var stepIn = (work, botId, roomId, tool) => { - const own = work.bots?.[botId]; - return own?.roomId === roomId && own.tool === tool ? own.step : void 0; -}; -function memberWork(room2, work = NO_WORK) { - const here = work.rooms?.[room2.id] ?? []; - return room2.members.map((id) => { - const approvals = (work.approvals ?? []).filter((entry) => entry.botId === id); - const local = here.find((entry) => entry.botId === id); - const doing = local ? { ...local, roomId: room2.id, step: stepIn(work, id, room2.id, local.tool) } : work.bots?.[id]; - return { id, approvals, doing, here: local !== void 0, state: approvals.length > 0 ? "ask" : doing ? "work" : "idle" }; - }); -} -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] })); -} -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 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 }] : []; - }); -} -function summaryText(busy) { - const asks = busy.filter((entry) => entry.state === "ask"); - const workers = busy.filter((entry) => entry.state === "work"); - const names = asks.slice(0, 2).map((entry) => entry.bot.name); - const waiting = asks.length === 0 ? "" : asks.length === 1 ? t("{name} is waiting for your approval", { name: names[0] }) : asks.length === 2 ? t("{first} and {second} are waiting for your approval", { first: names[0], second: names[1] }) : t("{first}, {second} and {count} more are waiting for your approval", { first: names[0], second: names[1], count: asks.length - 2, total: asks.length }); - 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 }; -} -function Face({ entry, size }) { - return (0, import_react35.createElement)( - "span", - { className: "bt-mw-face", "data-ask": entry.state === "ask" || void 0 }, - (0, import_react35.createElement)(BotMark, { bot: entry.bot, size, state: entry.state === "ask" ? "alert" : toolState(entry.doing?.tool ?? "") }) - ); -} -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)}`; - const elapsed = elapsedSince(now, at); - return (0, import_react35.createElement)( - "button", - { type: "button", className: "bt-mw-row", "aria-label": [text, elapsed].filter(Boolean).join(" · "), onClick: onOpen }, - (0, import_react35.createElement)(BotMark, { bot, size: 22, state: toolState(tool ?? ""), live: true }), - (0, import_react35.createElement)("span", { className: "bt-mw-row-text" }, (0, import_react35.createElement)(Shimmer, null, text)), - elapsed ? (0, import_react35.createElement)("span", { className: "bt-mw-row-time" }, `· ${elapsed}`) : null - ); -} -function SummaryLine({ busy, now, onOpen }) { - const { waiting, doing } = summaryText(busy); - const elapsed = doing ? elapsedSince(now, busy.find((entry) => entry.state === "work")?.doing.since) : ""; - return (0, import_react35.createElement)( - "button", - { type: "button", className: "bt-mw-row bt-mw-line", "aria-label": [waiting, doing, elapsed].filter(Boolean).join(" · "), onClick: onOpen }, - (0, import_react35.createElement)("span", { className: "bt-mw-stack", "aria-hidden": true }, busy.slice(0, 4).map((entry) => (0, import_react35.createElement)(Face, { key: entry.id, entry, size: 16 }))), - (0, import_react35.createElement)( - "span", - { className: "bt-mw-row-text" }, - waiting ? (0, import_react35.createElement)("span", { className: "bt-mw-ask" }, waiting) : null, - waiting && doing ? " · " : null, - doing ? (0, import_react35.createElement)(Shimmer, null, doing) : null - ), - elapsed ? (0, import_react35.createElement)("span", { className: "bt-mw-row-time" }, `· ${elapsed}`) : null - ); -} -function MemberDock({ sessionId, useRoster, useWork, actions }) { - const roster = useRoster((value) => value); - const work = useWork((value) => value); - const room2 = roster.roomsById[sessionId]; - const bot = room2 ? void 0 : roster.byId[sessionId]; - const ownChat = bot !== void 0 && work.bots?.[bot.id] !== void 0 && work.bots[bot.id].roomId === void 0; - const busy = room2 ? busyMembers(room2, work, roster) : []; - const groups = bot !== void 0 && !ownChat ? botGroupWork(bot.id, work, roster) : []; - const shown = busy.length > 0 || groups.length > 0; - const now = useNow3(shown); - const ref = (0, import_react35.useRef)(null); - useFlowColumn(ref, shown, sessionId); - if (!shown) return null; - if (room2) { - const { rows, rest } = splitBusy(busy); - const open = () => actions.showDetails(sessionId); - return (0, import_react35.createElement)( - "div", - { ref, className: "bt-mw-dock-stack" }, - rows.map((entry) => (0, import_react35.createElement)(WorkRow, { key: entry.id, bot: entry.bot, tool: entry.doing.tool, step: entry.doing.step, label: entry.bot.name, at: entry.doing.since, now, onOpen: open })), - rest.length > 0 ? (0, import_react35.createElement)(SummaryLine, { busy: rest, now, onOpen: open }) : null - ); - } - return (0, import_react35.createElement)("div", { ref, className: "bt-mw-dock-stack" }, groups.slice(0, ROWS_MAX).map((item) => (0, import_react35.createElement)(WorkRow, { - key: item.room.id, - bot, - tool: item.tool, - step: item.step, - label: t("in {name}", { name: item.room.name }), - at: item.since, - now, - onOpen: () => actions.openSession(item.room.id) - }))); -} -function useFlowColumn(ref, active, key) { - (0, import_react35.useLayoutEffect)(() => { - const node = ref.current; - const flow = document.querySelector("[data-chat-flow]"); - if (!active || !node || !flow) return void 0; - const place = () => { - node.style.marginInlineStart = "0px"; - const column = flow.getBoundingClientRect(); - node.style.marginInlineStart = `${Math.round(column.left - node.getBoundingClientRect().left)}px`; - node.style.width = `${Math.round(column.width)}px`; - }; - place(); - const observer = new ResizeObserver(place); - for (const target of [flow, flow.parentElement, node.parentElement]) if (target) observer.observe(target); - return () => observer.disconnect(); - }, [active, key]); -} -function useNow3(active) { - const [now, setNow] = (0, import_react35.useState)(Date.now); - (0, import_react35.useEffect)(() => { - if (!active) return void 0; - const timer = setInterval(() => setNow(Date.now()), 3e4); - return () => clearInterval(timer); - }, [active]); - return now; -} -var since = (now, at) => typeof at === "number" && now - at >= 6e4 ? ` · ${elapsedLabel(now - at)}` : ""; -function ApprovalCard({ approval, bot, actions }) { - const [busy, setBusy] = (0, import_react35.useState)(false); - const answer = (choice) => { - setBusy(true); - void Promise.resolve(actions.answerApproval(approval.id, choice)).catch((error) => actions.reportError(error, "approval")).finally(() => setBusy(false)); - }; - return (0, import_react35.createElement)( + isMainBot ? null : [t("Hide from sidebar"), HideIcon, () => actions.setFlags(menu.id, { hidden: true })], + isMainBot ? null : [room2 ? t("Delete group") : t("Delete"), TrashIcon, () => bot ? actions.deleteBot(bot.id) : actions.deleteRoom(menu.id), true] + ] + ]; + const shown = groups.map((group) => group.filter(Boolean)).filter((group) => group.length > 0); + return (0, import_react36.createElement)( "div", - { className: "bt-mw-card", role: "group", "aria-label": t("{name} is waiting for your approval", { name: bot.name }) }, - (0, import_react35.createElement)("div", { className: "bt-mw-tool" }, approval.tool), - approval.detail?.text ? (0, import_react35.createElement)("div", { className: "bt-mw-text" }, approval.detail.text) : null, - approval.reason ? (0, import_react35.createElement)("div", { className: "bt-mw-reason" }, approval.reason) : null, - approval.detail?.code ? (0, import_react35.createElement)("code", { className: "bt-mw-code", title: approval.detail.code }, approval.detail.code) : null, - approval.answerable ? (0, import_react35.createElement)( - "div", - { className: "bt-mw-actions" }, - (0, import_react35.createElement)("button", { type: "button", className: "bt-q-btn", disabled: busy, onClick: () => answer("reject") }, t("Reject")), - (0, import_react35.createElement)("button", { type: "button", className: "bt-q-submit", disabled: busy, onClick: () => answer("allow") }, t("Allow once")) - ) : (0, import_react35.createElement)( - "div", - { className: "bt-mw-actions" }, - (0, import_react35.createElement)("button", { type: "button", className: "bt-q-btn", onClick: () => actions.openSession(bot.id) }, t("Open {name}'s chat", { name: bot.name })) - ) + { 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_react36.createElement)( + import_react36.Fragment, + { key: index }, + index > 0 ? (0, import_react36.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null, + group.map(([label, Icon, run, danger]) => (0, import_react36.createElement)("button", { + key: label, + type: "button", + role: "menuitem", + className: danger ? "bt-danger" : void 0, + onClick: () => { + actions.closeMenu(); + void Promise.resolve(run()).catch((error) => actions.reportError(error, "menu")); + } + }, (0, import_react36.createElement)(Icon), label)) + )) ); } -function MemberWork({ entry, bot, room: room2, roster, actions, now }) { - const [stopping, setStopping] = (0, import_react35.useState)(false); - if (entry.state === "ask") { - return (0, import_react35.createElement)( - "div", - { className: "bt-mw-member" }, - (0, import_react35.createElement)("div", { className: "bt-mw-state bt-mw-ask" }, `${t("Waiting for your approval")}${since(now, entry.approvals[0].at)}`), - entry.approvals.map((approval) => (0, import_react35.createElement)(ApprovalCard, { key: approval.id, approval, bot, actions })) - ); - } - if (entry.state !== "work") return null; - const where = entry.doing.roomId === room2.id ? "" : entry.doing.roomId ? t("in {name}", { name: roster.roomsById[entry.doing.roomId]?.name ?? t("a group chat") }) : t("in its own chat"); - const stop = () => { - setStopping(true); - void Promise.resolve(actions.stopMemberWork(room2.id, bot.id)).catch((error) => actions.reportError(error, "stop")).finally(() => setStopping(false)); - }; - return (0, import_react35.createElement)( +function AgentMenu({ menu, roster, actions, leaving }) { + const ref = (0, import_react36.useRef)(null); + const [place, setPlace] = (0, import_react36.useState)({ left: menu.x, top: menu.y }); + (0, import_react36.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]); + const agent = roster.agentsById[menu.kind === "agent" ? menu.id : menu.agentId]; + if (agent === void 0) return null; + const groups = menu.kind === "agent" ? [ + [ + [agent.pinned ? t("Unpin") : t("Pin"), PinIcon, () => actions.setFlags(agent.id, { pinned: !agent.pinned })] + ], + [ + [t("Remove DSH Agent"), TrashIcon, () => actions.removeAgent(agent.id), true] + ] + ] : [ + [ + [t("Rename"), PencilIcon, () => actions.beginAgentRename(menu.id)] + ], + [ + [t("Archive"), TrashIcon, () => actions.archiveAgentSession(agent.id, menu.id), true] + ] + ]; + return (0, import_react36.createElement)( "div", - { className: "bt-mw-member" }, - (0, import_react35.createElement)( - "div", - { className: "bt-mw-state bt-mw-work" }, - (0, import_react35.createElement)("span", null, (0, import_react35.createElement)(Shimmer, null, workText(entry.doing.tool, entry.doing.step)), where ? ` ${where}` : "", since(now, entry.doing.since)), - entry.here ? (0, import_react35.createElement)("button", { type: "button", className: "bt-mw-stop", disabled: stopping, onClick: stop }, t("Stop")) : null - ) + { 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_react36.createElement)( + import_react36.Fragment, + { key: index }, + index > 0 ? (0, import_react36.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null, + group.map(([label, Icon, run, danger]) => (0, import_react36.createElement)("button", { + key: label, + type: "button", + role: "menuitem", + className: danger ? "bt-danger" : void 0, + onClick: () => { + actions.closeMenu(); + void Promise.resolve(run()).catch((error) => console.warn("[ds-bot]", error)); + } + }, (0, import_react36.createElement)(Icon), label)) + )) ); } -function useMemberWork(room2, useWork) { - const work = useWork?.((value) => value) ?? NO_WORK; - const entries2 = room2 ? memberWork(room2, work) : []; - const now = useNow3(entries2.some((entry) => entry.state !== "idle")); - return { entries: entries2, now }; + +// src/client/storage.js +var STORAGE = { + unread: "ds-bot:unread", + reactions: "ds-bot:reactions", + seen: "ds-bot:seen", + friendLines: "ds-bot:friend-lines", + prefs: "ds-bot:prefs", + surface: "ds-bot:surface", + agentSessions: "ds-bot:agent-sessions", + browserWidth: "ds-bot:browser-width", + browsers: "ds-bot.browser.v2" +}; +var LEGACY_PREFIXES = ["dsh-bot:", "dsh-bot-team:"]; +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; + const name = key.slice(key.indexOf(":") + 1); + return LEGACY_PREFIXES.map((prefix) => `${prefix}${name}`); +} +var migrateBrowsers = (storage) => { + if (storage.getItem(STORAGE.browsers) !== null) { + for (const key of LEGACY_BROWSER_KEYS) storage.removeItem(key); + return; + } + for (const key of LEGACY_BROWSER_KEYS) { + try { + const value = storage.getItem(key); + if (value === null) continue; + const previous = JSON.parse(value) ?? {}; + const tabs = Object.fromEntries(Object.entries(previous).filter(([, page]) => page && typeof page === "object").map(([botId, page]) => { + const tab = { id: `v1-${botId}`, url: page.url ?? "", title: page.title ?? "" }; + return [botId, { tabs: [tab], active: tab.id }]; + })); + storage.setItem(STORAGE.browsers, JSON.stringify(tabs)); + for (const earlier of LEGACY_BROWSER_KEYS) storage.removeItem(earlier); + return; + } catch { + } + } +}; +function migrateStorage(storage = globalThis.localStorage) { + for (const key of Object.values(STORAGE)) { + if (key === STORAGE.browsers) continue; + for (const legacy of legacyKeys(key)) { + try { + const value = storage.getItem(legacy); + if (value !== null && storage.getItem(key) === null) storage.setItem(key, value); + storage.removeItem(legacy); + } catch { + } + } + } + try { + migrateBrowsers(storage); + } catch { + } + try { + const prefs = JSON.parse(storage.getItem(STORAGE.prefs) ?? "null"); + if (prefs && Object.hasOwn(LEGACY_THEMES, prefs.theme ?? "")) { + storage.setItem(STORAGE.prefs, JSON.stringify({ ...prefs, theme: LEGACY_THEMES[prefs.theme] })); + } + } catch { + } } -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} -.bt-mw-row:hover{background:var(--bt-hover)} -.bt-mw-row>.bt-mark{flex:none} -.bt-mw-row-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} -.bt-mw-row-time{flex:none;font-size:12px;color:var(--bt-ink-3);white-space:nowrap} -.bt-mw-work{display:flex;align-items:center;justify-content:space-between;gap:8px} -.bt-mw-stop{flex:none;height:22px;padding:0 10px;border:1px solid var(--bt-line,rgba(0,0,0,.12));border-radius:11px;background:none;color:var(--bt-ink-2);font:inherit;font-size:12px;cursor:pointer} -.bt-mw-stop:hover{background:var(--bt-hover)} -.bt-mw-stop:disabled{opacity:.5;cursor:default} -.bt-mw-line{gap:8px} -.bt-mw-stack{display:inline-flex;align-items:center;flex:none;line-height:0} -.bt-mw-stack>*+*{margin-left:-4px} -.bt-mw-face{position:relative;display:inline-flex;flex:none;border-radius:50%} -.bt-mw-stack .bt-mw-face{box-shadow:0 0 0 1.5px var(--bt-main,#fff)} -.bt-mw-face[data-ask]::after{content:"";position:absolute;right:-2px;bottom:-2px;width:7px;height:7px;border-radius:50%;background:#e3a008;box-shadow:0 0 0 1.5px var(--bt-main,#fff)} -.bt-mw-ask{color:#b7791f;flex:none;white-space:nowrap} -body[data-ds-dark-theme] .bt-mw-ask{color:#f0b84a} -.bt-mw-member{padding:0 6px 8px 42px;display:flex;flex-direction:column;gap:6px} -.bt-mw-state{font-size:12px;line-height:16px;color:var(--bt-ink-2);margin-top:-4px} -.bt-mw-card{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:var(--bt-hover);font-size:12px;line-height:17px;color:var(--bt-ink-2)} -.bt-mw-tool{font-weight:600;color:var(--bt-ink)} -.bt-mw-text{color:var(--bt-ink);overflow-wrap:anywhere} -.bt-mw-reason{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} -.bt-mw-code{display:block;font:11px/16px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--bt-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} -.bt-mw-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:4px} -.bt-mw-actions>button{height:28px;padding:0 12px;font-size:12px} -.bt-mw-actions>button:disabled{opacity:.5;cursor:default} -@keyframes bt-mw-in{from{opacity:0;transform:translateY(4px)}} -@media (prefers-reduced-motion:reduce){.bt-mw-row{animation:none}} -`; // src/client/details-drawer.js -var import_react36 = require("react"); +var import_react37 = 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 ""; @@ -14556,10 +14604,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_react36.useState)(null); + const [pending, setPending] = (0, import_react37.useState)(null); const catalog = roster.permissions; const saved = bot.permission ?? catalog?.defaultPreset; - (0, import_react36.useEffect)(() => { + (0, import_react37.useEffect)(() => { if (pending === saved) setPending(null); }, [pending, saved]); if (!catalog?.options?.length) return null; @@ -14569,14 +14617,14 @@ function PermissionRow({ bot, roster, actions, run }) { setPending(value); void run(actions.updateBot(bot.id, { permission: value })).catch(() => setPending(null)); }; - return (0, import_react36.createElement)( + return (0, import_react37.createElement)( "div", { className: "bt-drawer-permission" }, - (0, import_react36.createElement)("div", { className: "bt-section-title" }, t("Permissions")), - (0, import_react36.createElement)( + (0, import_react37.createElement)("div", { className: "bt-section-title" }, t("Permissions")), + (0, import_react37.createElement)( Segmented, { label: t("Permissions"), value: current }, - catalog.options.map((option) => (0, import_react36.createElement)("button", { + catalog.options.map((option) => (0, import_react37.createElement)("button", { key: option.value, type: "button", "aria-pressed": option.value === current, @@ -14590,42 +14638,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_react36.useEffect)(() => { + (0, import_react37.useEffect)(() => { actions.browserEnsure?.(bot.id); }, [bot.id]); if (roster.browser !== true || !actions.browserShow) { - return (0, import_react36.createElement)("div", { className: "bt-muted" }, t("The browser is in the DSH Desktop app.")); + return (0, import_react37.createElement)("div", { className: "bt-muted" }, t("The browser is in the DSH Desktop app.")); } if (state.ids.length === 0) { - return (0, import_react36.createElement)( + return (0, import_react37.createElement)( "div", { className: "bt-browser-empty-mark" }, - (0, import_react36.createElement)(BotMark, { bot, size: 40, state: "idle", live: true }), - (0, import_react36.createElement)("div", { className: "bt-browser-empty-title" }, t("{name}'s browser", { name: bot.name })), - (0, import_react36.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_react36.createElement)("button", { type: "button", className: "bt-browser-retry", onClick: () => actions.openBrowser(sessionId) }, t("Open browser")) + (0, import_react37.createElement)(BotMark, { bot, size: 40, state: "idle", live: true }), + (0, import_react37.createElement)("div", { className: "bt-browser-empty-title" }, t("{name}'s browser", { name: bot.name })), + (0, import_react37.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_react37.createElement)("button", { type: "button", className: "bt-browser-retry", onClick: () => actions.openBrowser(sessionId) }, t("Open browser")) ); } - return (0, import_react36.createElement)( + return (0, import_react37.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_react36.createElement)( + return (0, import_react37.createElement)( "div", { key: tabId, className: "bt-bcard", "data-active": state.active === tabId || void 0, style: { animationDelay: `${index * 30}ms` } }, - (0, import_react36.createElement)( + (0, import_react37.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_react36.createElement)( + page.excerpt ? (0, import_react37.createElement)( "span", { className: "bt-bcard-preview" }, - (0, import_react36.createElement)("span", { className: "bt-bcard-ptitle" }, label), - (0, import_react36.createElement)("span", { className: "bt-bcard-excerpt" }, page.excerpt) - ) : (0, import_react36.createElement)("span", { className: "bt-bcard-blank" }, (0, import_react36.createElement)(GlobeIcon), (0, import_react36.createElement)("span", null, label)) + (0, import_react37.createElement)("span", { className: "bt-bcard-ptitle" }, label), + (0, import_react37.createElement)("span", { className: "bt-bcard-excerpt" }, page.excerpt) + ) : (0, import_react37.createElement)("span", { className: "bt-bcard-blank" }, (0, import_react37.createElement)(GlobeIcon), (0, import_react37.createElement)("span", null, label)) ), - (0, import_react36.createElement)("button", { + (0, import_react37.createElement)("button", { type: "button", className: "bt-bcard-x", "aria-label": t("Close tab"), @@ -14634,36 +14682,36 @@ function BrowserCards({ bot, sessionId, roster, actions, useBrowserTabs, useBrow void actions.browserCloseTab(bot.id, tabId); } }, "×"), - (0, import_react36.createElement)( + (0, import_react37.createElement)( "div", { className: "bt-bcard-row" }, - (0, import_react36.createElement)(Favicon, { src: page.favicon, className: "bt-bcard-fav" }), - (0, import_react36.createElement)("span", { className: "bt-bcard-title" }, label), - page.url ? (0, import_react36.createElement)("span", { className: "bt-bcard-host" }, hostOf(page.url)) : null + (0, import_react37.createElement)(Favicon, { src: page.favicon, className: "bt-bcard-fav" }), + (0, import_react37.createElement)("span", { className: "bt-bcard-title" }, label), + page.url ? (0, import_react37.createElement)("span", { className: "bt-bcard-host" }, hostOf(page.url)) : null ) ); }), - (0, import_react36.createElement)("button", { type: "button", className: "bt-bcard-new", style: { animationDelay: `${state.ids.length * 30}ms` }, onClick: () => actions.browserNewTab(sessionId) }, (0, import_react36.createElement)(PlusIcon), t("New tab")) + (0, import_react37.createElement)("button", { type: "button", className: "bt-bcard-new", style: { animationDelay: `${state.ids.length * 30}ms` }, onClick: () => actions.browserNewTab(sessionId) }, (0, import_react37.createElement)(PlusIcon), t("New tab")) ); } function About({ text, title = "About" }) { - const [open, setOpen] = (0, import_react36.useState)(false); + const [open, setOpen] = (0, import_react37.useState)(false); const long = text.split("\n").length > 5 || text.length > 240; - const body = (0, import_react36.useRef)(null); + const body = (0, import_react37.useRef)(null); useMorph(body, open); - return (0, import_react36.createElement)( + return (0, import_react37.createElement)( "div", null, - (0, import_react36.createElement)("div", { className: "bt-section-title" }, t(title)), - (0, import_react36.createElement)("div", { ref: body, className: "bt-about", "data-open": open || void 0 }, text), - long ? (0, import_react36.createElement)("button", { type: "button", className: "bt-more", onClick: () => setOpen((value) => !value) }, open ? t("Show less") : t("Show more")) : null + (0, import_react37.createElement)("div", { className: "bt-section-title" }, t(title)), + (0, import_react37.createElement)("div", { ref: body, className: "bt-about", "data-open": open || void 0 }, text), + long ? (0, import_react37.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_react36.useState)(room2.pendingApprovals ?? []); - const [busy, setBusy] = (0, import_react36.useState)(""); + const [items, setItems] = (0, import_react37.useState)(room2.pendingApprovals ?? []); + const [busy, setBusy] = (0, import_react37.useState)(""); const face = room2.origin === "face-to-face"; - (0, import_react36.useEffect)(() => { + (0, import_react37.useEffect)(() => { const haveItems = Array.isArray(room2.pendingApprovals) && room2.pendingApprovals.length; if (haveItems) setItems(room2.pendingApprovals); if (room2.viewerRole !== "invited-owner" && !face) return void 0; @@ -14689,28 +14737,28 @@ function SharedRoomApprovals({ room: room2 }) { setBusy(""); } }; - return (0, import_react36.createElement)( + return (0, import_react37.createElement)( "div", { key: "approvals", className: "bt-shared-wait", "data-flybot": "room-pending-approvals" }, - (0, import_react36.createElement)("div", { className: "bt-section-title" }, t("Waiting for your approval"), (0, import_react36.createElement)("span", { className: "bt-chip" }, t("{count} to approve", { count: items.length }))), - items.map((item) => (0, import_react36.createElement)( + (0, import_react37.createElement)("div", { className: "bt-section-title" }, t("Waiting for your approval"), (0, import_react37.createElement)("span", { className: "bt-chip" }, t("{count} to approve", { count: items.length }))), + items.map((item) => (0, import_react37.createElement)( "div", { key: item.id, className: "bt-set-row" }, - (0, import_react36.createElement)("span", { className: "bt-set-copy" }, item.text || item.summary || item.to || t("Outbound reply")), - (0, import_react36.createElement)("button", { type: "button", className: "bt-mini", disabled: busy === item.id, onClick: () => decide(item, "approve") }, t("Approve")), - (0, import_react36.createElement)("button", { type: "button", className: "bt-mini", disabled: busy === item.id, onClick: () => decide(item, "reject") }, t("Reject")) + (0, import_react37.createElement)("span", { className: "bt-set-copy" }, item.text || item.summary || item.to || t("Outbound reply")), + (0, import_react37.createElement)("button", { type: "button", className: "bt-mini", disabled: busy === item.id, onClick: () => decide(item, "approve") }, t("Approve")), + (0, import_react37.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_react36.createElement)( + return (0, import_react37.createElement)( "div", null, - (0, import_react36.createElement)(FaceLead, { room: room2, roster, pick: pick2 }), - (0, import_react36.createElement)("div", { className: "bt-section-title" }, t("Members · {count}", { count: people2.length })), - (0, import_react36.createElement)("div", { className: "bt-members", role: "list" }, people2.map((person) => (0, import_react36.createElement)(FacePersonRow, { + (0, import_react37.createElement)(FaceLead, { room: room2, roster, pick: pick2 }), + (0, import_react37.createElement)("div", { className: "bt-section-title" }, t("Members · {count}", { count: people2.length })), + (0, import_react37.createElement)("div", { className: "bt-members", role: "list" }, people2.map((person) => (0, import_react37.createElement)(FacePersonRow, { key: person.key, person, className: "bt-member", @@ -14733,79 +14781,79 @@ function GroupOverview({ room: room2, roster, actions, usage, useWork, openSetti }; const face = room2.origin === "face-to-face"; return [ - (0, import_react36.createElement)(FlyBotRoomOverview, { key: "plugin-overview", room: room2, roster, actions }), - invited && room2.sharedFrom && !face ? (0, import_react36.createElement)( + (0, import_react37.createElement)(FlyBotRoomOverview, { key: "plugin-overview", room: room2, roster, actions }), + invited && room2.sharedFrom && !face ? (0, import_react37.createElement)( "div", { key: "from", className: "bt-shared-from" }, - (0, import_react36.createElement)("div", { className: "bt-section-title" }, title), - (0, import_react36.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_react36.createElement)("div", { className: "bt-set-hint" }, t("Invited {when}", { when: new Date(room2.sharedFrom.invitedAt).toLocaleString() })) : null, - (0, import_react36.createElement)("button", { type: "button", className: "bt-more", onClick: leaveMine }, t("Remove my Bot")) - ) : face ? null : room2.notice ? (0, import_react36.createElement)(About, { key: "notice", title: "Notice", text: room2.notice }) : (0, import_react36.createElement)("button", { key: "notice", type: "button", className: "bt-more", onClick: openSettings }, t("Add a notice in group settings")), - face ? null : (0, import_react36.createElement)(SharedRoomApprovals, { key: "approvals", room: room2 }), - face && (room2.face?.status === "candidate" || room2.face?.status === "joining") ? null : face ? (0, import_react36.createElement)(FaceMembers, { key: "members", room: room2, roster, actions }) : (0, import_react36.createElement)( + (0, import_react37.createElement)("div", { className: "bt-section-title" }, title), + (0, import_react37.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_react37.createElement)("div", { className: "bt-set-hint" }, t("Invited {when}", { when: new Date(room2.sharedFrom.invitedAt).toLocaleString() })) : null, + (0, import_react37.createElement)("button", { type: "button", className: "bt-more", onClick: leaveMine }, t("Remove my Bot")) + ) : face ? null : room2.notice ? (0, import_react37.createElement)(About, { key: "notice", title: "Notice", text: room2.notice }) : (0, import_react37.createElement)("button", { key: "notice", type: "button", className: "bt-more", onClick: openSettings }, t("Add a notice in group settings")), + face ? null : (0, import_react37.createElement)(SharedRoomApprovals, { key: "approvals", room: room2 }), + face && (room2.face?.status === "candidate" || room2.face?.status === "joining") ? null : face ? (0, import_react37.createElement)(FaceMembers, { key: "members", room: room2, roster, actions }) : (0, import_react37.createElement)( "div", { key: "members" }, - (0, import_react36.createElement)("div", { className: "bt-section-title" }, t("Members · {count}", { count: members.length + humans.length + remotes.length })), - (0, import_react36.createElement)("div", { className: "bt-members", role: "list" }, [ - ...humans.map((person) => (0, import_react36.createElement)( + (0, import_react37.createElement)("div", { className: "bt-section-title" }, t("Members · {count}", { count: members.length + humans.length + remotes.length })), + (0, import_react37.createElement)("div", { className: "bt-members", role: "list" }, [ + ...humans.map((person) => (0, import_react37.createElement)( "div", { key: person.id, role: "listitem" }, - (0, import_react36.createElement)( + (0, import_react37.createElement)( "div", { className: "bt-member" }, - (0, import_react36.createElement)("span", { className: "bt-member-name" }, (0, import_react36.createElement)("span", null, person.displayName || person.id)), - (0, import_react36.createElement)("span", { className: "bt-chip" }, t("Human")), - person.role === "admin" ? (0, import_react36.createElement)("span", { className: "bt-chip bt-chip-admin" }, t("Admin")) : null + (0, import_react37.createElement)("span", { className: "bt-member-name" }, (0, import_react37.createElement)("span", null, person.displayName || person.id)), + (0, import_react37.createElement)("span", { className: "bt-chip" }, t("Human")), + person.role === "admin" ? (0, import_react37.createElement)("span", { className: "bt-chip bt-chip-admin" }, t("Admin")) : null ) )), - ...remotes.map((person) => (0, import_react36.createElement)( + ...remotes.map((person) => (0, import_react37.createElement)( "div", { key: person.handle || person.id, role: "listitem" }, - (0, import_react36.createElement)( + (0, import_react37.createElement)( "div", { className: "bt-member" }, - (0, import_react36.createElement)( + (0, import_react37.createElement)( "span", { className: "bt-member-name" }, - (0, import_react36.createElement)(BotAvatar, { bot: lookBotForRemote(person, roster), size: 26, badge: false, live: false }), - (0, import_react36.createElement)("span", null, person.label || remoteBotTitle(person)) + (0, import_react37.createElement)(BotAvatar, { bot: lookBotForRemote(person, roster), size: 26, badge: false, live: false }), + (0, import_react37.createElement)("span", null, person.label || remoteBotTitle(person)) ), - face ? null : (0, import_react36.createElement)("span", { className: "bt-chip" }, t("Friend's Bot")) + face ? null : (0, import_react37.createElement)("span", { className: "bt-chip" }, t("Friend's Bot")) ) )), ...members.map((member) => { const entry = entries2.find((item) => item.id === member.id); - return (0, import_react36.createElement)( + return (0, import_react37.createElement)( "div", { key: member.id, role: "listitem" }, - (0, import_react36.createElement)( + (0, import_react37.createElement)( "div", { className: "bt-member" }, - (0, import_react36.createElement)( + (0, import_react37.createElement)( "button", { type: "button", className: "bt-member-name", title: t("Open {name}'s chat", { name: member.name }), onClick: () => actions.openSession(member.id) }, - (0, import_react36.createElement)(BotAvatar, { bot: member, size: 26, main: isMainOf(roster, member.id), admin: room2.admin === member.id, live: false }), - (0, import_react36.createElement)("span", null, member.name) + (0, import_react37.createElement)(BotAvatar, { bot: member, size: 26, main: isMainOf(roster, member.id), admin: room2.admin === member.id, live: false }), + (0, import_react37.createElement)("span", null, member.name) ), - room2.admin === member.id ? (0, import_react36.createElement)("span", { className: "bt-chip bt-chip-admin" }, t("Admin")) : null + room2.admin === member.id ? (0, import_react37.createElement)("span", { className: "bt-chip bt-chip-admin" }, t("Admin")) : null ), - entry ? (0, import_react36.createElement)(MemberWork, { entry, bot: member, room: room2, roster, actions, now }) : null + entry ? (0, import_react37.createElement)(MemberWork, { entry, bot: member, room: room2, roster, actions, now }) : null ); }) ]) ), - face ? null : (0, import_react36.createElement)( + face ? null : (0, import_react37.createElement)( "div", { key: "mode" }, - (0, import_react36.createElement)("div", { className: "bt-section-title" }, t("Who answers")), - (0, import_react36.createElement)("div", { className: "bt-kv" }, (0, import_react36.createElement)("span", null, t(ROOM_MODES.find(([id]) => id === shownMode(room2, roster))?.[1] ?? "Everyone"))) + (0, import_react37.createElement)("div", { className: "bt-section-title" }, t("Who answers")), + (0, import_react37.createElement)("div", { className: "bt-kv" }, (0, import_react37.createElement)("span", null, t(ROOM_MODES.find(([id]) => id === shownMode(room2, roster))?.[1] ?? "Everyone"))) ), - face || !usage ? null : (0, import_react36.createElement)( + face || !usage ? null : (0, import_react37.createElement)( "div", { key: "usage" }, - (0, import_react36.createElement)("div", { className: "bt-section-title" }, t("Usage")), - (0, import_react36.createElement)("div", { className: "bt-kv" }, (0, import_react36.createElement)("span", null, room2.name), (0, import_react36.createElement)("span", null, usage)) + (0, import_react37.createElement)("div", { className: "bt-section-title" }, t("Usage")), + (0, import_react37.createElement)("div", { className: "bt-kv" }, (0, import_react37.createElement)("span", null, room2.name), (0, import_react37.createElement)("span", null, usage)) ) ]; } @@ -14813,15 +14861,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_react36.useState)("details"); + const [tab, setTab] = (0, import_react37.useState)("details"); const room2 = roster.roomsById[sessionId]; - const [view, setView] = (0, import_react36.useState)(startTab === "settings" && (owner || room2) ? "settings" : "overview"); - const [editing, setEditing] = (0, import_react36.useState)(Boolean(startRenaming && (roster.byId[sessionId] || roster.roomsById[sessionId]))); - const [draftName, setDraftName] = (0, import_react36.useState)(roster.byId[sessionId]?.name ?? (roster.roomsById[sessionId]?.named ? roster.roomsById[sessionId].name : "")); - const [copied, setCopied] = (0, import_react36.useState)(false); - const [error, setError] = (0, import_react36.useState)(""); + const [view, setView] = (0, import_react37.useState)(startTab === "settings" && (owner || room2) ? "settings" : "overview"); + const [editing, setEditing] = (0, import_react37.useState)(Boolean(startRenaming && (roster.byId[sessionId] || roster.roomsById[sessionId]))); + const [draftName, setDraftName] = (0, import_react37.useState)(roster.byId[sessionId]?.name ?? (roster.roomsById[sessionId]?.named ? roster.roomsById[sessionId].name : "")); + const [copied, setCopied] = (0, import_react37.useState)(false); + const [error, setError] = (0, import_react37.useState)(""); const glide = useGlide(tab); - const last = (0, import_react36.useRef)({ view, tab, move: void 0 }); + const last = (0, import_react37.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; @@ -14846,43 +14894,43 @@ function DetailsDrawer({ sessionId, startRenaming, startTab, hasStrip, roster, a setTimeout(() => setCopied(false), 1600); }); }; - const errorLine = error ? (0, import_react36.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null; + const errorLine = error ? (0, import_react37.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null; if ((bot || room2) && view === "settings" && !bot?.remote) { return [ - (0, import_react36.createElement)( + (0, import_react37.createElement)( "div", { key: "head", className: "bt-subhead", "data-move": move }, - (0, import_react36.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to details"), onClick: () => setView("overview") }, (0, import_react36.createElement)(ChevronLeftIcon)), - (0, import_react36.createElement)("span", { className: "bt-subhead-title" }, bot ? t("Settings") : t("Group settings")), - hasStrip ? null : (0, import_react36.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close details"), onClick: close }, (0, import_react36.createElement)(CloseIcon)) + (0, import_react37.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to details"), onClick: () => setView("overview") }, (0, import_react37.createElement)(ChevronLeftIcon)), + (0, import_react37.createElement)("span", { className: "bt-subhead-title" }, bot ? t("Settings") : t("Group settings")), + hasStrip ? null : (0, import_react37.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close details"), onClick: close }, (0, import_react37.createElement)(CloseIcon)) ), - (0, import_react36.createElement)( + (0, import_react37.createElement)( "div", { key: "set-body", className: "bt-drawer-body bt-set-body", "data-move": move }, errorLine, - bot ? (0, import_react36.createElement)(BotSettingsForm, { bot, roster, actions, run }) : (0, import_react36.createElement)(GroupSettingsForm, { room: room2, roster, actions, run, onDeleted: close }) + bot ? (0, import_react37.createElement)(BotSettingsForm, { bot, roster, actions, run }) : (0, import_react37.createElement)(GroupSettingsForm, { room: room2, roster, actions, run, onDeleted: close }) ) ]; } - const top = (0, import_react36.createElement)( + const top = (0, import_react37.createElement)( "div", { className: "bt-drawer-top", "data-move": side }, - bot || room2 ? (0, import_react36.createElement)("button", { + bot || room2 ? (0, import_react37.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_react36.createElement)(GearIcon)) : null, - bot && !bot.remote && roster.browser === true && actions.openBrowser ? (0, import_react36.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_react36.createElement)(GlobeIcon)) : null, - bot || room2 ? (0, import_react36.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_react36.createElement)("span", { key: "copied", className: "bt-pop-in" }, "✓") : (0, import_react36.createElement)(ShareIcon)) : null, - hasStrip ? null : (0, import_react36.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Close details"), onClick: close }, (0, import_react36.createElement)(CloseIcon)) + }, (0, import_react37.createElement)(GearIcon)) : null, + bot && !bot.remote && roster.browser === true && actions.openBrowser ? (0, import_react37.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_react37.createElement)(GlobeIcon)) : null, + bot || room2 ? (0, import_react37.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_react37.createElement)("span", { key: "copied", className: "bt-pop-in" }, "✓") : (0, import_react37.createElement)(ShareIcon)) : null, + hasStrip ? null : (0, import_react37.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Close details"), onClick: close }, (0, import_react37.createElement)(CloseIcon)) ); if (!bot && !room2) { return [ - (0, import_react36.createElement)(import_react36.Fragment, { key: "top" }, top), - (0, import_react36.createElement)("div", { key: "body", className: "bt-drawer-body" }, (0, import_react36.createElement)("div", { className: "bt-muted" }, t("This conversation is not part of your Bot team."))) + (0, import_react37.createElement)(import_react37.Fragment, { key: "top" }, top), + (0, import_react37.createElement)("div", { key: "body", className: "bt-drawer-body" }, (0, import_react37.createElement)("div", { className: "bt-muted" }, t("This conversation is not part of your Bot team."))) ]; } const current = bot?.name ?? room2.name; @@ -14896,12 +14944,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_react36.createElement)(import_react36.Fragment, { key: "top" }, top), - (0, import_react36.createElement)( + (0, import_react37.createElement)(import_react37.Fragment, { key: "top" }, top), + (0, import_react37.createElement)( "div", { key: "id", className: "bt-drawer-id", "data-move": side }, - bot ? (0, import_react36.createElement)(BotAvatar, { bot, size: 64, state: botState(running, doing, roster.questions?.[part] !== void 0), main: isMainBot, badge: false, gaze: true, pokeable: true }) : (0, import_react36.createElement)(RoomAvatar, { room: room2, roster, size: 64 }), - bot?.remote ? (0, import_react36.createElement)("div", { className: "bt-drawer-name" }, current) : room2?.origin === "face-to-face" ? (0, import_react36.createElement)("div", { className: "bt-drawer-name bt-drawer-name-face", title: current }, current) : editing ? (0, import_react36.createElement)("input", { + bot ? (0, import_react37.createElement)(BotAvatar, { bot, size: 64, state: botState(running, doing, roster.questions?.[part] !== void 0), main: isMainBot, badge: false, gaze: true, pokeable: true }) : (0, import_react37.createElement)(RoomAvatar, { room: room2, roster, size: 64 }), + bot?.remote ? (0, import_react37.createElement)("div", { className: "bt-drawer-name" }, current) : room2?.origin === "face-to-face" ? (0, import_react37.createElement)("div", { className: "bt-drawer-name bt-drawer-name-face", title: current }, current) : editing ? (0, import_react37.createElement)("input", { className: "bt-drawer-name-input", autoFocus: true, value: draftName, @@ -14916,59 +14964,59 @@ function DetailsDrawer({ sessionId, startRenaming, startTab, hasStrip, roster, a setEditing(false); } } - }) : (0, import_react36.createElement)("button", { type: "button", className: "bt-drawer-name", "aria-label": t("Rename {name}", { name: current }), title: t("Rename"), onClick: () => { + }) : (0, import_react37.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_react36.createElement)("span", { className: "bt-drawer-role" }, subtitle) : bot?.remote ? (0, import_react36.createElement)("span", { className: "bt-drawer-role" }, t("Friend's Bot")) : null + subtitle ? (0, import_react37.createElement)("span", { className: "bt-drawer-role" }, subtitle) : bot?.remote ? (0, import_react37.createElement)("span", { className: "bt-drawer-role" }, t("Friend's Bot")) : null ), - bot?.remote ? null : (0, import_react36.createElement)( + bot?.remote ? null : (0, import_react37.createElement)( "div", { key: "tabs", ref: glide.box, className: "bt-tabs", role: "tablist", "data-move": side }, - (0, import_react36.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }), - tabs.map((key) => (0, import_react36.createElement)("button", { key, type: "button", role: "tab", className: "bt-tab", "aria-selected": tab === key, onClick: () => setTab(key) }, t(TAB_LABELS[key]))) + (0, import_react37.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }), + tabs.map((key) => (0, import_react37.createElement)("button", { key, type: "button", role: "tab", className: "bt-tab", "aria-selected": tab === key, onClick: () => setTab(key) }, t(TAB_LABELS[key]))) ), - (0, import_react36.createElement)( + (0, import_react37.createElement)( "div", { key: `body:${tab}`, className: "bt-drawer-body", "data-move": move }, errorLine, - room2 && tab === "details" ? (0, import_react36.createElement)(GroupOverview, { room: room2, roster, actions, usage, useWork, openSettings: () => setView("settings") }) : null, + room2 && tab === "details" ? (0, import_react37.createElement)(GroupOverview, { room: room2, roster, actions, usage, useWork, openSettings: () => setView("settings") }) : null, bot && bot.remote && tab === "details" ? [ - bot.remote.handle ? (0, import_react36.createElement)("div", { key: "handle", className: "bt-muted" }, bot.remote.handle) : null, - (0, import_react36.createElement)(FlyBotDetails, { key: "social", bot, roster, actions }) + bot.remote.handle ? (0, import_react37.createElement)("div", { key: "handle", className: "bt-muted" }, bot.remote.handle) : null, + (0, import_react37.createElement)(FlyBotDetails, { key: "social", bot, roster, actions }) ] : null, bot && !bot.remote && tab === "details" ? [ - (0, import_react36.createElement)( + (0, import_react37.createElement)( "div", { key: "model", className: "bt-drawer-model" }, - (0, import_react36.createElement)("div", { className: "bt-section-title" }, t("Model")), - (0, import_react36.createElement)(ModelMenu, { bot, roster, actions, run, wide: true }), - modelOf(bot, roster) ? null : (0, import_react36.createElement)("div", { className: "bt-note" }, t("Pick a model and {name} can start.", { name: bot.name })) + (0, import_react37.createElement)("div", { className: "bt-section-title" }, t("Model")), + (0, import_react37.createElement)(ModelMenu, { bot, roster, actions, run, wide: true }), + modelOf(bot, roster) ? null : (0, import_react37.createElement)("div", { className: "bt-note" }, t("Pick a model and {name} can start.", { name: bot.name })) ), - (0, import_react36.createElement)(PermissionRow, { key: "permission", bot, roster, actions, run }), - (0, import_react36.createElement)( + (0, import_react37.createElement)(PermissionRow, { key: "permission", bot, roster, actions, run }), + (0, import_react37.createElement)( "div", { key: "folder", className: "bt-drawer-model" }, - (0, import_react36.createElement)("div", { className: "bt-section-title" }, t("Working folder")), - (0, import_react36.createElement)(FolderMenu, { value: bot.workDir, actions, run, wide: true, onPick: (workDir) => run(actions.updateBot(bot.id, { workDir })) }) + (0, import_react37.createElement)("div", { className: "bt-section-title" }, t("Working folder")), + (0, import_react37.createElement)(FolderMenu, { value: bot.workDir, actions, run, wide: true, onPick: (workDir) => run(actions.updateBot(bot.id, { workDir })) }) ), - bot.instructions ? (0, import_react36.createElement)(About, { key: "about", text: bot.instructions }) : (0, import_react36.createElement)("button", { key: "about", type: "button", className: "bt-more", onClick: () => setView("settings") }, t("Add instructions in Bot settings")), - roster.memory === false ? null : (0, import_react36.createElement)(MemoryRow, { key: "memory", bot, actions }), - usage ? (0, import_react36.createElement)( + bot.instructions ? (0, import_react37.createElement)(About, { key: "about", text: bot.instructions }) : (0, import_react37.createElement)("button", { key: "about", type: "button", className: "bt-more", onClick: () => setView("settings") }, t("Add instructions in Bot settings")), + roster.memory === false ? null : (0, import_react37.createElement)(MemoryRow, { key: "memory", bot, actions }), + usage ? (0, import_react37.createElement)( "div", { key: "usage" }, - (0, import_react36.createElement)("div", { className: "bt-section-title" }, t("Usage")), - (0, import_react36.createElement)("div", { className: "bt-kv" }, (0, import_react36.createElement)("span", null, bot.name), (0, import_react36.createElement)("span", null, usage)) + (0, import_react37.createElement)("div", { className: "bt-section-title" }, t("Usage")), + (0, import_react37.createElement)("div", { className: "bt-kv" }, (0, import_react37.createElement)("span", null, bot.name), (0, import_react37.createElement)("span", null, usage)) ) : null, - (0, import_react36.createElement)(ScheduleSummary, { key: "routines", bot, actions }) + (0, import_react37.createElement)(ScheduleSummary, { key: "routines", bot, actions }) ] : null, - bot && !bot.remote && tab === "browser" ? (0, import_react36.createElement)(BrowserCards, { bot, sessionId, roster, actions, useBrowserTabs, useBrowserPages }) : null + bot && !bot.remote && tab === "browser" ? (0, import_react37.createElement)(BrowserCards, { bot, sessionId, roster, actions, useBrowserTabs, useBrowserPages }) : null ) ]; } // src/client/browser-pane.js -var import_react37 = require("react"); +var import_react38 = require("react"); var import_react_dom8 = require("react-dom"); var PANEL_LINGER_MS = 300; var WIDTH_KEY = STORAGE.browserWidth; @@ -14983,10 +15031,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_react37.createElement)( + return (0, import_react38.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_react37.createElement)("path", { key: index, d })) + paths.map((d, index) => (0, import_react38.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"]); @@ -14998,9 +15046,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_react37.useState)(null); - if (!src || failed === src) return (0, import_react37.createElement)("span", { className: `${className} bt-ptab-globe` }, (0, import_react37.createElement)(GlobeIcon)); - return (0, import_react37.createElement)("img", { className, src, alt: "", "aria-hidden": true, onError: () => setFailed(src) }); + const [failed, setFailed] = (0, import_react38.useState)(null); + if (!src || failed === src) return (0, import_react38.createElement)("span", { className: `${className} bt-ptab-globe` }, (0, import_react38.createElement)(GlobeIcon)); + return (0, import_react38.createElement)("img", { className, src, alt: "", "aria-hidden": true, onError: () => setFailed(src) }); } var savedWidth = () => { try { @@ -15059,11 +15107,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_react37.useRef)(null); - const ind = (0, import_react37.useRef)(null); - const spot = (0, import_react37.useRef)(null); - const under = (0, import_react37.useRef)(null); - (0, import_react37.useLayoutEffect)(() => { + const wrap = (0, import_react38.useRef)(null); + const ind = (0, import_react38.useRef)(null); + const spot = (0, import_react38.useRef)(null); + const under = (0, import_react38.useRef)(null); + (0, import_react38.useLayoutEffect)(() => { const box = wrap.current; const capsule = ind.current; if (!box || !capsule) return void 0; @@ -15092,7 +15140,7 @@ function PanelStrip({ bot, subject, view, ids, active, reading, onView, actions, trail.cancel(); }; }); - (0, import_react37.useEffect)(() => { + (0, import_react38.useEffect)(() => { const box = wrap.current; if (!box) return void 0; const observer = new ResizeObserver(() => { @@ -15106,13 +15154,13 @@ function PanelStrip({ bot, subject, view, ids, active, reading, onView, actions, observer.observe(box); return () => observer.disconnect(); }, []); - return (0, import_react37.createElement)( + return (0, import_react38.createElement)( "div", { className: "bt-ptabs", role: "tablist", "aria-label": t("Panel tabs") }, - (0, import_react37.createElement)( + (0, import_react38.createElement)( "div", { className: "bt-ptabs-in", ref: wrap }, - (0, import_react37.createElement)( + (0, import_react38.createElement)( "button", { type: "button", @@ -15122,13 +15170,13 @@ function PanelStrip({ bot, subject, view, ids, active, reading, onView, actions, title: bot.name, onClick: () => onView("details") }, - (0, import_react37.createElement)(BotMark, { bot, size: 20, state: reading ? "searching" : "idle" }), - view === "details" ? (0, import_react37.createElement)("span", { className: "bt-ptab-name" }, bot.name) : null + (0, import_react38.createElement)(BotMark, { bot, size: 20, state: reading ? "searching" : "idle" }), + view === "details" ? (0, import_react38.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_react37.createElement)( + return (0, import_react38.createElement)( "button", { key: tabId, @@ -15149,9 +15197,9 @@ function PanelStrip({ bot, subject, view, ids, active, reading, onView, actions, } } }, - (0, import_react37.createElement)(Favicon, { src: page.favicon, className: "bt-ptab-fav" }), - (0, import_react37.createElement)("span", { className: "bt-ptab-title" }, tabLabel(page)), - (0, import_react37.createElement)("span", { + (0, import_react38.createElement)(Favicon, { src: page.favicon, className: "bt-ptab-fav" }), + (0, import_react38.createElement)("span", { className: "bt-ptab-title" }, tabLabel(page)), + (0, import_react38.createElement)("span", { className: "bt-ptab-x", role: "button", "aria-label": t("Close tab"), @@ -15163,20 +15211,20 @@ function PanelStrip({ bot, subject, view, ids, active, reading, onView, actions, }, "×") ); }), - (0, import_react37.createElement)("span", { ref: ind, className: "bt-ptab-ind", "aria-hidden": true }) + (0, import_react38.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_react37.createElement)("button", { type: "button", className: "bt-ptab-new", "aria-label": t("New tab"), title: t("New tab"), onClick: () => actions.browserNewTab(subject) }, (0, import_react37.createElement)(PlusTabIcon)), - (0, import_react37.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_react37.createElement)(CloseIcon2)) + (0, import_react38.createElement)("button", { type: "button", className: "bt-ptab-new", "aria-label": t("New tab"), title: t("New tab"), onClick: () => actions.browserNewTab(subject) }, (0, import_react38.createElement)(PlusTabIcon)), + (0, import_react38.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_react38.createElement)(CloseIcon2)) ); } function BrowserView({ bot, tabId, leaving, landed, actions, useBrowserPages }) { const page = useBrowserPages((pages) => pages[tabId ?? ""]) ?? EMPTY_PAGE; - const frame = (0, import_react37.useRef)(null); - const input = (0, import_react37.useRef)(null); - const [draft, setDraft] = (0, import_react37.useState)(null); + const frame = (0, import_react38.useRef)(null); + const input = (0, import_react38.useRef)(null); + const [draft, setDraft] = (0, import_react38.useState)(null); const showGuest = landed && !leaving && Boolean(page.url) && !page.error; - (0, import_react37.useLayoutEffect)(() => { + (0, import_react38.useLayoutEffect)(() => { const element = frame.current; if (!element || leaving || !tabId) { void actions.browserShow(null); @@ -15202,7 +15250,7 @@ function BrowserView({ bot, tabId, leaving, landed, actions, useBrowserPages }) window.removeEventListener("resize", schedule); }; }, [tabId, showGuest, leaving]); - (0, import_react37.useEffect)(() => { + (0, import_react38.useEffect)(() => { setDraft(null); if (landed && !page.url) input.current?.focus(); }, [tabId, landed]); @@ -15218,27 +15266,27 @@ function BrowserView({ bot, tabId, leaving, landed, actions, useBrowserPages }) }; const editing = draft !== null; const secure = /^https:/i.test(page.url); - return (0, import_react37.createElement)( + return (0, import_react38.createElement)( "div", { className: "bt-panel-view bt-panel-browser", "aria-label": t("{name}'s browser", { name: bot.name }) }, - (0, import_react37.createElement)( + (0, import_react38.createElement)( "div", { className: "bt-browser-bar" }, - (0, import_react37.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_react37.createElement)(BackIcon)), - (0, import_react37.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_react37.createElement)(ForwardIcon)), - (0, import_react37.createElement)("button", { + (0, import_react38.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_react38.createElement)(BackIcon)), + (0, import_react38.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_react38.createElement)(ForwardIcon)), + (0, import_react38.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_react37.createElement)(page.loading ? StopIcon : ReloadIcon)), - (0, import_react37.createElement)( + }, (0, import_react38.createElement)(page.loading ? StopIcon : ReloadIcon)), + (0, import_react38.createElement)( "form", { className: "bt-browser-address", onSubmit: go, "data-editing": editing || void 0 }, - (0, import_react37.createElement)("span", { className: "bt-browser-scheme", "aria-hidden": true }, (0, import_react37.createElement)(secure && !editing ? LockIcon2 : GlobeIcon)), - (0, import_react37.createElement)("input", { + (0, import_react38.createElement)("span", { className: "bt-browser-scheme", "aria-hidden": true }, (0, import_react38.createElement)(secure && !editing ? LockIcon2 : GlobeIcon)), + (0, import_react38.createElement)("input", { ref: input, type: "text", spellCheck: false, @@ -15262,25 +15310,25 @@ function BrowserView({ bot, tabId, leaving, landed, actions, useBrowserPages }) } }) ), - page.loading ? (0, import_react37.createElement)("span", { className: "bt-browser-progress", "aria-hidden": true }) : null + page.loading ? (0, import_react38.createElement)("span", { className: "bt-browser-progress", "aria-hidden": true }) : null ), - (0, import_react37.createElement)( + (0, import_react38.createElement)( "div", { ref: frame, className: "bt-browser-frame", "data-guest": showGuest || void 0 }, - page.error ? (0, import_react37.createElement)( + page.error ? (0, import_react38.createElement)( "div", { className: "bt-browser-empty" }, - (0, import_react37.createElement)("div", { className: "bt-browser-empty-title" }, t("This page didn’t load")), - (0, import_react37.createElement)("div", { className: "bt-browser-empty-text" }, t(page.error)), - page.url ? (0, import_react37.createElement)("button", { type: "button", className: "bt-browser-retry", onClick: () => { + (0, import_react38.createElement)("div", { className: "bt-browser-empty-title" }, t("This page didn’t load")), + (0, import_react38.createElement)("div", { className: "bt-browser-empty-text" }, t(page.error)), + page.url ? (0, import_react38.createElement)("button", { type: "button", className: "bt-browser-retry", onClick: () => { void actions.browserNavigate(tabId, page.url); } }, t("Try again")) : null - ) : !page.url ? (0, import_react37.createElement)( + ) : !page.url ? (0, import_react38.createElement)( "div", { className: "bt-browser-empty" }, - (0, import_react37.createElement)(BotMark, { bot, size: 48, state: "idle", live: true }), - (0, import_react37.createElement)("div", { className: "bt-browser-empty-title" }, t("{name}'s browser", { name: bot.name })), - (0, import_react37.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_react38.createElement)(BotMark, { bot, size: 48, state: "idle", live: true }), + (0, import_react38.createElement)("div", { className: "bt-browser-empty-title" }, t("{name}'s browser", { name: bot.name })), + (0, import_react38.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 ) ); @@ -15292,41 +15340,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_react37.useRef)(null); - const fly = (0, import_react37.useRef)(null); - const [landed, setLanded] = (0, import_react37.useState)(false); - const [settling, setSettling] = (0, import_react37.useState)(false); - const [width, setWidth] = (0, import_react37.useState)(savedWidth); - const [viewport, setViewport] = (0, import_react37.useState)(() => window.innerWidth); - const [dragging, setDragging] = (0, import_react37.useState)(false); - const [resizing, setResizing] = (0, import_react37.useState)(false); + const root = (0, import_react38.useRef)(null); + const fly = (0, import_react38.useRef)(null); + const [landed, setLanded] = (0, import_react38.useState)(false); + const [settling, setSettling] = (0, import_react38.useState)(false); + const [width, setWidth] = (0, import_react38.useState)(savedWidth); + const [viewport, setViewport] = (0, import_react38.useState)(() => window.innerWidth); + const [dragging, setDragging] = (0, import_react38.useState)(false); + const [resizing, setResizing] = (0, import_react38.useState)(false); const instant = dragging || resizing; - const [reading, setReading] = (0, import_react37.useState)(false); + const [reading, setReading] = (0, import_react38.useState)(false); const panelWidth = fitWidth(width ?? (view === "browser" ? DEFAULT_WIDTH : DETAILS_WIDTH), widthRange(view, viewport)); - (0, import_react37.useLayoutEffect)(() => { + (0, import_react38.useLayoutEffect)(() => { if (view === "browser" && width === null) setWidth(DEFAULT_WIDTH); }, [view, width]); - (0, import_react37.useLayoutEffect)(() => { + (0, import_react38.useLayoutEffect)(() => { chatRoom.hold(instant); }, [instant]); - const [last, setLast] = (0, import_react37.useState)({ view, width: panelWidth }); + const [last, setLast] = (0, import_react38.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_react37.useRef)(view); - (0, import_react37.useLayoutEffect)(() => { + const shownView = (0, import_react38.useRef)(view); + (0, import_react38.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_react37.useEffect)(() => () => { + (0, import_react38.useEffect)(() => () => { chatRoom.set(null); chatRoom.hold(false); }, []); - (0, import_react37.useEffect)(() => { + (0, import_react38.useEffect)(() => { let timer; const onResize = () => { setResizing(true); @@ -15340,28 +15388,28 @@ function BotPanel({ pane, leaving, roster, actions, useSessions, useSessionStatu window.removeEventListener("resize", onResize); }; }, []); - (0, import_react37.useEffect)(() => { + (0, import_react38.useEffect)(() => { if (!settling) return void 0; const timer = setTimeout(() => setSettling(false), SPRING_SHAPE.duration + 40); return () => clearTimeout(timer); }, [settling, view]); - (0, import_react37.useEffect)(() => { + (0, import_react38.useEffect)(() => { const timer = setTimeout(() => setLanded(true), 360); return () => clearTimeout(timer); }, []); - (0, import_react37.useEffect)(() => { + (0, import_react38.useEffect)(() => { if (canBrowse) actions.browserEnsure(bot.id); }, [bot?.id, canBrowse]); - (0, import_react37.useEffect)(() => { + (0, import_react38.useEffect)(() => { if (view === "browser" && (active === null || !tabState.ids.includes(active))) actions.setPanelView("details"); }, [view, active, tabState.ids.length]); - (0, import_react37.useEffect)(() => { + (0, import_react38.useEffect)(() => { if (view !== "browser" || leaving) void actions.browserShow?.(null); }, [view, leaving]); - (0, import_react37.useEffect)(() => () => { + (0, import_react38.useEffect)(() => () => { void actions.browserShow?.(null); }, []); - (0, import_react37.useEffect)(() => { + (0, import_react38.useEffect)(() => { if (!page.readAt || Date.now() - page.readAt > READ_FLASH_MS) return void 0; setReading(true); const timer = setTimeout(() => setReading(false), READ_FLASH_MS); @@ -15398,7 +15446,7 @@ function BotPanel({ pane, leaving, roster, actions, useSessions, useSessionStatu return actions[name](...args); }; } - (0, import_react37.useLayoutEffect)(() => { + (0, import_react38.useLayoutEffect)(() => { const move = fly.current; if (!move) return; fly.current = null; @@ -15481,7 +15529,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_react37.createElement)( + return (0, import_react38.createElement)( "aside", { ref: root, @@ -15498,15 +15546,15 @@ function BotPanel({ pane, leaving, roster, actions, useSessions, useSessionStatu if (event.target === event.currentTarget) setLanded(true); } }, - leaving ? null : (0, import_react37.createElement)("div", { className: "bt-panel-grip", role: "separator", "aria-orientation": "vertical", "aria-label": t("Resize panel"), onPointerDown: startResize }), + leaving ? null : (0, import_react38.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_react37.createElement)("div", { className: "bt-drag-shield", "aria-hidden": true }), document.body) : null, - hasStrip ? (0, import_react37.createElement)(PanelStrip, { bot, subject: pane.id, view, ids: tabState.ids, active, reading, onView: switchView, actions: panelActions, useBrowserPages }) : null, - view === "browser" && bot ? (0, import_react37.createElement)(BrowserView, { key: `browser:${active}`, bot, tabId: active, leaving, landed: landed && !settling, actions, useBrowserPages }) : (0, import_react37.createElement)( + dragging ? (0, import_react_dom8.createPortal)((0, import_react38.createElement)("div", { className: "bt-drag-shield", "aria-hidden": true }), document.body) : null, + hasStrip ? (0, import_react38.createElement)(PanelStrip, { bot, subject: pane.id, view, ids: tabState.ids, active, reading, onView: switchView, actions: panelActions, useBrowserPages }) : null, + view === "browser" && bot ? (0, import_react38.createElement)(BrowserView, { key: `browser:${active}`, bot, tabId: active, leaving, landed: landed && !settling, actions, useBrowserPages }) : (0, import_react38.createElement)( "div", { key: `details:${pane.id}:${pane.renaming ? "rename" : ""}:${pane.tab ?? ""}`, className: "bt-panel-view" }, - (0, import_react37.createElement)(DetailsDrawer, { + (0, import_react38.createElement)(DetailsDrawer, { sessionId: pane.id, startRenaming: pane.renaming, startTab: pane.tab, @@ -15603,7 +15651,7 @@ var BROWSER_CSS = ` `; // src/client/remote-bot-settings.js -var import_react38 = require("react"); +var import_react39 = 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} @@ -15627,8 +15675,8 @@ var REMOTE_BOT_SETTINGS_CSS = ` function RemoteBotSettingsSheet({ bot, roster, actions, leaving = false }) { const close = () => actions.closeSettings(); useEscape(close); - const dialog = (0, import_react38.useRef)(null); - (0, import_react38.useEffect)(() => { + const dialog = (0, import_react39.useRef)(null); + (0, import_react39.useEffect)(() => { const before = document.activeElement; dialog.current?.focus?.({ preventScroll: true }); return () => { @@ -15643,37 +15691,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_react38.createElement)( + return (0, import_react39.createElement)( "div", { className: "bt-remote-sheet-layer", "data-leaving": leaving || void 0, "data-flybot": "remote-bot-sheet" }, - (0, import_react38.createElement)("div", { className: "bt-scrim", onMouseDown: close }), - (0, import_react38.createElement)( + (0, import_react39.createElement)("div", { className: "bt-scrim", onMouseDown: close }), + (0, import_react39.createElement)( "div", { className: "bt-remote-sheet", role: "dialog", "aria-modal": true, "aria-label": t("Bot settings"), tabIndex: -1, ref: dialog, onKeyDown }, - (0, import_react38.createElement)( + (0, import_react39.createElement)( "div", { className: "bt-remote-sheet-head" }, - (0, import_react38.createElement)(BotMark, { bot, size: 40, live: true }), - (0, import_react38.createElement)( + (0, import_react39.createElement)(BotMark, { bot, size: 40, live: true }), + (0, import_react39.createElement)( "div", { className: "bt-remote-sheet-who" }, - (0, import_react38.createElement)("span", { className: "bt-remote-sheet-name" }, bot.name), - (0, import_react38.createElement)("span", { className: "bt-remote-sheet-sub" }, who) + (0, import_react39.createElement)("span", { className: "bt-remote-sheet-name" }, bot.name), + (0, import_react39.createElement)("span", { className: "bt-remote-sheet-sub" }, who) ), - (0, import_react38.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close settings"), onClick: close }, (0, import_react38.createElement)(CloseIcon)) + (0, import_react39.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close settings"), onClick: close }, (0, import_react39.createElement)(CloseIcon)) ), - (0, import_react38.createElement)( + (0, import_react39.createElement)( "div", { className: "bt-remote-sheet-body" }, - bot.remote.handle ? (0, import_react38.createElement)("div", { className: "bt-muted", style: { marginBottom: 8, fontSize: 12 } }, bot.remote.handle) : null, - (0, import_react38.createElement)(FlyBotDetails, { bot, roster, actions }) + bot.remote.handle ? (0, import_react39.createElement)("div", { className: "bt-muted", style: { marginBottom: 8, fontSize: 12 } }, bot.remote.handle) : null, + (0, import_react39.createElement)(FlyBotDetails, { bot, roster, actions }) ) ) ); } // src/client/overlays.js -var import_react39 = require("react"); +var import_react40 = require("react"); var import_react_dom9 = require("react-dom"); var DIALOG_EXIT_MS = 160; var MENU_EXIT_MS3 = 120; @@ -15682,15 +15730,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_react39.useRef)(current); - (0, import_react39.useEffect)(() => { + const previous = (0, import_react40.useRef)(current); + (0, import_react40.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_react39.useState)(open); - (0, import_react39.useEffect)(() => { + const [kept, setKept] = (0, import_react40.useState)(open); + (0, import_react40.useEffect)(() => { if (open) { setKept(open); return void 0; @@ -15705,19 +15753,19 @@ function Overlays({ useRoster, useUi, useSessions, useSessionStatus, useActivity const [memory, memoryLeaving] = useLinger(ui2.memory && roster.byId[ui2.memory] ? ui2.memory : null, DIALOG_EXIT_MS); const [menu, menuLeaving] = useLinger(ui2.menu, MENU_EXIT_MS3); const [inbox, inboxLeaving] = useLinger(ui2.inbox ?? null, DIALOG_EXIT_MS); - return (0, import_react39.createElement)( - import_react39.Fragment, + return (0, import_react40.createElement)( + import_react40.Fragment, null, - pane ? (0, import_react_dom9.createPortal)((0, import_react39.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_react39.createElement)(NewChat, { key: ui2.newChat, mode: ui2.newChat, roster, actions }), document.body) : null, - ui2.palette ? (0, import_react_dom9.createPortal)((0, import_react39.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_react39.createElement)(ExchangeDialog, { pair: ui2.exchange, roster, actions }), document.body) : null, - ui2.voice ? (0, import_react_dom9.createPortal)((0, import_react39.createElement)(VoiceMode, { key: ui2.voice, sessionId: ui2.voice, roster, actions, useSessions, useSessionStatus }), document.body) : null, - menu ? (0, import_react_dom9.createPortal)((0, import_react39.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_react39.createElement)(SettingsDialog, { page: settings.page, id: settings.id, roster, actions, useUpdate, leaving: settingsLeaving }), document.body) : null, - remoteBotSettings ? (0, import_react_dom9.createPortal)((0, import_react39.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_react39.createElement)(MemoryDialog, { key: memory, bot: roster.byId[memory], actions, leaving: memoryLeaving }), document.body) : null, - inbox ? (0, import_react_dom9.createPortal)((0, import_react39.createElement)(InboxDialog, { roster, useWork, useSessions, actions, leaving: inboxLeaving }), document.body) : null + pane ? (0, import_react_dom9.createPortal)((0, import_react40.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_react40.createElement)(NewChat, { key: ui2.newChat, mode: ui2.newChat, roster, actions }), document.body) : null, + ui2.palette ? (0, import_react_dom9.createPortal)((0, import_react40.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_react40.createElement)(ExchangeDialog, { pair: ui2.exchange, roster, actions }), document.body) : null, + ui2.voice ? (0, import_react_dom9.createPortal)((0, import_react40.createElement)(VoiceMode, { key: ui2.voice, sessionId: ui2.voice, roster, actions, useSessions, useSessionStatus }), document.body) : null, + menu ? (0, import_react_dom9.createPortal)((0, import_react40.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_react40.createElement)(SettingsDialog, { page: settings.page, id: settings.id, roster, actions, useUpdate, leaving: settingsLeaving }), document.body) : null, + remoteBotSettings ? (0, import_react_dom9.createPortal)((0, import_react40.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_react40.createElement)(MemoryDialog, { key: memory, bot: roster.byId[memory], actions, leaving: memoryLeaving }), document.body) : null, + inbox ? (0, import_react_dom9.createPortal)((0, import_react40.createElement)(InboxDialog, { roster, useWork, useSessions, actions, leaving: inboxLeaving }), document.body) : null ); } @@ -16606,7 +16654,7 @@ function writeMode(mode, storage = globalThis.localStorage) { } // src/client/user-message.js -var import_react40 = require("react"); +var import_react41 = require("react"); var ui = __toESM(require("@deepseek-ai/dsh-client-ui-primitives"), 1); var canDrawUserMessages = () => typeof ui.projectUserText === "function"; function contentParts(content) { @@ -16670,38 +16718,38 @@ function userTextParts(text, bots, referenceLabels = []) { return parts; } function UserText({ text, bots, referenceLabels, skillNames, references, actions }) { - return userTextParts(text, bots, referenceLabels).map((part, index) => part.bot ? (0, import_react40.createElement)( + return userTextParts(text, bots, referenceLabels).map((part, index) => part.bot ? (0, import_react41.createElement)( "button", { key: index, type: "button", className: "bt-umention", title: `@${part.bot.name}`, onClick: () => actions.openSession(part.bot.id) }, - (0, import_react40.createElement)(BotMark, { bot: part.bot, size: 16 }), + (0, import_react41.createElement)(BotMark, { bot: part.bot, size: 16 }), `@${part.bot.mentionLabel ?? part.label}` - ) : (0, import_react40.createElement)(import_react40.Fragment, { key: index }, ui.projectUserText(part.text, referenceLabels, skillNames, "skill", references))); + ) : (0, import_react41.createElement)(import_react41.Fragment, { key: index }, ui.projectUserText(part.text, referenceLabels, skillNames, "skill", references))); } function Attachments({ attachments, renderMessageImages }) { const compact2 = attachments.length > 1; - return (0, import_react40.createElement)("div", { className: "bt-uattach" }, attachments.map((block, index) => { + return (0, import_react41.createElement)("div", { className: "bt-uattach" }, attachments.map((block, index) => { if (block.type === "image") { - return renderMessageImages ? (0, import_react40.createElement)(import_react40.Fragment, { key: index }, renderMessageImages({ images: [{ attachment: block.attachment }], align: "end", compact: compact2 })) : null; + return renderMessageImages ? (0, import_react41.createElement)(import_react41.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_react40.createElement)( + return (0, import_react41.createElement)( "span", { key: index, className: "bt-ufile", title: file.name }, - ui.FileTypeIcon ? (0, import_react40.createElement)(ui.FileTypeIcon, { path: file.name, className: "bt-ufile-icon" }) : null, - (0, import_react40.createElement)("span", { className: "bt-ufile-text" }, (0, import_react40.createElement)("span", { className: "bt-ufile-name" }, file.name), meta ? (0, import_react40.createElement)("span", { className: "bt-ufile-meta" }, meta) : null) + ui.FileTypeIcon ? (0, import_react41.createElement)(ui.FileTypeIcon, { path: file.name, className: "bt-ufile-icon" }) : null, + (0, import_react41.createElement)("span", { className: "bt-ufile-text" }, (0, import_react41.createElement)("span", { className: "bt-ufile-name" }, file.name), meta ? (0, import_react41.createElement)("span", { className: "bt-ufile-meta" }, meta) : null) ); })); } function CopyButton({ text }) { - const [copied, setCopied] = (0, import_react40.useState)(false); + const [copied, setCopied] = (0, import_react41.useState)(false); const copy2 = () => { void navigator.clipboard?.writeText(text).then(() => { setCopied(true); setTimeout(() => setCopied(false), 1e3); }); }; - return (0, import_react40.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_react40.createElement)(CheckIcon) : (0, import_react40.createElement)(CopyIcon)); + return (0, import_react41.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_react41.createElement)(CheckIcon) : (0, import_react41.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 }) { @@ -16718,7 +16766,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_react40.createElement)( + return (0, import_react41.createElement)( "div", { className: incoming ? "bt-umsg bt-umsg-other" : "bt-umsg", @@ -16728,22 +16776,22 @@ function UserMessageCell({ node, sessionId, useRoster, actions, renderMessageIma "data-author-kind": author?.authorKind, "data-author-name": author?.name }, - person ? (0, import_react40.createElement)("span", { className: "bt-lead", title: author.name }, (0, import_react40.createElement)(PersonMark, { name: author.name })) : null, - faceMine ? (0, import_react40.createElement)("span", { className: "bt-lead", title: myName || void 0 }, (0, import_react40.createElement)(PersonMark, { name: myName || void 0 })) : null, - (0, import_react40.createElement)( + person ? (0, import_react41.createElement)("span", { className: "bt-lead", title: author.name }, (0, import_react41.createElement)(PersonMark, { name: author.name })) : null, + faceMine ? (0, import_react41.createElement)("span", { className: "bt-lead", title: myName || void 0 }, (0, import_react41.createElement)(PersonMark, { name: myName || void 0 })) : null, + (0, import_react41.createElement)( "div", { className: "bt-ustack" }, - faceMine && myName ? (0, import_react40.createElement)("span", { className: "bt-uauthor" }, myName) : author && (incoming || multiHuman) ? (0, import_react40.createElement)("span", { className: "bt-uauthor" }, author.name, author.ownerName ? (0, import_react40.createElement)("span", { className: "bt-chip" }, t("Friend's Bot")) : null) : null, - attachments.length > 0 ? (0, import_react40.createElement)(Attachments, { attachments, renderMessageImages }) : null, - text !== "" || rest.length > 0 ? (0, import_react40.createElement)( + faceMine && myName ? (0, import_react41.createElement)("span", { className: "bt-uauthor" }, myName) : author && (incoming || multiHuman) ? (0, import_react41.createElement)("span", { className: "bt-uauthor" }, author.name, author.ownerName ? (0, import_react41.createElement)("span", { className: "bt-chip" }, t("Friend's Bot")) : null) : null, + attachments.length > 0 ? (0, import_react41.createElement)(Attachments, { attachments, renderMessageImages }) : null, + text !== "" || rest.length > 0 ? (0, import_react41.createElement)( "div", { className: "bt-ubody", title: clock3(data.time) }, - (0, import_react40.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_react40.createElement)(ui.JsonBlock, { key: index, label: t("Content"), payload: block }) : null) + (0, import_react41.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_react41.createElement)(ui.JsonBlock, { key: index, label: t("Content"), payload: block }) : null) ) : null, - referenceLabels.length > 0 ? (0, import_react40.createElement)("div", { className: "bt-urefs" }, t("Referenced {labels}", { labels: referenceLabels.join(t(", ")) })) : null + referenceLabels.length > 0 ? (0, import_react41.createElement)("div", { className: "bt-urefs" }, t("Referenced {labels}", { labels: referenceLabels.join(t(", ")) })) : null ), - text === "" ? null : (0, import_react40.createElement)("div", { className: "bt-utools" }, (0, import_react40.createElement)(CopyButton, { text })) + text === "" ? null : (0, import_react41.createElement)("div", { className: "bt-utools" }, (0, import_react41.createElement)(CopyButton, { text })) ); } var USER_MESSAGE_CSS = ` @@ -16841,7 +16889,7 @@ function noticeApprovals({ work, roster, shownSession, openSession, since: since } // src/client/stats-dock.js -var import_react41 = require("react"); +var import_react42 = require("react"); var STATS_DOCK = "conversation.composer.dock"; var STATS_ID = "stats"; var noun = (count, one, many) => `${count} ${Number(count) === 1 ? one : many}`; @@ -16856,10 +16904,10 @@ function pluralStats(t2) { function statsDock(entriesOf) { const shell = () => (entriesOf(STATS_DOCK) ?? []).find((entry) => entry?.component !== StatsDock && entry?.options?.id === STATS_ID); function StatsDock(props) { - const t2 = (0, import_react41.useMemo)(() => typeof props.t === "function" ? pluralStats(props.t) : props.t, [props.t]); + const t2 = (0, import_react42.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_react41.createElement)(entry.component, { ...props, t: t2 }); + return (0, import_react42.createElement)(entry.component, { ...props, t: t2 }); } return { component: StatsDock, inject: (...args) => shell()?.inject?.(...args) ?? {} }; } @@ -17481,6 +17529,7 @@ function apply(ctx) { answerQuestion: (sessionId, questionId, answer) => after(call("answer-question", { sessionId: partFor(sessionId), questionId, answer })), dismissQuestion: (sessionId) => after(call("dismiss-question", { sessionId })), answerApproval: (id, choice) => after(call("approval-answer", { id, choice })), + removeStandingApproval: (scope, id, kind) => after(call("standing-approval-remove", { scope, id, kind })), 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)), diff --git a/core/src/client/bot-settings.js b/core/src/client/bot-settings.js index 6472f5c8..86284029 100644 --- a/core/src/client/bot-settings.js +++ b/core/src/client/bot-settings.js @@ -14,6 +14,7 @@ import { BotConnectorsCard } from './connector-bots.js' import { useMemoryCount } from './memory-panel.js' import { SPRING_SHAPE, SPRING_TAP, spring, useGlide } from './motion.js' import { t } from './i18n.js' +import { StandingApprovalsCard } from './standing-approvals.js' const capitalize = word => word[0].toUpperCase() + word.slice(1) @@ -243,6 +244,7 @@ export function BotSettingsForm({ bot, roster, actions, run }) { h(BotConnectorsCard, { bot, roster, actions, run, Card, SwitchRow }), roster.memory === false ? null : h(MemoryCard, { bot, actions }), h(BotSchedules, { bot, roster, actions }), + h(StandingApprovalsCard, { scope: 'bot', target: bot, roster, actions, run, Card }), h(Card, { title: t('Main Bot') }, onlyMain ? h('div', { className: 'bt-set-row bt-bs-row' }, diff --git a/core/src/client/group-settings.js b/core/src/client/group-settings.js index b2b4d20b..79e39dea 100644 --- a/core/src/client/group-settings.js +++ b/core/src/client/group-settings.js @@ -6,6 +6,7 @@ import { Card, Row, InlineText, SwitchRow } from './bot-settings.js' import { Segmented } from './motion.js' import { FolderMenu } from './folder-menu.js' import { t } from './i18n.js' +import { StandingApprovalsCard } from './standing-approvals.js' import { remoteBotTitle } from '../shared/remote-label.js' export const ROOM_MODES = [ @@ -209,6 +210,7 @@ export function GroupSettingsForm({ room, roster, actions, run, onDeleted }) { members.length < 2 ? t('Add a Bot first: a group chat needs at least two.') : admin ? t('{name} leads this group: it can call members with @Name, change the group, and post here.', { name: admin.name }) : t('No admin yet. An admin can call members with @Name, change the group, and post here.')))), + h(StandingApprovalsCard, { scope: 'room', target: room, roster, actions, run, Card }), h(Card, { title: t('Sidebar') }, h(SwitchRow, { label: t('Pin'), hint: t('Kept above the other chats.'), on: room.pinned === true, onChange: pinned => run(actions.setFlags(room.id, { pinned })) }), h(SwitchRow, { label: t('Hide from sidebar'), hint: t('Search still finds it.'), on: room.hidden === true, onChange: hidden => run(actions.setFlags(room.id, { hidden })) })), diff --git a/core/src/client/i18n.js b/core/src/client/i18n.js index c08a85e7..c866ea35 100644 --- a/core/src/client/i18n.js +++ b/core/src/client/i18n.js @@ -670,6 +670,14 @@ const ZH = { 'in its own chat': '在自己的对话里', Reject: '拒绝', 'Allow once': '允许一次', + 'Always allow for this Bot': '此 Bot 始终允许', + 'Always allow for this group': '本群始终允许', + 'Always allowed for {name}': '已为 {name} 始终允许', + 'Always allowed in this group': '已在本群始终允许', + 'Always allowed': '始终允许', + 'Your Bots in this group do these without asking.': '你在本群的 Bot 做这些时不再询问。', + 'This Bot does these without asking.': '此 Bot 做这些时不再询问。', + 'Remove always allow for {kind}': '移除 {kind} 的始终允许', "Couldn't message {name}": '没能给 {name} 发消息', Messaged: '已发消息给', "Couldn't stop {name}": '没能叫停 {name}', diff --git a/core/src/client/inbox.js b/core/src/client/inbox.js index 832d6162..45f59fc7 100644 --- a/core/src/client/inbox.js +++ b/core/src/client/inbox.js @@ -12,6 +12,7 @@ import { CloseIcon } from './icons.js' import { workPhrase } from './cells.js' import { elapsedLabel } from './activity-row.js' import { useEscape } from './overlay-hooks.js' +import { alwaysChoices } from './member-status.js' import { currentPart, previewOf, relativeShort } from './text.js' import { hostText, t } from './i18n.js' @@ -270,6 +271,7 @@ export function InboxCard({ card, roster, now, busy, error, onAnswer, onOpen }) h('span', { className: 'bt-inbox-actions' }, answerable ? h('button', { type: 'button', className: 'bt-soft bt-soft-sm', disabled: busy, onClick: () => onAnswer(card, 'reject') }, t('Reject')) : null, answerable ? h('button', { type: 'button', className: 'bt-send bt-soft-sm', disabled: busy, onClick: () => onAnswer(card, 'allow') }, t('Allow once')) : null, + ...(answerable ? alwaysChoices(card.approval, card.bot) : []).map(([choice, label]) => h('button', { key: choice, type: 'button', className: 'bt-soft bt-soft-sm', 'data-choice': choice, disabled: busy, onClick: () => onAnswer(card, choice) }, t(label))), h('button', { type: 'button', className: 'bt-soft bt-soft-sm', 'aria-label': who ? t('Open {name}', { name: card.room?.name ?? who }) : t('Open'), onClick: () => onOpen(card) }, t('Open')))) } @@ -308,7 +310,9 @@ export function InboxDialog({ roster, useWork, useSessions, actions, leaving = f .then(() => { setAnswered(value => ({ ...value, [card.id]: choice })) const name = card.bot?.name ?? '' - setFeedback(choice === 'allow' ? t('Allowed once for {name}', { name }) : t('Rejected for {name}', { name })) + setFeedback(choice === 'allow' ? t('Allowed once for {name}', { name }) + : choice === 'always-bot' ? t('Always allowed for {name}', { name }) + : choice === 'always-room' ? t('Always allowed in this group') : t('Rejected for {name}', { name })) }, failure => setErrors(value => ({ ...value, [card.id]: hostText(failure?.message ?? String(failure)) }))) .finally(() => setBusy('')) } diff --git a/core/src/client/index.js b/core/src/client/index.js index b5851596..8b7b6a35 100644 --- a/core/src/client/index.js +++ b/core/src/client/index.js @@ -585,6 +585,7 @@ export function apply(ctx) { answerQuestion: (sessionId, questionId, answer) => after(call('answer-question', { sessionId: partFor(sessionId), questionId, answer })), dismissQuestion: sessionId => after(call('dismiss-question', { sessionId })), answerApproval: (id, choice) => after(call('approval-answer', { id, choice })), + removeStandingApproval: (scope, id, kind) => after(call('standing-approval-remove', { scope, id, kind })), 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)), diff --git a/core/src/client/member-status.js b/core/src/client/member-status.js index 81cbef8d..72fb1b74 100644 --- a/core/src/client/member-status.js +++ b/core/src/client/member-status.js @@ -160,6 +160,13 @@ function useNow(active) { const since = (now, at) => (typeof at === 'number' && now - at >= 60000 ? ` · ${elapsedLabel(now - at)}` : '') +// "Always allow" is the owner's standing grant (#540): only on their own Bot's card, +// and the group option only when the request comes from a group. +export const alwaysChoices = (approval, bot) => (bot?.remote ? [] : [ + ['always-bot', 'Always allow for this Bot'], + ...(approval.roomId ? [['always-room', 'Always allow for this group']] : []), +]) + function ApprovalCard({ approval, bot, actions }) { const [busy, setBusy] = useState(false) const answer = (choice) => { @@ -176,7 +183,8 @@ function ApprovalCard({ approval, bot, actions }) { approval.answerable ? h('div', { className: 'bt-mw-actions' }, h('button', { type: 'button', className: 'bt-q-btn', disabled: busy, onClick: () => answer('reject') }, t('Reject')), - h('button', { type: 'button', className: 'bt-q-submit', disabled: busy, onClick: () => answer('allow') }, t('Allow once'))) + h('button', { type: 'button', className: 'bt-q-submit', disabled: busy, onClick: () => answer('allow') }, t('Allow once')), + ...alwaysChoices(approval, bot).map(([choice, label]) => h('button', { key: choice, type: 'button', className: 'bt-q-btn', 'data-choice': choice, disabled: busy, onClick: () => answer(choice) }, t(label)))) : h('div', { className: 'bt-mw-actions' }, h('button', { type: 'button', className: 'bt-q-btn', onClick: () => actions.openSession(bot.id) }, t("Open {name}'s chat", { name: bot.name })))) } diff --git a/core/src/client/standing-approvals.js b/core/src/client/standing-approvals.js new file mode 100644 index 00000000..240af345 --- /dev/null +++ b/core/src/client/standing-approvals.js @@ -0,0 +1,27 @@ +// Standing approvals (#540): what the owner chose "Always allow" for, on a Bot or a +// group, each with Remove. A group lists only the grants this person gave (all of them +// on a host nobody signed in to). +import { createElement as h } from 'react' +import { t } from './i18n.js' + +// Without a sign-in the host has one person, who gave every grant. +export const standingOf = (target, roster) => { + const me = roster?.self?.memberId + return (target?.standingApprovals ?? []).filter(grant => me === undefined || grant.ownerId === me) +} + +export function StandingApprovalsCard({ scope, target, roster, actions, run, 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 h(Card, { title: t('Always allowed') }, + grants.map(grant => h('div', { key: grant.kind, className: 'bt-set-row bt-bs-row', 'data-standing': grant.kind }, + h('span', { className: 'bt-set-copy' }, + h('span', { className: 'bt-bs-label' }, grant.label || grant.kind), + h('span', { className: 'bt-set-hint' }, hint)), + h('button', { + type: 'button', className: 'bt-soft bt-soft-sm', + 'aria-label': t('Remove always allow for {kind}', { kind: grant.label || grant.kind }), + onClick: () => run(actions.removeStandingApproval(scope, target.id, grant.kind)), + }, t('Remove'))))) +} diff --git a/core/src/host/approvals.js b/core/src/host/approvals.js index 9e7fa71a..7f762b30 100644 --- a/core/src/host/approvals.js +++ b/core/src/host/approvals.js @@ -3,8 +3,21 @@ // the group chat. A Bot's own chat keeps DSH's card; its requests are only noted, so // the team view can say who is waiting. import { randomUUID } from 'node:crypto' +import { OWNER, settled } from './turn-origin.js' -const OUTCOMES = { allow: 'allowed-once', reject: 'rejected' } +const OUTCOMES = { allow: 'allowed-once', reject: 'rejected', 'always-bot': 'allowed-once', 'always-room': 'allowed-once' } + +// DSH has no standing grant (its outcomes are one-shot, #540), so the owner's "Always +// allow" lives here: on the Bot or on the group, keyed by the kind of permission asked. +// A sandbox escalation names its mode in DSH's reason; any other ask is keyed by tool. +export function approvalKind(tool, reason) { + const mode = /^escalate sandbox to ([\w-]+):/.exec(String(reason ?? ''))?.[1] + return mode ? `${tool}:escalate:${mode}` : String(tool) +} +const kindLabel = (tool, reason) => { + const mode = /^escalate sandbox to ([\w-]+):/.exec(String(reason ?? ''))?.[1] + return mode ? `${tool} · ${mode}` : String(tool) +} export function install(rt) { const { ctx } = rt @@ -17,6 +30,7 @@ export function install(rt) { const owner = sessionId === undefined ? undefined : rt.groupOwners.get(sessionId) const botId = owner?.botId ?? (sessionId === undefined ? undefined : rt.chatOwners.get(sessionId)) if (botId === undefined) return next() + if (standingCovers(sessionId, botId, owner?.roomId, approvalKind(String(request.toolName ?? ''), request.reason))) return 'allowed-once' const id = randomUUID() const entry = { id, @@ -47,14 +61,65 @@ export function install(rt) { }) }, { prepend: true }) + // A group grant covers the owner's Bots working in that group: the Bot it was granted + // from and any other Bot of the same owner. Before anyone signs in there is one person, + // and a Bot made then carries no owner, so every local Bot is theirs. + function standingGrant(botId, roomId, kind) { + const bot = rt.botOf(botId) + if (bot === undefined || bot.remote !== undefined) return false + if ((bot.standingApprovals ?? []).some(grant => grant.kind === kind)) return true + const room = roomId === undefined ? undefined : rt.roomOf(roomId) + const sameOwner = grant => !rt.authzEnforced?.() || grant.ownerId === bot.ownerId + return (room?.standingApprovals ?? []).some(grant => grant.kind === kind && sameOwner(grant)) + } + + // The grant is the owner's: it answers only a turn the owner started (turn-origin.js). A + // friend's message, a room with other people in it, or a turn with no verdict still asks. + const standingCovers = (sessionId, botId, roomId, kind) => settled(rt, sessionId) === OWNER && standingGrant(botId, roomId, kind) + + async function grantStanding(entry, scope) { + await rt.load() + const bot = rt.botOf(entry.botId) + const target = scope === 'room' ? rt.roomOf(entry.roomId) : bot + if (bot === undefined || bot.remote !== undefined) throw Object.assign(new Error('Only your own Bot can be given a standing approval'), { code: 'bot/forbidden' }) + if (target === undefined) throw Object.assign(new Error('This approval did not come from a group'), { code: 'bot/invalid' }) + const kind = approvalKind(entry.tool, entry.reason) + const grants = target.standingApprovals ?? [] + if (!grants.some(grant => grant.kind === kind && grant.ownerId === bot.ownerId)) { + const grant = { kind, label: kindLabel(entry.tool, entry.reason), at: Date.now(), ...(bot.ownerId === undefined ? {} : { ownerId: bot.ownerId }) } + target.standingApprovals = [...grants, grant] + await rt.save() + } + // Other cards the new grant already covers stop waiting too. + for (const other of pending.values()) { + if (other.id !== entry.id && other.answer !== undefined && standingCovers(other.sessionId, other.botId, other.roomId, approvalKindOf(other))) other.answer('allowed-once') + } + } + const approvalKindOf = entry => approvalKind(entry.tool, entry.reason) + + // A group's grants are per owner: a signed-in remover (`ownerId`) takes only their own. + async function removeStandingApproval(scope, id, kind, ownerId) { + await rt.load() + const target = scope === 'room' ? rt.roomOf(String(id ?? '')) : rt.botOf(String(id ?? '')) + if (target === undefined) throw Object.assign(new Error('Not found'), { code: 'bot/not-found' }) + const before = target.standingApprovals ?? [] + const after = before.filter(grant => grant.kind !== String(kind ?? '') || (scope === 'room' && ownerId !== undefined && grant.ownerId !== ownerId)) + if (after.length === before.length) return false + if (after.length === 0) delete target.standingApprovals + else target.standingApprovals = after + await rt.save() + return true + } + const approvalsView = () => [...pending.values()].map(({ answer, ...entry }) => ({ ...entry, answerable: answer !== undefined })) const waitsForApproval = sessionId => [...pending.values()].some(entry => entry.sessionId === sessionId) - function answerApproval(id, choice) { + async function answerApproval(id, choice) { const entry = pending.get(String(id ?? '')) if (entry?.answer === undefined) throw Object.assign(new Error('This approval is no longer open'), { code: 'bot/stale' }) const outcome = OUTCOMES[choice] if (outcome === undefined) throw Object.assign(new Error('Choose allow or reject'), { code: 'bot/invalid' }) + if (choice === 'always-bot' || choice === 'always-room') await grantStanding(entry, choice === 'always-room' ? 'room' : 'bot') entry.answer(outcome) } @@ -65,5 +130,5 @@ export function install(rt) { } } - Object.assign(rt, { approvalsView, waitsForApproval, answerApproval, cancelApprovals }) + Object.assign(rt, { approvalsView, waitsForApproval, answerApproval, cancelApprovals, removeStandingApproval }) } diff --git a/core/src/host/authz.js b/core/src/host/authz.js index 1660b957..890c45cf 100644 --- a/core/src/host/authz.js +++ b/core/src/host/authz.js @@ -225,6 +225,13 @@ export function install(rt) { const requireRoom = id => (roomOwnedBy(actor, id) ? ALLOW : deny('bot/forbidden', 'You do not own that room')) const requireSession = id => (sessionOwnedBy(actor, id) ? ALLOW : deny('bot/forbidden', 'You do not own that session')) + // A group's standing grant belongs to the owner who gave it, a Bot's to the Bot's owner (#540). + if (ep === 'standing-approval-remove') { + if (body?.scope !== 'room') return requireBot(body?.id) + const grant = (state.rooms?.[String(body?.id ?? '')]?.standingApprovals ?? []).find(entry => entry.kind === String(body?.kind ?? '')) + return grant !== undefined && grant.ownerId === actor.memberId ? ALLOW : deny('bot/forbidden', 'You did not give that approval') + } + if (BOT_TARGETED.has(ep)) { if (ep === 'schedules' || ep.startsWith('schedule-')) { // The create endpoint keys off `body.target` (Bot or room id); `sessionId` is @@ -336,6 +343,8 @@ export function install(rt) { // room, and those decide — never a caller-chosen sessionId next to it. const approval = (rt.approvalsView?.() ?? []).find(entry => entry.id === String(body?.id ?? '')) if (approval === undefined) return deny('bot/forbidden', 'You do not own that approval') + // A standing grant outlives this one request: only the Bot's own owner gives it (#540). + if (String(body?.choice ?? '').startsWith('always')) return botOwnedBy(actor, approval.botId) ? ALLOW : deny('bot/forbidden', 'Only the Bot\'s owner can always allow') return botOwnedBy(actor, approval.botId) || roomOwnedBy(actor, approval.roomId) ? ALLOW : deny('bot/forbidden', 'You do not own that approval') } return requireSession(body?.sessionId) diff --git a/core/src/host/channel.js b/core/src/host/channel.js index b1a0ced5..44e57758 100644 --- a/core/src/host/channel.js +++ b/core/src/host/channel.js @@ -339,8 +339,10 @@ export function install(rt) { await rt.deleteRoom(body.id) return ok(view()) case 'approval-answer': - rt.answerApproval(body.id, body.choice) + await rt.answerApproval(body.id, body.choice) return ok(true) + case 'standing-approval-remove': + return ok(await rt.removeStandingApproval(body.scope === 'room' ? 'room' : 'bot', body.id, body.kind, rt.authzEnforced() && actor ? actor.memberId : undefined)) case 'stop-member-work': return ok(await rt.stopMemberWork(String(body.roomId ?? ''), String(body.botId ?? ''))) case 'dismiss-question': diff --git a/core/test/authz.test.js b/core/test/authz.test.js index 0559b846..31277028 100644 --- a/core/test/authz.test.js +++ b/core/test/authz.test.js @@ -266,6 +266,27 @@ test('approval-answer resolves the approval, not caller-chosen fields', async (t assert.equal(rt.authorize(actorA, 'approval-answer', { id: 'ap-other', sessionId: 'a1', choice: 'approve' }).ok, false) }) +test('only the Bot\'s owner gives a standing approval, and only its giver removes a group\'s (#540)', async (t) => { + const { rt } = runtime(t, TEAM) + await rt.load() + const sessionA = await redeemOwner(rt) + await redeemOwner(rt) + const actorA = await rt.authenticate(sessionA.sessionToken) + rt.state.bots.a1 = { id: 'a1', sessionId: 'a1', name: 'A', instructions: '', createdAt: 2, ownerId: actorA.memberId } + rt.state.bots.b1 = { id: 'b1', sessionId: 'b1', name: 'B', instructions: '', createdAt: 3, ownerId: 'owner-2' } + rt.state.rooms.r1 = { id: 'r1', name: 'R', members: ['a1', 'b1'], sessions: {}, log: [], seq: 0, seen: {}, standingApprovals: [{ kind: 'bash', ownerId: 'owner-2' }, { kind: 'pwsh', ownerId: actorA.memberId }] } + rt.state.rooms.r2 = { id: 'r2', name: 'Mine', members: ['a1'], sessions: {}, log: [], seq: 0, seen: {} } + rt.approvalsView = () => [{ id: 'ap-own', sessionId: 'a1', botId: 'a1', roomId: 'r2' }, { id: 'ap-other', sessionId: 'gb', botId: 'b1', roomId: 'r2' }] + assert.equal(rt.authorize(actorA, 'approval-answer', { id: 'ap-own', choice: 'always-room' }).ok, true) + // Owning the room is enough for Allow once, never for a standing grant on another owner's Bot. + assert.equal(rt.authorize(actorA, 'approval-answer', { id: 'ap-other', choice: 'always-bot' }).ok, false) + assert.equal(rt.authorize(actorA, 'approval-answer', { id: 'ap-other', choice: 'always-room' }).ok, false) + assert.equal(rt.authorize(actorA, 'standing-approval-remove', { scope: 'bot', id: 'a1', kind: 'bash' }).ok, true) + assert.equal(rt.authorize(actorA, 'standing-approval-remove', { scope: 'bot', id: 'b1', kind: 'bash' }).ok, false) + assert.equal(rt.authorize(actorA, 'standing-approval-remove', { scope: 'room', id: 'r1', kind: 'pwsh' }).ok, true) + assert.equal(rt.authorize(actorA, 'standing-approval-remove', { scope: 'room', id: 'r1', kind: 'bash' }).ok, false) +}) + test('flybot plugin endpoints follow the read/shared rules', async (t) => { const { rt } = runtime(t, TEAM) await rt.load() diff --git a/core/test/group-status.test.js b/core/test/group-status.test.js index 8c5200dc..ce7a2e29 100644 --- a/core/test/group-status.test.js +++ b/core/test/group-status.test.js @@ -1,5 +1,5 @@ import assert from 'node:assert/strict' -import { mkdtempSync, rmSync, writeFileSync } from 'node:fs' +import { mkdtempSync, readFileSync, rmSync, writeFileSync } from 'node:fs' import { tmpdir } from 'node:os' import { join } from 'node:path' import { test } from 'node:test' @@ -73,7 +73,7 @@ async function start() { const askApproval = (sessionId, extra = {}, next = () => 'from-dsh') => ctx.listeners.get('approval/request')[0]({ agent: { session: { id: sessionId } }, toolName: 'pwsh', reason: 'escalate sandbox', ...extra }, next) const stop = async () => { await ctx.dispose(); rmSync(home, { recursive: true, force: true, maxRetries: 5 }) } await tool('list_bots', {}, 'a') - return { agentOf, emit, tool, call, askApproval, stop, archived } + return { agentOf, emit, tool, call, askApproval, stop, archived, home } } // Waits on real I/O (state writes) without timers, which some tests mock. @@ -295,6 +295,93 @@ test('an approval asked inside a PTC program shows what that call does', async ( assert.equal(value.work.bots.b.tool, 'pwsh') }) +// #540: "Always allow" on the card is a standing grant, per Bot or per group, kept on +// the record and revocable; DSH only knows one-shot outcomes. It answers only a turn the +// owner started (turn-origin.js). +const ESCALATE = 'escalate sandbox to danger-full-access: read AGENTS.md' +const KIND = 'bash:escalate:danger-full-access' +// Opens a turn in a Bot's own chat whose message came from `source`. +const chatTurn = (host, sessionId, source = { kind: 'user' }) => { + host.emit(sessionId, 'turn/start', { turn: 1 }) + host.emit(sessionId, 'user/message', { content: [{ type: 'text', text: 'go' }], source }) +} +const grantFromGroup = async (host, choice) => { + const first = host.askApproval('gb', { toolName: 'bash', reason: ESCALATE }) + const [approval] = (await host.call('state', {})).value.work.approvals + assert.equal((await host.call('approval-answer', { id: approval.id, choice })).ok, true) + assert.equal(await first, 'allowed-once') +} + +test('Always allow for this Bot answers later matching asks itself, survives in the store, and Remove asks again', async (t) => { + const host = await start() + t.after(host.stop) + await openTurn(t, host) + await grantFromGroup(host, 'always-bot') + + const bot = (await host.call('state', {})).value.bots.find(entry => entry.id === 'b') + assert.deepEqual(bot.standingApprovals.map(grant => [grant.kind, grant.label]), [[KIND, 'bash · danger-full-access']]) + assert.deepEqual(JSON.parse(readFileSync(join(host.home, 'state.json'), 'utf8')).bots.b.standingApprovals.map(grant => grant.kind), [KIND]) + // The same kind again, and from the Bot's own chat, is answered without a card; another kind still asks. + assert.equal(await host.askApproval('gb', { toolName: 'bash', reason: 'escalate sandbox to danger-full-access: again' }), 'allowed-once') + chatTurn(host, 'b') + assert.equal(await host.askApproval('b', { toolName: 'bash', reason: ESCALATE }, () => 'from-dsh'), 'allowed-once') + assert.equal(await host.askApproval('b', { toolName: 'bash', reason: 'escalate sandbox to workspace-write: x' }, () => 'from-dsh'), 'from-dsh') + assert.deepEqual((await host.call('state', {})).value.work.approvals, []) + + assert.equal((await host.call('standing-approval-remove', { scope: 'bot', id: 'b', kind: KIND })).value, true) + assert.equal(await host.askApproval('b', { toolName: 'bash', reason: ESCALATE }, () => 'from-dsh'), 'from-dsh') +}) + +test('a standing grant never answers a turn someone other than the owner started', async (t) => { + const host = await start() + t.after(host.stop) + await openTurn(t, host) + await grantFromGroup(host, 'always-bot') + // A friend's message (remote chat) and another member's line both still ask. + chatTurn(host, 'b', { kind: 'bot', remote: { handle: '@friend' }, form: 'remote-chat' }) + assert.equal(await host.askApproval('b', { toolName: 'bash', reason: ESCALATE }, () => 'from-dsh'), 'from-dsh') + const host2 = await start() + t.after(host2.stop) + await openTurn(t, host2) + await grantFromGroup(host2, 'always-bot') + chatTurn(host2, 'b', { kind: 'user', authorId: 'someone-else' }) + assert.equal(await host2.askApproval('b', { toolName: 'bash', reason: ESCALATE }, () => 'from-dsh'), 'from-dsh') + // No turn at all: fail closed. + assert.equal(await host2.askApproval('a', { toolName: 'bash', reason: ESCALATE }, () => 'from-dsh'), 'from-dsh') +}) + +test('Always allow for this group covers that group only', async (t) => { + const host = await start() + t.after(host.stop) + await openTurn(t, host) + await grantFromGroup(host, 'always-room') + const room = (await host.call('state', {})).value.rooms.find(entry => entry.id === 'r1') + assert.deepEqual(room.standingApprovals.map(grant => grant.kind), [KIND]) + assert.equal(await host.askApproval('gb', { toolName: 'bash', reason: ESCALATE }), 'allowed-once') + // Not the Bot's own chat: the grant was for work in the group. + chatTurn(host, 'b') + assert.equal(await host.askApproval('b', { toolName: 'bash', reason: ESCALATE }, () => 'from-dsh'), 'from-dsh') + assert.equal((await host.call('standing-approval-remove', { scope: 'room', id: 'r1', kind: KIND })).value, true) + const again = host.askApproval('gb', { toolName: 'bash', reason: ESCALATE }) + const [open] = (await host.call('state', {})).value.work.approvals + assert.equal(open.answerable, true) + assert.equal((await host.call('approval-answer', { id: open.id, choice: 'reject' })).ok, true) + assert.equal(await again, 'rejected') +}) + +test('Always allow for this group is refused for an ask that did not come from a group', async (t) => { + const host = await start() + t.after(host.stop) + // An own chat's ask is DSH's to answer, so it has no card to give a group grant from. + let release + const outcome = host.askApproval('a', { toolName: 'bash' }, () => new Promise((resolve) => { release = resolve })) + const [approval] = (await host.call('state', {})).value.work.approvals + assert.equal((await host.call('approval-answer', { id: approval.id, choice: 'always-room' })).ok, false) + release('rejected') + assert.equal(await outcome, 'rejected') + assert.equal((await host.call('state', {})).value.bots.find(entry => entry.id === 'a').standingApprovals, undefined) +}) + test('a running Bot\'s work names its current step, in one short line, until the turn ends', async (t) => { const host = await start() t.after(host.stop) diff --git a/core/test/inbox.test.js b/core/test/inbox.test.js index 86d96293..89152f11 100644 --- a/core/test/inbox.test.js +++ b/core/test/inbox.test.js @@ -177,9 +177,9 @@ test('a card shows exactly one status, as an icon and a word, and its full title } }) -test('an answerable approval has Reject, Allow once and Open; everything else only Open', () => { +test('an answerable approval has Reject, Allow once, the two Always allow choices (#540) and Open; everything else only Open', () => { const labels = card => plain(buttons(draw(card)).map(textOf)) - assert.deepEqual(labels(cardOf('approval:a1')), ['Reject', 'Allow once', 'Open']) + assert.deepEqual(labels(cardOf('approval:a1')), ['Reject', 'Allow once', 'Always allow for this Bot', 'Always allow for this group', 'Open']) // DSH's own card in the Bot's chat answers this one; the inbox opens that chat. assert.deepEqual(labels(cardOf('approval:a2')), ['Open']) // Bot-sent messages are approved in their chat by the owner, never from the inbox. @@ -192,7 +192,7 @@ test('the card buttons call back with the card and the choice', () => { const log = [] const tree = draw(cardOf('approval:a1'), { onAnswer: (card, choice) => log.push([card.id, choice]), onOpen: card => log.push(['open', card.chat]) }) for (const button of buttons(tree)) button.props.onClick() - assert.deepEqual(log, [['approval:a1', 'reject'], ['approval:a1', 'allow'], ['open', 'r1']]) + assert.deepEqual(log, [['approval:a1', 'reject'], ['approval:a1', 'allow'], ['approval:a1', 'always-bot'], ['approval:a1', 'always-room'], ['open', 'r1']]) }) const dialog = (actions) => { diff --git a/core/test/member-status.test.js b/core/test/member-status.test.js index 467dd360..b2148114 100644 --- a/core/test/member-status.test.js +++ b/core/test/member-status.test.js @@ -22,7 +22,7 @@ runInNewContext(bundle.outputFiles[0].text, { return platform[name] }, }) -const { busyMembers, summaryText, splitBusy, MemberDock } = module.exports +const { busyMembers, summaryText, splitBusy, MemberDock, MemberWork } = module.exports // Values from the bundle's realm compare by content only. const plain = value => JSON.parse(JSON.stringify(value)) // Renders the dock's own parts of an element tree, and lists its rows' labels. @@ -83,6 +83,22 @@ test('a Bot\'s own chat shows the groups it is at work in, unless its own chat r assert.equal(dock('b', away), null) }) +// #540: the approval card offers a standing grant next to Reject / Allow once. +const cardButtons = (approval, bot) => { + const tree = MemberWork({ entry: { state: 'ask', approvals: [approval] }, bot, room: { id: 'r1' }, roster: team, actions: {}, now: 0 }) + const card = tree.children.find(node => node?.type?.name === 'ApprovalCard') + const walk = node => (node === null || typeof node !== 'object' ? [] : [...(node.type === 'button' ? [[node.props['data-choice'] ?? '', node.children.join('')]] : []), ...node.children.flatMap(walk)]) + return plain(walk(card.type(card.props))) +} + +test('the approval card offers Always allow for this Bot, and for this group when the ask came from one', () => { + const ask = { id: 'p1', tool: 'bash', reason: 'escalate sandbox to danger-full-access: grep', answerable: true } + assert.deepEqual(cardButtons({ ...ask, roomId: 'r1' }, { id: 'a', name: 'Anvil' }), [['', 'Reject'], ['', 'Allow once'], ['always-bot', 'Always allow for this Bot'], ['always-room', 'Always allow for this group']]) + assert.deepEqual(cardButtons(ask, { id: 'a', name: 'Anvil' }).map(([choice]) => choice), ['', '', 'always-bot']) + // A friend's Bot is not the viewer's to give a standing grant to. + assert.deepEqual(cardButtons({ ...ask, roomId: 'r1' }, { id: 'x', name: 'X', remote: { handle: '@x' } }).map(([choice]) => choice), ['', '']) +}) + // Owner report 2026-10-20: one member's row sat left with its time, another's centered or // right with neither, and both said only "On it…" or "Running shell commands…". const nodes = (node, match) => { diff --git a/core/test/standing-approvals.test.js b/core/test/standing-approvals.test.js new file mode 100644 index 00000000..d1865b72 --- /dev/null +++ b/core/test/standing-approvals.test.js @@ -0,0 +1,41 @@ +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/standing-approvals.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, + require: (name) => { + if (name !== 'react') throw new Error(`no platform module ${name}`) + return { createElement: (type, props, ...children) => ({ type, props: props ?? {}, children: children.flat(Infinity) }) } + }, +}) +const { standingOf, StandingApprovalsCard } = module.exports +const plain = value => JSON.parse(JSON.stringify(value)) + +// #540: the Always allowed card in Bot and Group settings, each grant with Remove. +test('a group lists only the grants the signed-in person gave, and all of them before anyone signs in', () => { + const room = { id: 'r1', standingApprovals: [{ kind: 'bash', ownerId: 'm1' }, { kind: 'pwsh', ownerId: 'm2' }] } + assert.deepEqual(plain(standingOf(room, { self: { memberId: 'm1' } }).map(grant => grant.kind)), ['bash']) + assert.deepEqual(plain(standingOf(room, { self: null }).map(grant => grant.kind)), ['bash', 'pwsh']) +}) + +test('Remove revokes that one grant on its Bot or group, and an empty list draws nothing', () => { + const calls = [] + const actions = { removeStandingApproval: (...args) => { calls.push(args); return 'p' } } + const run = value => value + const bot = { id: 'b', standingApprovals: [{ kind: 'bash:escalate:danger-full-access', label: 'bash · danger-full-access' }] } + const card = StandingApprovalsCard({ scope: 'bot', target: bot, roster: { self: null }, actions, run, Card: (props, ...children) => ({ props, children }) }) + const [row] = card.children.flat() + const button = row.children.find(node => node.type === 'button') + assert.equal(button.children.join(''), 'Remove') + button.props.onClick() + assert.deepEqual(plain(calls), [['bot', 'b', 'bash:escalate:danger-full-access']]) + assert.equal(StandingApprovalsCard({ scope: 'room', target: { id: 'r1' }, roster: { self: null }, actions, run, Card: () => ({}) }), null) +}) diff --git a/docs/subsystems/core-client.md b/docs/subsystems/core-client.md index ba68b221..729976d0 100644 --- a/docs/subsystems/core-client.md +++ b/docs/subsystems/core-client.md @@ -31,6 +31,7 @@ The browser side of the patched `ds-bot` core (`core/`): sources in `core/src/cl | `core/test/new-chat.test.js` | Picker filters and the **+** short action menu (`data-menu`; New chat, New Bot, New group chat, plugin actions, then Add coding agent; #385 marks, verbs and hints). `ungrantedLocalFix`, `copiedToClipboard` (no clipboard or a refused write is a failure) and the refusal card (invite and leave-out actions, the copy-by-hand link field, no grant written by the client). | | `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 and a *Latest* line per card (#471). Tests: `core/test/inbox.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`. | ## Invariants diff --git a/docs/subsystems/core-host.md b/docs/subsystems/core-host.md index f906a8ac..53af80c3 100644 --- a/docs/subsystems/core-host.md +++ b/docs/subsystems/core-host.md @@ -245,6 +245,10 @@ A local, replayable record of every change to the saved team, for multi-Bot bugs - **Fail closed.** Replay (`replayTo(text, seq)`) refuses the whole journal on an unreadable or incomplete line, an unknown op, a gap in `seq`, a first line that is not a base, or a `prev` that does not match what the earlier lines built; a `seq` outside the file is refused, not approximated. On start the writer replays the existing file the same way; a journal that does not replay, a path that is not a plain file, or a failed write stops recording for that run with a warning and leaves the file as it is. Saving the team never depends on the journal. - **Replay.** `core/scripts/replay.mjs` (dev-only, not in the package, see [install](install.md)) prints or writes (`--out`, new file only, 0600) the team after a given `--to `; it makes no network or process calls. Test: `core/test/state-journal.test.js` (a 3-Bot round replays byte-identical at every step). +### Standing tool approvals (#540) + +DSH's approval outcomes are one-shot (`ApprovalOutcome`: `allowed-once` / `rejected` / `cancelled` / `unavailable`; `ApprovalPolicy` is `ask` / `never`), so a permanent approval lives in FlyBot, not in DSH (no DSH patch). `src/host/approvals.js` keys a request by its kind (`approvalKind`: the tool, plus the sandbox mode when DSH's reason reads `escalate sandbox to :`, e.g. `bash:escalate:danger-full-access`). `approval-answer` takes `always-bot` (kept on the Bot as `standingApprovals: [{ kind, label, at, ownerId? }]`) and `always-room` (kept on the room the ask came from; refused for an own-chat ask); both save, answer this ask `allowed-once` and release other waiting asks the grant covers. The `approval/request` listener answers `allowed-once` itself, before any card, only for a turn the owner started (`settled(...) === 'owner'` from `turn-origin.js`: a friend's message, another member's line, a room with other people in it, or a turn with no verdict still asks), and only when the Bot (a local one, never `bot.remote`) has the kind, or the ask comes from a group Session of a room holding the kind for the Bot's owner (`ownerId` matches while authz is enforced; before anyone signs in every local Bot is the one person's); a group grant does not cover the Bot's own chat. DSH's audit pair (`approval/asked` / `approval/decided`) still logs each auto-answered ask. `standing-approval-remove { scope: 'bot' | 'room', id, kind }` revokes (a signed-in remover takes only their own group grant). Authz: an `always-*` answer needs the Bot's owner (owning the room is enough only for Allow once); removing a Bot's grant needs the Bot's owner, a group's the member who gave it. Tests: `core/test/group-status.test.js`, `core/test/authz.test.js`. + ### Discarded promise `.catch` (#213) A discarded `.catch(() => {})` in the host sources either starts with `void` (fire and forget) or carries a one-line reason comment (an awaited wait); a `.catch(() => undefined)` whose value is used stays. `check-empty-catch` enforces it (see `docs/code-standards.md`). diff --git a/patches/ds-bot/0001-core-fixes.patch b/patches/ds-bot/0001-core-fixes.patch index ab38e567..c7be1c29 100644 --- a/patches/ds-bot/0001-core-fixes.patch +++ b/patches/ds-bot/0001-core-fixes.patch @@ -808,7 +808,7 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js "{name} didn't answer in time": '{name} 没有及时回应', '{name} paused for your approval': '{name} 停下来等你批准', '{name} started on it': '{name} 开始做了', -@@ -450,9 +450,19 @@ const ZH = { +@@ -450,12 +450,30 @@ const ZH = { 'Asked to make the tool call it wrote as text': '工具调用被写成了文字，已让它重新调用', 'A Bot': '一个 Bot', '{name} is waiting for your approval': '{name} 等你批准', @@ -828,6 +828,17 @@ diff --git a/src/client/i18n.js b/src/client/i18n.js 'in its own chat': '在自己的对话里', Reject: '拒绝', 'Allow once': '允许一次', ++ 'Always allow for this Bot': '此 Bot 始终允许', ++ 'Always allow for this group': '本群始终允许', ++ 'Always allowed for {name}': '已为 {name} 始终允许', ++ 'Always allowed in this group': '已在本群始终允许', ++ 'Always allowed': '始终允许', ++ 'Your Bots in this group do these without asking.': '你在本群的 Bot 做这些时不再询问。', ++ 'This Bot does these without asking.': '此 Bot 做这些时不再询问。', ++ 'Remove always allow for {kind}': '移除 {kind} 的始终允许', + "Couldn't message {name}": '没能给 {name} 发消息', + Messaged: '已发消息给', + "Couldn't stop {name}": '没能叫停 {name}', @@ -697,11 +697,11 @@ const ZH = { 'Compared with the {count} days before': '与再往前 {count} 天相比', '{share}% of all usage from {span}': '占 {span} 全部用量的 {share}%', @@ -1106,6 +1117,30 @@ diff --git a/src/client/member-status.js b/src/client/member-status.js }))) } +@@ -148,6 +148,13 @@ function useNow(active) { + + const since = (now, at) => (typeof at === 'number' && now - at >= 60000 ? ` · ${elapsedLabel(now - at)}` : '') + ++// "Always allow" is the owner's standing grant (#540): only on their own Bot's card, ++// and the group option only when the request comes from a group. ++export const alwaysChoices = (approval, bot) => (bot?.remote ? [] : [ ++ ['always-bot', 'Always allow for this Bot'], ++ ...(approval.roomId ? [['always-room', 'Always allow for this group']] : []), ++]) ++ + function ApprovalCard({ approval, bot, actions }) { + const [busy, setBusy] = useState(false) + const answer = (choice) => { +@@ -164,7 +164,8 @@ function ApprovalCard({ approval, bot, actions }) { + approval.answerable + ? h('div', { className: 'bt-mw-actions' }, + h('button', { type: 'button', className: 'bt-q-btn', disabled: busy, onClick: () => answer('reject') }, t('Reject')), +- h('button', { type: 'button', className: 'bt-q-submit', disabled: busy, onClick: () => answer('allow') }, t('Allow once'))) ++ h('button', { type: 'button', className: 'bt-q-submit', disabled: busy, onClick: () => answer('allow') }, t('Allow once')), ++ ...alwaysChoices(approval, bot).map(([choice, label]) => h('button', { key: choice, type: 'button', className: 'bt-q-btn', 'data-choice': choice, disabled: busy, onClick: () => answer(choice) }, t(label)))) + : h('div', { className: 'bt-mw-actions' }, + h('button', { type: 'button', className: 'bt-q-btn', onClick: () => actions.openSession(bot.id) }, t("Open {name}'s chat", { name: bot.name })))) + } @@ -190,7 +190,7 @@ export function MemberWork({ entry, bot, room, roster, actions, now }) { } return h('div', { className: 'bt-mw-member' }, @@ -1797,6 +1832,114 @@ diff --git a/src/host/agents.js b/src/host/agents.js throw error } return agent +diff --git a/src/host/approvals.js b/src/host/approvals.js +--- a/src/host/approvals.js ++++ b/src/host/approvals.js +@@ -3,8 +3,21 @@ + // the group chat. A Bot's own chat keeps DSH's card; its requests are only noted, so + // the team view can say who is waiting. + import { randomUUID } from 'node:crypto' ++import { OWNER, settled } from './turn-origin.js' + +-const OUTCOMES = { allow: 'allowed-once', reject: 'rejected' } ++const OUTCOMES = { allow: 'allowed-once', reject: 'rejected', 'always-bot': 'allowed-once', 'always-room': 'allowed-once' } ++ ++// DSH has no standing grant (its outcomes are one-shot, #540), so the owner's "Always ++// allow" lives here: on the Bot or on the group, keyed by the kind of permission asked. ++// A sandbox escalation names its mode in DSH's reason; any other ask is keyed by tool. ++export function approvalKind(tool, reason) { ++ const mode = /^escalate sandbox to ([\w-]+):/.exec(String(reason ?? ''))?.[1] ++ return mode ? `${tool}:escalate:${mode}` : String(tool) ++} ++const kindLabel = (tool, reason) => { ++ const mode = /^escalate sandbox to ([\w-]+):/.exec(String(reason ?? ''))?.[1] ++ return mode ? `${tool} · ${mode}` : String(tool) ++} + + export function install(rt) { + const { ctx } = rt +@@ -17,6 +17,7 @@ export function install(rt) { + const owner = sessionId === undefined ? undefined : rt.groupOwners.get(sessionId) + const botId = owner?.botId ?? (sessionId === undefined ? undefined : rt.chatOwners.get(sessionId)) + if (botId === undefined) return next() ++ if (standingCovers(sessionId, botId, owner?.roomId, approvalKind(String(request.toolName ?? ''), request.reason))) return 'allowed-once' + const id = randomUUID() + const entry = { + id, +@@ -47,14 +47,65 @@ export function install(rt) { + }) + }, { prepend: true }) + ++ // A group grant covers the owner's Bots working in that group: the Bot it was granted ++ // from and any other Bot of the same owner. Before anyone signs in there is one person, ++ // and a Bot made then carries no owner, so every local Bot is theirs. ++ function standingGrant(botId, roomId, kind) { ++ const bot = rt.botOf(botId) ++ if (bot === undefined || bot.remote !== undefined) return false ++ if ((bot.standingApprovals ?? []).some(grant => grant.kind === kind)) return true ++ const room = roomId === undefined ? undefined : rt.roomOf(roomId) ++ const sameOwner = grant => !rt.authzEnforced?.() || grant.ownerId === bot.ownerId ++ return (room?.standingApprovals ?? []).some(grant => grant.kind === kind && sameOwner(grant)) ++ } ++ ++ // The grant is the owner's: it answers only a turn the owner started (turn-origin.js). A ++ // friend's message, a room with other people in it, or a turn with no verdict still asks. ++ const standingCovers = (sessionId, botId, roomId, kind) => settled(rt, sessionId) === OWNER && standingGrant(botId, roomId, kind) ++ ++ async function grantStanding(entry, scope) { ++ await rt.load() ++ const bot = rt.botOf(entry.botId) ++ const target = scope === 'room' ? rt.roomOf(entry.roomId) : bot ++ if (bot === undefined || bot.remote !== undefined) throw Object.assign(new Error('Only your own Bot can be given a standing approval'), { code: 'bot/forbidden' }) ++ if (target === undefined) throw Object.assign(new Error('This approval did not come from a group'), { code: 'bot/invalid' }) ++ const kind = approvalKind(entry.tool, entry.reason) ++ const grants = target.standingApprovals ?? [] ++ if (!grants.some(grant => grant.kind === kind && grant.ownerId === bot.ownerId)) { ++ const grant = { kind, label: kindLabel(entry.tool, entry.reason), at: Date.now(), ...(bot.ownerId === undefined ? {} : { ownerId: bot.ownerId }) } ++ target.standingApprovals = [...grants, grant] ++ await rt.save() ++ } ++ // Other cards the new grant already covers stop waiting too. ++ for (const other of pending.values()) { ++ if (other.id !== entry.id && other.answer !== undefined && standingCovers(other.sessionId, other.botId, other.roomId, approvalKindOf(other))) other.answer('allowed-once') ++ } ++ } ++ const approvalKindOf = entry => approvalKind(entry.tool, entry.reason) ++ ++ // A group's grants are per owner: a signed-in remover (`ownerId`) takes only their own. ++ async function removeStandingApproval(scope, id, kind, ownerId) { ++ await rt.load() ++ const target = scope === 'room' ? rt.roomOf(String(id ?? '')) : rt.botOf(String(id ?? '')) ++ if (target === undefined) throw Object.assign(new Error('Not found'), { code: 'bot/not-found' }) ++ const before = target.standingApprovals ?? [] ++ const after = before.filter(grant => grant.kind !== String(kind ?? '') || (scope === 'room' && ownerId !== undefined && grant.ownerId !== ownerId)) ++ if (after.length === before.length) return false ++ if (after.length === 0) delete target.standingApprovals ++ else target.standingApprovals = after ++ await rt.save() ++ return true ++ } ++ + const approvalsView = () => [...pending.values()].map(({ answer, ...entry }) => ({ ...entry, answerable: answer !== undefined })) + const waitsForApproval = sessionId => [...pending.values()].some(entry => entry.sessionId === sessionId) + +- function answerApproval(id, choice) { ++ async function answerApproval(id, choice) { + const entry = pending.get(String(id ?? '')) + if (entry?.answer === undefined) throw Object.assign(new Error('This approval is no longer open'), { code: 'bot/stale' }) + const outcome = OUTCOMES[choice] + if (outcome === undefined) throw Object.assign(new Error('Choose allow or reject'), { code: 'bot/invalid' }) ++ if (choice === 'always-bot' || choice === 'always-room') await grantStanding(entry, choice === 'always-room' ? 'room' : 'bot') + entry.answer(outcome) + } + +@@ -65,5 +65,5 @@ export function install(rt) { + } + } + +- Object.assign(rt, { approvalsView, waitsForApproval, answerApproval, cancelApprovals }) ++ Object.assign(rt, { approvalsView, waitsForApproval, answerApproval, cancelApprovals, removeStandingApproval }) + } diff --git a/src/host/capabilities.js b/src/host/capabilities.js --- a/src/host/capabilities.js +++ b/src/host/capabilities.js @@ -4658,11 +4801,114 @@ diff --git a/test/connectors.test.js b/test/connectors.test.js diff --git a/test/group-status.test.js b/test/group-status.test.js --- a/test/group-status.test.js +++ b/test/group-status.test.js -@@ -294,3 +294,20 @@ test('an approval asked inside a PTC program shows what that call does', async ( +@@ -1,5 +1,5 @@ + import assert from 'node:assert/strict' +-import { mkdtempSync, rmSync, writeFileSync } from 'node:fs' ++import { mkdtempSync, readFileSync, rmSync, writeFileSync } from 'node:fs' + import { tmpdir } from 'node:os' + import { join } from 'node:path' + import { test } from 'node:test' +@@ -73,7 +73,7 @@ async function start() { + const askApproval = (sessionId, extra = {}, next = () => 'from-dsh') => ctx.listeners.get('approval/request')[0]({ agent: { session: { id: sessionId } }, toolName: 'pwsh', reason: 'escalate sandbox', ...extra }, next) + const stop = async () => { await ctx.dispose(); rmSync(home, { recursive: true, force: true, maxRetries: 5 }) } + await tool('list_bots', {}, 'a') +- return { agentOf, emit, tool, call, askApproval, stop, archived } ++ return { agentOf, emit, tool, call, askApproval, stop, archived, home } + } + + // Waits on real I/O (state writes) without timers, which some tests mock. +@@ -294,3 +294,107 @@ test('an approval asked inside a PTC program shows what that call does', async ( assert.deepEqual(approval.detail, { text: 'Copy the doc', code: 'Copy-Item a.md E:/docs' }) assert.equal(value.work.bots.b.tool, 'pwsh') }) + ++// #540: "Always allow" on the card is a standing grant, per Bot or per group, kept on ++// the record and revocable; DSH only knows one-shot outcomes. It answers only a turn the ++// owner started (turn-origin.js). ++const ESCALATE = 'escalate sandbox to danger-full-access: read AGENTS.md' ++const KIND = 'bash:escalate:danger-full-access' ++// Opens a turn in a Bot's own chat whose message came from `source`. ++const chatTurn = (host, sessionId, source = { kind: 'user' }) => { ++ host.emit(sessionId, 'turn/start', { turn: 1 }) ++ host.emit(sessionId, 'user/message', { content: [{ type: 'text', text: 'go' }], source }) ++} ++const grantFromGroup = async (host, choice) => { ++ const first = host.askApproval('gb', { toolName: 'bash', reason: ESCALATE }) ++ const [approval] = (await host.call('state', {})).value.work.approvals ++ assert.equal((await host.call('approval-answer', { id: approval.id, choice })).ok, true) ++ assert.equal(await first, 'allowed-once') ++} ++ ++test('Always allow for this Bot answers later matching asks itself, survives in the store, and Remove asks again', async (t) => { ++ const host = await start() ++ t.after(host.stop) ++ await openTurn(t, host) ++ await grantFromGroup(host, 'always-bot') ++ ++ const bot = (await host.call('state', {})).value.bots.find(entry => entry.id === 'b') ++ assert.deepEqual(bot.standingApprovals.map(grant => [grant.kind, grant.label]), [[KIND, 'bash · danger-full-access']]) ++ assert.deepEqual(JSON.parse(readFileSync(join(host.home, 'state.json'), 'utf8')).bots.b.standingApprovals.map(grant => grant.kind), [KIND]) ++ // The same kind again, and from the Bot's own chat, is answered without a card; another kind still asks. ++ assert.equal(await host.askApproval('gb', { toolName: 'bash', reason: 'escalate sandbox to danger-full-access: again' }), 'allowed-once') ++ chatTurn(host, 'b') ++ assert.equal(await host.askApproval('b', { toolName: 'bash', reason: ESCALATE }, () => 'from-dsh'), 'allowed-once') ++ assert.equal(await host.askApproval('b', { toolName: 'bash', reason: 'escalate sandbox to workspace-write: x' }, () => 'from-dsh'), 'from-dsh') ++ assert.deepEqual((await host.call('state', {})).value.work.approvals, []) ++ ++ assert.equal((await host.call('standing-approval-remove', { scope: 'bot', id: 'b', kind: KIND })).value, true) ++ assert.equal(await host.askApproval('b', { toolName: 'bash', reason: ESCALATE }, () => 'from-dsh'), 'from-dsh') ++}) ++ ++test('a standing grant never answers a turn someone other than the owner started', async (t) => { ++ const host = await start() ++ t.after(host.stop) ++ await openTurn(t, host) ++ await grantFromGroup(host, 'always-bot') ++ // A friend's message (remote chat) and another member's line both still ask. ++ chatTurn(host, 'b', { kind: 'bot', remote: { handle: '@friend' }, form: 'remote-chat' }) ++ assert.equal(await host.askApproval('b', { toolName: 'bash', reason: ESCALATE }, () => 'from-dsh'), 'from-dsh') ++ const host2 = await start() ++ t.after(host2.stop) ++ await openTurn(t, host2) ++ await grantFromGroup(host2, 'always-bot') ++ chatTurn(host2, 'b', { kind: 'user', authorId: 'someone-else' }) ++ assert.equal(await host2.askApproval('b', { toolName: 'bash', reason: ESCALATE }, () => 'from-dsh'), 'from-dsh') ++ // No turn at all: fail closed. ++ assert.equal(await host2.askApproval('a', { toolName: 'bash', reason: ESCALATE }, () => 'from-dsh'), 'from-dsh') ++}) ++ ++test('Always allow for this group covers that group only', async (t) => { ++ const host = await start() ++ t.after(host.stop) ++ await openTurn(t, host) ++ await grantFromGroup(host, 'always-room') ++ const room = (await host.call('state', {})).value.rooms.find(entry => entry.id === 'r1') ++ assert.deepEqual(room.standingApprovals.map(grant => grant.kind), [KIND]) ++ assert.equal(await host.askApproval('gb', { toolName: 'bash', reason: ESCALATE }), 'allowed-once') ++ // Not the Bot's own chat: the grant was for work in the group. ++ chatTurn(host, 'b') ++ assert.equal(await host.askApproval('b', { toolName: 'bash', reason: ESCALATE }, () => 'from-dsh'), 'from-dsh') ++ assert.equal((await host.call('standing-approval-remove', { scope: 'room', id: 'r1', kind: KIND })).value, true) ++ const again = host.askApproval('gb', { toolName: 'bash', reason: ESCALATE }) ++ const [open] = (await host.call('state', {})).value.work.approvals ++ assert.equal(open.answerable, true) ++ assert.equal((await host.call('approval-answer', { id: open.id, choice: 'reject' })).ok, true) ++ assert.equal(await again, 'rejected') ++}) ++ ++test('Always allow for this group is refused for an ask that did not come from a group', async (t) => { ++ const host = await start() ++ t.after(host.stop) ++ // An own chat's ask is DSH's to answer, so it has no card to give a group grant from. ++ let release ++ const outcome = host.askApproval('a', { toolName: 'bash' }, () => new Promise((resolve) => { release = resolve })) ++ const [approval] = (await host.call('state', {})).value.work.approvals ++ assert.equal((await host.call('approval-answer', { id: approval.id, choice: 'always-room' })).ok, false) ++ release('rejected') ++ assert.equal(await outcome, 'rejected') ++ assert.equal((await host.call('state', {})).value.bots.find(entry => entry.id === 'a').standingApprovals, undefined) ++}) ++ +test('a running Bot\'s work names its current step, in one short line, until the turn ends', async (t) => { + const host = await start() + t.after(host.stop) @@ -4752,6 +4998,15 @@ diff --git a/test/install.test.js b/test/install.test.js diff --git a/test/member-status.test.js b/test/member-status.test.js --- a/test/member-status.test.js +++ b/test/member-status.test.js +@@ -22,7 +22,7 @@ runInNewContext(bundle.outputFiles[0].text, { + return platform[name] + }, + }) +-const { busyMembers, summaryText, splitBusy, MemberDock } = module.exports ++const { busyMembers, summaryText, splitBusy, MemberDock, MemberWork } = module.exports + // Values from the bundle's realm compare by content only. + const plain = value => JSON.parse(JSON.stringify(value)) + // Renders the dock's own parts of an element tree, and lists its rows' labels. @@ -61,7 +61,7 @@ const team = { } const dock = (sessionId, work) => expand(MemberDock({ sessionId, useRoster: pick => pick(team), useWork: pick => pick(work), actions: {} })) @@ -4773,11 +5028,27 @@ diff --git a/test/member-status.test.js b/test/member-status.test.js assert.equal(busyMembers(team.roomsById.r2, work, team).length, 2) }) -@@ -82,3 +82,32 @@ test('a Bot\'s own chat shows the groups it is at work in, unless its own chat r +@@ -82,3 +82,48 @@ test('a Bot\'s own chat shows the groups it is at work in, unless its own chat r assert.deepEqual(rowLabels(dock('a', { ...away, bots: { a: { since: 1 } } })), []) assert.equal(dock('b', away), null) }) + ++// #540: the approval card offers a standing grant next to Reject / Allow once. ++const cardButtons = (approval, bot) => { ++ const tree = MemberWork({ entry: { state: 'ask', approvals: [approval] }, bot, room: { id: 'r1' }, roster: team, actions: {}, now: 0 }) ++ const card = tree.children.find(node => node?.type?.name === 'ApprovalCard') ++ const walk = node => (node === null || typeof node !== 'object' ? [] : [...(node.type === 'button' ? [[node.props['data-choice'] ?? '', node.children.join('')]] : []), ...node.children.flatMap(walk)]) ++ return plain(walk(card.type(card.props))) ++} ++ ++test('the approval card offers Always allow for this Bot, and for this group when the ask came from one', () => { ++ const ask = { id: 'p1', tool: 'bash', reason: 'escalate sandbox to danger-full-access: grep', answerable: true } ++ assert.deepEqual(cardButtons({ ...ask, roomId: 'r1' }, { id: 'a', name: 'Anvil' }), [['', 'Reject'], ['', 'Allow once'], ['always-bot', 'Always allow for this Bot'], ['always-room', 'Always allow for this group']]) ++ assert.deepEqual(cardButtons(ask, { id: 'a', name: 'Anvil' }).map(([choice]) => choice), ['', '', 'always-bot']) ++ // A friend's Bot is not the viewer's to give a standing grant to. ++ assert.deepEqual(cardButtons({ ...ask, roomId: 'r1' }, { id: 'x', name: 'X', remote: { handle: '@x' } }).map(([choice]) => choice), ['', '']) ++}) ++ +// Owner report 2026-10-20: one member's row sat left with its time, another's centered or +// right with neither, and both said only "On it…" or "Running shell commands…". +const nodes = (node, match) => { diff --git a/patches/ds-bot/0003-flybot-api-client.patch b/patches/ds-bot/0003-flybot-api-client.patch index 5c84971e..d81af4b1 100644 --- a/patches/ds-bot/0003-flybot-api-client.patch +++ b/patches/ds-bot/0003-flybot-api-client.patch @@ -321,7 +321,7 @@ diff --git a/src/client/bot-settings.js b/src/client/bot-settings.js import { createElement as h, Fragment, useCallback, useEffect, useRef, useState } from 'react' import { paintCss } from './inks.js' import { CHARACTERS, PICKER_SHAPES, PICKER_COLUMNS, CHARACTER_COLORS, SHAPES, hasShape, shapeOf, bodyOf, maskBox, holes, nextMarkSerial } from './characters.js' -@@ -5,9 +5,11 @@ import { isMainOf } from './sources.js' +@@ -5,12 +5,15 @@ import { isMainOf } from './sources.js' import { PencilIcon, ChevronRightIcon } from './icons.js' import { lookOf, BotMark } from './mark.js' import { ModelMenu, modelOf } from './model-menu.js' @@ -333,6 +333,10 @@ diff --git a/src/client/bot-settings.js b/src/client/bot-settings.js import { useMemoryCount } from './memory-panel.js' import { SPRING_SHAPE, SPRING_TAP, spring, useGlide } from './motion.js' import { t } from './i18n.js' ++import { StandingApprovalsCard } from './standing-approvals.js' + + const capitalize = word => word[0].toUpperCase() + word.slice(1) + @@ -77,9 +77,10 @@ export function Switch({ on, label, disabled, onChange }) { } @@ -366,7 +370,7 @@ diff --git a/src/client/bot-settings.js b/src/client/bot-settings.js h(Card, { title: t('Working folder') }, h('div', { className: 'bt-set-row bt-bs-row' }, h('span', { className: 'bt-set-copy' }, h('span', { className: 'bt-bs-label' }, t('Folder'))), -@@ -231,22 +231,24 @@ export function BotSettingsForm({ bot, roster, actions, run }) { +@@ -231,22 +231,25 @@ export function BotSettingsForm({ bot, roster, actions, run }) { h(Card, { title: t('Instructions') }, h(Row, { label: t('What this Bot does'), hint: t('Its job on the team. Part of the Bot\'s system prompt.'), stack: true }, h(InlineText, { label: t('Instructions'), value: bot.instructions, multiline: true, placeholder: t('What this Bot is responsible for…'), onSave: instructions => save({ instructions }) }))), @@ -376,6 +380,7 @@ diff --git a/src/client/bot-settings.js b/src/client/bot-settings.js + h(BotConnectorsCard, { bot, roster, actions, run, Card, SwitchRow }), roster.memory === false ? null : h(MemoryCard, { bot, actions }), h(BotSchedules, { bot, roster, actions }), ++ h(StandingApprovalsCard, { scope: 'bot', target: bot, roster, actions, run, Card }), h(Card, { title: t('Main Bot') }, onlyMain ? h('div', { className: 'bt-set-row bt-bs-row' }, @@ -1302,6 +1307,14 @@ diff --git a/src/client/index.js b/src/client/index.js endVisit: (id) => { leaveVisits([id]) ui.set((state) => { +@@ -532,6 +532,7 @@ export function apply(ctx) { + answerQuestion: (sessionId, questionId, answer) => after(call('answer-question', { sessionId: partFor(sessionId), questionId, answer })), + dismissQuestion: sessionId => after(call('dismiss-question', { sessionId })), + answerApproval: (id, choice) => after(call('approval-answer', { id, choice })), ++ removeStandingApproval: (scope, id, kind) => after(call('standing-approval-remove', { scope, id, kind })), + 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,24 @@ export function apply(ctx) { secretCancel: requestId => after(call('secret-cancel', { requestId })), secretUpdate: (name, scope) => after(call('secret-update', { name, scope })), diff --git a/patches/ds-bot/0005-social-seams.patch b/patches/ds-bot/0005-social-seams.patch index 1432f1ba..73187df7 100644 --- a/patches/ds-bot/0005-social-seams.patch +++ b/patches/ds-bot/0005-social-seams.patch @@ -502,6 +502,18 @@ diff --git a/src/host/channel.js b/src/host/channel.js } case 'folders': case 'folder-pick': +@@ -212,8 +212,10 @@ export function install(rt) { + await rt.deleteRoom(body.id) + return ok(view()) + case 'approval-answer': +- rt.answerApproval(body.id, body.choice) ++ await rt.answerApproval(body.id, body.choice) + return ok(true) ++ case 'standing-approval-remove': ++ return ok(await rt.removeStandingApproval(body.scope === 'room' ? 'room' : 'bot', body.id, body.kind, rt.authzEnforced() && actor ? actor.memberId : undefined)) + case 'stop-member-work': + return ok(await rt.stopMemberWork(String(body.roomId ?? ''), String(body.botId ?? ''))) + case 'dismiss-question': @@ -231,6 +231,9 @@ export function install(rt) { await rt.load() return ok(await rt.secretEndpoint(endpoint, body)) diff --git a/patches/ds-bot/0008-client-bundle.patch b/patches/ds-bot/0008-client-bundle.patch index 6b6763e8..c47b4df3 100644 --- a/patches/ds-bot/0008-client-bundle.patch +++ b/patches/ds-bot/0008-client-bundle.patch @@ -405,7 +405,7 @@ diff --git a/client.js b/client.js "{name} didn't answer in time": "{name} 没有及时回应", "{name} paused for your approval": "{name} 停下来等你批准", "{name} started on it": "{name} 开始做了", -@@ -506,9 +506,19 @@ var ZH = { +@@ -506,12 +506,30 @@ var ZH = { "Asked to make the tool call it wrote as text": "工具调用被写成了文字，已让它重新调用", "A Bot": "一个 Bot", "{name} is waiting for your approval": "{name} 等你批准", @@ -425,6 +425,17 @@ diff --git a/client.js b/client.js "in its own chat": "在自己的对话里", Reject: "拒绝", "Allow once": "允许一次", ++ "Always allow for this Bot": "此 Bot 始终允许", ++ "Always allow for this group": "本群始终允许", ++ "Always allowed for {name}": "已为 {name} 始终允许", ++ "Always allowed in this group": "已在本群始终允许", ++ "Always allowed": "始终允许", ++ "Your Bots in this group do these without asking.": "你在本群的 Bot 做这些时不再询问。", ++ "This Bot does these without asking.": "此 Bot 做这些时不再询问。", ++ "Remove always allow for {kind}": "移除 {kind} 的始终允许", + "Couldn't message {name}": "没能给 {name} 发消息", + Messaged: "已发消息给", + "Couldn't stop {name}": "没能叫停 {name}", @@ -747,11 +747,11 @@ var ZH = { "Compared with the {count} days before": "与再往前 {count} 天相比", "{share}% of all usage from {span}": "占 {span} 全部用量的 {share}%", @@ -1048,8 +1059,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, h41, tilt]) => ``; -+var happyEyeMarkup = ([cx, cy, w, h41, tilt]) => ``; ++var eyeMarkup = ([cx, cy, w, h42, tilt]) => ``; ++var happyEyeMarkup = ([cx, cy, w, h42, 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%"; @@ -1119,14 +1130,6 @@ diff --git a/client.js b/client.js - const byId = {}; - for (const bot of value.bots) { - for (const id of [...bot.parts ?? [], bot.sessionId ?? bot.id, bot.id]) byId[id] = bot; -- } -- const roomsById = {}; -- for (const room2 of value.rooms) roomsById[room2.id] = room2; -- const agentsById = {}; -- const agentOf = {}; -- for (const agent of value.agents ?? []) { -- agentsById[agent.id] = agent; -- for (const sessionId of agent.sessions ?? []) agentOf[sessionId] = agent.id; +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 ?? (bot?.remote ? lookAvoidingLocals(bot) : lookOf(bot)); @@ -1160,27 +1163,23 @@ diff --git a/client.js b/client.js + style: { fontSize: Math.max(12, Math.round(size * 0.62)), lineHeight: 1 } + }, look.emoji)); } -- return { ...value, agents: value.agents ?? [], byId, roomsById, agentsById, agentOf, ready: true }; +- const roomsById = {}; +- for (const room2 of value.rooms) roomsById[room2.id] = room2; +- const agentsById = {}; +- const agentOf = {}; +- for (const agent of value.agents ?? []) { +- agentsById[agent.id] = agent; +- for (const sessionId of agent.sessions ?? []) agentOf[sessionId] = agent.id; + const box = shapeOf(look.shape).size; + return (0, import_react.createElement)("span", common, (0, import_react.createElement)("svg", { viewBox: `0 0 ${box} ${box}`, dangerouslySetInnerHTML: { __html: characterMarkup(look.shape, look.color).replaceAll(MASK_ID, maskId.current) } })); - } --function isAgentSession(roster, cache, sessionId) { -- if (sessionId === void 0 || sessionId === null || sessionId === "") return false; -- if (roster.ready) return roster.agentOf[sessionId] !== void 0; -- return cache.has(sessionId); ++} +function StarIcon({ size = 8 }) { + return (0, import_react.createElement)( + "svg", + { width: size, height: size, viewBox: "0 0 10 10", "aria-hidden": true }, + (0, import_react.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 countCards(state, sessionId, callIds, delta) { -- const own = { ...state[sessionId] }; -- for (const callId of callIds) { -- const count = (own[callId] ?? 0) + delta; -- if (count > 0) own[callId] = count; -- else delete own[callId]; ++} +var personInitial = (name) => (Array.from(String(name ?? "").trim())[0] ?? "").toUpperCase(); +var personColor = (name) => defaultColor(`person:${String(name ?? "").trim().toLowerCase()}`); +function PersonMark({ size = 22, name }) { @@ -1193,7 +1192,7 @@ diff --git a/client.js b/client.js + "aria-hidden": true + }, initial); } -- return { ...state, [sessionId]: own }; +- return { ...value, agents: value.agents ?? [], byId, roomsById, agentsById, agentOf, ready: true }; + return (0, import_react.createElement)( + "span", + { className: "bt-person-mark", style: { width: size, height: size }, "aria-hidden": true }, @@ -1205,6 +1204,69 @@ diff --git a/client.js b/client.js + ) + ); } +-function isAgentSession(roster, cache, sessionId) { +- if (sessionId === void 0 || sessionId === null || sessionId === "") return false; +- if (roster.ready) return roster.agentOf[sessionId] !== void 0; +- return cache.has(sessionId); ++function AdminStar() { ++ return (0, import_react.createElement)("span", { className: "bt-admin-star", role: "img", "aria-label": t("Admin") }, (0, import_react.createElement)(StarIcon, { size: 7 })); + } +-function countCards(state, sessionId, callIds, delta) { +- const own = { ...state[sessionId] }; +- for (const callId of callIds) { +- const count = (own[callId] ?? 0) + delta; +- if (count > 0) own[callId] = count; +- else delete own[callId]; ++function MainStar() { ++ return (0, import_react.createElement)( ++ "svg", ++ { viewBox: "0 0 20 20", "aria-hidden": true }, ++ (0, import_react.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 useSettled(state) { ++ const prev = (0, import_react.useRef)(state); ++ const [settled, setSettled] = (0, import_react.useState)(false); ++ (0, import_react.useEffect)(() => { ++ const was = prev.current; ++ prev.current = state; ++ if (state !== "idle") { ++ setSettled(false); ++ return void 0; ++ } ++ if (was === "idle" || was === "alert") return void 0; ++ setSettled(true); ++ const timer = setTimeout(() => setSettled(false), 1800); ++ return () => clearTimeout(timer); ++ }, [state]); ++ return settled; ++} ++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_react.createElement)(BotMark, { size }); ++ const badgeKind = !badge ? null : state === "alert" ? "alert" : state !== "idle" ? "working" : admin ? "admin" : main ? "main" : null; ++ return (0, import_react.createElement)( ++ "span", ++ { className: "bt-mark", style: { width: size, height: size, "--bt-size": `${size}px` } }, ++ (0, import_react.createElement)(BotMark, { bot, size, state: settled ? "done" : state, live, gaze, pokeable }), ++ badgeKind === "working" ? (0, import_react.createElement)("span", { className: "bt-badge bt-badge-working", "aria-label": t("Working"), role: "img" }) : null, ++ badgeKind === "alert" ? (0, import_react.createElement)("span", { className: "bt-badge bt-badge-alert", "aria-label": t("Waiting for your answer"), role: "img" }, "?") : null, ++ badgeKind === "admin" ? (0, import_react.createElement)("span", { className: "bt-badge bt-badge-admin", "aria-label": t("Admin"), role: "img" }, (0, import_react.createElement)(StarIcon)) : null, ++ badgeKind === "main" ? (0, import_react.createElement)("span", { className: "bt-badge bt-badge-main", "aria-label": t("Main Bot"), role: "img" }, (0, import_react.createElement)(MainStar)) : null ++ ); ++} ++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]]; + } +- return { ...state, [sessionId]: own }; ++ const half = frame / 2; ++ return [[0, 0, half], [half, 0, half], [0, half, half], [half, half, half]]; + } - -// src/client/themes.js -var THEME_KEYS = ["bg", "sidebar", "bubble", "card", "text", "user", "userText", "accent"]; @@ -1228,7 +1290,36 @@ diff --git a/client.js b/client.js - label: "Moonlight", - light: { bg: "#f7f9fc", sidebar: "#eef2f8", bubble: "#e5ebf5", card: "#ffffff", text: "#121826", user: "#1e3a8a", userText: "#ffffff", accent: "#1e86ff" }, - dark: { bg: "#0b1020", sidebar: "#10172a", bubble: "#1a2340", card: "#141c33", text: "#e8edf7", user: "#3b6fd8", userText: "#ffffff", accent: "#4f9dff" } -- } ++function roomAvatarPeople(room2, roster) { ++ const members = (room2?.members ?? []).map((id) => roster?.byId?.[id]).filter(Boolean); ++ const seen = new Set(members.map((bot) => bot.id)); ++ const remotes = []; ++ for (const p of room2?.participants ?? []) { ++ if (p.leftSeq !== void 0) continue; ++ if (p.kind === "human") continue; ++ if (!p.remote && p.id && seen.has(p.id)) continue; ++ if (!p.remote && p.id && roster?.byId?.[p.id]) { ++ if (!seen.has(p.id)) { ++ members.push(roster.byId[p.id]); ++ seen.add(p.id); ++ } ++ continue; ++ } ++ const handle = p.handle || (p.remote ? p.id : ""); ++ if (!handle) continue; ++ if (members.some((bot) => bot.remote?.handle === handle || bot.handle === handle)) continue; ++ const key = `h:${handle}`; ++ if (seen.has(key)) continue; ++ seen.add(key); ++ remotes.push(lookBotForRemote({ ++ handle, ++ displayName: p.displayName, ++ name: p.displayName, ++ label: p.label, ++ color: p.color, ++ avatar: p.avatar ++ }, roster)); + } -}; -var rgba = (hex, alpha) => `rgba(${[1, 3, 5].map((index) => parseInt(hex.slice(index, index + 2), 16)).join(",")},${alpha})`; -function themeVars(mode, dark, accent = mode.accent) { @@ -1251,8 +1342,8 @@ diff --git a/client.js b/client.js - "--bt-tag-bg": rgba(mode.text, dark ? 0.09 : 0.06), - "--bt-tag-ink": rgba(mode.text, 0.58) - }; -+function AdminStar() { -+ return (0, import_react.createElement)("span", { className: "bt-admin-star", role: "img", "aria-label": t("Admin") }, (0, import_react.createElement)(StarIcon, { size: 7 })); ++ if (members.length === 1 && remotes.length === 0) return [members[0], null]; ++ return [...members, ...remotes]; } -var declarations = (vars) => Object.entries(vars).map(([name, value]) => `${name}:${value}`).join(";"); -var themeCss = (theme, accent) => `html body{${declarations(themeVars(theme.light, false, accent ?? theme.light.accent))}} @@ -1291,88 +1382,6 @@ diff --git a/client.js b/client.js - registry.set((value) => value + 1); - }; - refresh(); -+function MainStar() { -+ return (0, import_react.createElement)( -+ "svg", -+ { viewBox: "0 0 20 20", "aria-hidden": true }, -+ (0, import_react.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 useSettled(state) { -+ const prev = (0, import_react.useRef)(state); -+ const [settled, setSettled] = (0, import_react.useState)(false); -+ (0, import_react.useEffect)(() => { -+ const was = prev.current; -+ prev.current = state; -+ if (state !== "idle") { -+ setSettled(false); -+ return void 0; -+ } -+ if (was === "idle" || was === "alert") return void 0; -+ setSettled(true); -+ const timer = setTimeout(() => setSettled(false), 1800); -+ return () => clearTimeout(timer); -+ }, [state]); -+ return settled; -+} -+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_react.createElement)(BotMark, { size }); -+ const badgeKind = !badge ? null : state === "alert" ? "alert" : state !== "idle" ? "working" : admin ? "admin" : main ? "main" : null; -+ return (0, import_react.createElement)( -+ "span", -+ { className: "bt-mark", style: { width: size, height: size, "--bt-size": `${size}px` } }, -+ (0, import_react.createElement)(BotMark, { bot, size, state: settled ? "done" : state, live, gaze, pokeable }), -+ badgeKind === "working" ? (0, import_react.createElement)("span", { className: "bt-badge bt-badge-working", "aria-label": t("Working"), role: "img" }) : null, -+ badgeKind === "alert" ? (0, import_react.createElement)("span", { className: "bt-badge bt-badge-alert", "aria-label": t("Waiting for your answer"), role: "img" }, "?") : null, -+ badgeKind === "admin" ? (0, import_react.createElement)("span", { className: "bt-badge bt-badge-admin", "aria-label": t("Admin"), role: "img" }, (0, import_react.createElement)(StarIcon)) : null, -+ badgeKind === "main" ? (0, import_react.createElement)("span", { className: "bt-badge bt-badge-main", "aria-label": t("Main Bot"), role: "img" }, (0, import_react.createElement)(MainStar)) : null -+ ); -+} -+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]]; -+ } -+ const half = frame / 2; -+ return [[0, 0, half], [half, 0, half], [0, half, half], [half, half, half]]; -+} -+function roomAvatarPeople(room2, roster) { -+ const members = (room2?.members ?? []).map((id) => roster?.byId?.[id]).filter(Boolean); -+ const seen = new Set(members.map((bot) => bot.id)); -+ const remotes = []; -+ for (const p of room2?.participants ?? []) { -+ if (p.leftSeq !== void 0) continue; -+ if (p.kind === "human") continue; -+ if (!p.remote && p.id && seen.has(p.id)) continue; -+ if (!p.remote && p.id && roster?.byId?.[p.id]) { -+ if (!seen.has(p.id)) { -+ members.push(roster.byId[p.id]); -+ seen.add(p.id); -+ } -+ continue; -+ } -+ const handle = p.handle || (p.remote ? p.id : ""); -+ if (!handle) continue; -+ if (members.some((bot) => bot.remote?.handle === handle || bot.handle === handle)) continue; -+ const key = `h:${handle}`; -+ if (seen.has(key)) continue; -+ seen.add(key); -+ remotes.push(lookBotForRemote({ -+ handle, -+ displayName: p.displayName, -+ name: p.displayName, -+ label: p.label, -+ color: p.color, -+ avatar: p.avatar -+ }, roster)); -+ } -+ if (members.length === 1 && remotes.length === 0) return [members[0], null]; -+ return [...members, ...remotes]; -+} +function RoomAvatar({ room: room2, roster, size = 36 }) { + const people2 = roomAvatarPeople(room2, roster); + const seat = (bot, seatSize, key) => bot ? (0, import_react.createElement)(BotMark, { key, bot, size: seatSize }) : (0, import_react.createElement)("span", { key, className: "bt-cluster-you", style: { width: seatSize * 0.92, height: seatSize * 0.92, margin: seatSize * 0.04 } }); @@ -1828,35 +1837,11 @@ diff --git a/client.js b/client.js var historyLoading = (snapshot) => snapshot?.openState === "cold" || snapshot?.openState === "loading"; function toolArgs(root) { if (typeof root.args?.text === "function") { -@@ -1573,60 +1573,246 @@ function relaysBefore(contexts, steps, step) { - break; - } +@@ -1597,14 +1597,21 @@ function commRunOf(order, peers, turn, hiddenTurns = []) { } -- return (contexts ?? []).filter((data) => isRelayContext(data) && typeof data.time === "number" && data.time >= prev && data.time < step.time); -+ return (contexts ?? []).filter((data) => isRelayContext(data) && typeof data.time === "number" && data.time >= prev && data.time < step.time); -+} -+function commRunOf(order, peers, turn, hiddenTurns = []) { -+ const turns = []; -+ for (const entry of order) { -+ const peer = peers[entry]; -+ const hidden = hiddenTurns.includes(entry); -+ if (hidden && peer === void 0) continue; -+ turns.push({ turn: entry, peer, hidden }); -+ } -+ const at = turns.findIndex((entry) => entry.turn === turn); -+ if (at === -1 || turns[at].peer === void 0) return null; -+ const previous = turns[at - 1]; -+ if (previous?.peer !== void 0 && previous.hidden) return "folded"; -+ let count = 0; -+ const peerIds = []; -+ for (let index = at; index < turns.length; index += 1) { -+ const entry = turns[index]; -+ if (entry.peer === void 0 || index > at && !turns[index - 1].hidden) break; -+ count += entry.hidden ? 2 : 1; -+ if (!peerIds.includes(entry.peer)) peerIds.push(entry.peer); -+ } -+ return { count, peerIds }; -+} + return { count, peerIds }; + } +-function previewOf(list, id, hiddenTurns = []) { +function heldReplyOf(bot, sessionId, turn) { + const list = Array.isArray(bot?.heldReplies) ? bot.heldReplies : []; + let found; @@ -1865,32 +1850,22 @@ diff --git a/client.js b/client.js +} +var unsentReplyTurns = (bot, sessionId) => (Array.isArray(bot?.heldReplies) ? bot.heldReplies : []).filter((reply) => reply.sessionId === sessionId && reply.status !== "approved" && reply.status !== "auto").map((reply) => reply.turn); +function previewOf(list, id, hiddenTurns = [], unsentTurns = []) { -+ const outline = list.projectionsBySession?.[id]?.values?.turnOutline ?? list.byId[id]?.projectionValues?.turnOutline; -+ if (!Array.isArray(outline)) return ""; -+ for (let index = outline.length - 1; index >= 0; index -= 1) { -+ const entry = outline[index]; -+ if (hiddenTurns.includes(entry.turn)) continue; + const outline = list.projectionsBySession?.[id]?.values?.turnOutline ?? list.byId[id]?.projectionValues?.turnOutline; + if (!Array.isArray(outline)) return ""; + for (let index = outline.length - 1; index >= 0; index -= 1) { + const entry = outline[index]; + if (hiddenTurns.includes(entry.turn)) continue; +- const text = entry.response || entry.prompt || ""; +- if (text !== "") return stripHeader(text).replace(/\s+/g, " ").trim(); + const text = (unsentTurns.includes(entry.turn) ? "" : entry.response) || entry.prompt || ""; + if (text !== "") return stripTrace(stripHeader(text)).replace(/\s+/g, " ").trim().replace(/^[^\s→]{1,40}(?: → [^\s→]{1,40})+ (?=\S)/, ""); -+ } -+ return ""; -+} -+var formatTokens = (count) => count >= 1e6 ? `${(count / 1e6).toFixed(1)}M` : count >= 1e3 ? `${(count / 1e3).toFixed(1)}K` : String(count); -+function usageOf(list, ids) { -+ let input = 0; -+ let cacheRead = 0; -+ let output = 0; -+ for (const id of ids) { -+ const usage = list.projectionsBySession?.[id]?.values?.tokenUsage; -+ if (!usage) continue; -+ input += (usage.uncachedInputTokens ?? 0) + (usage.cacheReadTokens ?? 0) + (usage.cacheWriteTokens ?? 0); -+ cacheRead += usage.cacheReadTokens ?? 0; -+ output += usage.outputTokens ?? 0; -+ } -+ if (input + output === 0) return ""; -+ const hit = input > 0 ? Math.round(cacheRead / input * 100) : 0; -+ return t("{tokens} tok · Cache hit {hit}%", { tokens: formatTokens(input + output), hit }); -+} + } + return ""; + } +@@ -1624,47 +1624,226 @@ 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 }); + } +function faceRowTitle(title) { + const text = String(title ?? ""); + const named = text.match(/^Face-to-face · (.+) · (\d{6})$/); @@ -1911,7 +1886,17 @@ diff --git a/client.js b/client.js +function awayGroups(groups, roomsById) { + return (groups ?? []).filter((entry) => roomsById?.[entry.id]?.origin !== "face-to-face"); +} -+ + +-// src/client/motion.js +-var import_react = require("react"); +-var reducedMotion = () => window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true; +-function springEasing(stiffness, damping) { +- const w0 = Math.sqrt(stiffness); +- const zeta = damping / (2 * w0); +- const at = (t2) => { +- if (zeta >= 1) return 1 - (1 + w0 * t2) * Math.exp(-w0 * t2); +- const wd = w0 * Math.sqrt(1 - zeta * zeta); +- return 1 - Math.exp(-zeta * w0 * t2) * (Math.cos(wd * t2) + zeta * w0 / wd * Math.sin(wd * t2)); +// src/client/sources.js +function createSource(initial) { + let value = initial; @@ -1930,8 +1915,31 @@ diff --git a/client.js b/client.js + value = resolved; + for (const listener of [...listeners2]) listener(); + } -+ }; -+} + }; +- let end = 0.05; +- while (end < 2 && Math.abs(1 - at(end)) > 1e-3) end += 0.01; +- const points = Array.from({ length: 25 }, (_, index) => (index === 24 ? 1 : at(end * index / 24)).toFixed(4)); +- return { duration: Math.round(end * 1e3), easing: `linear(${points.join(",")})`, stiffness, damping }; + } +-var SPRING_SHAPE = springEasing(400, 31.2); +-var SPRING_TAP = springEasing(900, 48); +-var SPRING_LIST = springEasing(484, 35.2); +-var SPRING_STRETCH = springEasing(320, 20); +-var SPRING_POP = springEasing(500, 22); +-var SPRING_LEAD = springEasing(784, 48.2); +-var SPRING_TRAIL = springEasing(289, 29.2); +-var QUICK_EDGES = { lead: springEasing(900, 51), trail: springEasing(400, 34) }; +-var spring = (curve, ...properties) => properties.map((property) => `${property} ${curve.duration}ms ${curve.easing}`).join(","); +-function liveSprings(apply2) { +- const values = /* @__PURE__ */ new Map(); +- let frame = 0; +- let last = 0; +- const read = () => Object.fromEntries([...values].map(([key, value]) => [key, value.x])); +- const step = (now) => { +- const dt = Math.min(0.5, Math.max(1e-3, (now - last) / 1e3)); +- last = now; +- const steps = Math.ceil(dt * 240); +- const h34 = dt / steps; +var EMPTY_ROSTER = { revision: -1, mainBotId: null, mainBotIds: [], bots: [], rooms: [], humans: [], self: null, agents: [], exchangeTurns: {}, remoteTypedTurns: {}, remoteAwaiting: {}, questions: {}, secrets: [], capabilities: [], capabilityStatuses: {}, secretRequests: {}, models: [], defaultModel: null, modelsKey: null, prefs: {}, byId: {}, roomsById: {}, agentsById: {}, agentOf: {}, ready: false }; +var isMainOf = (roster, id) => id !== void 0 && (roster.mainBotIds ?? []).includes(id); +function indexRoster(value) { @@ -1950,26 +1958,7 @@ diff --git a/client.js b/client.js + for (const sessionId of agent.sessions ?? []) agentOf[sessionId] = agent.id; + } + return { ...value, agents: value.agents ?? [], byId, roomsById, agentsById, agentOf, ready: true }; - } --function commRunOf(order, peers, turn, hiddenTurns = []) { -- const turns = []; -- for (const entry of order) { -- const peer = peers[entry]; -- const hidden = hiddenTurns.includes(entry); -- if (hidden && peer === void 0) continue; -- turns.push({ turn: entry, peer, hidden }); -- } -- const at = turns.findIndex((entry) => entry.turn === turn); -- if (at === -1 || turns[at].peer === void 0) return null; -- const previous = turns[at - 1]; -- if (previous?.peer !== void 0 && previous.hidden) return "folded"; -- let count = 0; -- const peerIds = []; -- for (let index = at; index < turns.length; index += 1) { -- const entry = turns[index]; -- if (entry.peer === void 0 || index > at && !turns[index - 1].hidden) break; -- count += entry.hidden ? 2 : 1; -- if (!peerIds.includes(entry.peer)) peerIds.push(entry.peer); ++} +function isAgentSession(roster, cache, sessionId) { + if (sessionId === void 0 || sessionId === null || sessionId === "") return false; + if (roster.ready) return roster.agentOf[sessionId] !== void 0; @@ -1981,18 +1970,9 @@ diff --git a/client.js b/client.js + const count = (own[callId] ?? 0) + delta; + if (count > 0) own[callId] = count; + else delete own[callId]; - } -- return { count, peerIds }; ++ } + return { ...state, [sessionId]: own }; - } --function previewOf(list, id, hiddenTurns = []) { -- const outline = list.projectionsBySession?.[id]?.values?.turnOutline ?? list.byId[id]?.projectionValues?.turnOutline; -- if (!Array.isArray(outline)) return ""; -- for (let index = outline.length - 1; index >= 0; index -= 1) { -- const entry = outline[index]; -- if (hiddenTurns.includes(entry.turn)) continue; -- const text = entry.response || entry.prompt || ""; -- if (text !== "") return stripHeader(text).replace(/\s+/g, " ").trim(); ++} + +// src/client/themes.js +var THEME_KEYS = ["bg", "sidebar", "bubble", "card", "text", "user", "userText", "accent"]; @@ -2016,8 +1996,7 @@ diff --git a/client.js b/client.js + label: "Moonlight", + light: { bg: "#f7f9fc", sidebar: "#eef2f8", bubble: "#e5ebf5", card: "#ffffff", text: "#121826", user: "#1e3a8a", userText: "#ffffff", accent: "#1e86ff" }, + dark: { bg: "#0b1020", sidebar: "#10172a", bubble: "#1a2340", card: "#141c33", text: "#e8edf7", user: "#3b6fd8", userText: "#ffffff", accent: "#4f9dff" } - } -- return ""; ++ } +}; +var rgba = (hex, alpha) => `rgba(${[1, 3, 5].map((index) => parseInt(hex.slice(index, index + 2), 16)).join(",")},${alpha})`; +function themeVars(mode, dark, accent = mode.accent) { @@ -2040,18 +2019,7 @@ diff --git a/client.js b/client.js + "--bt-tag-bg": rgba(mode.text, dark ? 0.09 : 0.06), + "--bt-tag-ink": rgba(mode.text, 0.58) + }; - } --var formatTokens = (count) => count >= 1e6 ? `${(count / 1e6).toFixed(1)}M` : count >= 1e3 ? `${(count / 1e3).toFixed(1)}K` : String(count); --function usageOf(list, ids) { -- let input = 0; -- let cacheRead = 0; -- let output = 0; -- for (const id of ids) { -- const usage = list.projectionsBySession?.[id]?.values?.tokenUsage; -- if (!usage) continue; -- input += (usage.uncachedInputTokens ?? 0) + (usage.cacheReadTokens ?? 0) + (usage.cacheWriteTokens ?? 0); -- cacheRead += usage.cacheReadTokens ?? 0; -- output += usage.outputTokens ?? 0; ++} +var declarations = (vars) => Object.entries(vars).map(([name, value]) => `${name}:${value}`).join(";"); +var themeCss = (theme, accent) => `html body{${declarations(themeVars(theme.light, false, accent ?? theme.light.accent))}} +html body[data-ds-dark-theme]{${declarations(themeVars(theme.dark, true, accent ?? theme.dark.accent))}} @@ -2099,10 +2067,7 @@ diff --git a/client.js b/client.js + if (typeof id !== "string" || !/^[a-z][\w-]{0,31}$/.test(id)) throw new Error("Theme ids are lowercase words"); + for (const mode of ["light", "dark"]) { + for (const key of THEME_KEYS) if (!isHex(theme?.[mode]?.[key])) throw new Error(`Theme ${mode}.${key} must be a #rrggbb color`); - } -- if (input + output === 0) return ""; -- const hit = input > 0 ? Math.round(cacheRead / input * 100) : 0; -- return t("{tokens} tok · Cache hit {hit}%", { tokens: formatTokens(input + output), hit }); ++ } + const previous = customThemes[id]; + customThemes[id] = { label: String(theme.label ?? id), light: theme.light, dark: theme.dark, css: typeof theme.css === "string" ? theme.css : "" }; + registry3.set((value) => value + 1); @@ -2111,28 +2076,51 @@ diff --git a/client.js b/client.js + else delete customThemes[id]; + registry3.set((value) => value + 1); + }; - } ++} +var allThemes = () => ({ ...THEMES, ...customThemes }); - - // src/client/motion.js --var import_react = require("react"); ++ ++// src/client/motion.js +var import_react3 = require("react"); - var reducedMotion = () => window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true; - function springEasing(stiffness, damping) { - const w0 = Math.sqrt(stiffness); -@@ -1659,12 +1659,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 h34 = dt / steps; -+ const h41 = dt / steps; ++var reducedMotion = () => window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true; ++function springEasing(stiffness, damping) { ++ const w0 = Math.sqrt(stiffness); ++ const zeta = damping / (2 * w0); ++ const at = (t2) => { ++ if (zeta >= 1) return 1 - (1 + w0 * t2) * Math.exp(-w0 * t2); ++ const wd = w0 * Math.sqrt(1 - zeta * zeta); ++ return 1 - Math.exp(-zeta * w0 * t2) * (Math.cos(wd * t2) + zeta * w0 / wd * Math.sin(wd * t2)); ++ }; ++ let end = 0.05; ++ while (end < 2 && Math.abs(1 - at(end)) > 1e-3) end += 0.01; ++ const points = Array.from({ length: 25 }, (_, index) => (index === 24 ? 1 : at(end * index / 24)).toFixed(4)); ++ return { duration: Math.round(end * 1e3), easing: `linear(${points.join(",")})`, stiffness, damping }; ++} ++var SPRING_SHAPE = springEasing(400, 31.2); ++var SPRING_TAP = springEasing(900, 48); ++var SPRING_LIST = springEasing(484, 35.2); ++var SPRING_STRETCH = springEasing(320, 20); ++var SPRING_POP = springEasing(500, 22); ++var SPRING_LEAD = springEasing(784, 48.2); ++var SPRING_TRAIL = springEasing(289, 29.2); ++var QUICK_EDGES = { lead: springEasing(900, 51), trail: springEasing(400, 34) }; ++var spring = (curve, ...properties) => properties.map((property) => `${property} ${curve.duration}ms ${curve.easing}`).join(","); ++function liveSprings(apply2) { ++ const values = /* @__PURE__ */ new Map(); ++ let frame = 0; ++ let last = 0; ++ const read = () => Object.fromEntries([...values].map(([key, value]) => [key, value.x])); ++ const step = (now) => { ++ const dt = Math.min(0.5, Math.max(1e-3, (now - last) / 1e3)); ++ last = now; ++ const steps = Math.ceil(dt * 240); ++ const h42 = 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) * h34; - value.x += value.v * h34; -+ value.v += (-value.k * (value.x - value.to) - value.c * value.v) * h41; -+ value.x += value.v * h41; ++ value.v += (-value.k * (value.x - value.to) - value.c * value.v) * h42; ++ value.x += value.v * h42; } if (Math.abs(value.x - value.to) < 0.05 && Math.abs(value.v) < 1) { value.x = value.to; @@ -2469,96 +2457,32 @@ diff --git a/client.js b/client.js - 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 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 -- }; -- 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" }) -- ); --} --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; -- } -- if (was === "idle" || was === "alert") return void 0; -- setSettled(true); -- const timer = setTimeout(() => setSettled(false), 1800); -- return () => clearTimeout(timer); -- }, [state]); -- return settled; +- 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]); +// src/shared/face-title.js +var MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]; +function isGenericFaceTitle(name) { @@ -2590,19 +2514,35 @@ diff --git a/client.js b/client.js + rows.sort((a, b) => a.sort.localeCompare(b.sort)); + return rows.slice(0, 3).map((row) => row.owner); } --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 -- ); +-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 +- }; +- 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 uniqueOwners(owners) { + const seen = /* @__PURE__ */ new Set(); + const out = []; @@ -2637,13 +2577,12 @@ diff --git a/client.js b/client.js + bits.push(join.length === 6 ? join : when3); + return bits.join(" · "); } --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 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" }) +- ); + +// src/client/brand.js +var FLYBOT_WING = "M150 238 C 96 200, 40 196, 22 214 C 8 230, 40 262, 150 300 Z"; @@ -2665,25 +2604,13 @@ diff --git a/client.js b/client.js + const room2 = roster.roomsById?.[sessionId]; + if (bot?.remote) { + return friendBotTitle(bot); - } -- const half = frame / 2; -- return [[0, 0, half], [half, 0, half], [0, half, half], [half, half, half]]; ++ } + if (room2 && room2.origin === "face-to-face" && (room2.face?.status === "closed" || room2.face?.status === "left") && isAutoFaceTitle(room2.name)) return "Face-to-face · closed"; + if (room2) return room2.displayName || (room2.sharedFrom ? sharedRoomTitle(room2.sharedFrom.inviterName) : room2.name) || ""; + return bot?.name || ""; } --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 -- ); +-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 installTabTitle(sessions, roster, doc = globalThis.document) { + if (!doc || !sessions || !roster) return () => { + }; @@ -2701,19 +2628,69 @@ diff --git a/client.js b/client.js + offSessions?.(); + offRoster?.(); + }; -+} -+function installBrandChrome() { -+ if (typeof document === "undefined") return () => { -+ }; -+ const href = `data:image/svg+xml,${encodeURIComponent(flybotMarkSvg())}`; -+ let link = document.getElementById("flybot-favicon"); -+ if (!link) { -+ link = document.createElement("link"); -+ link.id = "flybot-favicon"; -+ link.rel = "icon"; -+ link.type = "image/svg+xml"; -+ document.head.appendChild(link); - } + } +-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 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; +- } +- if (was === "idle" || was === "alert") return void 0; +- setSettled(true); +- const timer = setTimeout(() => setSettled(false), 1800); +- return () => clearTimeout(timer); +- }, [state]); +- return settled; +-} +-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 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]]; +- } +- 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 +- ); +- } - const seats = clusterSeats(Math.min(people.length, 4), size); - const overflow = people.length > 4 ? people.length - 3 : 0; - const gap = size / 14; @@ -2732,6 +2709,18 @@ diff --git a/client.js b/client.js - return (0, import_react2.createElement)("span", { key: bot?.id ?? "you", style }, seat(bot, s)); - }) - ); ++function installBrandChrome() { ++ if (typeof document === "undefined") return () => { ++ }; ++ const href = `data:image/svg+xml,${encodeURIComponent(flybotMarkSvg())}`; ++ let link = document.getElementById("flybot-favicon"); ++ if (!link) { ++ link = document.createElement("link"); ++ link.id = "flybot-favicon"; ++ link.rel = "icon"; ++ link.type = "image/svg+xml"; ++ document.head.appendChild(link); ++ } + link.href = href; + const retitle = () => { + const next = brandTitle(document.title); @@ -4804,16 +4793,29 @@ diff --git a/client.js b/client.js const seen = /* @__PURE__ */ new WeakSet(); const started = Date.now(); let column = null; -@@ -4638,21 +4638,30 @@ function ActivityIndicator({ sessionId, useRoster, useSessionStatus, useLive, us - 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]); +@@ -4624,156 +4624,841 @@ function useRowEntrances(replacing) { + const observer = new MutationObserver(() => { + if (!frame) frame = requestAnimationFrame(scan); + }); +- scan(); ++ scan(); ++ return () => { ++ cancelAnimationFrame(frame); ++ observer.disconnect(); ++ }; ++ }, []); ++} ++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_react9.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 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 awaiting = useAwaitingReply(roster, sessionId); + const sendRun = (0, import_react9.useRef)(false); + if (!running) sendRun.current = false; @@ -4824,47 +4826,36 @@ diff --git a/client.js b/client.js + const bridging = bot?.remote !== void 0 && !streaming && lastRun.current.running && lastRun.current.send && !running; + lastRun.current = { running, send: sendRun.current }; + const steady = bridging; - const tool = tools.at(-1); -- const inputRef = (0, import_react7.useRef)(0); ++ const tool = tools.at(-1); + const inputRef = (0, import_react9.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 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_react9.useState)(null); - const wantKey = want?.key ?? null; -- const markState = (0, import_react7.useRef)("thinking"); ++ const wantKey = want?.key ?? null; + const markState = (0, import_react9.useRef)("thinking"); - if (want) markState.current = want.state; -- (0, import_react7.useEffect)(() => { ++ if (want) markState.current = want.state; + (0, import_react9.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; -@@ -4663,24 +4663,29 @@ function ActivityIndicator({ sessionId, useRoster, useSessionStatus, useLive, us - 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); ++ 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_react9.useState)(null); + const endedAt = (0, import_react9.useRef)(0); + const shift = (0, import_react9.useRef)(null); + const leaving = (0, import_react9.useRef)(false); - leaving.current = phase !== null && !visible; -- (0, import_react7.useEffect)(() => { ++ leaving.current = phase !== null && !visible; + (0, import_react9.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); ++ if (visible) { ++ setPhase("in"); ++ return void 0; ++ } + let timer; + const leave = () => { + setPhase((current) => current === "in" ? "out" : current); @@ -4875,31 +4866,29 @@ diff --git a/client.js b/client.js + }; + if (steady) timer = setTimeout(leave, REMOTE_GRACE_MS); + else leave(); - return () => clearTimeout(timer); - }, [visible]); -- (0, import_react7.useLayoutEffect)(() => { ++ return () => clearTimeout(timer); ++ }, [visible]); + (0, import_react9.useLayoutEffect)(() => { - if (phase !== null) return; - endedAt.current = Date.now(); - setShown(null); -@@ -4691,31 +4691,37 @@ function ActivityIndicator({ sessionId, useRoster, useSessionStatus, useLive, us - 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 (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_react9.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 (!running) actions.clearLive(sessionId); ++ }, [running, sessionId]); ++ useRowEntrances(() => leaving.current || Date.now() - endedAt.current < 300); + const [now, setNow] = (0, import_react9.useState)(Date.now); + (0, import_react9.useEffect)(() => { - if (phase !== "in") return void 0; - const timer = setInterval(() => setNow(Date.now()), 1e4); - return () => clearInterval(timer); - }, [phase]); -- const host = useRunningHost(running); ++ if (phase !== "in") return void 0; ++ const timer = setInterval(() => setNow(Date.now()), 1e4); ++ return () => clearInterval(timer); ++ }, [phase]); + const remote = bot?.remote !== void 0; + const host = useRunningHost(running || remote && phase !== null, running || !remote ? RUNNING_HOST : TAIL_HOST); + const drawn = (0, import_react9.useRef)(false); @@ -4907,34 +4896,35 @@ diff --git a/client.js b/client.js + (0, import_react9.useEffect)(() => { + drawn.current = Boolean(host && phase !== null && shown); + }, [host, phase, shown]); - 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)( ++ 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_react9.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)( ++ "div", + { className: "bt-typing", "data-exiting": phase === "out" ? "" : void 0, "data-carry": carry && phase !== "out" ? "" : void 0, "data-remote": remote ? "" : void 0, "aria-hidden": true }, + bot ? (0, import_react9.createElement)(BotMark, { bot, size: 28, state: markState.current, live: true, pokeable: true }) : (0, import_react9.createElement)(RoomAvatar, { room: room2, roster, size: 28 }), + (0, import_react9.createElement)( - "span", - { className: "bt-typing-text" }, -- (0, import_react7.createElement)( ++ "span", ++ { className: "bt-typing-text" }, + (0, import_react9.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 ++ "span", ++ { key: `${shown.key}:${shown.at}`, className: "bt-typing-label" }, + (0, import_react9.createElement)(Shimmer, null, `${shown.text}…`), + elapsed ? (0, import_react9.createElement)("span", { className: "bt-typing-time" }, `· ${elapsed}`) : null - ) - ) - ), host); -@@ -4731,49 +4731,478 @@ function showsDshRow(dsh, app) { - return dsh.kind === "app" && APP_OFFER.has(app?.phase) && sameVersion(app.version, dsh.verified); - } - ++ ) ++ ) ++ ), 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); ++} ++ +// src/client/overlay-hooks.js +var import_react10 = require("react"); +var escapeLayers = []; @@ -4962,15 +4952,250 @@ diff --git a/client.js b/client.js + return paneLeft; +} + -+// src/client/inbox.js ++// src/client/member-status.js +var import_react11 = require("react"); ++var NO_WORK = { bots: {}, rooms: {}, approvals: [] }; ++var ROWS_MAX = 4; ++var stepIn = (work, botId, roomId, tool) => { ++ const own = work.bots?.[botId]; ++ return own?.roomId === roomId && own.tool === tool ? own.step : void 0; ++}; ++function memberWork(room2, work = NO_WORK) { ++ const here = work.rooms?.[room2.id] ?? []; ++ return room2.members.map((id) => { ++ const approvals = (work.approvals ?? []).filter((entry) => entry.botId === id); ++ const local = here.find((entry) => entry.botId === id); ++ const doing = local ? { ...local, roomId: room2.id, step: stepIn(work, id, room2.id, local.tool) } : work.bots?.[id]; ++ return { id, approvals, doing, here: local !== void 0, state: approvals.length > 0 ? "ask" : doing ? "work" : "idle" }; ++ }); ++} ++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] })); ++} ++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 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 }] : []; ++ }); ++} ++function summaryText(busy) { ++ const asks = busy.filter((entry) => entry.state === "ask"); ++ const workers = busy.filter((entry) => entry.state === "work"); ++ const names = asks.slice(0, 2).map((entry) => entry.bot.name); ++ const waiting = asks.length === 0 ? "" : asks.length === 1 ? t("{name} is waiting for your approval", { name: names[0] }) : asks.length === 2 ? t("{first} and {second} are waiting for your approval", { first: names[0], second: names[1] }) : t("{first}, {second} and {count} more are waiting for your approval", { first: names[0], second: names[1], count: asks.length - 2, total: asks.length }); ++ 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 }; ++} ++function Face({ entry, size }) { ++ return (0, import_react11.createElement)( ++ "span", ++ { className: "bt-mw-face", "data-ask": entry.state === "ask" || void 0 }, ++ (0, import_react11.createElement)(BotMark, { bot: entry.bot, size, state: entry.state === "ask" ? "alert" : toolState(entry.doing?.tool ?? "") }) ++ ); ++} ++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)}`; ++ const elapsed = elapsedSince(now, at); ++ return (0, import_react11.createElement)( ++ "button", ++ { type: "button", className: "bt-mw-row", "aria-label": [text, elapsed].filter(Boolean).join(" · "), onClick: onOpen }, ++ (0, import_react11.createElement)(BotMark, { bot, size: 22, state: toolState(tool ?? ""), live: true }), ++ (0, import_react11.createElement)("span", { className: "bt-mw-row-text" }, (0, import_react11.createElement)(Shimmer, null, text)), ++ elapsed ? (0, import_react11.createElement)("span", { className: "bt-mw-row-time" }, `· ${elapsed}`) : null ++ ); ++} ++function SummaryLine({ busy, now, onOpen }) { ++ const { waiting, doing } = summaryText(busy); ++ const elapsed = doing ? elapsedSince(now, busy.find((entry) => entry.state === "work")?.doing.since) : ""; ++ return (0, import_react11.createElement)( ++ "button", ++ { type: "button", className: "bt-mw-row bt-mw-line", "aria-label": [waiting, doing, elapsed].filter(Boolean).join(" · "), onClick: onOpen }, ++ (0, import_react11.createElement)("span", { className: "bt-mw-stack", "aria-hidden": true }, busy.slice(0, 4).map((entry) => (0, import_react11.createElement)(Face, { key: entry.id, entry, size: 16 }))), ++ (0, import_react11.createElement)( ++ "span", ++ { className: "bt-mw-row-text" }, ++ waiting ? (0, import_react11.createElement)("span", { className: "bt-mw-ask" }, waiting) : null, ++ waiting && doing ? " · " : null, ++ doing ? (0, import_react11.createElement)(Shimmer, null, doing) : null ++ ), ++ elapsed ? (0, import_react11.createElement)("span", { className: "bt-mw-row-time" }, `· ${elapsed}`) : null ++ ); ++} ++function MemberDock({ sessionId, useRoster, useWork, actions }) { ++ const roster = useRoster((value) => value); ++ const work = useWork((value) => value); ++ const room2 = roster.roomsById[sessionId]; ++ const bot = room2 ? void 0 : roster.byId[sessionId]; ++ const ownChat = bot !== void 0 && work.bots?.[bot.id] !== void 0 && work.bots[bot.id].roomId === void 0; ++ const busy = room2 ? busyMembers(room2, work, roster) : []; ++ const groups = bot !== void 0 && !ownChat ? botGroupWork(bot.id, work, roster) : []; ++ const shown = busy.length > 0 || groups.length > 0; ++ const now = useNow(shown); ++ const ref = (0, import_react11.useRef)(null); ++ useFlowColumn(ref, shown, sessionId); ++ if (!shown) return null; ++ if (room2) { ++ const { rows, rest } = splitBusy(busy); ++ const open = () => actions.showDetails(sessionId); ++ return (0, import_react11.createElement)( ++ "div", ++ { ref, className: "bt-mw-dock-stack" }, ++ rows.map((entry) => (0, import_react11.createElement)(WorkRow, { key: entry.id, bot: entry.bot, tool: entry.doing.tool, step: entry.doing.step, label: entry.bot.name, at: entry.doing.since, now, onOpen: open })), ++ rest.length > 0 ? (0, import_react11.createElement)(SummaryLine, { busy: rest, now, onOpen: open }) : null ++ ); ++ } ++ return (0, import_react11.createElement)("div", { ref, className: "bt-mw-dock-stack" }, groups.slice(0, ROWS_MAX).map((item) => (0, import_react11.createElement)(WorkRow, { ++ key: item.room.id, ++ bot, ++ tool: item.tool, ++ step: item.step, ++ label: t("in {name}", { name: item.room.name }), ++ at: item.since, ++ now, ++ onOpen: () => actions.openSession(item.room.id) ++ }))); ++} ++function useFlowColumn(ref, active, key) { ++ (0, import_react11.useLayoutEffect)(() => { ++ const node = ref.current; ++ const flow = document.querySelector("[data-chat-flow]"); ++ if (!active || !node || !flow) return void 0; ++ const place = () => { ++ node.style.marginInlineStart = "0px"; ++ const column = flow.getBoundingClientRect(); ++ node.style.marginInlineStart = `${Math.round(column.left - node.getBoundingClientRect().left)}px`; ++ node.style.width = `${Math.round(column.width)}px`; ++ }; ++ place(); ++ const observer = new ResizeObserver(place); ++ for (const target of [flow, flow.parentElement, node.parentElement]) if (target) observer.observe(target); ++ return () => observer.disconnect(); ++ }, [active, key]); ++} ++function useNow(active) { ++ const [now, setNow] = (0, import_react11.useState)(Date.now); ++ (0, import_react11.useEffect)(() => { ++ if (!active) return void 0; ++ const timer = setInterval(() => setNow(Date.now()), 3e4); ++ return () => clearInterval(timer); ++ }, [active]); ++ return now; ++} ++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"]] : [] ++]; ++function ApprovalCard({ approval, bot, actions }) { ++ const [busy, setBusy] = (0, import_react11.useState)(false); ++ const answer = (choice) => { ++ setBusy(true); ++ void Promise.resolve(actions.answerApproval(approval.id, choice)).catch((error) => actions.reportError(error, "approval")).finally(() => setBusy(false)); ++ }; ++ return (0, import_react11.createElement)( ++ "div", ++ { className: "bt-mw-card", role: "group", "aria-label": t("{name} is waiting for your approval", { name: bot.name }) }, ++ (0, import_react11.createElement)("div", { className: "bt-mw-tool" }, approval.tool), ++ approval.detail?.text ? (0, import_react11.createElement)("div", { className: "bt-mw-text" }, approval.detail.text) : null, ++ approval.reason ? (0, import_react11.createElement)("div", { className: "bt-mw-reason" }, approval.reason) : null, ++ approval.detail?.code ? (0, import_react11.createElement)("code", { className: "bt-mw-code", title: approval.detail.code }, approval.detail.code) : null, ++ approval.answerable ? (0, import_react11.createElement)( ++ "div", ++ { className: "bt-mw-actions" }, ++ (0, import_react11.createElement)("button", { type: "button", className: "bt-q-btn", disabled: busy, onClick: () => answer("reject") }, t("Reject")), ++ (0, import_react11.createElement)("button", { type: "button", className: "bt-q-submit", disabled: busy, onClick: () => answer("allow") }, t("Allow once")), ++ ...alwaysChoices(approval, bot).map(([choice, label]) => (0, import_react11.createElement)("button", { key: choice, type: "button", className: "bt-q-btn", "data-choice": choice, disabled: busy, onClick: () => answer(choice) }, t(label))) ++ ) : (0, import_react11.createElement)( ++ "div", ++ { className: "bt-mw-actions" }, ++ (0, import_react11.createElement)("button", { type: "button", className: "bt-q-btn", onClick: () => actions.openSession(bot.id) }, t("Open {name}'s chat", { name: bot.name })) ++ ) ++ ); ++} ++function MemberWork({ entry, bot, room: room2, roster, actions, now }) { ++ const [stopping, setStopping] = (0, import_react11.useState)(false); ++ if (entry.state === "ask") { ++ return (0, import_react11.createElement)( ++ "div", ++ { className: "bt-mw-member" }, ++ (0, import_react11.createElement)("div", { className: "bt-mw-state bt-mw-ask" }, `${t("Waiting for your approval")}${since(now, entry.approvals[0].at)}`), ++ entry.approvals.map((approval) => (0, import_react11.createElement)(ApprovalCard, { key: approval.id, approval, bot, actions })) ++ ); ++ } ++ if (entry.state !== "work") return null; ++ const where = entry.doing.roomId === room2.id ? "" : entry.doing.roomId ? t("in {name}", { name: roster.roomsById[entry.doing.roomId]?.name ?? t("a group chat") }) : t("in its own chat"); ++ const stop = () => { ++ setStopping(true); ++ void Promise.resolve(actions.stopMemberWork(room2.id, bot.id)).catch((error) => actions.reportError(error, "stop")).finally(() => setStopping(false)); ++ }; ++ return (0, import_react11.createElement)( ++ "div", ++ { className: "bt-mw-member" }, ++ (0, import_react11.createElement)( ++ "div", ++ { className: "bt-mw-state bt-mw-work" }, ++ (0, import_react11.createElement)("span", null, (0, import_react11.createElement)(Shimmer, null, workText(entry.doing.tool, entry.doing.step)), where ? ` ${where}` : "", since(now, entry.doing.since)), ++ entry.here ? (0, import_react11.createElement)("button", { type: "button", className: "bt-mw-stop", disabled: stopping, onClick: stop }, t("Stop")) : null ++ ) ++ ); ++} ++function useMemberWork(room2, useWork) { ++ const work = useWork?.((value) => value) ?? NO_WORK; ++ const entries2 = room2 ? memberWork(room2, work) : []; ++ const now = useNow(entries2.some((entry) => entry.state !== "idle")); ++ return { entries: entries2, now }; ++} ++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} ++.bt-mw-row:hover{background:var(--bt-hover)} ++.bt-mw-row>.bt-mark{flex:none} ++.bt-mw-row-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} ++.bt-mw-row-time{flex:none;font-size:12px;color:var(--bt-ink-3);white-space:nowrap} ++.bt-mw-work{display:flex;align-items:center;justify-content:space-between;gap:8px} ++.bt-mw-stop{flex:none;height:22px;padding:0 10px;border:1px solid var(--bt-line,rgba(0,0,0,.12));border-radius:11px;background:none;color:var(--bt-ink-2);font:inherit;font-size:12px;cursor:pointer} ++.bt-mw-stop:hover{background:var(--bt-hover)} ++.bt-mw-stop:disabled{opacity:.5;cursor:default} ++.bt-mw-line{gap:8px} ++.bt-mw-stack{display:inline-flex;align-items:center;flex:none;line-height:0} ++.bt-mw-stack>*+*{margin-left:-4px} ++.bt-mw-face{position:relative;display:inline-flex;flex:none;border-radius:50%} ++.bt-mw-stack .bt-mw-face{box-shadow:0 0 0 1.5px var(--bt-main,#fff)} ++.bt-mw-face[data-ask]::after{content:"";position:absolute;right:-2px;bottom:-2px;width:7px;height:7px;border-radius:50%;background:#e3a008;box-shadow:0 0 0 1.5px var(--bt-main,#fff)} ++.bt-mw-ask{color:#b7791f;flex:none;white-space:nowrap} ++body[data-ds-dark-theme] .bt-mw-ask{color:#f0b84a} ++.bt-mw-member{padding:0 6px 8px 42px;display:flex;flex-direction:column;gap:6px} ++.bt-mw-state{font-size:12px;line-height:16px;color:var(--bt-ink-2);margin-top:-4px} ++.bt-mw-card{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:var(--bt-hover);font-size:12px;line-height:17px;color:var(--bt-ink-2)} ++.bt-mw-tool{font-weight:600;color:var(--bt-ink)} ++.bt-mw-text{color:var(--bt-ink);overflow-wrap:anywhere} ++.bt-mw-reason{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} ++.bt-mw-code{display:block;font:11px/16px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--bt-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} ++.bt-mw-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:4px} ++.bt-mw-actions>button{height:28px;padding:0 12px;font-size:12px} ++.bt-mw-actions>button:disabled{opacity:.5;cursor:default} ++@keyframes bt-mw-in{from{opacity:0;transform:translateY(4px)}} ++@media (prefers-reduced-motion:reduce){.bt-mw-row{animation:none}} ++`; ++ ++// src/client/inbox.js ++var import_react12 = require("react"); +var KEEP_MS = 7 * 864e5; +var POLL_MS2 = 3e4; +var DONE_MAX = 20; +var FEEDBACK_MS = 5e3; -+var line = (d) => (0, import_react11.createElement)("path", { d }); ++var line = (d) => (0, import_react12.createElement)("path", { d }); +var icon = (...paths) => function StatusIcon() { -+ return (0, import_react11.createElement)("svg", { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.8, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, paths.map(line)); ++ return (0, import_react12.createElement)("svg", { width: 14, height: 14, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: 1.8, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true }, paths.map(line)); +}; +var RING = "M10 3.25a6.75 6.75 0 1 1 0 13.5 6.75 6.75 0 0 1 0-13.5z"; +var InboxIcon = icon("M3.5 11.5l1.9-6.1A1.5 1.5 0 0 1 6.83 4.35h6.34a1.5 1.5 0 0 1 1.43 1.05l1.9 6.1", "M3.5 11.5v3.25a1.5 1.5 0 0 0 1.5 1.5h10a1.5 1.5 0 0 0 1.5-1.5V11.5", "M3.5 11.5h3.75l1 1.75h3.5l1-1.75h3.75"); @@ -5005,8 +5230,8 @@ diff --git a/client.js b/client.js + for (const listener of taskListeners) listener(sharedTasks); +} +function useTasks(actions) { -+ const [tasks, setTasks] = (0, import_react11.useState)(sharedTasks); -+ (0, import_react11.useEffect)(() => { ++ const [tasks, setTasks] = (0, import_react12.useState)(sharedTasks); ++ (0, import_react12.useEffect)(() => { + taskListeners.add(setTasks); + let stopped = false; + let timer; @@ -5017,14 +5242,57 @@ diff --git a/client.js b/client.js + if (!stopped) timer = setTimeout(load, POLL_MS2); + }); + load(); -+ return () => { + return () => { +- cancelAnimationFrame(frame); +- observer.disconnect(); + stopped = true; + clearTimeout(timer); + taskListeners.delete(setTasks); -+ }; -+ }, []); + }; + }, []); + return tasks; -+} + } +-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; +var ownBot = (roster, id) => { + const bot = roster.byId?.[id]; + if (bot === void 0 || bot.remote) return void 0; @@ -5168,7 +5436,39 @@ 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) }); -+ } + } +- 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 newest = (a, b) => (b.at ?? Infinity) - (a.at ?? Infinity); + for (const card of [...needs, ...progress, ...done]) card.activity = latestActivity(card, { roster, work, sessions }); @@ -5182,7 +5482,7 @@ diff --git a/client.js b/client.js + 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_react11.createElement)( ++ return (0, import_react12.createElement)( + "button", + { + type: "button", @@ -5193,14 +5493,14 @@ diff --git a/client.js b/client.js + "aria-expanded": open, + onClick: () => actions.openInbox() + }, -+ (0, import_react11.createElement)("span", { className: "bt-inbox-mark" }, (0, import_react11.createElement)(InboxIcon)), -+ wide ? (0, import_react11.createElement)("span", { className: "bt-inbox-label" }, t("Inbox")) : null, -+ count > 0 ? (0, import_react11.createElement)("span", { className: "bt-inbox-count", "aria-hidden": true }, count > 99 ? "99+" : String(count)) : null ++ (0, import_react12.createElement)("span", { className: "bt-inbox-mark" }, (0, import_react12.createElement)(InboxIcon)), ++ wide ? (0, import_react12.createElement)("span", { className: "bt-inbox-label" }, t("Inbox")) : null, ++ count > 0 ? (0, import_react12.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_react11.createElement)("span", { className: "bt-inbox-status", "data-tone": tone }, (0, import_react11.createElement)(Icon), (0, import_react11.createElement)("span", null, t(label))); ++ return (0, import_react12.createElement)("span", { className: "bt-inbox-status", "data-tone": tone }, (0, import_react12.createElement)(Icon), (0, import_react12.createElement)("span", null, t(label))); +} +function whenText(card, now) { + if (card.status === "running" || card.status === "task") { @@ -5212,37 +5512,57 @@ diff --git a/client.js b/client.js + const who = card.bot ? card.bot.name : card.room?.name ?? ""; + const meta = [who, card.place, whenText(card, now)].filter(Boolean).join(" · "); + const answerable = card.kind === "approval" && card.approval?.answerable === true; -+ return (0, import_react11.createElement)( -+ "div", ++ return (0, import_react12.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)( + { className: "bt-inbox-card", role: "group", "aria-label": `${t(STATUSES[card.status].label)}: ${card.title}`, "data-status": card.status }, -+ (0, import_react11.createElement)("span", { className: "bt-inbox-ava" }, card.bot ? (0, import_react11.createElement)(BotAvatar, { bot: card.bot, size: 28, badge: false, live: false }) : card.room ? (0, import_react11.createElement)(RoomAvatar, { room: card.room, roster, size: 28 }) : null), -+ (0, import_react11.createElement)( -+ "span", ++ (0, import_react12.createElement)("span", { className: "bt-inbox-ava" }, card.bot ? (0, import_react12.createElement)(BotAvatar, { bot: card.bot, size: 28, badge: false, live: false }) : card.room ? (0, import_react12.createElement)(RoomAvatar, { room: card.room, roster, size: 28 }) : null), ++ (0, import_react12.createElement)( + "span", +- { className: "bt-typing-text" }, +- (0, import_react7.createElement)( + { className: "bt-inbox-copy" }, -+ (0, import_react11.createElement)( -+ "span", ++ (0, import_react12.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-inbox-top" }, -+ (0, import_react11.createElement)(Status, { status: card.status }), -+ (0, import_react11.createElement)("span", { className: "bt-inbox-meta", title: meta }, meta) ++ (0, import_react12.createElement)(Status, { status: card.status }), ++ (0, import_react12.createElement)("span", { className: "bt-inbox-meta", title: meta }, meta) + ), -+ (0, import_react11.createElement)("span", { className: "bt-inbox-title", title: card.title }, card.title), -+ card.reason ? (0, import_react11.createElement)("span", { className: "bt-inbox-reason", title: card.reason }, card.reason) : null, -+ card.activity ? (0, import_react11.createElement)("span", { className: "bt-inbox-activity", title: card.activity }, t("Latest: {text}", { text: card.activity })) : null, -+ card.hint ? (0, import_react11.createElement)("span", { className: "bt-inbox-hint" }, card.hint) : null, -+ error ? (0, import_react11.createElement)("span", { className: "bt-inbox-error", role: "alert" }, error) : null ++ (0, import_react12.createElement)("span", { className: "bt-inbox-title", title: card.title }, card.title), ++ card.reason ? (0, import_react12.createElement)("span", { className: "bt-inbox-reason", title: card.reason }, card.reason) : null, ++ card.activity ? (0, import_react12.createElement)("span", { className: "bt-inbox-activity", title: card.activity }, t("Latest: {text}", { text: card.activity })) : null, ++ card.hint ? (0, import_react12.createElement)("span", { className: "bt-inbox-hint" }, card.hint) : null, ++ error ? (0, import_react12.createElement)("span", { className: "bt-inbox-error", role: "alert" }, error) : null + ), -+ (0, import_react11.createElement)( ++ (0, import_react12.createElement)( + "span", + { className: "bt-inbox-actions" }, -+ answerable ? (0, import_react11.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => onAnswer(card, "reject") }, t("Reject")) : null, -+ answerable ? (0, import_react11.createElement)("button", { type: "button", className: "bt-send bt-soft-sm", disabled: busy, onClick: () => onAnswer(card, "allow") }, t("Allow once")) : null, -+ (0, import_react11.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", "aria-label": who ? t("Open {name}", { name: card.room?.name ?? who }) : t("Open"), onClick: () => onOpen(card) }, t("Open")) -+ ) ++ answerable ? (0, import_react12.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => onAnswer(card, "reject") }, t("Reject")) : null, ++ answerable ? (0, import_react12.createElement)("button", { type: "button", className: "bt-send bt-soft-sm", disabled: busy, onClick: () => onAnswer(card, "allow") }, t("Allow once")) : null, ++ ...(answerable ? alwaysChoices(card.approval, card.bot) : []).map(([choice, label]) => (0, import_react12.createElement)("button", { key: choice, type: "button", className: "bt-soft bt-soft-sm", "data-choice": choice, disabled: busy, onClick: () => onAnswer(card, choice) }, t(label))), ++ (0, import_react12.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", "aria-label": who ? t("Open {name}", { name: card.room?.name ?? who }) : t("Open"), onClick: () => onOpen(card) }, t("Open")) + ) +- ), host); + ); -+} -+function useNow(ms) { -+ const [now, setNow] = (0, import_react11.useState)(Date.now); -+ (0, import_react11.useEffect)(() => { + } +- +-// 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 useNow2(ms) { ++ const [now, setNow] = (0, import_react12.useState)(Date.now); ++ (0, import_react12.useEffect)(() => { + const timer = setInterval(() => setNow(Date.now()), ms); + return () => clearInterval(timer); + }, [ms]); @@ -5252,14 +5572,14 @@ diff --git a/client.js b/client.js + const work = useWork((value) => value); + const sessions = useSessions((value) => value); + const tasks = useTasks(actions); -+ const now = useNow(3e4); -+ const [answered, setAnswered] = (0, import_react11.useState)({}); -+ const [busy, setBusy] = (0, import_react11.useState)(""); -+ const [errors, setErrors] = (0, import_react11.useState)({}); -+ const [feedback, setFeedback] = (0, import_react11.useState)(""); -+ const close = (0, import_react11.useCallback)(() => actions.closeInbox(), []); ++ const now = useNow2(3e4); ++ const [answered, setAnswered] = (0, import_react12.useState)({}); ++ const [busy, setBusy] = (0, import_react12.useState)(""); ++ const [errors, setErrors] = (0, import_react12.useState)({}); ++ const [feedback, setFeedback] = (0, import_react12.useState)(""); ++ const close = (0, import_react12.useCallback)(() => actions.closeInbox(), []); + useEscape(close); -+ (0, import_react11.useEffect)(() => { ++ (0, import_react12.useEffect)(() => { + if (!feedback) return void 0; + const timer = setTimeout(() => setFeedback(""), FEEDBACK_MS); + return () => clearTimeout(timer); @@ -5272,42 +5592,42 @@ diff --git a/client.js b/client.js + void Promise.resolve(actions.answerApproval(card.approval.id, choice)).then(() => { + setAnswered((value) => ({ ...value, [card.id]: choice })); + const name = card.bot?.name ?? ""; -+ setFeedback(choice === "allow" ? t("Allowed once for {name}", { name }) : t("Rejected for {name}", { name })); ++ setFeedback(choice === "allow" ? t("Allowed once for {name}", { name }) : choice === "always-bot" ? t("Always allowed for {name}", { name }) : choice === "always-room" ? t("Always allowed in this group") : t("Rejected for {name}", { name })); + }, (failure) => setErrors((value) => ({ ...value, [card.id]: hostText(failure?.message ?? String(failure)) }))).finally(() => setBusy("")); + }; + const open = (card) => { + actions.closeInbox(); + actions.openSession(card.chat); + }; -+ return (0, import_react11.createElement)( ++ return (0, import_react12.createElement)( + "div", + { className: "bt-mem-layer bt-inbox-layer", "data-leaving": leaving || void 0 }, -+ (0, import_react11.createElement)("div", { className: "bt-scrim bt-mem-scrim", onMouseDown: close }), -+ (0, import_react11.createElement)( ++ (0, import_react12.createElement)("div", { className: "bt-scrim bt-mem-scrim", onMouseDown: close }), ++ (0, import_react12.createElement)( + "div", + { className: "bt-mem bt-inbox", role: "dialog", "aria-modal": true, "aria-labelledby": "bt-inbox-heading" }, -+ (0, import_react11.createElement)( ++ (0, import_react12.createElement)( + "div", + { className: "bt-mem-head" }, -+ (0, import_react11.createElement)("h2", { id: "bt-inbox-heading" }, t("Inbox")), -+ (0, import_react11.createElement)("span", { className: "bt-mem-status" }, t("Your Bots")), -+ (0, import_react11.createElement)("span", { className: "bt-mem-head-gap" }), -+ (0, import_react11.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close inbox"), autoFocus: true, onClick: close }, (0, import_react11.createElement)(CloseIcon)) ++ (0, import_react12.createElement)("h2", { id: "bt-inbox-heading" }, t("Inbox")), ++ (0, import_react12.createElement)("span", { className: "bt-mem-status" }, t("Your Bots")), ++ (0, import_react12.createElement)("span", { className: "bt-mem-head-gap" }), ++ (0, import_react12.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close inbox"), autoFocus: true, onClick: close }, (0, import_react12.createElement)(CloseIcon)) + ), -+ (0, import_react11.createElement)( ++ (0, import_react12.createElement)( + "div", + { className: "bt-mem-body bt-inbox-body" }, -+ (0, import_react11.createElement)("div", { className: "bt-inbox-feedback", role: "status", "aria-live": "polite" }, feedback), -+ GROUPS.map((group) => (0, import_react11.createElement)( ++ (0, import_react12.createElement)("div", { className: "bt-inbox-feedback", role: "status", "aria-live": "polite" }, feedback), ++ GROUPS.map((group) => (0, import_react12.createElement)( + "section", + { key: group.id, className: "bt-inbox-group", "aria-labelledby": `bt-inbox-${group.id}` }, -+ (0, import_react11.createElement)( ++ (0, import_react12.createElement)( + "h3", + { id: `bt-inbox-${group.id}`, className: "bt-inbox-head" }, -+ (0, import_react11.createElement)("span", null, t(group.title)), -+ groups[group.id].length > 0 ? (0, import_react11.createElement)("span", { className: "bt-inbox-head-count" }, String(groups[group.id].length)) : null ++ (0, import_react12.createElement)("span", null, t(group.title)), ++ groups[group.id].length > 0 ? (0, import_react12.createElement)("span", { className: "bt-inbox-head-count" }, String(groups[group.id].length)) : null + ), -+ groups[group.id].length === 0 ? (0, import_react11.createElement)("p", { className: "bt-inbox-empty" }, t(group.empty)) : (0, import_react11.createElement)("div", { className: "bt-inbox-list" }, groups[group.id].map((card) => (0, import_react11.createElement)(InboxCard, { ++ groups[group.id].length === 0 ? (0, import_react12.createElement)("p", { className: "bt-inbox-empty" }, t(group.empty)) : (0, import_react12.createElement)("div", { className: "bt-inbox-list" }, groups[group.id].map((card) => (0, import_react12.createElement)(InboxCard, { + key: card.id, + card, + roster, @@ -5321,7 +5641,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)} @@ -5358,20 +5678,20 @@ 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/sidebar.js -var import_react8 = require("react"); -+var import_react12 = require("react"); ++var import_react13 = 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_react12.useEffect)(() => { ++ (0, import_react13.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_react12.createElement)("span", { className: "bt-pin", "aria-hidden": true }, (0, import_react12.createElement)(PinMarkIcon)); ++var PinMark = () => (0, import_react13.createElement)("span", { className: "bt-pin", "aria-hidden": true }, (0, import_react13.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) => { @@ -5380,7 +5700,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_react12.createElement)(Shimmer, null, `${lead} · ${workPhrase(tool)}…${more > 0 ? ` +${more}` : ""}`); ++var workLine = (lead, tool, more) => (0, import_react13.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); @@ -5418,7 +5738,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_react12.createElement)("div", { className: "bt-tile-wrap" }, (0, import_react12.createElement)( ++ return (0, import_react13.createElement)("div", { className: "bt-tile-wrap" }, (0, import_react13.createElement)( "button", { type: "button", @@ -5429,16 +5749,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_react12.createElement)(BotAvatar, { bot, size: 60, state, main: true }), -+ (0, import_react12.createElement)("span", { className: "bt-tile-name" }, shown), ++ (0, import_react13.createElement)(BotAvatar, { bot, size: 60, state, main: true }), ++ (0, import_react13.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_react12.createElement)("span", { className: "bt-unread bt-tile-unread", "aria-hidden": true }) : null, -+ bot.role ? (0, import_react12.createElement)("span", { className: "bt-chip" }, bot.role) : null ++ unread && !waiting && !active ? (0, import_react13.createElement)("span", { className: "bt-unread bt-tile-unread", "aria-hidden": true }) : null, ++ bot.role ? (0, import_react13.createElement)("span", { className: "bt-chip" }, bot.role) : null )); } - return (0, import_react8.createElement)( -+ const unreadMark = wide && waiting && !active ? (0, import_react12.createElement)("span", { className: "bt-unread bt-unread-wait", "aria-hidden": true }) : wide && unread && !active ? (0, import_react12.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null; -+ const row = (0, import_react12.createElement)( ++ const unreadMark = wide && waiting && !active ? (0, import_react13.createElement)("span", { className: "bt-unread bt-unread-wait", "aria-hidden": true }) : wide && unread && !active ? (0, import_react13.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null; ++ const row = (0, import_react13.createElement)( "button", { type: "button", @@ -5455,27 +5775,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_react12.createElement)(BotAvatar, { bot, size: 36, state, main }), -+ pinned && !wide ? (0, import_react12.createElement)(PinMark) : null, -+ wide ? (0, import_react12.createElement)( ++ (0, import_react13.createElement)(BotAvatar, { bot, size: 36, state, main }), ++ pinned && !wide ? (0, import_react13.createElement)(PinMark) : null, ++ wide ? (0, import_react13.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_react12.createElement)( ++ (0, import_react13.createElement)( + "span", + { className: "bt-row-name" }, -+ (0, import_react12.createElement)("span", { className: "bt-row-title" }, shown), -+ bot.remote ? (0, import_react12.createElement)(RemoteMark, { remote: bot.remote }) : null, -+ pinned ? (0, import_react12.createElement)(PinMark) : null ++ (0, import_react13.createElement)("span", { className: "bt-row-title" }, shown), ++ bot.remote ? (0, import_react13.createElement)(RemoteMark, { remote: bot.remote }) : null, ++ pinned ? (0, import_react13.createElement)(PinMark) : null + ), -+ secondLine ? (0, import_react12.createElement)("span", { className: "bt-row-preview" }, secondLine) : null ++ secondLine ? (0, import_react13.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_react12.createElement)("button", { ++ const settings = wide ? (0, import_react13.createElement)("button", { + type: "button", + className: "bt-row-settings", + "aria-label": settingsLabel, @@ -5486,8 +5806,8 @@ diff --git a/client.js b/client.js + keepSidebarStill(event.currentTarget); + actions.openSettings("bots", id); + } -+ }, (0, import_react12.createElement)(GearIcon)) : null; -+ if (settings) return (0, import_react12.createElement)("div", { className: "bt-row-wrap", "data-bot-id": id }, row, settings); ++ }, (0, import_react13.createElement)(GearIcon)) : null; ++ if (settings) return (0, import_react13.createElement)("div", { className: "bt-row-wrap", "data-bot-id": id }, row, settings); + return row; +} +function keepSidebarStill(node) { @@ -5500,14 +5820,14 @@ diff --git a/client.js b/client.js + if (typeof requestAnimationFrame === "function") requestAnimationFrame(() => requestAnimationFrame(reset)); +} +function RemoteMark({ remote }) { -+ return (0, import_react12.createElement)( ++ return (0, import_react13.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_react12.createElement)( ++ (0, import_react13.createElement)( + "svg", + { width: 11, height: 11, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", "aria-hidden": true }, -+ (0, import_react12.createElement)("circle", { cx: 12, cy: 12, r: 9 }), -+ (0, import_react12.createElement)("path", { d: "M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18" }) ++ (0, import_react13.createElement)("circle", { cx: 12, cy: 12, r: 9 }), ++ (0, import_react13.createElement)("path", { d: "M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18" }) + ) + ); +} @@ -5519,15 +5839,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_react12.createElement)( ++ return (0, import_react13.createElement)( + "span", + { className: "bt-row-remote bt-row-face", title: t("Face-to-face"), "aria-label": t("Face-to-face") }, -+ (0, import_react12.createElement)( ++ (0, import_react13.createElement)( + "svg", + { width: 11, height: 11, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", "aria-hidden": true }, -+ (0, import_react12.createElement)("circle", { cx: 9, cy: 8, r: 3 }), -+ (0, import_react12.createElement)("circle", { cx: 16, cy: 9, r: 2.5 }), -+ (0, import_react12.createElement)("path", { d: "M4 18a5 5 0 0 1 10 0M14 18a4 4 0 0 1 6 0" }) ++ (0, import_react13.createElement)("circle", { cx: 9, cy: 8, r: 3 }), ++ (0, import_react13.createElement)("circle", { cx: 16, cy: 9, r: 2.5 }), ++ (0, import_react13.createElement)("path", { d: "M4 18a5 5 0 0 1 10 0M14 18a4 4 0 0 1 6 0" }) + ) ); } @@ -5550,7 +5870,7 @@ diff --git a/client.js b/client.js + const waiting = approval || (room2.pendingCount ?? 0) > 0; + const face = room2.origin === "face-to-face"; + const label = [title, face ? t("Face-to-face") : "", pinned ? t("Pinned") : "", members.length > 0 ? t("Working") : "", waiting ? t("Waiting for your approval") : ""].filter(Boolean).join(", "); -+ return (0, import_react12.createElement)( ++ return (0, import_react13.createElement)( "button", { type: "button", @@ -5569,25 +5889,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_react12.createElement)(RoomAvatar, { room: room2, roster, size: 36 }), -+ pinned && !wide ? (0, import_react12.createElement)(PinMark) : null, -+ wide ? (0, import_react12.createElement)( ++ (0, import_react13.createElement)(RoomAvatar, { room: room2, roster, size: 36 }), ++ pinned && !wide ? (0, import_react13.createElement)(PinMark) : null, ++ wide ? (0, import_react13.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_react12.createElement)("span", { className: "bt-row-name" }, (0, import_react12.createElement)("span", { className: "bt-row-title" }, face ? faceRowTitle(title) : title), face ? (0, import_react12.createElement)(FaceMark) : room2.sharedFrom ? (0, import_react12.createElement)("span", { className: "bt-tag" }, t("Shared")) : null, pinned ? (0, import_react12.createElement)(PinMark) : null), -+ workingLine ? (0, import_react12.createElement)("span", { className: "bt-row-preview" }, workingLine) : preview ? (0, import_react12.createElement)("span", { className: "bt-row-preview" }, preview) : null ++ (0, import_react13.createElement)("span", { className: "bt-row-name" }, (0, import_react13.createElement)("span", { className: "bt-row-title" }, face ? faceRowTitle(title) : title), face ? (0, import_react13.createElement)(FaceMark) : room2.sharedFrom ? (0, import_react13.createElement)("span", { className: "bt-tag" }, t("Shared")) : null, pinned ? (0, import_react13.createElement)(PinMark) : null), ++ workingLine ? (0, import_react13.createElement)("span", { className: "bt-row-preview" }, workingLine) : preview ? (0, import_react13.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 && waiting && !active ? (0, import_react12.createElement)("span", { className: "bt-unread bt-unread-wait", "aria-hidden": true }) : wide && unread && !active ? (0, import_react12.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null ++ wide && waiting && !active ? (0, import_react13.createElement)("span", { className: "bt-unread bt-unread-wait", "aria-hidden": true }) : wide && unread && !active ? (0, import_react13.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_react12.useRef)(null); -+ (0, import_react12.useLayoutEffect)(() => { ++ const input = (0, import_react13.useRef)(null); ++ (0, import_react13.useLayoutEffect)(() => { if (!renaming) return; input.current?.focus(); input.current?.select(); @@ -5596,11 +5916,11 @@ diff --git a/client.js b/client.js })(); }; - return (0, import_react8.createElement)( -+ return (0, import_react12.createElement)( ++ return (0, import_react13.createElement)( "div", { className: "bt-agent-sub-row bt-agent-edit", style: { "--i": index } }, - (0, import_react8.createElement)("input", { -+ (0, import_react12.createElement)("input", { ++ (0, import_react13.createElement)("input", { ref: input, defaultValue: session.title, "aria-label": t("Rename"), @@ -5609,7 +5929,7 @@ diff --git a/client.js b/client.js ); } - return (0, import_react8.createElement)( -+ return (0, import_react12.createElement)( ++ return (0, import_react13.createElement)( "button", { type: "button", @@ -5619,8 +5939,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_react12.createElement)("span", { className: "bt-agent-sub-title" }, session.title), -+ (0, import_react12.createElement)("span", { className: "bt-agent-sub-time" }, session.at > 0 ? relativeShort(session.at) : "") ++ (0, import_react13.createElement)("span", { className: "bt-agent-sub-title" }, session.title), ++ (0, import_react13.createElement)("span", { className: "bt-agent-sub-time" }, session.at > 0 ? relativeShort(session.at) : "") ); } function AgentRow({ agent, actions, useSessions, useSessionStatus, useUi, wide, marked }) { @@ -5629,11 +5949,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_react12.createElement)( ++ return (0, import_react13.createElement)( "div", { className: "bt-agent" }, - (0, import_react8.createElement)( -+ (0, import_react12.createElement)( ++ (0, import_react13.createElement)( "button", { type: "button", @@ -5643,39 +5963,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_react12.createElement)("span", { className: `bt-agent-ava${running ? " bt-run" : ""}` }, (0, import_react12.createElement)(import_dsh_client_ui_primitives2.FishLogo, { size: 22 })), -+ wide ? (0, import_react12.createElement)( ++ (0, import_react13.createElement)("span", { className: `bt-agent-ava${running ? " bt-run" : ""}` }, (0, import_react13.createElement)(import_dsh_client_ui_primitives2.FishLogo, { size: 22 })), ++ wide ? (0, import_react13.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_react12.createElement)("span", { className: "bt-row-name" }, "DSH Agent"), -+ preview ? (0, import_react12.createElement)("span", { className: "bt-row-preview" }, preview) : null ++ (0, import_react13.createElement)("span", { className: "bt-row-name" }, "DSH Agent"), ++ preview ? (0, import_react13.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_react12.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null ++ wide && unread && !active ? (0, import_react13.createElement)("span", { className: "bt-unread", "aria-hidden": true }) : null ), - (0, import_react8.createElement)( -+ (0, import_react12.createElement)( ++ (0, import_react13.createElement)( "div", { className: "bt-agent-sub", "data-open": open || void 0 }, - (0, import_react8.createElement)( -+ (0, import_react12.createElement)( ++ (0, import_react13.createElement)( "div", { className: "bt-agent-sub-in" }, - (0, import_react8.createElement)( -+ (0, import_react12.createElement)( ++ (0, import_react13.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_react12.createElement)(PlusIcon), -+ (0, import_react12.createElement)("span", { className: "bt-agent-sub-title" }, t("New session")) ++ (0, import_react13.createElement)(PlusIcon), ++ (0, import_react13.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_react12.createElement)(AgentSessionRow, { ++ sessions.map((session, index) => (0, import_react13.createElement)(AgentSessionRow, { key: session.id, session, agent, @@ -5685,8 +6005,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_react12.useRef)({ layout, map: /* @__PURE__ */ new Map() }); -+ (0, import_react12.useLayoutEffect)(() => { ++ const tops = (0, import_react13.useRef)({ layout, map: /* @__PURE__ */ new Map() }); ++ (0, import_react13.useLayoutEffect)(() => { const list = listRef.current; if (!list) return; const next = /* @__PURE__ */ new Map(); @@ -5694,7 +6014,7 @@ diff --git a/client.js b/client.js tops.current = { layout, map: next }; }, [layout, key]); } -+var NodeActions = class extends import_react12.Component { ++var NodeActions = class extends import_react13.Component { + constructor(props) { + super(props); + this.state = { failed: false }; @@ -5706,33 +6026,33 @@ diff --git a/client.js b/client.js + console.error("flybot: nodeActions failed", error); + } + render() { -+ return this.state.failed ? null : (0, import_react12.createElement)(this.props.component, { bot: this.props.bot }); ++ return this.state.failed ? null : (0, import_react13.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_react12.createElement)( -+ import_react12.Fragment, ++ return (0, import_react13.createElement)( ++ import_react13.Fragment, + null, -+ (0, import_react12.createElement)( ++ (0, import_react13.createElement)( + "div", + { className: "bt-tree-item", "data-depth": depth, style: { paddingLeft: `${depth * 16}px` } }, -+ children.length ? (0, import_react12.createElement)( ++ children.length ? (0, import_react13.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_react12.createElement)("span", { className: "bt-tree-chev", "aria-hidden": true }, "▾") -+ ) : (0, import_react12.createElement)("span", { className: "bt-tree-toggle bt-tree-leaf", "aria-hidden": true }), -+ (0, import_react12.createElement)(BotRow, { ...rowProps, bot, asRow: true, marked: markedUnread[bot.id] === true }), -+ typeof actions === "function" ? (0, import_react12.createElement)(NodeActions, { component: actions, bot }) : null ++ (0, import_react13.createElement)("span", { className: "bt-tree-chev", "aria-hidden": true }, "▾") ++ ) : (0, import_react13.createElement)("span", { className: "bt-tree-toggle bt-tree-leaf", "aria-hidden": true }), ++ (0, import_react13.createElement)(BotRow, { ...rowProps, bot, asRow: true, marked: markedUnread[bot.id] === true }), ++ typeof actions === "function" ? (0, import_react13.createElement)(NodeActions, { component: actions, bot }) : null + ), -+ closed ? null : children.map((child) => (0, import_react12.createElement)(TreeNode, { key: child.bot.id, node: child, rowProps, markedUnread, collapsed, toggle, actions })) ++ closed ? null : children.map((child) => (0, import_react13.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_react12.useRef)(null); ++ const listRef = (0, import_react13.useRef)(null); const roster = useRoster((value) => value); const markedUnread = useUi((value) => value.unread); props.useRegistry((value) => value); @@ -5741,7 +6061,7 @@ diff --git a/client.js b/client.js return JSON.stringify(stamps); }); - const order = (0, import_react8.useMemo)(() => { -+ const order = (0, import_react12.useMemo)(() => { ++ const order = (0, import_react13.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 })), @@ -5759,7 +6079,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_react12.useState)({}); ++ const [collapsed, setCollapsed] = (0, import_react13.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; @@ -5772,11 +6092,11 @@ diff --git a/client.js b/client.js actions.openPalette(event.key); }; - return (0, import_react8.createElement)( -+ return (0, import_react12.createElement)( ++ return (0, import_react13.createElement)( "div", { className: wide ? "bt-side" : "bt-side bt-rail", onKeyDown: typeToSearch }, - wide ? (0, import_react8.createElement)( -+ wide ? (0, import_react12.createElement)( ++ wide ? (0, import_react13.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)), @@ -5785,30 +6105,30 @@ 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_react12.createElement)("span", { className: "bt-brand" }, (0, import_react12.createElement)(BrandMark, { size: 22 }), (0, import_react12.createElement)(BrandName)), -+ (0, import_react12.createElement)(UpdateButton, { useUpdate: props.useUpdate, actions }), -+ (0, import_react12.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Search"), title: t("Search"), onClick: () => actions.openPalette() }, (0, import_react12.createElement)(SearchIcon)), -+ (0, import_react12.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("New…"), title: t("New…"), onClick: () => actions.openNewChat("new") }, (0, import_react12.createElement)(PlusIcon)) -+ ) : (0, import_react12.createElement)( -+ import_react12.Fragment, ++ (0, import_react13.createElement)("span", { className: "bt-brand" }, (0, import_react13.createElement)(BrandMark, { size: 22 }), (0, import_react13.createElement)(BrandName)), ++ (0, import_react13.createElement)(UpdateButton, { useUpdate: props.useUpdate, actions }), ++ (0, import_react13.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Search"), title: t("Search"), onClick: () => actions.openPalette() }, (0, import_react13.createElement)(SearchIcon)), ++ (0, import_react13.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("New…"), title: t("New…"), onClick: () => actions.openNewChat("new") }, (0, import_react13.createElement)(PlusIcon)) ++ ) : (0, import_react13.createElement)( ++ import_react13.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_react12.createElement)(UpdateButton, { useUpdate: props.useUpdate, actions }), -+ (0, import_react12.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("New…"), title: t("New…"), onClick: () => actions.openNewChat("new") }, (0, import_react12.createElement)(PlusIcon)) ++ (0, import_react13.createElement)(UpdateButton, { useUpdate: props.useUpdate, actions }), ++ (0, import_react13.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("New…"), title: t("New…"), onClick: () => actions.openNewChat("new") }, (0, import_react13.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_react12.createElement)("div", { className: "bt-hint bt-read-only", role: "status" }, hostText(roster.readOnly)) : null, -+ (0, import_react12.createElement)(InboxRow, { wide, useRoster, useWork: props.useWork, useUi, actions }), -+ (0, import_react12.createElement)( ++ wide && roster.readOnly ? (0, import_react13.createElement)("div", { className: "bt-hint bt-read-only", role: "status" }, hostText(roster.readOnly)) : null, ++ (0, import_react13.createElement)(InboxRow, { wide, useRoster, useWork: props.useWork, useUi, actions }), ++ (0, import_react13.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_react12.createElement)("div", { className: "bt-tree", role: "group", "aria-label": t("Bot tree") }, tree.map((node) => (0, import_react12.createElement)(TreeNode, { key: node.bot.id, node, rowProps, markedUnread, collapsed, toggle, actions: structure?.nodeActions }))) : main ? (0, import_react12.createElement)(BotRow, { ...rowProps, bot: main, marked: markedUnread[main.id] === true }) : roster.ready ? null : (0, import_react12.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_react12.createElement)(BotRow, { key: entry.item.id, ...rowProps, bot: entry.item, marked: markedUnread[entry.item.id] === true }) : entry.kind === "room" ? (0, import_react12.createElement)(RoomRow, { key: entry.item.id, ...rowProps, room: entry.item, marked: markedUnread[entry.item.id] === true }) : (0, import_react12.createElement)(AgentRow, { key: entry.item.id, ...rowProps, agent: entry.item, marked: markedUnread[entry.item.id] === true })), -+ wide ? (0, import_react12.createElement)(FlyBotSections, { roster, actions, renderBot: (bot) => (0, import_react12.createElement)(BotRow, { key: bot.id, ...rowProps, bot, asRow: true, marked: markedUnread[bot.id] === true }) }) : null ++ tree ? (0, import_react13.createElement)("div", { className: "bt-tree", role: "group", "aria-label": t("Bot tree") }, tree.map((node) => (0, import_react13.createElement)(TreeNode, { key: node.bot.id, node, rowProps, markedUnread, collapsed, toggle, actions: structure?.nodeActions }))) : main ? (0, import_react13.createElement)(BotRow, { ...rowProps, bot: main, marked: markedUnread[main.id] === true }) : roster.ready ? null : (0, import_react13.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_react13.createElement)(BotRow, { key: entry.item.id, ...rowProps, bot: entry.item, marked: markedUnread[entry.item.id] === true }) : entry.kind === "room" ? (0, import_react13.createElement)(RoomRow, { key: entry.item.id, ...rowProps, room: entry.item, marked: markedUnread[entry.item.id] === true }) : (0, import_react13.createElement)(AgentRow, { key: entry.item.id, ...rowProps, agent: entry.item, marked: markedUnread[entry.item.id] === true })), ++ wide ? (0, import_react13.createElement)(FlyBotSections, { roster, actions, renderBot: (bot) => (0, import_react13.createElement)(BotRow, { key: bot.id, ...rowProps, bot, asRow: true, marked: markedUnread[bot.id] === true }) }) : null ) ); } @@ -5820,12 +6140,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_react12.useState)(false); -+ const [box, setBox] = (0, import_react12.useState)(null); -+ const [error, setError] = (0, import_react12.useState)(""); -+ const [dshError, setDshError] = (0, import_react12.useState)(""); -+ const button = (0, import_react12.useRef)(null); -+ (0, import_react12.useEffect)(() => { ++ const [open, setOpen] = (0, import_react13.useState)(false); ++ const [box, setBox] = (0, import_react13.useState)(null); ++ const [error, setError] = (0, import_react13.useState)(""); ++ const [dshError, setDshError] = (0, import_react13.useState)(""); ++ const button = (0, import_react13.useRef)(null); ++ (0, import_react13.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; @@ -5841,11 +6161,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_react12.createElement)( -+ import_react12.Fragment, ++ return (0, import_react13.createElement)( ++ import_react13.Fragment, null, - (0, import_react8.createElement)("button", { -+ (0, import_react12.createElement)("button", { ++ (0, import_react13.createElement)("button", { ref: button, type: "button", className: "bt-round bt-update", @@ -5855,30 +6175,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_react12.createElement)(CloudDownloadIcon, { done: phase === "installed" }), phase === "failed" || dshPhase === "failed" ? (0, import_react12.createElement)("span", { className: "bt-update-dot", "aria-hidden": true }) : null), -+ open && box ? (0, import_react_dom3.createPortal)((0, import_react12.createElement)( ++ }, (0, import_react13.createElement)(CloudDownloadIcon, { done: phase === "installed" }), phase === "failed" || dshPhase === "failed" ? (0, import_react13.createElement)("span", { className: "bt-update-dot", "aria-hidden": true }) : null), ++ open && box ? (0, import_react_dom3.createPortal)((0, import_react13.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_react12.createElement)( -+ import_react12.Fragment, ++ update?.available || phase !== "idle" ? (0, import_react13.createElement)( ++ import_react13.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_react12.createElement)("div", { className: "bt-update-title" }, phase === "installed" ? t("Update installed") : t("FlyBot core {version}", { version: update.latest })), -+ (0, import_react12.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_react12.createElement)("div", { className: "bt-update-error", role: "alert" }, t("The update did not finish: {reason}", { reason: message })) : null, -+ (0, import_react12.createElement)( ++ (0, import_react13.createElement)("div", { className: "bt-update-title" }, phase === "installed" ? t("Update installed") : t("FlyBot core {version}", { version: update.latest })), ++ (0, import_react13.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_react13.createElement)("div", { className: "bt-update-error", role: "alert" }, t("The update did not finish: {reason}", { reason: message })) : null, ++ (0, import_react13.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_react12.createElement)("a", { className: "bt-update-notes", href: update.notesUrl, target: "_blank", rel: "noopener noreferrer" }, t("What's new")) : null, -+ phase === "installed" ? null : (0, import_react12.createElement)("button", { ++ update.notesUrl ? (0, import_react13.createElement)("a", { className: "bt-update-notes", href: update.notesUrl, target: "_blank", rel: "noopener noreferrer" }, t("What's new")) : null, ++ phase === "installed" ? null : (0, import_react13.createElement)("button", { type: "button", className: "bt-update-go", disabled: phase === "installing", @@ -5887,23 +6207,23 @@ diff --git a/client.js b/client.js ) ) : null, - dshRow ? (0, import_react8.createElement)( -+ dshRow ? (0, import_react12.createElement)( ++ dshRow ? (0, import_react13.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_react12.createElement)("div", { className: "bt-update-title" }, t("DSH {version}", { version: dsh.verified })), -+ (0, import_react12.createElement)("div", { className: "bt-update-text" }, dshText), -+ dshMessage ? (0, import_react12.createElement)("div", { className: "bt-update-error", role: "alert" }, t("The update did not finish: {reason}", { reason: dshMessage })) : null, -+ (0, import_react12.createElement)( ++ (0, import_react13.createElement)("div", { className: "bt-update-title" }, t("DSH {version}", { version: dsh.verified })), ++ (0, import_react13.createElement)("div", { className: "bt-update-text" }, dshText), ++ dshMessage ? (0, import_react13.createElement)("div", { className: "bt-update-error", role: "alert" }, t("The update did not finish: {reason}", { reason: dshMessage })) : null, ++ (0, import_react13.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_react12.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_react12.createElement)("button", { ++ dsh.kind === "app" ? dsh.available ? (0, import_react13.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_react13.createElement)("button", { type: "button", className: "bt-update-go", disabled: dshPhase === "installing", @@ -5935,12 +6255,10 @@ diff --git a/client.js b/client.js - setTip(false); - }; - return (0, import_react8.createElement)( -+ return (0, import_react12.createElement)( - "span", - { className: "bt-connect-wrap" }, +- "span", +- { className: "bt-connect-wrap" }, - (0, import_react8.createElement)( -+ (0, import_react12.createElement)( - "button", +- "button", - { - ref: button, - type: "button", @@ -5961,21 +6279,26 @@ diff --git a/client.js b/client.js - { role: "tooltip", id: tipId, className: "bt-connect-tip", style: box }, - t("Plugin compatibility is not fully verified.") - ), document.body) : null ++ return (0, import_react13.createElement)( ++ "span", ++ { className: "bt-connect-wrap" }, ++ (0, import_react13.createElement)( ++ "button", + { type: "button", className: "bt-connect bt-connect-foot", onClick: () => actions.openConnectors() }, -+ (0, import_react12.createElement)(PlugIcon), ++ (0, import_react13.createElement)(PlugIcon), + t("Connect apps") + ) ); } function YouAvatar() { - return (0, import_react8.createElement)( -+ return (0, import_react12.createElement)( ++ return (0, import_react13.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_react12.createElement)("span", { className: "bt-you", "aria-hidden": true }, (0, import_react12.createElement)(BotMark, { look: MAIN_LOOK, size: 24 })), -+ (0, import_react12.createElement)("span", { style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clip: "rect(0 0 0 0)" } }, t("Settings")) ++ (0, import_react13.createElement)("span", { className: "bt-you", "aria-hidden": true }, (0, import_react13.createElement)(BotMark, { look: MAIN_LOOK, size: 24 })), ++ (0, import_react13.createElement)("span", { style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clip: "rect(0 0 0 0)" } }, t("Settings")) ); } var openShellSettings = null; @@ -5986,7 +6309,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_react12.useLayoutEffect)(() => { ++ (0, import_react13.useLayoutEffect)(() => { + if (explicit) openSection("models"); + complete(); + }, []); @@ -6004,8 +6327,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_react12.useState)(false); -+ (0, import_react12.useLayoutEffect)(() => { ++ const [open, setOpen] = (0, import_react13.useState)(false); ++ (0, import_react13.useLayoutEffect)(() => { if (!seat) return void 0; actions.seatAccount(true); return () => actions.seatAccount(false); @@ -6013,13 +6336,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_react12.useState)(null); -+ const button = (0, import_react12.useRef)(null); -+ (0, import_react12.useEffect)(() => { ++ const [box, setBox] = (0, import_react13.useState)(null); ++ const button = (0, import_react13.useRef)(null); ++ (0, import_react13.useEffect)(() => { if (settingsOpen) setOpen(false); }, [settingsOpen]); - (0, import_react8.useEffect)(() => { -+ (0, import_react12.useEffect)(() => { ++ (0, import_react13.useEffect)(() => { if (!openSettings) return void 0; openShellSettings = openSettings; return () => { @@ -6027,7 +6350,7 @@ diff --git a/client.js b/client.js }; }, [openSettings]); - (0, import_react8.useEffect)(() => { -+ (0, import_react12.useEffect)(() => { ++ (0, import_react13.useEffect)(() => { if (!openOnboarding) return void 0; openShellOnboarding = openOnboarding; return () => { @@ -6035,7 +6358,7 @@ diff --git a/client.js b/client.js }; }, [openOnboarding]); - (0, import_react8.useEffect)(() => { -+ (0, import_react12.useEffect)(() => { ++ (0, import_react13.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; @@ -6057,30 +6380,30 @@ diff --git a/client.js b/client.js ]; - return (0, import_react8.createElement)( - import_react8.Fragment, -+ return (0, import_react12.createElement)( -+ import_react12.Fragment, ++ return (0, import_react13.createElement)( ++ import_react13.Fragment, null, - (0, import_react8.createElement)( -+ (0, import_react12.createElement)( ++ (0, import_react13.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_react12.createElement)("span", { className: "bt-you", "aria-hidden": true }, (0, import_react12.createElement)(BotMark, { look: MAIN_LOOK, size: 24 })) ++ (0, import_react13.createElement)("span", { className: "bt-you", "aria-hidden": true }, (0, import_react13.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_react12.createElement)( ++ open && box ? (0, import_react_dom3.createPortal)((0, import_react13.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_react12.createElement)(FlyBotAccountHeader, { actions }), -+ groups.map((group, index) => (0, import_react12.createElement)( -+ import_react12.Fragment, ++ (0, import_react13.createElement)(FlyBotAccountHeader, { actions }), ++ groups.map((group, index) => (0, import_react13.createElement)( ++ import_react13.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_react12.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null, -+ group.map(([label, Icon, run, hint]) => (0, import_react12.createElement)("button", { ++ index > 0 ? (0, import_react13.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null, ++ group.map(([label, Icon, run, hint]) => (0, import_react13.createElement)("button", { key: label, type: "button", role: "menuitem", @@ -6089,7 +6412,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_react12.createElement)(Icon), (0, import_react12.createElement)("span", { className: "bt-menu-label" }, label), hint ? (0, import_react12.createElement)("span", { className: "bt-menu-hint" }, hint) : null)) ++ }, (0, import_react13.createElement)(Icon), (0, import_react13.createElement)("span", { className: "bt-menu-label" }, label), hint ? (0, import_react13.createElement)("span", { className: "bt-menu-hint" }, hint) : null)) )) ), document.body) : null ); @@ -6099,8 +6422,8 @@ diff --git a/client.js b/client.js }); - const lastBot = (0, import_react8.useRef)(null); - (0, import_react8.useEffect)(() => { -+ const lastBot = (0, import_react12.useRef)(null); -+ (0, import_react12.useEffect)(() => { ++ const lastBot = (0, import_react13.useRef)(null); ++ (0, import_react13.useEffect)(() => { if (!roster.ready || !roster.mainBotId) return void 0; const [id, blank3] = mainView.split("|"); const bot = id === "" ? void 0 : roster.byId[id]; @@ -6117,20 +6440,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_react12.createElement)("span", { className: "bt-foot-account" }, (0, import_react12.createElement)(AccountLauncher, { ...props, seat: false })); ++ return (0, import_react13.createElement)("span", { className: "bt-foot-account" }, (0, import_react13.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_react12.createElement)( ++ return (0, import_react13.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_react12.createElement)(FlyBotMark, { size: 20 }), -+ wide ? (0, import_react12.createElement)("span", { className: "bt-return-name" }, t("FlyBot")) : null ++ (0, import_react13.createElement)(FlyBotMark, { size: 20 }), ++ wide ? (0, import_react13.createElement)("span", { className: "bt-return-name" }, t("FlyBot")) : null ); } var RETURN_CSS = ` @@ -6147,11 +6470,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_react12.createElement)("span", { className: "bt-brand-mark" }, (0, import_react12.createElement)(FlyBotMark, { size })); ++ return (0, import_react13.createElement)("span", { className: "bt-brand-mark" }, (0, import_react13.createElement)(FlyBotMark, { size })); } function BrandName() { - return (0, import_react8.createElement)("span", { style: { fontWeight: 600, fontSize: 14 } }, "DS Bot"); -+ return (0, import_react12.createElement)("span", { style: { fontWeight: 600, fontSize: 14 } }, t("FlyBot")); ++ return (0, import_react13.createElement)("span", { style: { fontWeight: 600, fontSize: 14 } }, t("FlyBot")); } var SIDEBAR_CSS = ` .bt-side-top .bt-brand{cursor:default;padding-left:6px} @@ -6205,18 +6528,18 @@ diff --git a/client.js b/client.js + // src/client/header.js -var import_react9 = require("react"); -+var import_react13 = require("react"); ++var import_react14 = 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_react13.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_react13.createElement)("path", { d: "M-7 0H7M2 -5L7 0L2 5" })); ++var GoArrow = () => (0, import_react14.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_react14.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_react13.useState)(false); -+ (0, import_react13.useEffect)(() => { ++ const [shown, setShown] = (0, import_react14.useState)(false); ++ (0, import_react14.useEffect)(() => { const left = seen + MEMORY_NOTICE_MS - Date.now(); setShown(seen > 0 && left > 0); if (seen === 0 || left <= 0) return void 0; @@ -6226,19 +6549,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_react13.useRef)(null); -+ const [width, setWidth] = (0, import_react13.useState)(0); ++ const inner = (0, import_react14.useRef)(null); ++ const [width, setWidth] = (0, import_react14.useState)(0); const label = t("Memory updated"); - (0, import_react9.useLayoutEffect)(() => { -+ (0, import_react13.useLayoutEffect)(() => { ++ (0, import_react14.useLayoutEffect)(() => { if (shown) setWidth(inner.current?.scrollWidth ?? 0); }, [label, shown]); - return (0, import_react9.createElement)( -+ return (0, import_react13.createElement)( ++ return (0, import_react14.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_react13.createElement)("span", { className: "bt-pill-mem-in", ref: inner }, (0, import_react13.createElement)("span", { className: "bt-pill-mem-ico" }, (0, import_react13.createElement)(MemoryIcon)), label) ++ (0, import_react14.createElement)("span", { className: "bt-pill-mem-in", ref: inner }, (0, import_react14.createElement)("span", { className: "bt-pill-mem-ico" }, (0, import_react14.createElement)(MemoryIcon)), label) ); } function HeaderPill({ sessionId, useRoster, useSessions, useSessionStatus, useSession, useActivity, useMemoryNews, useTurnClock, useUi, useLive, actions }) { @@ -6247,7 +6570,7 @@ diff --git a/client.js b/client.js return first && !unseenSince(visit, first.start) ? clockLabel(first.start) : ""; }); - (0, import_react9.useEffect)(() => { -+ (0, import_react13.useEffect)(() => { ++ (0, import_react14.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"); @@ -6269,7 +6592,7 @@ diff --git a/client.js b/client.js + const composerLabel = name ? t("Message {name}", { name }) : t("Message"); + const blank3 = useSessions((list) => list.byId[sessionId]?.blank === true); + const remoteEmptyHint = t("Send a message. Your friend approves unless Auto-send is on."); -+ (0, import_react13.useEffect)(() => { ++ (0, import_react14.useEffect)(() => { + if (bot?.remote && blank3) { + document.body.dataset.btRemoteChat = "empty"; + document.body.style.setProperty("--bt-remote-empty", JSON.stringify(remoteEmptyHint)); @@ -6282,22 +6605,22 @@ diff --git a/client.js b/client.js + document.body.style.removeProperty("--bt-remote-empty"); + }; + }, [bot?.remote, blank3, remoteEmptyHint]); -+ (0, import_react13.useEffect)(() => { ++ (0, import_react14.useEffect)(() => { + if (!bot?.remote) return void 0; + document.body.dataset.btFriendChat = ""; + return () => { + delete document.body.dataset.btFriendChat; + }; + }, [bot?.remote]); -+ (0, import_react13.useLayoutEffect)(() => holdComposerLabel(document, composerLabel), [composerLabel]); -+ (0, import_react13.useEffect)(() => { ++ (0, import_react14.useLayoutEffect)(() => holdComposerLabel(document, composerLabel), [composerLabel]); ++ (0, import_react14.useEffect)(() => { actions.beginVisit(sessionId); return () => actions.endVisit(sessionId); }, [sessionId]); - (0, import_react9.useEffect)(() => { + const face = room2?.origin === "face-to-face"; -+ (0, import_react13.useEffect)(() => face ? actions.filterFaceAtMenu?.(sessionId) : void 0, [sessionId, face]); -+ (0, import_react13.useEffect)(() => { ++ (0, import_react14.useEffect)(() => face ? actions.filterFaceAtMenu?.(sessionId) : void 0, [sessionId, face]); ++ (0, import_react14.useEffect)(() => { if (room2) document.body.dataset.btRoom = ""; else delete document.body.dataset.btRoom; return () => { @@ -6307,11 +6630,11 @@ diff --git a/client.js b/client.js - const memoryNotice = notice && changed !== null && roster.memory !== false; - return (0, import_react9.createElement)( + const memoryNotice = notice && changed2 !== null && roster.memory !== false; -+ return (0, import_react13.createElement)( ++ return (0, import_react14.createElement)( "div", { className: "bt-head" }, - (0, import_react9.createElement)( -+ (0, import_react13.createElement)( ++ (0, import_react14.createElement)( "button", { type: "button", @@ -6327,24 +6650,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_react13.createElement)(BotAvatar, { bot, size: 24, state: botState(running, doing, roster.questions?.[currentPart(bot)] !== void 0), badge: false }) : room2 ? (0, import_react13.createElement)(RoomAvatar, { room: room2, roster, size: 24 }) : null, -+ (0, import_react13.createElement)("span", { className: "bt-pill-name" }, name || title || t("New chat")), -+ (0, import_react13.createElement)(MemoryNotice, { shown: memoryNotice }), -+ (0, import_react13.createElement)("span", { className: "bt-pill-go", "aria-hidden": true }, (0, import_react13.createElement)(GoArrow)) ++ bot ? (0, import_react14.createElement)(BotAvatar, { bot, size: 24, state: botState(running, doing, roster.questions?.[currentPart(bot)] !== void 0), badge: false }) : room2 ? (0, import_react14.createElement)(RoomAvatar, { room: room2, roster, size: 24 }) : null, ++ (0, import_react14.createElement)("span", { className: "bt-pill-name" }, name || title || t("New chat")), ++ (0, import_react14.createElement)(MemoryNotice, { shown: memoryNotice }), ++ (0, import_react14.createElement)("span", { className: "bt-pill-go", "aria-hidden": true }, (0, import_react14.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_react13.createElement)("span", { className: "bt-sr", role: "status" }, memoryNotice ? t("Memory updated") : ""), -+ (0, import_react13.createElement)(NewMessagePills, { key: sessionId, sessionId, hiddenTurns, useSessions, useUi, useTurnClock, actions }), -+ (0, import_react13.createElement)(ActivityIndicator, { key: `activity:${sessionId}`, sessionId, useRoster, useSessionStatus, useSession, useLive, actions }) ++ (0, import_react14.createElement)("span", { className: "bt-sr", role: "status" }, memoryNotice ? t("Memory updated") : ""), ++ (0, import_react14.createElement)(NewMessagePills, { key: sessionId, sessionId, hiddenTurns, useSessions, useUi, useTurnClock, actions }), ++ (0, import_react14.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_react13.useState)(null); -+ (0, import_react13.useEffect)(() => { ++ const [view, setView] = (0, import_react14.useState)(null); ++ (0, import_react14.useEffect)(() => { let frame = 0; let watched = null; const observer = new MutationObserver(() => schedule()); @@ -6364,24 +6687,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_react13.useState)({ base: null, dismissed: false }); -+ const [above, setAbove] = (0, import_react13.useState)({ seen: false, dismissed: false }); -+ (0, import_react13.useEffect)(() => { ++ const [release, setRelease] = (0, import_react14.useState)({ base: null, dismissed: false }); ++ const [above, setAbove] = (0, import_react14.useState)({ seen: false, dismissed: false }); ++ (0, import_react14.useEffect)(() => { setRelease({ base: unpinned ? replies : null, dismissed: false }); }, [unpinned]); - (0, import_react9.useEffect)(() => { -+ (0, import_react13.useEffect)(() => { ++ (0, import_react14.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_react13.useEffect)(() => { ++ (0, import_react14.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_react13.useEffect)(() => { ++ (0, import_react14.useEffect)(() => { const scroller = document.querySelector("[data-conversation-scroll]"); if (!scroller) return void 0; scroller.toggleAttribute("data-bt-news", showDown); @@ -6390,19 +6713,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_react13.createElement)( ++ const pill = (direction, count, style, onJump, onDismiss) => (0, import_react14.createElement)( "div", { className: "bt-news", "data-direction": direction, style }, - (0, import_react9.createElement)( -+ (0, import_react13.createElement)( ++ (0, import_react14.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_react13.createElement)("span", { className: "bt-news-ico" }, (0, import_react13.createElement)(direction === "up" ? ArrowUpIcon : ArrowDownIcon)), ++ (0, import_react14.createElement)("span", { className: "bt-news-ico" }, (0, import_react14.createElement)(direction === "up" ? ArrowUpIcon : ArrowDownIcon)), label(count) ), - (0, import_react9.createElement)("button", { -+ (0, import_react13.createElement)("button", { ++ (0, import_react14.createElement)("button", { type: "button", className: "bt-news-x", "aria-label": t("Dismiss new messages"), @@ -6411,7 +6734,7 @@ diff --git a/client.js b/client.js onDismiss(); } - }, (0, import_react9.createElement)(CloseIcon)) -+ }, (0, import_react13.createElement)(CloseIcon)) ++ }, (0, import_react14.createElement)(CloseIcon)) ); const toLatest = () => { const scroller = document.querySelector("[data-conversation-scroll]"); @@ -6421,8 +6744,8 @@ diff --git a/client.js b/client.js return (0, import_react_dom4.createPortal)( - (0, import_react9.createElement)( - import_react9.Fragment, -+ (0, import_react13.createElement)( -+ import_react13.Fragment, ++ (0, import_react14.createElement)( ++ import_react14.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 @@ -6431,7 +6754,7 @@ diff --git a/client.js b/client.js // src/client/composer.js -var import_react10 = require("react"); -+var import_react14 = require("react"); ++var import_react15 = require("react"); var import_react_dom5 = require("react-dom"); var speechApi = () => window.SpeechRecognition ?? window.webkitSpeechRecognition; var keepComposerFocus = (event) => event.preventDefault(); @@ -6440,15 +6763,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_react14.useState)(false); -+ const [note, setNote] = (0, import_react14.useState)(""); -+ const recognition = (0, import_react14.useRef)(null); -+ const latest = (0, import_react14.useRef)(onText); ++ const [listening, setListening] = (0, import_react15.useState)(false); ++ const [note, setNote] = (0, import_react15.useState)(""); ++ const recognition = (0, import_react15.useRef)(null); ++ const latest = (0, import_react15.useRef)(onText); latest.current = onText; - (0, import_react10.useEffect)(() => () => recognition.current?.abort(), []); - (0, import_react10.useEffect)(() => { -+ (0, import_react14.useEffect)(() => () => recognition.current?.abort(), []); -+ (0, import_react14.useEffect)(() => { ++ (0, import_react15.useEffect)(() => () => recognition.current?.abort(), []); ++ (0, import_react15.useEffect)(() => { if (!note) return void 0; const timer = setTimeout(() => setNote(""), 2600); return () => clearTimeout(timer); @@ -6462,14 +6785,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_react14.createElement)( ++ return (0, import_react15.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_react14.createElement)( ++ return (0, import_react15.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 }) @@ -6481,7 +6804,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_react14.useEffect)(() => { ++ (0, import_react15.useEffect)(() => { if (!quote || !inputActions) return; actions.clearQuote(quote.token); const excerpt = quote.text.replace(/\s+/g, " ").trim(); @@ -6500,11 +6823,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_react14.createElement)( -+ import_react14.Fragment, ++ return (0, import_react15.createElement)( ++ import_react15.Fragment, null, - pluginMic ? null : (0, import_react10.createElement)("button", { -+ pluginMic ? null : (0, import_react14.createElement)("button", { ++ pluginMic ? null : (0, import_react15.createElement)("button", { type: "button", className: "bt-mic", "aria-label": dictation.listening ? t("Stop dictation") : t("Dictate"), @@ -6514,8 +6837,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_react14.createElement)(MicIcon)), -+ (0, import_react14.createElement)("button", { ++ }, (0, import_react15.createElement)(MicIcon)), ++ (0, import_react15.createElement)("button", { type: "button", className: "bt-voice", "aria-label": t("Start voice chat"), @@ -6524,8 +6847,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_react14.createElement)(WaveIcon, { size: 18 })), -+ dictation.note ? (0, import_react14.createElement)("span", { className: "bt-mic-note", role: "status" }, dictation.note) : null ++ }, (0, import_react15.createElement)(WaveIcon, { size: 18 })), ++ dictation.note ? (0, import_react15.createElement)("span", { className: "bt-mic-note", role: "status" }, dictation.note) : null ); } function menuIcons(roster) { @@ -6534,21 +6857,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_react14.createElement)(BotMark, { bot: roster.getSnapshot().byId[id] ?? row.bot, size })); ++ if (!marks.has(id)) marks.set(id, ({ size = 14 }) => (0, import_react15.createElement)(BotMark, { bot: roster.getSnapshot().byId[id] ?? row.bot, 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_react14.useState)(null); ++ const [open, setOpen] = (0, import_react15.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_react14.useRef)(null); -+ const menu = (0, import_react14.useRef)(null); -+ (0, import_react14.useEffect)(() => { ++ const button = (0, import_react15.useRef)(null); ++ const menu = (0, import_react15.useRef)(null); ++ (0, import_react15.useEffect)(() => { if (!open) return void 0; const onDown = (event) => { if (![button.current, menu.current].some((node) => node?.contains(event.target))) setOpen(null); @@ -6558,11 +6881,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_react14.createElement)( -+ import_react14.Fragment, ++ return (0, import_react15.createElement)( ++ import_react15.Fragment, null, - (0, import_react10.createElement)("button", { -+ (0, import_react14.createElement)("button", { ++ (0, import_react15.createElement)("button", { ref: button, type: "button", className: "bt-plus", @@ -6572,8 +6895,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_react14.createElement)(PlusIcon)), -+ shown ? (0, import_react_dom5.createPortal)((0, import_react14.createElement)( ++ }, (0, import_react15.createElement)(PlusIcon)), ++ shown ? (0, import_react_dom5.createPortal)((0, import_react15.createElement)( "div", { ref: menu, @@ -6584,9 +6907,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_react14.createElement)("button", { type: "button", role: "menuitem", onClick: attach }, (0, import_react14.createElement)(PaperclipIcon), (0, import_react14.createElement)("span", { className: "bt-menu-label" }, t("Add files"))), -+ canReference ? (0, import_react14.createElement)("button", { type: "button", role: "menuitem", onMouseDown: keepComposerFocus, onClick: reference }, (0, import_react14.createElement)(ChatsIcon), (0, import_react14.createElement)("span", { className: "bt-menu-label" }, t("Reference a chat"))) : null, -+ (0, import_react14.createElement)("button", { type: "button", role: "menuitem", onClick: schedule }, (0, import_react14.createElement)(ClockIcon), (0, import_react14.createElement)("span", { className: "bt-menu-label" }, t("Scheduled task"))) ++ (0, import_react15.createElement)("button", { type: "button", role: "menuitem", onClick: attach }, (0, import_react15.createElement)(PaperclipIcon), (0, import_react15.createElement)("span", { className: "bt-menu-label" }, t("Add files"))), ++ canReference ? (0, import_react15.createElement)("button", { type: "button", role: "menuitem", onMouseDown: keepComposerFocus, onClick: reference }, (0, import_react15.createElement)(ChatsIcon), (0, import_react15.createElement)("span", { className: "bt-menu-label" }, t("Reference a chat"))) : null, ++ (0, import_react15.createElement)("button", { type: "button", role: "menuitem", onClick: schedule }, (0, import_react15.createElement)(ClockIcon), (0, import_react15.createElement)("span", { className: "bt-menu-label" }, t("Scheduled task"))) ), document.body) : null ); } @@ -6802,16 +7125,16 @@ diff --git a/client.js b/client.js - // src/client/palette.js -var import_react12 = require("react"); -+var import_react15 = require("react"); ++var import_react16 = 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_react12.useState)(start ?? ""); - const [cursor, setCursor] = (0, import_react12.useState)(0); - const [leaving, setLeaving] = (0, import_react12.useState)(false); -+ const [query, setQuery] = (0, import_react15.useState)(start ?? ""); -+ const [cursor, setCursor] = (0, import_react15.useState)(0); -+ const [leaving, setLeaving] = (0, import_react15.useState)(false); ++ const [query, setQuery] = (0, import_react16.useState)(start ?? ""); ++ const [cursor, setCursor] = (0, import_react16.useState)(0); ++ const [leaving, setLeaving] = (0, import_react16.useState)(false); const wanted = query.trim().toLowerCase(); const close = () => { if (leaving) return; @@ -6826,7 +7149,7 @@ diff --git a/client.js b/client.js key: bot.id, - avatar: (0, import_react12.createElement)(BotAvatar, { bot, size: 24, badge: false, live: false }), - title: bot.name, -+ avatar: (0, import_react15.createElement)(BotAvatar, { bot, size: 24, badge: false, live: false }), ++ avatar: (0, import_react16.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, @@ -6836,7 +7159,7 @@ diff --git a/client.js b/client.js ...roster.rooms.filter((room2) => matchesName(room2.name)).map((room2) => ({ key: room2.id, - avatar: (0, import_react12.createElement)(RoomAvatar, { room: room2, roster, size: 24 }), -+ avatar: (0, import_react15.createElement)(RoomAvatar, { room: room2, roster, size: 24 }), ++ avatar: (0, import_react16.createElement)(RoomAvatar, { room: room2, roster, size: 24 }), title: room2.name, - subtitle: t("{count} members", { count: room2.members.length }), + subtitle: t(room2.members.length === 1 ? "{count} member" : "{count} members", { count: room2.members.length }), @@ -6852,7 +7175,7 @@ diff --git a/client.js b/client.js const agents = (roster.agents ?? []).filter(() => matchesName("DSH Agent")).map((agent) => ({ key: agent.id, - avatar: (0, import_react12.createElement)("span", { className: "bt-palette-agent" }, (0, import_react12.createElement)(import_dsh_client_ui_primitives3.FishLogo, { size: 18 })), -+ avatar: (0, import_react15.createElement)("span", { className: "bt-palette-agent" }, (0, import_react15.createElement)(import_dsh_client_ui_primitives3.FishLogo, { size: 18 })), ++ avatar: (0, import_react16.createElement)("span", { className: "bt-palette-agent" }, (0, import_react16.createElement)(import_dsh_client_ui_primitives3.FishLogo, { size: 18 })), title: "DSH Agent", subtitle: t("Plain dsh session"), run: () => actions.openAgent(agent.id) @@ -6861,7 +7184,7 @@ diff --git a/client.js b/client.js title: bot?.name ?? room2?.name ?? t("Bot"), subtitle: snippet, - avatar: bot ? (0, import_react12.createElement)(BotAvatar, { bot, size: 24, badge: false, live: false }) : (0, import_react12.createElement)(RoomAvatar, { room: room2, roster, size: 24 }), -+ avatar: bot ? (0, import_react15.createElement)(BotAvatar, { bot, size: 24, badge: false, live: false }) : (0, import_react15.createElement)(RoomAvatar, { room: room2, roster, size: 24 }), ++ avatar: bot ? (0, import_react16.createElement)(BotAvatar, { bot, size: 24, badge: false, live: false }) : (0, import_react16.createElement)(RoomAvatar, { room: room2, roster, size: 24 }), run: () => actions.openSession(id) }; }); @@ -6871,10 +7194,10 @@ diff --git a/client.js b/client.js - { key: "cmd:bot", icon: (0, import_react12.createElement)(PlusIcon), title: t("Create Bot"), run: () => actions.openNewChat("create") }, - { key: "cmd:group", icon: (0, import_react12.createElement)(PeopleIcon), title: t("Create group chat"), run: () => actions.openNewChat("group") }, - { key: "cmd:settings", icon: (0, import_react12.createElement)(GearIcon), title: t("Bot settings"), run: () => actions.openSettings("general") } -+ { key: "cmd:new", icon: (0, import_react15.createElement)(PlusIcon), title: t("New chat"), run: () => actions.openNewChat("new") }, -+ { key: "cmd:bot", icon: (0, import_react15.createElement)(PlusIcon), title: t("Create Bot"), run: () => actions.openNewChat("create") }, -+ { key: "cmd:group", icon: (0, import_react15.createElement)(PeopleIcon), title: t("Create group chat"), run: () => actions.openNewChat("group") }, -+ { key: "cmd:settings", icon: (0, import_react15.createElement)(GearIcon), title: t("Settings"), run: () => actions.openSettings("general") } ++ { key: "cmd:new", icon: (0, import_react16.createElement)(PlusIcon), title: t("New chat"), run: () => actions.openNewChat("new") }, ++ { key: "cmd:bot", icon: (0, import_react16.createElement)(PlusIcon), title: t("Create Bot"), run: () => actions.openNewChat("create") }, ++ { key: "cmd:group", icon: (0, import_react16.createElement)(PeopleIcon), title: t("Create group chat"), run: () => actions.openNewChat("group") }, ++ { key: "cmd:settings", icon: (0, import_react16.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); @@ -6883,7 +7206,7 @@ diff --git a/client.js b/client.js const listRef = glide.box; useFlip(listRef, shown, "[data-flip]"); - (0, import_react12.useEffect)(() => { -+ (0, import_react15.useEffect)(() => { ++ (0, import_react16.useEffect)(() => { listRef.current?.querySelector("[aria-selected=true]")?.scrollIntoView({ block: "nearest" }); }, [active, query]); const choose = (row) => { @@ -6892,23 +7215,23 @@ diff --git a/client.js b/client.js }; let index = -1; - return (0, import_react12.createElement)( -+ return (0, import_react15.createElement)( ++ return (0, import_react16.createElement)( "div", { className: "bt-palette-layer", "data-leaving": leaving || void 0 }, - (0, import_react12.createElement)("div", { className: "bt-backdrop", onMouseDown: close }), - (0, import_react12.createElement)( -+ (0, import_react15.createElement)("div", { className: "bt-backdrop", onMouseDown: close }), -+ (0, import_react15.createElement)( ++ (0, import_react16.createElement)("div", { className: "bt-backdrop", onMouseDown: close }), ++ (0, import_react16.createElement)( "div", { className: "bt-palette", role: "dialog", "aria-label": t("Search"), "aria-modal": true }, - (0, import_react12.createElement)( -+ (0, import_react15.createElement)( ++ (0, import_react16.createElement)( "div", { className: "bt-palette-head" }, - (0, import_react12.createElement)("span", { className: "bt-palette-glyph", "aria-hidden": true }, (0, import_react12.createElement)(SearchIcon)), - (0, import_react12.createElement)("input", { -+ (0, import_react15.createElement)("span", { className: "bt-palette-glyph", "aria-hidden": true }, (0, import_react15.createElement)(SearchIcon)), -+ (0, import_react15.createElement)("input", { ++ (0, import_react16.createElement)("span", { className: "bt-palette-glyph", "aria-hidden": true }, (0, import_react16.createElement)(SearchIcon)), ++ (0, import_react16.createElement)("input", { autoFocus: true, value: query, placeholder: t("Search Bots, chats and messages"), @@ -6917,20 +7240,20 @@ diff --git a/client.js b/client.js } }), - query ? (0, import_react12.createElement)("button", { type: "button", className: "bt-palette-clear", "aria-label": t("Clear search"), onClick: () => { -+ query ? (0, import_react15.createElement)("button", { type: "button", className: "bt-palette-clear", "aria-label": t("Clear search"), onClick: () => { ++ query ? (0, import_react16.createElement)("button", { type: "button", className: "bt-palette-clear", "aria-label": t("Clear search"), onClick: () => { setQuery(""); setCursor(0); - } }, (0, import_react12.createElement)(CloseIcon)) : null -+ } }, (0, import_react15.createElement)(CloseIcon)) : null ++ } }, (0, import_react16.createElement)(CloseIcon)) : null ), - (0, import_react12.createElement)( -+ (0, import_react15.createElement)( ++ (0, import_react16.createElement)( "div", { ref: listRef, id: "bt-palette-list", className: "bt-palette-list", role: "listbox", "aria-label": t("Results") }, - (0, import_react12.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }), - rows.length === 0 ? (0, import_react12.createElement)( -+ (0, import_react15.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }), -+ rows.length === 0 ? (0, import_react15.createElement)( ++ (0, import_react16.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }), ++ rows.length === 0 ? (0, import_react16.createElement)( "div", { className: "bt-palette-empty" }, - (0, import_react12.createElement)("span", { className: "bt-palette-empty-icon", "aria-hidden": true }, (0, import_react12.createElement)(SearchIcon)), @@ -6938,19 +7261,19 @@ diff --git a/client.js b/client.js - (0, import_react12.createElement)("span", { className: "bt-palette-empty-hint" }, t("Try a Bot name or words from a message")) - ) : sections.map(([title, items]) => (0, import_react12.createElement)( - import_react12.Fragment, -+ (0, import_react15.createElement)("span", { className: "bt-palette-empty-icon", "aria-hidden": true }, (0, import_react15.createElement)(SearchIcon)), -+ (0, import_react15.createElement)("span", { className: "bt-palette-empty-label" }, t("No results")), -+ (0, import_react15.createElement)("span", { className: "bt-palette-empty-hint" }, t("Try a Bot name or words from a message")) -+ ) : sections.map(([title, items]) => (0, import_react15.createElement)( -+ import_react15.Fragment, ++ (0, import_react16.createElement)("span", { className: "bt-palette-empty-icon", "aria-hidden": true }, (0, import_react16.createElement)(SearchIcon)), ++ (0, import_react16.createElement)("span", { className: "bt-palette-empty-label" }, t("No results")), ++ (0, import_react16.createElement)("span", { className: "bt-palette-empty-hint" }, t("Try a Bot name or words from a message")) ++ ) : sections.map(([title, items]) => (0, import_react16.createElement)( ++ import_react16.Fragment, { key: title }, - (0, import_react12.createElement)("div", { className: "bt-palette-section", role: "presentation", "data-flip": `section:${title}` }, title), -+ (0, import_react15.createElement)("div", { className: "bt-palette-section", role: "presentation", "data-flip": `section:${title}` }, title), ++ (0, import_react16.createElement)("div", { className: "bt-palette-section", role: "presentation", "data-flip": `section:${title}` }, title), items.map((row) => { index += 1; const at = index; - return (0, import_react12.createElement)( -+ return (0, import_react15.createElement)( ++ return (0, import_react16.createElement)( "button", { key: row.key, @@ -6960,17 +7283,17 @@ diff --git a/client.js b/client.js }, - (0, import_react12.createElement)("span", { className: "bt-palette-lead" }, row.avatar ?? (0, import_react12.createElement)("span", { className: "bt-palette-cmd" }, row.icon)), - (0, import_react12.createElement)( -+ (0, import_react15.createElement)("span", { className: "bt-palette-lead" }, row.avatar ?? (0, import_react15.createElement)("span", { className: "bt-palette-cmd" }, row.icon)), -+ (0, import_react15.createElement)( ++ (0, import_react16.createElement)("span", { className: "bt-palette-lead" }, row.avatar ?? (0, import_react16.createElement)("span", { className: "bt-palette-cmd" }, row.icon)), ++ (0, import_react16.createElement)( "span", { className: "bt-palette-text" }, - (0, import_react12.createElement)("span", { className: "bt-palette-title" }, row.title), - row.subtitle ? (0, import_react12.createElement)("span", { className: "bt-palette-sub" }, row.subtitle) : null -+ (0, import_react15.createElement)("span", { className: "bt-palette-title" }, row.title), -+ row.subtitle ? (0, import_react15.createElement)("span", { className: "bt-palette-sub" }, row.subtitle) : null ++ (0, import_react16.createElement)("span", { className: "bt-palette-title" }, row.title), ++ row.subtitle ? (0, import_react16.createElement)("span", { className: "bt-palette-sub" }, row.subtitle) : null ), - row.badge ? (0, import_react12.createElement)("span", { className: "bt-palette-badge" }, row.badge) : null -+ row.badge ? (0, import_react15.createElement)("span", { className: "bt-palette-badge" }, row.badge) : null ++ row.badge ? (0, import_react16.createElement)("span", { className: "bt-palette-badge" }, row.badge) : null ); }) )) @@ -6979,7 +7302,7 @@ diff --git a/client.js b/client.js // src/client/model-menu.js -var import_react13 = require("react"); -+var import_react16 = require("react"); ++var import_react17 = require("react"); var import_react_dom6 = require("react-dom"); var MENU_EXIT_MS = 120; function groupModels(models) { @@ -6998,8 +7321,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_react16.useState)(void 0); -+ (0, import_react16.useEffect)(() => { ++ const [fetched, setFetched] = (0, import_react17.useState)(void 0); ++ (0, import_react17.useEffect)(() => { setFetched(void 0); if (ref === void 0 || served?.reasoning !== void 0 || actions?.efforts === void 0) return void 0; let live = true; @@ -7009,15 +7332,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_react16.createElement)( -+ import_react16.Fragment, ++ return (0, import_react17.createElement)( ++ import_react17.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_react16.createElement)("div", { className: "bt-menu-sep", role: "separator" }), -+ (0, import_react16.createElement)("div", { className: "bt-model-group", role: "presentation" }, t("Thinking level")), -+ effortRows(reasoning).map((row) => (0, import_react16.createElement)( ++ (0, import_react17.createElement)("div", { className: "bt-menu-sep", role: "separator" }), ++ (0, import_react17.createElement)("div", { className: "bt-model-group", role: "presentation" }, t("Thinking level")), ++ effortRows(reasoning).map((row) => (0, import_react17.createElement)( "button", { key: row.effort ?? "default", @@ -7027,21 +7350,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_react16.createElement)("span", { className: "bt-menu-label" }, row.label), -+ (0, import_react16.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, row.effort === current ? (0, import_react16.createElement)(CheckIcon) : null) ++ (0, import_react17.createElement)("span", { className: "bt-menu-label" }, row.label), ++ (0, import_react17.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, row.effort === current ? (0, import_react17.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_react16.createElement)( -+ import_react16.Fragment, ++ return groupModels(roster.models).map(([provider, list]) => (0, import_react17.createElement)( ++ import_react17.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_react16.createElement)("div", { className: "bt-model-group", role: "presentation" }, provider), -+ list.map((model) => (0, import_react16.createElement)( ++ (0, import_react17.createElement)("div", { className: "bt-model-group", role: "presentation" }, provider), ++ list.map((model) => (0, import_react17.createElement)( "button", { key: model.ref, @@ -7052,25 +7375,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_react16.createElement)("span", { className: "bt-menu-label" }, model.name), -+ model.ref === roster.defaultModel ? (0, import_react16.createElement)("span", { className: "bt-menu-hint" }, t("Default")) : null, -+ (0, import_react16.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, model.ref === current ? (0, import_react16.createElement)(CheckIcon) : null) ++ (0, import_react17.createElement)("span", { className: "bt-menu-label" }, model.name), ++ model.ref === roster.defaultModel ? (0, import_react17.createElement)("span", { className: "bt-menu-hint" }, t("Default")) : null, ++ (0, import_react17.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, model.ref === current ? (0, import_react17.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_react16.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_react16.createElement)("path", { d: "M5.5 8l4.5 4.5L14.5 8" })); ++var Caret = () => (0, import_react17.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_react17.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_react16.useState)(null); ++ const [place, setPlace] = (0, import_react17.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_react16.useRef)(null); -+ const menu = (0, import_react16.useRef)(null); ++ const button = (0, import_react17.useRef)(null); ++ const menu = (0, import_react17.useRef)(null); const close = () => setPlace(null); - (0, import_react13.useEffect)(() => { -+ (0, import_react16.useEffect)(() => { ++ (0, import_react17.useEffect)(() => { if (place === null) return void 0; const onDown = (event) => { if (menu.current?.contains(event.target) || button.current?.contains(event.target)) return; @@ -7088,11 +7411,11 @@ diff --git a/client.js b/client.js const models = roster.models ?? []; - return (0, import_react13.createElement)( - import_react13.Fragment, -+ return (0, import_react16.createElement)( -+ import_react16.Fragment, ++ return (0, import_react17.createElement)( ++ import_react17.Fragment, null, - (0, import_react13.createElement)( -+ (0, import_react16.createElement)( ++ (0, import_react17.createElement)( "button", { ref: button, @@ -7101,34 +7424,34 @@ diff --git a/client.js b/client.js onClick: toggle }, - (0, import_react13.createElement)( -+ (0, import_react16.createElement)( ++ (0, import_react17.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_react16.createElement)("span", { className: "bt-model-name" }, shown?.name ?? t("Choose a model")), -+ shown ? (0, import_react16.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_react17.createElement)("span", { className: "bt-model-name" }, shown?.name ?? t("Choose a model")), ++ shown ? (0, import_react17.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_react16.createElement)(Caret) ++ (0, import_react17.createElement)(Caret) ), - shownPlace ? (0, import_react_dom6.createPortal)((0, import_react13.createElement)( -+ shownPlace ? (0, import_react_dom6.createPortal)((0, import_react16.createElement)( ++ shownPlace ? (0, import_react_dom6.createPortal)((0, import_react17.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_react16.createElement)(ModelRows, { roster, current, onPick: pick2 }) : (0, import_react16.createElement)("div", { className: "bt-model-none" }, t("No models are set up in DeepSeek Harness yet.")), -+ effortRows(reasoning).length > 0 ? (0, import_react16.createElement)(EffortRows, { reasoning, current: picked, onPick: pickEffort }) : null, -+ (0, import_react16.createElement)("div", { className: "bt-menu-sep", role: "separator" }), -+ (0, import_react16.createElement)("button", { type: "button", role: "menuitem", onClick: () => { ++ models.length > 0 ? (0, import_react17.createElement)(ModelRows, { roster, current, onPick: pick2 }) : (0, import_react17.createElement)("div", { className: "bt-model-none" }, t("No models are set up in DeepSeek Harness yet.")), ++ effortRows(reasoning).length > 0 ? (0, import_react17.createElement)(EffortRows, { reasoning, current: picked, onPick: pickEffort }) : null, ++ (0, import_react17.createElement)("div", { className: "bt-menu-sep", role: "separator" }), ++ (0, import_react17.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_react16.createElement)(SlidersIcon), (0, import_react16.createElement)("span", { className: "bt-menu-label" }, t("Models and providers…"))) ++ } }, (0, import_react17.createElement)(SlidersIcon), (0, import_react17.createElement)("span", { className: "bt-menu-label" }, t("Models and providers…"))) ), document.body) : null ); } @@ -7137,15 +7460,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_react16.useState)(""); -+ const [error, setError] = (0, import_react16.useState)(""); ++ const [busy, setBusy] = (0, import_react17.useState)(""); ++ const [error, setError] = (0, import_react17.useState)(""); const shown = Boolean(bot) && currentPart(bot) === sessionId && roster.ready; - (0, import_react13.useEffect)(() => { -+ (0, import_react16.useEffect)(() => { ++ (0, import_react17.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_react16.createElement)(RemoteGoneDock, { bot }) : null; ++ if (bot.remote) return bot.remote.gone ? (0, import_react17.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; @@ -7155,14 +7478,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_react16.createElement)("button", { key: label, type: "button", className: "bt-model-chip", onClick: run }, label)), (0, import_react16.createElement)(KeyHelpLink, { key: "key-help" })] : [ -+ ...groupModels(models).map(([provider, list]) => (0, import_react16.createElement)( ++ const choices = models.length === 0 ? [...setupChoices(actions).map(([label, run]) => (0, import_react17.createElement)("button", { key: label, type: "button", className: "bt-model-chip", onClick: run }, label)), (0, import_react17.createElement)(KeyHelpLink, { key: "key-help" })] : [ ++ ...groupModels(models).map(([provider, list]) => (0, import_react17.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_react16.createElement)("div", { className: "bt-model-choice-provider", "aria-hidden": true }, provider), -+ (0, import_react16.createElement)("div", { className: "bt-model-choice-chips" }, list.map((model) => (0, import_react16.createElement)("button", { ++ (0, import_react17.createElement)("div", { className: "bt-model-choice-provider", "aria-hidden": true }, provider), ++ (0, import_react17.createElement)("div", { className: "bt-model-choice-chips" }, list.map((model) => (0, import_react17.createElement)("button", { key: model.ref, type: "button", className: "bt-model-chip", @@ -7171,55 +7494,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_react16.createElement)("span", { className: "bt-model-spin", "aria-label": t("Saving…") }) : null))) ++ }, model.name, busy === model.ref ? (0, import_react17.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_react16.createElement)("button", { key: "manage", type: "button", className: "bt-model-chip bt-model-chip-quiet", onClick: openHarnessModels }, (0, import_react16.createElement)(SlidersIcon), t("Manage models")) ++ (0, import_react17.createElement)("button", { key: "manage", type: "button", className: "bt-model-chip bt-model-chip-quiet", onClick: openHarnessModels }, (0, import_react17.createElement)(SlidersIcon), t("Manage models")) ]; - return (0, import_react13.createElement)( -+ return (0, import_react16.createElement)( ++ return (0, import_react17.createElement)( "div", { className: "bt-model-dock" }, - (0, import_react13.createElement)( -+ (0, import_react16.createElement)( ++ (0, import_react17.createElement)( "div", { className: "bt-astack", "data-lead": "" }, - (0, import_react13.createElement)( -+ (0, import_react16.createElement)( ++ (0, import_react17.createElement)( "div", { className: "bt-msg" }, - (0, import_react13.createElement)( -+ (0, import_react16.createElement)( ++ (0, import_react17.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_react16.createElement)(BotMark, { bot, size: 22 }), -+ (0, import_react16.createElement)("div", { className: "bt-bubble" }, text) ++ (0, import_react17.createElement)(BotMark, { bot, size: 22 }), ++ (0, import_react17.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_react16.createElement)("div", { className: "bt-model-chips", role: "group", "aria-label": t("Choose a model") }, choices), -+ error ? (0, import_react16.createElement)("div", { className: "bt-secret-error bt-model-error", role: "alert" }, error) : null ++ (0, import_react17.createElement)("div", { className: "bt-model-chips", role: "group", "aria-label": t("Choose a model") }, choices), ++ error ? (0, import_react17.createElement)("div", { className: "bt-secret-error bt-model-error", role: "alert" }, error) : null + ); +} +function RemoteGoneDock({ bot }) { -+ return (0, import_react16.createElement)( ++ return (0, import_react17.createElement)( + "div", + { className: "bt-model-dock", "data-flybot": "remote-gone" }, -+ (0, import_react16.createElement)( ++ (0, import_react17.createElement)( + "div", + { className: "bt-astack", "data-lead": "" }, -+ (0, import_react16.createElement)( ++ (0, import_react17.createElement)( + "div", + { className: "bt-msg" }, -+ (0, import_react16.createElement)( ++ (0, import_react17.createElement)( + "div", + { className: "bt-msg-line" }, -+ (0, import_react16.createElement)(BotMark, { bot, size: 22 }), -+ (0, import_react16.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_react17.createElement)(BotMark, { bot, size: 22 }), ++ (0, import_react17.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 })) + ) + ) + ) @@ -7235,7 +7558,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_react16.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_react17.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 ?? ""); @@ -7259,22 +7582,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_react16.createElement)( ++ return (0, import_react17.createElement)( + "div", + { className: "bt-turn-error", role: "status", "data-missing-key": missing ? "" : void 0 }, -+ (0, import_react16.createElement)("span", { className: "bt-turn-error-dot", "aria-hidden": true }), -+ (0, import_react16.createElement)( ++ (0, import_react17.createElement)("span", { className: "bt-turn-error-dot", "aria-hidden": true }), ++ (0, import_react17.createElement)( + "div", + { className: "bt-turn-error-copy" }, -+ (0, import_react16.createElement)("span", { className: "bt-turn-error-title" }, title), -+ (0, import_react16.createElement)("span", { className: "bt-turn-error-message" }, message), -+ code ? (0, import_react16.createElement)("code", { className: "bt-turn-error-code" }, code) : null ++ (0, import_react17.createElement)("span", { className: "bt-turn-error-title" }, title), ++ (0, import_react17.createElement)("span", { className: "bt-turn-error-message" }, message), ++ code ? (0, import_react17.createElement)("code", { className: "bt-turn-error-code" }, code) : null + ), -+ choices.length > 0 ? (0, import_react16.createElement)( ++ choices.length > 0 ? (0, import_react17.createElement)( + "div", + { className: "bt-turn-error-actions" }, -+ choices.map(([label, run]) => (0, import_react16.createElement)("button", { key: label, type: "button", className: "bt-model-chip", onClick: run }, label)), -+ deepseek ? (0, import_react16.createElement)(KeyHelpLink, { key: "key-help" }) : null ++ choices.map(([label, run]) => (0, import_react17.createElement)("button", { key: label, type: "button", className: "bt-model-chip", onClick: run }, label)), ++ deepseek ? (0, import_react17.createElement)(KeyHelpLink, { key: "key-help" }) : null + ) : null + ); +} @@ -7283,18 +7606,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_react16.createElement)(SignInHost, { key: open, entry, actions }); ++ return (0, import_react17.createElement)(SignInHost, { key: open, entry, actions }); } function SignInHost({ entry, actions }) { - const [ops] = (0, import_react13.useState)(() => entry.inject?.() ?? {}); -+ const [ops] = (0, import_react16.useState)(() => entry.inject?.() ?? {}); ++ const [ops] = (0, import_react17.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_react16.useSyncExternalStore)(source.subscribe, () => selector(source.getSnapshot())); -+ const [hooks] = (0, import_react16.useState)(() => ({ useAccount: useHook(ops.hooks.account), useTheme: useHook(ops.hooks.theme) })); -+ return (0, import_react16.createElement)(entry.component, { ++ const useHook = (source) => (selector) => (0, import_react17.useSyncExternalStore)(source.subscribe, () => selector(source.getSnapshot())); ++ const [hooks] = (0, import_react17.useState)(() => ({ useAccount: useHook(ops.hooks.account), useTheme: useHook(ops.hooks.theme) })); ++ return (0, import_react17.createElement)(entry.component, { ...ops, ...hooks, t: actions.accountT(), @@ -7320,7 +7643,7 @@ diff --git a/client.js b/client.js `; +// src/client/model-test.js -+var import_react17 = require("react"); ++var import_react18 = 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.", @@ -7345,12 +7668,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_react17.useState)({ busy: false, outcome: void 0 }); -+ const live = (0, import_react17.useRef)(true); -+ (0, import_react17.useEffect)(() => () => { ++ const [state, setState] = (0, import_react18.useState)({ busy: false, outcome: void 0 }); ++ const live = (0, import_react18.useRef)(true); ++ (0, import_react18.useEffect)(() => () => { + live.current = false; + }, []); -+ (0, import_react17.useEffect)(() => { ++ (0, import_react18.useEffect)(() => { + setState({ busy: false, outcome: void 0 }); + }, [bot.id, bot.model]); + const start = () => { @@ -7364,21 +7687,21 @@ diff --git a/client.js b/client.js + }); + }; + const { busy, outcome } = state; -+ return (0, import_react17.createElement)( ++ return (0, import_react18.createElement)( + "div", + { className: "bt-set-row bt-bs-row bt-model-test" }, -+ (0, import_react17.createElement)( ++ (0, import_react18.createElement)( + "span", + { className: "bt-set-copy" }, -+ (0, import_react17.createElement)("span", { className: "bt-set-hint" }, t("Sends one short request to this model. It may be billed.")), -+ (0, import_react17.createElement)( ++ (0, import_react18.createElement)("span", { className: "bt-set-hint" }, t("Sends one short request to this model. It may be billed.")), ++ (0, import_react18.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_react17.createElement)("code", { className: "bt-model-test-code" }, outcome.code) : null ++ outcome?.code ? (0, import_react18.createElement)("code", { className: "bt-model-test-code" }, outcome.code) : null + ) + ), -+ (0, import_react17.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, "aria-busy": busy || void 0, onClick: start }, t("Test connection")) ++ (0, import_react18.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 = ` @@ -7391,11 +7714,11 @@ diff --git a/client.js b/client.js + // src/client/folder-menu.js -var import_react14 = require("react"); -+var import_react18 = require("react"); ++var import_react19 = 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_react18.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, on ? (0, import_react18.createElement)(CheckIcon) : null); ++var Tick = ({ on }) => (0, import_react19.createElement)("span", { className: "bt-model-tick", "aria-hidden": true }, on ? (0, import_react19.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); @@ -7403,11 +7726,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_react18.useState)(null); -+ const [view, setView] = (0, import_react18.useState)("list"); -+ const [draft, setDraft] = (0, import_react18.useState)(""); -+ const [listing, setListing] = (0, import_react18.useState)(null); -+ const [problem, setProblem] = (0, import_react18.useState)(""); ++ const [info, setInfo] = (0, import_react19.useState)(null); ++ const [view, setView] = (0, import_react19.useState)("list"); ++ const [draft, setDraft] = (0, import_react19.useState)(""); ++ const [listing, setListing] = (0, import_react19.useState)(null); ++ const [problem, setProblem] = (0, import_react19.useState)(""); const fallback = group ? t("Each Bot's own folder") : t("Team workspace"); const toggle = () => { if (isOpen) { @@ -7416,50 +7739,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_react18.createElement)( ++ const listView = (0, import_react19.createElement)( "div", { key: "list", className: "bt-folder-view" }, - (0, import_react14.createElement)( -+ (0, import_react18.createElement)( ++ (0, import_react19.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_react18.createElement)("span", { className: "bt-menu-label" }, fallback), -+ (0, import_react18.createElement)(Tick, { on: !value }) ++ (0, import_react19.createElement)("span", { className: "bt-menu-label" }, fallback), ++ (0, import_react19.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_react18.createElement)("div", { className: "bt-model-group", role: "presentation" }, t("Folders")) : null, -+ folders.map((folder) => (0, import_react18.createElement)( ++ folders.length > 0 ? (0, import_react19.createElement)("div", { className: "bt-model-group", role: "presentation" }, t("Folders")) : null, ++ folders.map((folder) => (0, import_react19.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_react18.createElement)("span", { className: "bt-folder-copy" }, (0, import_react18.createElement)("span", { className: "bt-menu-label" }, folder.title), (0, import_react18.createElement)("span", { className: "bt-folder-path" }, folder.path)), -+ (0, import_react18.createElement)(Tick, { on: folder.path === value }) ++ (0, import_react19.createElement)("span", { className: "bt-folder-copy" }, (0, import_react19.createElement)("span", { className: "bt-menu-label" }, folder.title), (0, import_react19.createElement)("span", { className: "bt-folder-path" }, folder.path)), ++ (0, import_react19.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_react18.createElement)("div", { className: "bt-menu-sep", role: "separator" }), -+ info?.picker === "native" ? (0, import_react18.createElement)("button", { type: "button", role: "menuitem", onClick: pickNative }, (0, import_react18.createElement)(FolderIcon), (0, import_react18.createElement)("span", { className: "bt-menu-label" }, t("Choose a folder…"))) : null, -+ info?.picker === "browse" ? (0, import_react18.createElement)("button", { type: "button", role: "menuitem", onClick: () => browse(value) }, (0, import_react18.createElement)(FolderIcon), (0, import_react18.createElement)("span", { className: "bt-menu-label" }, t("Browse folders…"))) : null, -+ (0, import_react18.createElement)("button", { type: "button", role: "menuitem", onClick: () => { ++ (0, import_react19.createElement)("div", { className: "bt-menu-sep", role: "separator" }), ++ info?.picker === "native" ? (0, import_react19.createElement)("button", { type: "button", role: "menuitem", onClick: pickNative }, (0, import_react19.createElement)(FolderIcon), (0, import_react19.createElement)("span", { className: "bt-menu-label" }, t("Choose a folder…"))) : null, ++ info?.picker === "browse" ? (0, import_react19.createElement)("button", { type: "button", role: "menuitem", onClick: () => browse(value) }, (0, import_react19.createElement)(FolderIcon), (0, import_react19.createElement)("span", { className: "bt-menu-label" }, t("Browse folders…"))) : null, ++ (0, import_react19.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_react18.createElement)(PencilIcon), (0, import_react18.createElement)("span", { className: "bt-menu-label" }, t("Enter a path…"))) ++ } }, (0, import_react19.createElement)(PencilIcon), (0, import_react19.createElement)("span", { className: "bt-menu-label" }, t("Enter a path…"))) ); - const typeView = (0, import_react14.createElement)( -+ const typeView = (0, import_react18.createElement)( ++ const typeView = (0, import_react19.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_react18.createElement)("button", { type: "button", className: "bt-folder-back", onClick: () => setView("list") }, (0, import_react18.createElement)(ChevronLeftIcon), (0, import_react18.createElement)("span", { className: "bt-menu-label" }, t("Back"))), -+ (0, import_react18.createElement)("input", { ++ (0, import_react19.createElement)("button", { type: "button", className: "bt-folder-back", onClick: () => setView("list") }, (0, import_react19.createElement)(ChevronLeftIcon), (0, import_react19.createElement)("span", { className: "bt-menu-label" }, t("Back"))), ++ (0, import_react19.createElement)("input", { className: "bt-folder-input", autoFocus: true, value: draft, @@ -7468,48 +7791,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_react18.createElement)("button", { type: "button", className: "bt-folder-use", disabled: draft.trim() === "", onClick: typed }, t("Use this folder")) ++ (0, import_react19.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_react18.createElement)( ++ const browseView = listing ? (0, import_react19.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_react18.createElement)("button", { type: "button", className: "bt-folder-back", onClick: () => setView("list") }, (0, import_react18.createElement)(ChevronLeftIcon), (0, import_react18.createElement)("span", { className: "bt-menu-label" }, t("Back"))), -+ (0, import_react18.createElement)("div", { className: "bt-folder-path bt-folder-here" }, listing.path), -+ parent ? (0, import_react18.createElement)("button", { type: "button", role: "menuitem", title: parent.path, onClick: () => browse(parent.path) }, (0, import_react18.createElement)(FolderIcon), (0, import_react18.createElement)("span", { className: "bt-menu-label" }, t("Up one level"))) : null, -+ inside.map((entry) => (0, import_react18.createElement)( ++ (0, import_react19.createElement)("button", { type: "button", className: "bt-folder-back", onClick: () => setView("list") }, (0, import_react19.createElement)(ChevronLeftIcon), (0, import_react19.createElement)("span", { className: "bt-menu-label" }, t("Back"))), ++ (0, import_react19.createElement)("div", { className: "bt-folder-path bt-folder-here" }, listing.path), ++ parent ? (0, import_react19.createElement)("button", { type: "button", role: "menuitem", title: parent.path, onClick: () => browse(parent.path) }, (0, import_react19.createElement)(FolderIcon), (0, import_react19.createElement)("span", { className: "bt-menu-label" }, t("Up one level"))) : null, ++ inside.map((entry) => (0, import_react19.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_react18.createElement)(FolderIcon), -+ (0, import_react18.createElement)("span", { className: "bt-menu-label" }, entry.name), -+ (0, import_react18.createElement)(ChevronRightIcon) ++ (0, import_react19.createElement)(FolderIcon), ++ (0, import_react19.createElement)("span", { className: "bt-menu-label" }, entry.name), ++ (0, import_react19.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_react18.createElement)("div", { className: "bt-model-none" }, t("No folders inside.")) : null, -+ listing.truncated ? (0, import_react18.createElement)("div", { className: "bt-folder-path bt-folder-here" }, t("Some folders are not shown.")) : null, -+ (0, import_react18.createElement)("div", { className: "bt-menu-sep", role: "separator" }), -+ (0, import_react18.createElement)("button", { type: "button", className: "bt-folder-use", onClick: () => choose(listing.path) }, t("Use this folder")) ++ inside.length === 0 ? (0, import_react19.createElement)("div", { className: "bt-model-none" }, t("No folders inside.")) : null, ++ listing.truncated ? (0, import_react19.createElement)("div", { className: "bt-folder-path bt-folder-here" }, t("Some folders are not shown.")) : null, ++ (0, import_react19.createElement)("div", { className: "bt-menu-sep", role: "separator" }), ++ (0, import_react19.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_react18.createElement)( -+ import_react18.Fragment, ++ return (0, import_react19.createElement)( ++ import_react19.Fragment, null, - (0, import_react14.createElement)( -+ (0, import_react18.createElement)( ++ (0, import_react19.createElement)( "button", { ref: button, @@ -7518,24 +7841,24 @@ diff --git a/client.js b/client.js onClick: toggle }, - (0, import_react14.createElement)( -+ (0, import_react18.createElement)( ++ (0, import_react19.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_react18.createElement)("span", { className: "bt-model-name" }, value ? folderName(value) : fallback), -+ value ? (0, import_react18.createElement)("span", { className: "bt-model-provider" }, value) : null ++ (0, import_react19.createElement)("span", { className: "bt-model-name" }, value ? folderName(value) : fallback), ++ value ? (0, import_react19.createElement)("span", { className: "bt-model-provider" }, value) : null ), - (0, import_react14.createElement)(Caret) -+ (0, import_react18.createElement)(Caret) ++ (0, import_react19.createElement)(Caret) ), - shownPlace ? (0, import_react_dom7.createPortal)((0, import_react14.createElement)( -+ shownPlace ? (0, import_react_dom7.createPortal)((0, import_react18.createElement)( ++ shownPlace ? (0, import_react_dom7.createPortal)((0, import_react19.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_react18.createElement)("div", { className: "bt-folder-error", role: "alert" }, problem) : null ++ problem ? (0, import_react19.createElement)("div", { className: "bt-folder-error", role: "alert" }, problem) : null ), document.body) : null ); } @@ -7545,7 +7868,7 @@ diff --git a/client.js b/client.js // src/client/schedules.js -var import_react15 = require("react"); -var POLL_MS = 3e4; -+var import_react19 = require("react"); ++var import_react20 = require("react"); +var POLL_MS3 = 3e4; var shared = null; var listeners = /* @__PURE__ */ new Set(); @@ -7556,8 +7879,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_react19.useState)(shared); -+ (0, import_react19.useEffect)(() => { ++ const [view, setView] = (0, import_react20.useState)(shared); ++ (0, import_react20.useEffect)(() => { listeners.add(setView); let stopped = false; let timer; @@ -7595,9 +7918,9 @@ diff --git a/client.js b/client.js + } +} +function TaskRow({ task, actions, onView, onEdit, showBot, roster }) { -+ const [confirming, setConfirming] = (0, import_react19.useState)(false); -+ const [busy, setBusy] = (0, import_react19.useState)(false); -+ (0, import_react19.useEffect)(() => { ++ const [confirming, setConfirming] = (0, import_react20.useState)(false); ++ const [busy, setBusy] = (0, import_react20.useState)(false); ++ (0, import_react20.useEffect)(() => { if (!confirming) return void 0; const timer = setTimeout(() => setConfirming(false), 3e3); return () => clearTimeout(timer); @@ -7613,7 +7936,7 @@ diff --git a/client.js b/client.js + onView(next); + }, () => setBusy(false)); + }; -+ const [retryError, setRetryError] = (0, import_react19.useState)(""); ++ const [retryError, setRetryError] = (0, import_react20.useState)(""); + const retry = () => { + setBusy(true); + setRetryError(""); @@ -7630,32 +7953,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_react19.createElement)( ++ return (0, import_react20.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_react19.createElement)(BotAvatar, { bot: roster.byId[task.botId], size: 28, badge: false, live: false }) : null, -+ (0, import_react19.createElement)( ++ showBot ? (0, import_react20.createElement)(BotAvatar, { bot: roster.byId[task.botId], size: 28, badge: false, live: false }) : null, ++ (0, import_react20.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_react19.createElement)("span", { className: "bt-task-title" }, task.title), -+ (0, import_react19.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_react19.createElement)("span", { className: "bt-task-prompt" }, task.prompt) : null, -+ last ? (0, import_react19.createElement)("span", { className: "bt-task-last", "data-failed": failed || void 0 }, last) : null, -+ retryError ? (0, import_react19.createElement)("span", { className: "bt-task-last", "data-failed": "", role: "alert" }, retryError) : null ++ (0, import_react20.createElement)("span", { className: "bt-task-title" }, task.title), ++ (0, import_react20.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_react20.createElement)("span", { className: "bt-task-prompt" }, task.prompt) : null, ++ last ? (0, import_react20.createElement)("span", { className: "bt-task-last", "data-failed": failed || void 0 }, last) : null, ++ retryError ? (0, import_react20.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_react19.createElement)("span", { className: "bt-task-next" }, nextText(task)), -+ failed && task.status !== "paused" && actions.scheduleRetry ? (0, import_react19.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_react19.createElement)("button", { type: "button", className: "bt-mini bt-task-tool", disabled: busy, "aria-label": t("Edit"), title: t("Edit"), onClick: () => onEdit(task) }, (0, import_react19.createElement)(PencilIcon)) : null, -+ stoppable ? (0, import_react19.createElement)("button", { type: "button", className: "bt-mini bt-task-pause", disabled: busy, onClick: toggle }, task.status === "paused" ? t("Resume") : t("Pause")) : null, -+ (0, import_react19.createElement)("button", { ++ (0, import_react20.createElement)("span", { className: "bt-task-next" }, nextText(task)), ++ failed && task.status !== "paused" && actions.scheduleRetry ? (0, import_react20.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_react20.createElement)("button", { type: "button", className: "bt-mini bt-task-tool", disabled: busy, "aria-label": t("Edit"), title: t("Edit"), onClick: () => onEdit(task) }, (0, import_react20.createElement)(PencilIcon)) : null, ++ stoppable ? (0, import_react20.createElement)("button", { type: "button", className: "bt-mini bt-task-pause", disabled: busy, onClick: toggle }, task.status === "paused" ? t("Resume") : t("Pause")) : null, ++ (0, import_react20.createElement)("button", { type: "button", className: "bt-mini bt-task-remove", "data-confirm": confirming || void 0, @@ -7664,7 +7987,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_react19.createElement)(TrashIcon)) ++ }, confirming ? t("Delete") : (0, import_react20.createElement)(TrashIcon)) ); } var pad = (number) => String(number).padStart(2, "0"); @@ -7706,17 +8029,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_react19.useState)(task ? task.botId ?? task.roomId : start ?? roster.bots[0]?.id ?? ""); -+ const [title, setTitle] = (0, import_react19.useState)(first.title); -+ const [prompt, setPrompt] = (0, import_react19.useState)(first.prompt); -+ const [kind, setKind] = (0, import_react19.useState)(first.kind); -+ const [at, setAt] = (0, import_react19.useState)(first.at); -+ const [time, setTime] = (0, import_react19.useState)(first.time); -+ const [weekdays, setWeekdays] = (0, import_react19.useState)(first.weekdays); -+ const [count, setCount] = (0, import_react19.useState)(first.count); -+ const [unit, setUnit] = (0, import_react19.useState)(first.unit); -+ const [busy, setBusy] = (0, import_react19.useState)(false); -+ const [error, setError] = (0, import_react19.useState)(""); ++ const [target, setTarget] = (0, import_react20.useState)(task ? task.botId ?? task.roomId : start ?? roster.bots[0]?.id ?? ""); ++ const [title, setTitle] = (0, import_react20.useState)(first.title); ++ const [prompt, setPrompt] = (0, import_react20.useState)(first.prompt); ++ const [kind, setKind] = (0, import_react20.useState)(first.kind); ++ const [at, setAt] = (0, import_react20.useState)(first.at); ++ const [time, setTime] = (0, import_react20.useState)(first.time); ++ const [weekdays, setWeekdays] = (0, import_react20.useState)(first.weekdays); ++ const [count, setCount] = (0, import_react20.useState)(first.count); ++ const [unit, setUnit] = (0, import_react20.useState)(first.unit); ++ const [busy, setBusy] = (0, import_react20.useState)(false); ++ const [error, setError] = (0, import_react20.useState)(""); const timing = () => { + if (kind === "cron") return { kind: "keep" }; if (kind === "at") return { kind, at: new Date(at).toISOString() }; @@ -7739,60 +8062,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_react19.createElement)( ++ return (0, import_react20.createElement)( "form", { className: "bt-set-card bt-task-form", onSubmit: submit }, - (0, import_react15.createElement)( -+ (0, import_react19.createElement)( ++ (0, import_react20.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_react19.createElement)("span", { className: "bt-set-copy" }, (0, import_react19.createElement)("span", { className: "bt-bs-label" }, t("Send to"))), -+ (0, import_react19.createElement)( ++ (0, import_react20.createElement)("span", { className: "bt-set-copy" }, (0, import_react20.createElement)("span", { className: "bt-bs-label" }, t("Send to"))), ++ (0, import_react20.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_react19.createElement)("optgroup", { label: t("Bots") }, roster.bots.map((bot) => (0, import_react19.createElement)("option", { key: bot.id, value: bot.id }, bot.name))), -+ roster.rooms.length > 0 ? (0, import_react19.createElement)("optgroup", { label: t("Group chats") }, roster.rooms.map((room2) => (0, import_react19.createElement)("option", { key: room2.id, value: room2.id }, room2.name))) : null ++ (0, import_react20.createElement)("optgroup", { label: t("Bots") }, roster.bots.map((bot) => (0, import_react20.createElement)("option", { key: bot.id, value: bot.id }, bot.name))), ++ roster.rooms.length > 0 ? (0, import_react20.createElement)("optgroup", { label: t("Group chats") }, roster.rooms.map((room2) => (0, import_react20.createElement)("option", { key: room2.id, value: room2.id }, room2.name))) : null ) ), - (0, import_react15.createElement)( -+ (0, import_react19.createElement)( ++ (0, import_react20.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_react19.createElement)("span", { className: "bt-set-copy" }, (0, import_react19.createElement)("span", { className: "bt-bs-label" }, t("Name"))), -+ (0, import_react19.createElement)("input", { className: "bt-bs-input", value: title, maxLength: 120, placeholder: t("Morning briefing"), autoFocus: true, onChange: (event) => setTitle(event.target.value) }) ++ (0, import_react20.createElement)("span", { className: "bt-set-copy" }, (0, import_react20.createElement)("span", { className: "bt-bs-label" }, t("Name"))), ++ (0, import_react20.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_react19.createElement)( ++ (0, import_react20.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_react19.createElement)("span", { className: "bt-set-copy" }, (0, import_react19.createElement)("span", { className: "bt-bs-label" }, t("What to do"))), -+ (0, import_react19.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_react20.createElement)("span", { className: "bt-set-copy" }, (0, import_react20.createElement)("span", { className: "bt-bs-label" }, t("What to do"))), ++ (0, import_react20.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_react19.createElement)( ++ (0, import_react20.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_react19.createElement)("span", { className: "bt-set-copy" }, (0, import_react19.createElement)("span", { className: "bt-bs-label" }, t("When"))), -+ (0, import_react19.createElement)(Segmented, { label: t("When"), value: kind }, KINDS.map(([id, label]) => (0, import_react19.createElement)("button", { key: id, type: "button", "aria-pressed": kind === id, onClick: () => setKind(id) }, t(label)))), -+ (0, import_react19.createElement)( ++ (0, import_react20.createElement)("span", { className: "bt-set-copy" }, (0, import_react20.createElement)("span", { className: "bt-bs-label" }, t("When"))), ++ (0, import_react20.createElement)(Segmented, { label: t("When"), value: kind }, KINDS.map(([id, label]) => (0, import_react20.createElement)("button", { key: id, type: "button", "aria-pressed": kind === id, onClick: () => setKind(id) }, t(label)))), ++ (0, import_react20.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_react19.createElement)("span", { className: "bt-task-every" }, timingText(task)) : null, -+ kind === "at" ? (0, import_react19.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_react19.createElement)("div", { className: "bt-task-days", role: "group", "aria-label": t("Days") }, [1, 2, 3, 4, 5, 6, 7].map((day) => (0, import_react19.createElement)("button", { ++ kind === "cron" ? (0, import_react20.createElement)("span", { className: "bt-task-every" }, timingText(task)) : null, ++ kind === "at" ? (0, import_react20.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_react20.createElement)("div", { className: "bt-task-days", role: "group", "aria-label": t("Days") }, [1, 2, 3, 4, 5, 6, 7].map((day) => (0, import_react20.createElement)("button", { key: day, type: "button", className: "bt-task-day", @@ -7802,34 +8125,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_react19.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_react19.createElement)( -+ import_react19.Fragment, ++ kind === "daily" || kind === "weekly" ? (0, import_react20.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_react20.createElement)( ++ import_react20.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_react19.createElement)("span", { className: "bt-task-every" }, t("Every")), -+ (0, import_react19.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_react19.createElement)( ++ (0, import_react20.createElement)("span", { className: "bt-task-every" }, t("Every")), ++ (0, import_react20.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_react20.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_react19.createElement)("option", { key: id, value: id }, t(label))) ++ UNITS.map(([id, , label]) => (0, import_react20.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_react19.createElement)("div", { className: "bt-set-row" }, (0, import_react19.createElement)("span", { className: "bt-danger bt-set-hint" }, error)) : null, -+ (0, import_react19.createElement)( ++ error ? (0, import_react20.createElement)("div", { className: "bt-set-row" }, (0, import_react20.createElement)("span", { className: "bt-danger bt-set-hint" }, error)) : null, ++ (0, import_react20.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_react19.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onCancel }, t("Cancel")), -+ (0, import_react19.createElement)( ++ (0, import_react20.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onCancel }, t("Cancel")), ++ (0, import_react20.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") @@ -7844,17 +8167,17 @@ diff --git a/client.js b/client.js + actions.selectPanel("plugins"); +} +function AutomationOff({ actions }) { -+ return (0, import_react19.createElement)( ++ return (0, import_react20.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_react19.createElement)("span", { className: "bt-task-off-mark" }, (0, import_react19.createElement)(ClockIcon)), -+ (0, import_react19.createElement)("span", { className: "bt-task-off-title" }, t("Turn on Automation tasks in DSH")), -+ (0, import_react19.createElement)("span", { className: "bt-set-hint" }, t("Switch on Automation tasks on the Plugins page.")), -+ (0, import_react19.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => openPlugins(actions) }, t("Open Plugins")) ++ (0, import_react20.createElement)("span", { className: "bt-task-off-mark" }, (0, import_react20.createElement)(ClockIcon)), ++ (0, import_react20.createElement)("span", { className: "bt-task-off-title" }, t("Turn on Automation tasks in DSH")), ++ (0, import_react20.createElement)("span", { className: "bt-set-hint" }, t("Switch on Automation tasks on the Plugins page.")), ++ (0, import_react20.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => openPlugins(actions) }, t("Open Plugins")) ); } function SchedulesPage({ roster, actions, start }) { @@ -7862,10 +8185,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_react19.useState)(Boolean(start)); -+ const [editing, setEditing] = (0, import_react19.useState)(null); -+ if (view === null) return (0, import_react19.createElement)("div", { className: "bt-set-hint" }, t("Loading…")); -+ if (!view.available) return (0, import_react19.createElement)(AutomationOff, { actions }); ++ const [adding, setAdding] = (0, import_react20.useState)(Boolean(start)); ++ const [editing, setEditing] = (0, import_react20.useState)(null); ++ if (view === null) return (0, import_react20.createElement)("div", { className: "bt-set-hint" }, t("Loading…")); ++ if (!view.available) return (0, import_react20.createElement)(AutomationOff, { actions }); const shown = (next) => { publish(next); setAdding(false); @@ -7878,53 +8201,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_react19.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_react19.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_react20.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_react20.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_react19.createElement)(TaskForm, { key: "form", roster, actions, start, onDone: shown, onCancel: () => setAdding(false) }) : (0, import_react19.createElement)("div", { key: "add", className: "bt-actions" }, (0, import_react19.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", onClick: () => { ++ adding ? (0, import_react20.createElement)(TaskForm, { key: "form", roster, actions, start, onDone: shown, onCancel: () => setAdding(false) }) : (0, import_react20.createElement)("div", { key: "add", className: "bt-actions" }, (0, import_react20.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", onClick: () => { + setEditing(null); + setAdding(true); -+ } }, (0, import_react19.createElement)(PlusIcon), t("New task"))), -+ byChat.length === 0 && !adding ? (0, import_react19.createElement)("div", { key: "none", className: "bt-set-card" }, (0, import_react19.createElement)("div", { className: "bt-set-row" }, (0, import_react19.createElement)("span", { className: "bt-set-hint" }, t("No scheduled tasks yet.")))) : byChat.map(([id, avatar, name, tasks]) => (0, import_react19.createElement)( ++ } }, (0, import_react20.createElement)(PlusIcon), t("New task"))), ++ byChat.length === 0 && !adding ? (0, import_react20.createElement)("div", { key: "none", className: "bt-set-card" }, (0, import_react20.createElement)("div", { className: "bt-set-row" }, (0, import_react20.createElement)("span", { className: "bt-set-hint" }, t("No scheduled tasks yet.")))) : byChat.map(([id, avatar, name, tasks]) => (0, import_react20.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_react19.createElement)("h3", { className: "bt-task-head" }, avatar, name), -+ (0, import_react19.createElement)(TaskList, { tasks, editing, roster, actions, onEdit: edit, onDone: shown, onCancel: () => setEditing(null) }) ++ (0, import_react20.createElement)("h3", { className: "bt-task-head" }, avatar, name), ++ (0, import_react20.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_react19.createElement)(TaskRow, { key: task.id, task, actions, roster, onView: publish, onEdit })); -+ return (0, import_react19.createElement)( -+ import_react19.Fragment, ++ const rows = tasks.filter((task) => task !== open).map((task) => (0, import_react20.createElement)(TaskRow, { key: task.id, task, actions, roster, onView: publish, onEdit })); ++ return (0, import_react20.createElement)( ++ import_react20.Fragment, + null, -+ open ? (0, import_react19.createElement)(TaskForm, { key: `edit-${open.id}`, roster, actions, task: open, onDone, onCancel }) : null, -+ rows.length + extra.length > 0 ? (0, import_react19.createElement)("div", { className: "bt-set-card" }, ...rows, ...extra) : null ++ open ? (0, import_react20.createElement)(TaskForm, { key: `edit-${open.id}`, roster, actions, task: open, onDone, onCancel }) : null, ++ rows.length + extra.length > 0 ? (0, import_react20.createElement)("div", { className: "bt-set-card" }, ...rows, ...extra) : null + ); +} function BotSchedules({ bot, roster, actions }) { const view = useSchedules(actions); -+ const [editing, setEditing] = (0, import_react19.useState)(null); ++ const [editing, setEditing] = (0, import_react20.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_react19.createElement)( ++ return (0, import_react20.createElement)( "section", { className: "bt-set-section" }, - (0, import_react15.createElement)("h3", null, t("Scheduled tasks")), - (0, import_react15.createElement)( -+ (0, import_react19.createElement)("h3", null, t("Scheduled tasks")), -+ !view.available ? (0, import_react19.createElement)( ++ (0, import_react20.createElement)("h3", null, t("Scheduled tasks")), ++ !view.available ? (0, import_react20.createElement)( "div", { className: "bt-set-card" }, - !view.available ? (0, import_react15.createElement)( -+ (0, import_react19.createElement)( ++ (0, import_react20.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."))), @@ -7934,10 +8257,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_react19.createElement)("span", { className: "bt-set-copy" }, (0, import_react19.createElement)("span", { className: "bt-set-hint" }, t("Switch on Automation tasks on the Plugins page."))), -+ (0, import_react19.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => openPlugins(actions) }, t("Open Plugins")) ++ (0, import_react20.createElement)("span", { className: "bt-set-copy" }, (0, import_react20.createElement)("span", { className: "bt-set-hint" }, t("Switch on Automation tasks on the Plugins page."))), ++ (0, import_react20.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => openPlugins(actions) }, t("Open Plugins")) + ) -+ ) : (0, import_react19.createElement)(TaskList, { ++ ) : (0, import_react20.createElement)(TaskList, { + tasks, + editing, + roster, @@ -7948,7 +8271,7 @@ diff --git a/client.js b/client.js + setEditing(null); + }, + onCancel: () => setEditing(null), -+ extra: [(0, import_react19.createElement)("button", { key: "new", type: "button", className: "bt-set-row bt-bs-row bt-gs-add", onClick: () => actions.openSettings("schedules", bot.id) }, (0, import_react19.createElement)(PlusIcon), t("New task"))] ++ extra: [(0, import_react20.createElement)("button", { key: "new", type: "button", className: "bt-set-row bt-bs-row bt-gs-add", onClick: () => actions.openSettings("schedules", bot.id) }, (0, import_react20.createElement)(PlusIcon), t("New task"))] + }) ); } @@ -7956,21 +8279,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_react19.createElement)( ++ return (0, import_react20.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_react19.createElement)("div", { className: "bt-section-title" }, t("Scheduled tasks")), -+ tasks.length === 0 ? (0, import_react19.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_react19.createElement)("div", { className: "bt-task-list" }, tasks.slice(0, 3).map((task) => (0, import_react19.createElement)( ++ (0, import_react20.createElement)("div", { className: "bt-section-title" }, t("Scheduled tasks")), ++ tasks.length === 0 ? (0, import_react20.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_react20.createElement)("div", { className: "bt-task-list" }, tasks.slice(0, 3).map((task) => (0, import_react20.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_react19.createElement)(ClockIcon), -+ (0, import_react19.createElement)("span", { className: "bt-task-line-title" }, task.title), -+ (0, import_react19.createElement)("span", { className: "bt-task-line-when" }, timingText(task)) ++ (0, import_react20.createElement)(ClockIcon), ++ (0, import_react20.createElement)("span", { className: "bt-task-line-title" }, task.title), ++ (0, import_react20.createElement)("span", { className: "bt-task-line-when" }, timingText(task)) ))) ); } @@ -7992,7 +8315,7 @@ diff --git a/client.js b/client.js // src/client/capability-settings.js -var import_react16 = require("react"); -+var import_react20 = require("react"); ++var import_react21 = require("react"); var blank = () => ({ name: "", kind: "mcp", description: "", transport: "stdio", command: "", argsText: "", envText: "{}", url: "", headersText: "{}", content: "", items: [] }); var parseMap = (text, label) => { let value; @@ -8001,13 +8324,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_react20.createElement)( ++ return (0, import_react21.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_react20.createElement)("span", { className: "bt-set-copy" }, (0, import_react20.createElement)("span", { className: "bt-bs-label" }, t(label))), -+ (0, import_react20.createElement)(multiline ? "textarea" : "input", { ++ (0, import_react21.createElement)("span", { className: "bt-set-copy" }, (0, import_react21.createElement)("span", { className: "bt-bs-label" }, t(label))), ++ (0, import_react21.createElement)(multiline ? "textarea" : "input", { className: multiline ? "bt-input bt-input-area" : "bt-input", value, disabled, @@ -8016,7 +8339,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_react20.useState)(""); ++ const [error, setError] = (0, import_react21.useState)(""); const set = (key, value) => setDraft((previous) => ({ ...previous, [key]: value })); const submit = async (event) => { event.preventDefault(); @@ -8034,89 +8357,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_react20.createElement)( ++ return (0, import_react21.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_react20.createElement)(Field, { label: "Name", value: draft.name, disabled: draft.originalName !== void 0, onChange: (value) => set("name", value), placeholder: "my-tool" }), -+ (0, import_react20.createElement)( ++ (0, import_react21.createElement)(Field, { label: "Name", value: draft.name, disabled: draft.originalName !== void 0, onChange: (value) => set("name", value), placeholder: "my-tool" }), ++ (0, import_react21.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_react20.createElement)("span", { className: "bt-set-copy" }, (0, import_react20.createElement)("span", { className: "bt-bs-label" }, t("Type"))), -+ (0, import_react20.createElement)( ++ (0, import_react21.createElement)("span", { className: "bt-set-copy" }, (0, import_react21.createElement)("span", { className: "bt-bs-label" }, t("Type"))), ++ (0, import_react21.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_react20.createElement)("option", { key: kind, value: kind }, t(kind === "mcp" ? "MCP server" : kind === "skill" ? "Skill" : "Pack"))) ++ ["mcp", "skill", "pack"].map((kind) => (0, import_react21.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_react20.createElement)(Field, { label: "Description", value: draft.description, onChange: (value) => set("description", value) }), -+ draft.kind === "mcp" ? (0, import_react20.createElement)( ++ (0, import_react21.createElement)(Field, { label: "Description", value: draft.description, onChange: (value) => set("description", value) }), ++ draft.kind === "mcp" ? (0, import_react21.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_react20.createElement)("span", { className: "bt-set-copy" }, (0, import_react20.createElement)("span", { className: "bt-bs-label" }, t("Connection"))), -+ (0, import_react20.createElement)( ++ (0, import_react21.createElement)("span", { className: "bt-set-copy" }, (0, import_react21.createElement)("span", { className: "bt-bs-label" }, t("Connection"))), ++ (0, import_react21.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_react20.createElement)("option", { value: "stdio" }, t("Local command")), -+ (0, import_react20.createElement)("option", { value: "streamable-http" }, t("HTTP server")) ++ (0, import_react21.createElement)("option", { value: "stdio" }, t("Local command")), ++ (0, import_react21.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_react20.createElement)( ++ draft.kind === "mcp" && draft.transport === "stdio" ? (0, import_react21.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_react20.createElement)(Field, { label: "Command", value: draft.command, onChange: (value) => set("command", value) }), -+ (0, import_react20.createElement)(Field, { label: "Arguments (one per line)", value: draft.argsText, onChange: (value) => set("argsText", value), multiline: true }), -+ (0, import_react20.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_react21.createElement)(Field, { label: "Command", value: draft.command, onChange: (value) => set("command", value) }), ++ (0, import_react21.createElement)(Field, { label: "Arguments (one per line)", value: draft.argsText, onChange: (value) => set("argsText", value), multiline: true }), ++ (0, import_react21.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_react20.createElement)( ++ draft.kind === "mcp" && draft.transport === "streamable-http" ? (0, import_react21.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_react20.createElement)(Field, { label: "URL", value: draft.url, onChange: (value) => set("url", value) }), -+ (0, import_react20.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_react21.createElement)(Field, { label: "URL", value: draft.url, onChange: (value) => set("url", value) }), ++ (0, import_react21.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_react20.createElement)(Field, { label: "Skill instructions", value: draft.content, onChange: (value) => set("content", value), multiline: true }) : null, -+ draft.kind === "pack" ? (0, import_react20.createElement)( ++ draft.kind === "skill" ? (0, import_react21.createElement)(Field, { label: "Skill instructions", value: draft.content, onChange: (value) => set("content", value), multiline: true }) : null, ++ draft.kind === "pack" ? (0, import_react21.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_react20.createElement)("div", { className: "bt-set-row" }, (0, import_react20.createElement)("span", { className: "bt-set-hint" }, t("Save an MCP server or skill first."))) : available.map((item) => (0, import_react20.createElement)( ++ available.length === 0 ? (0, import_react21.createElement)("div", { className: "bt-set-row" }, (0, import_react21.createElement)("span", { className: "bt-set-hint" }, t("Save an MCP server or skill first."))) : available.map((item) => (0, import_react21.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_react20.createElement)("span", { className: "bt-set-copy" }, (0, import_react20.createElement)("span", { className: "bt-bs-label" }, item.name)), -+ (0, import_react20.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_react21.createElement)("span", { className: "bt-set-copy" }, (0, import_react21.createElement)("span", { className: "bt-bs-label" }, item.name)), ++ (0, import_react21.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_react20.createElement)("div", { className: "bt-connector-error", role: "alert" }, error) : null, -+ (0, import_react20.createElement)( ++ error ? (0, import_react21.createElement)("div", { className: "bt-connector-error", role: "alert" }, error) : null, ++ (0, import_react21.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_react20.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onClose }, t("Cancel")), -+ (0, import_react20.createElement)("button", { type: "submit", className: "bt-soft bt-soft-sm" }, draft.originalName ? t("Save changes") : t("Add capability")) ++ (0, import_react21.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onClose }, t("Cancel")), ++ (0, import_react21.createElement)("button", { type: "submit", className: "bt-soft bt-soft-sm" }, draft.originalName ? t("Save changes") : t("Add capability")) ) ); } @@ -8124,32 +8447,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_react20.createElement)( ++ return (0, import_react21.createElement)( "div", { className: "bt-connector" }, - (0, import_react16.createElement)( -+ (0, import_react20.createElement)( ++ (0, import_react21.createElement)( "div", { className: "bt-connector-head" }, - (0, import_react16.createElement)( -+ (0, import_react20.createElement)( ++ (0, import_react21.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_react20.createElement)("span", { className: "bt-connector-name" }, item.name), -+ (0, import_react20.createElement)("span", { className: "bt-connector-status" }, secondary) ++ (0, import_react21.createElement)("span", { className: "bt-connector-name" }, item.name), ++ (0, import_react21.createElement)("span", { className: "bt-connector-status" }, secondary) ), - (0, import_react16.createElement)( -+ (0, import_react20.createElement)( ++ (0, import_react21.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_react20.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onApprove }, t("Allow")) : null, -+ (0, import_react20.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onEdit }, t("Edit")), -+ (0, import_react20.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_react21.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onApprove }, t("Allow")) : null, ++ (0, import_react21.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onEdit }, t("Edit")), ++ (0, import_react21.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onDelete }, confirming ? t("Click again to delete.") : t("Delete")) ) ) ); @@ -8159,9 +8482,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_react20.useState)(null); -+ const [confirming, setConfirming] = (0, import_react20.useState)(""); -+ (0, import_react20.useEffect)(() => { ++ const [draft, setDraft] = (0, import_react21.useState)(null); ++ const [confirming, setConfirming] = (0, import_react21.useState)(""); ++ (0, import_react21.useEffect)(() => { if (!confirming) return void 0; const timer = setTimeout(() => setConfirming(""), 4e3); return () => clearTimeout(timer); @@ -8170,26 +8493,26 @@ diff --git a/client.js b/client.js void run(actions.deleteCapability(item.name)); }; - return (0, import_react16.createElement)( -+ return (0, import_react20.createElement)( ++ return (0, import_react21.createElement)( "section", { className: "bt-set-section" }, - (0, import_react16.createElement)("h3", null, t("Shared capabilities")), - (0, import_react16.createElement)( -+ (0, import_react20.createElement)("h3", null, t("Shared capabilities")), -+ (0, import_react20.createElement)( ++ (0, import_react21.createElement)("h3", null, t("Shared capabilities")), ++ (0, import_react21.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_react20.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: startNew }, t("Add capability")) ++ (0, import_react21.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_react20.createElement)(CapabilityForm, { draft, setDraft, items, actions, onClose: () => setDraft(null) }) : null, -+ (0, import_react20.createElement)( ++ draft ? (0, import_react21.createElement)(CapabilityForm, { draft, setDraft, items, actions, onClose: () => setDraft(null) }) : null, ++ (0, import_react21.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_react20.createElement)("div", { className: "bt-set-row" }, (0, import_react20.createElement)("span", { className: "bt-set-hint" }, t("No capabilities saved"))) : items.map((item) => (0, import_react20.createElement)(CapabilityRow, { ++ items.length === 0 ? (0, import_react21.createElement)("div", { className: "bt-set-row" }, (0, import_react21.createElement)("span", { className: "bt-set-hint" }, t("No capabilities saved"))) : items.map((item) => (0, import_react21.createElement)(CapabilityRow, { key: item.name, item, confirming: confirming === item.name, @@ -8198,11 +8521,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_react20.createElement)( ++ return (0, import_react21.createElement)( Card2, { title: t("Capabilities") }, - items.map((item) => (0, import_react16.createElement)(SwitchRow2, { -+ items.map((item) => (0, import_react20.createElement)(SwitchRow2, { ++ items.map((item) => (0, import_react21.createElement)(SwitchRow2, { key: item.name, label: item.name, hint: attached.has(item.name) ? statusText(statuses[item.name]) : void 0, @@ -8211,7 +8534,7 @@ diff --git a/client.js b/client.js } +// src/client/connector-bots.js -+var import_react21 = require("react"); ++var import_react22 = 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)); @@ -8239,8 +8562,8 @@ diff --git a/client.js b/client.js +function BotSwitches({ bot, connector, name, actions, run, SwitchRow: SwitchRow2 }) { + const set = (scope, on) => void run(actions.setBotConnector(bot.id, connector.id, on, scope)); + return [ -+ (0, import_react21.createElement)(SwitchRow2, { key: "own", label: name, hint: ownHint(bot, connector.id), on: isOn(bot, connector.id), disabled: false, onChange: (on) => set("owner", on) }), -+ (0, import_react21.createElement)("div", { key: "others", className: "bt-connector-others" }, (0, import_react21.createElement)(SwitchRow2, { ++ (0, import_react22.createElement)(SwitchRow2, { key: "own", label: name, hint: ownHint(bot, connector.id), on: isOn(bot, connector.id), disabled: false, onChange: (on) => set("owner", on) }), ++ (0, import_react22.createElement)("div", { key: "others", className: "bt-connector-others" }, (0, import_react22.createElement)(SwitchRow2, { + label: t("{name}: also when others use it", { name }), + hint: othersHint(bot, connector.id), + on: othersOn(bot, connector.id), @@ -8251,27 +8574,27 @@ diff --git a/client.js b/client.js +} +function ConnectorBots({ connector, roster, actions, run, SwitchRow: SwitchRow2 }) { + const bots = ownBots(roster); -+ return (0, import_react21.createElement)( ++ return (0, import_react22.createElement)( + "div", + { className: "bt-connector-bots" }, -+ bots.length === 0 ? (0, import_react21.createElement)("span", { className: "bt-set-hint" }, t("No Bots")) : bots.map((bot) => (0, import_react21.createElement)( ++ bots.length === 0 ? (0, import_react22.createElement)("span", { className: "bt-set-hint" }, t("No Bots")) : bots.map((bot) => (0, import_react22.createElement)( + "div", + { key: bot.id, className: "bt-connector-bot" }, -+ (0, import_react21.createElement)(BotSwitches, { bot, connector, name: bot.name, actions, run, SwitchRow: SwitchRow2 }) ++ (0, import_react22.createElement)(BotSwitches, { bot, connector, name: bot.name, actions, run, SwitchRow: SwitchRow2 }) + )), -+ (0, import_react21.createElement)("span", { className: "bt-set-hint" }, t("On by default for you. When someone else uses a Bot, or it works in a room with other people, such as a friend or another member, it is off unless you allow it for that Bot.")) ++ (0, import_react22.createElement)("span", { className: "bt-set-hint" }, t("On by default for you. When someone else uses a Bot, or it works in a room with other people, such as a friend or another member, it is off unless you allow it for that Bot.")) + ); +} +function BotConnectorsCard({ bot, roster, actions, run, Card: Card2, SwitchRow: SwitchRow2 }) { + const connected = connectedConnectors(roster); + if (connected.length === 0) return null; -+ return (0, import_react21.createElement)( ++ return (0, import_react22.createElement)( + Card2, + { title: t("Connectors") }, -+ connected.map((connector) => (0, import_react21.createElement)( ++ connected.map((connector) => (0, import_react22.createElement)( + "div", + { key: connector.id, className: "bt-connector-bot" }, -+ (0, import_react21.createElement)(BotSwitches, { bot, connector, name: connector.name, actions, run, SwitchRow: SwitchRow2 }) ++ (0, import_react22.createElement)(BotSwitches, { bot, connector, name: connector.name, actions, run, SwitchRow: SwitchRow2 }) + )) + ); +} @@ -8279,7 +8602,7 @@ diff --git a/client.js b/client.js // src/client/memory-panel.js -var import_react17 = require("react"); -var POLL_MS2 = 1500; -+var import_react22 = require("react"); ++var import_react23 = require("react"); +var POLL_MS4 = 1500; var MENU_EXIT_MS2 = 120; var counts = /* @__PURE__ */ new Map(); @@ -8290,8 +8613,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_react22.useState)(counts.get(botId) ?? null); -+ (0, import_react22.useEffect)(() => { ++ const [count, setCount] = (0, import_react23.useState)(counts.get(botId) ?? null); ++ (0, import_react23.useEffect)(() => { const listener = () => setCount(counts.get(botId) ?? null); countListeners.add(listener); listener(); @@ -8306,21 +8629,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_react22.createElement)( ++ return (0, import_react23.createElement)( "div", null, - (0, import_react17.createElement)("div", { className: "bt-section-title" }, t("Memory")), - (0, import_react17.createElement)( -+ (0, import_react22.createElement)("div", { className: "bt-section-title" }, t("Memory")), -+ (0, import_react22.createElement)( ++ (0, import_react23.createElement)("div", { className: "bt-section-title" }, t("Memory")), ++ (0, import_react23.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_react22.createElement)(MemoryIcon), -+ (0, import_react22.createElement)("span", { className: "bt-mem-row-copy" }, label), -+ (0, import_react22.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react22.createElement)(ChevronRightIcon)) ++ (0, import_react23.createElement)(MemoryIcon), ++ (0, import_react23.createElement)("span", { className: "bt-mem-row-copy" }, label), ++ (0, import_react23.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react23.createElement)(ChevronRightIcon)) ) ); } @@ -8329,63 +8652,63 @@ diff --git a/client.js b/client.js } function Skeleton({ label }) { - return (0, import_react17.createElement)( -+ return (0, import_react22.createElement)( ++ return (0, import_react23.createElement)( "div", { className: "bt-mem-skel", "aria-busy": true }, - [0, 1].map((block) => (0, import_react17.createElement)( -+ [0, 1].map((block) => (0, import_react22.createElement)( ++ [0, 1].map((block) => (0, import_react23.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_react22.createElement)("span", { className: "bt-mem-skel-head" }), -+ (0, import_react22.createElement)("span", null), -+ (0, import_react22.createElement)("span", null), -+ (0, import_react22.createElement)("span", { style: { width: block === 0 ? "62%" : "48%" } }) ++ (0, import_react23.createElement)("span", { className: "bt-mem-skel-head" }), ++ (0, import_react23.createElement)("span", null), ++ (0, import_react23.createElement)("span", null), ++ (0, import_react23.createElement)("span", { style: { width: block === 0 ? "62%" : "48%" } }) )), - label ? (0, import_react17.createElement)("div", { className: "bt-mem-skel-label" }, label) : null -+ label ? (0, import_react22.createElement)("div", { className: "bt-mem-skel-label" }, label) : null ++ label ? (0, import_react23.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_react22.createElement)( ++ return (0, import_react23.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_react22.createElement)("div", { className: "bt-mem-empty-mark" }, (0, import_react22.createElement)(MemoryIcon)), -+ (0, import_react22.createElement)("div", { className: "bt-mem-empty-title" }, t("{name} has not saved anything yet", { name: bot.name })), -+ (0, import_react22.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_react23.createElement)("div", { className: "bt-mem-empty-mark" }, (0, import_react23.createElement)(MemoryIcon)), ++ (0, import_react23.createElement)("div", { className: "bt-mem-empty-title" }, t("{name} has not saved anything yet", { name: bot.name })), ++ (0, import_react23.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_react22.createElement)( ++ const failed = view.error && !view.summarizing ? (0, import_react23.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_react22.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_react22.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: regenerate }, t("Try again")) ++ (0, import_react23.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_react23.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_react22.createElement)(import_react22.Fragment, null, failed, failed ? null : (0, import_react22.createElement)(Skeleton, { label: t("Writing the summary…") })); -+ return (0, import_react22.createElement)( -+ import_react22.Fragment, ++ if (!view.summary) return (0, import_react23.createElement)(import_react23.Fragment, null, failed, failed ? null : (0, import_react23.createElement)(Skeleton, { label: t("Writing the summary…") })); ++ return (0, import_react23.createElement)( ++ import_react23.Fragment, null, failed, - (0, import_react17.createElement)( -+ (0, import_react22.createElement)( ++ (0, import_react23.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_react22.createElement)("h3", { key: index }, block.text) : (0, import_react22.createElement)("p", { key: index }, block.text)) ++ summaryBlocks(view.summary.text).map((block, index) => block.kind === "h" ? (0, import_react23.createElement)("h3", { key: index }, block.text) : (0, import_react23.createElement)("p", { key: index }, block.text)) ) ); } @@ -8396,9 +8719,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_react22.useState)(false); -+ const [busy, setBusy] = (0, import_react22.useState)(false); -+ (0, import_react22.useEffect)(() => { ++ const [confirming, setConfirming] = (0, import_react23.useState)(false); ++ const [busy, setBusy] = (0, import_react23.useState)(false); ++ (0, import_react23.useEffect)(() => { if (!confirming) return void 0; const timer = setTimeout(() => setConfirming(false), 3e3); return () => clearTimeout(timer); @@ -8407,20 +8730,20 @@ diff --git a/client.js b/client.js if (!await remove(entry)) setBusy(false); }; - return (0, import_react17.createElement)( -+ return (0, import_react22.createElement)( ++ return (0, import_react23.createElement)( "li", { className: "bt-mem-entry", "data-busy": busy || void 0 }, - (0, import_react17.createElement)( -+ (0, import_react22.createElement)( ++ (0, import_react23.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_react22.createElement)("span", { className: "bt-mem-entry-text" }, entry.text), -+ meta ? (0, import_react22.createElement)("span", { className: "bt-mem-entry-meta" }, meta) : null ++ (0, import_react23.createElement)("span", { className: "bt-mem-entry-text" }, entry.text), ++ meta ? (0, import_react23.createElement)("span", { className: "bt-mem-entry-meta" }, meta) : null ), - (0, import_react17.createElement)("button", { -+ (0, import_react22.createElement)("button", { ++ (0, import_react23.createElement)("button", { type: "button", className: "bt-mem-remove", "data-confirm": confirming || void 0, @@ -8429,7 +8752,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_react22.createElement)(TrashIcon)) ++ }, confirming ? t("Remove") : (0, import_react23.createElement)(TrashIcon)) ); } function Entries({ bot, view, remove }) { @@ -8438,35 +8761,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_react22.createElement)( ++ return (0, import_react23.createElement)( "div", { className: "bt-mem-entries" }, - sections.map((section) => (0, import_react17.createElement)( -+ sections.map((section) => (0, import_react22.createElement)( ++ sections.map((section) => (0, import_react23.createElement)( "section", { key: section.scope, className: "bt-mem-section" }, - (0, import_react17.createElement)( -+ (0, import_react22.createElement)( ++ (0, import_react23.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_react22.createElement)("h3", null, section.title), -+ section.hint ? (0, import_react22.createElement)("span", null, section.hint) : null, -+ (0, import_react22.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_react23.createElement)("h3", null, section.title), ++ section.hint ? (0, import_react23.createElement)("span", null, section.hint) : null, ++ (0, import_react23.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_react22.createElement)( -+ import_react22.Fragment, ++ groups.some((group) => group.scope === section.scope) ? groups.filter((group) => group.scope === section.scope).map((group) => (0, import_react23.createElement)( ++ import_react23.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_react22.createElement)("div", { className: "bt-mem-topic" }, group.topic) : null, -+ (0, import_react22.createElement)("ul", { className: "bt-mem-list" }, group.entries.map((entry) => (0, import_react22.createElement)(EntryRow, { key: `${entry.topic ?? ""}:${entry.text}`, entry, remove }))) -+ )) : (0, import_react22.createElement)("div", { className: "bt-mem-none" }, t("Nothing saved yet")) ++ group.topic ? (0, import_react23.createElement)("div", { className: "bt-mem-topic" }, group.topic) : null, ++ (0, import_react23.createElement)("ul", { className: "bt-mem-list" }, group.entries.map((entry) => (0, import_react23.createElement)(EntryRow, { key: `${entry.topic ?? ""}:${entry.text}`, entry, remove }))) ++ )) : (0, import_react23.createElement)("div", { className: "bt-mem-none" }, t("Nothing saved yet")) )) ); } @@ -8475,33 +8798,33 @@ diff --git a/client.js b/client.js } function Reply({ answer, dismiss }) { - return (0, import_react17.createElement)( -+ return (0, import_react22.createElement)( ++ return (0, import_react23.createElement)( "div", { className: "bt-mem-reply", role: "status" }, - (0, import_react17.createElement)( -+ (0, import_react22.createElement)( ++ (0, import_react23.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_react22.createElement)("span", { className: "bt-mem-reply-asked" }, answer.asked), -+ answer.pending ? null : (0, import_react22.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Dismiss"), onClick: dismiss }, (0, import_react22.createElement)(CloseIcon)) ++ (0, import_react23.createElement)("span", { className: "bt-mem-reply-asked" }, answer.asked), ++ answer.pending ? null : (0, import_react23.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Dismiss"), onClick: dismiss }, (0, import_react23.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_react22.createElement)("div", { className: "bt-mem-reply-text bt-shimmer" }, t("Thinking…")) : answer.error ? (0, import_react22.createElement)("div", { className: "bt-mem-reply-text bt-danger" }, hostText(answer.error)) : (0, import_react22.createElement)( -+ import_react22.Fragment, ++ answer.pending ? (0, import_react23.createElement)("div", { className: "bt-mem-reply-text bt-shimmer" }, t("Thinking…")) : answer.error ? (0, import_react23.createElement)("div", { className: "bt-mem-reply-text bt-danger" }, hostText(answer.error)) : (0, import_react23.createElement)( ++ import_react23.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_react22.createElement)("div", { className: "bt-mem-reply-text" }, answer.reply) : null, -+ answer.changes.length > 0 ? (0, import_react22.createElement)("ul", { className: "bt-mem-changes" }, answer.changes.map((change, index) => (0, import_react22.createElement)( ++ answer.reply ? (0, import_react23.createElement)("div", { className: "bt-mem-reply-text" }, answer.reply) : null, ++ answer.changes.length > 0 ? (0, import_react23.createElement)("ul", { className: "bt-mem-changes" }, answer.changes.map((change, index) => (0, import_react23.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_react22.createElement)(CheckIcon) : (0, import_react22.createElement)(CloseIcon), -+ (0, import_react22.createElement)("span", null, changeLine(change)) ++ change.ok ? (0, import_react23.createElement)(CheckIcon) : (0, import_react23.createElement)(CloseIcon), ++ (0, import_react23.createElement)("span", null, changeLine(change)) ))) : null ) ); @@ -8513,18 +8836,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_react22.useState)(null); -+ const [error, setError] = (0, import_react22.useState)(""); -+ const timer = (0, import_react22.useRef)(0); -+ const latest = (0, import_react22.useRef)(0); -+ const alive = (0, import_react22.useRef)(true); -+ const show = (0, import_react22.useCallback)((next) => { ++ const [view, setView] = (0, import_react23.useState)(null); ++ const [error, setError] = (0, import_react23.useState)(""); ++ const timer = (0, import_react23.useRef)(0); ++ const latest = (0, import_react23.useRef)(0); ++ const alive = (0, import_react23.useRef)(true); ++ const show = (0, import_react23.useCallback)((next) => { setView(next); setError(""); noteCount(botId, next.entries.length); }, [botId]); - const load = (0, import_react17.useCallback)(async (flags = {}) => { -+ const load = (0, import_react22.useCallback)(async (flags = {}) => { ++ const load = (0, import_react23.useCallback)(async (flags = {}) => { clearTimeout(timer.current); const ticket = ++latest.current; try { @@ -8538,7 +8861,7 @@ diff --git a/client.js b/client.js } }, [botId]); - (0, import_react17.useEffect)(() => { -+ (0, import_react22.useEffect)(() => { ++ (0, import_react23.useEffect)(() => { alive.current = true; void load({ summarize: true }); return () => { @@ -8549,9 +8872,9 @@ diff --git a/client.js b/client.js -function useNow(every) { - const [now, setNow] = (0, import_react17.useState)(Date.now()); - (0, import_react17.useEffect)(() => { -+function useNow2(every) { -+ const [now, setNow] = (0, import_react22.useState)(Date.now()); -+ (0, import_react22.useEffect)(() => { ++function useNow3(every) { ++ const [now, setNow] = (0, import_react23.useState)(Date.now()); ++ (0, import_react23.useEffect)(() => { const id = setInterval(() => setNow(Date.now()), every); return () => clearInterval(id); }, [every]); @@ -8561,8 +8884,8 @@ diff --git a/client.js b/client.js 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 [page, setPage] = (0, import_react22.useState)("summary"); -+ const [menu, setMenu] = (0, import_react22.useState)(false); ++ const [page, setPage] = (0, import_react23.useState)("summary"); ++ const [menu, setMenu] = (0, import_react23.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); @@ -8571,16 +8894,16 @@ 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(), []); -+ const [text, setText] = (0, import_react22.useState)(""); -+ const [answer, setAnswer] = (0, import_react22.useState)(null); -+ const menuRef = (0, import_react22.useRef)(null); -+ const dotsRef = (0, import_react22.useRef)(null); -+ const inputRef = (0, import_react22.useRef)(null); -+ const now = useNow2(3e4); -+ const close = (0, import_react22.useCallback)(() => actions.closeMemory(), []); ++ const [text, setText] = (0, import_react23.useState)(""); ++ const [answer, setAnswer] = (0, import_react23.useState)(null); ++ const menuRef = (0, import_react23.useRef)(null); ++ const dotsRef = (0, import_react23.useRef)(null); ++ const inputRef = (0, import_react23.useRef)(null); ++ const now = useNow3(3e4); ++ const close = (0, import_react23.useCallback)(() => actions.closeMemory(), []); useEscape(close); - (0, import_react17.useEffect)(() => { -+ (0, import_react22.useEffect)(() => { ++ (0, import_react23.useEffect)(() => { if (!menu) return void 0; const onDown = (event) => { if (menuRef.current?.contains(event.target) || dotsRef.current?.contains(event.target)) return; @@ -8589,17 +8912,17 @@ diff --git a/client.js b/client.js 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_react22.createElement)( ++ return (0, import_react23.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_react22.createElement)("div", { className: "bt-scrim bt-mem-scrim", onMouseDown: close }), -+ (0, import_react22.createElement)( ++ (0, import_react23.createElement)("div", { className: "bt-scrim bt-mem-scrim", onMouseDown: close }), ++ (0, import_react23.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_react22.createElement)( ++ (0, import_react23.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, @@ -8609,54 +8932,54 @@ diff --git a/client.js b/client.js - (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_react22.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to the summary"), onClick: backToSummary }, (0, import_react22.createElement)(ChevronLeftIcon)) : null, -+ (0, import_react22.createElement)("h2", null, page === "entries" ? t("All entries") : t("Memory summary")), -+ (0, import_react22.createElement)("span", { className: "bt-mem-status" }, page === "summary" ? [bot.name, status].filter(Boolean).join(" · ") : status), -+ (0, import_react22.createElement)("span", { className: "bt-mem-head-gap" }), -+ (0, import_react22.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_react22.createElement)(DotsIcon)), -+ (0, import_react22.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close memory"), onClick: close }, (0, import_react22.createElement)(CloseIcon)), -+ menuShown ? (0, import_react22.createElement)( ++ page === "entries" ? (0, import_react23.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to the summary"), onClick: backToSummary }, (0, import_react23.createElement)(ChevronLeftIcon)) : null, ++ (0, import_react23.createElement)("h2", null, page === "entries" ? t("All entries") : t("Memory summary")), ++ (0, import_react23.createElement)("span", { className: "bt-mem-status" }, page === "summary" ? [bot.name, status].filter(Boolean).join(" · ") : status), ++ (0, import_react23.createElement)("span", { className: "bt-mem-head-gap" }), ++ (0, import_react23.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_react23.createElement)(DotsIcon)), ++ (0, import_react23.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close memory"), onClick: close }, (0, import_react23.createElement)(CloseIcon)), ++ menuShown ? (0, import_react23.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_react22.createElement)( ++ (0, import_react23.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_react22.createElement)("span", { className: "bt-menu-label" }, t("All entries")), -+ (0, import_react22.createElement)("span", { className: "bt-menu-hint" }, String(count)) ++ (0, import_react23.createElement)("span", { className: "bt-menu-label" }, t("All entries")), ++ (0, import_react23.createElement)("span", { className: "bt-menu-hint" }, String(count)) ), - (0, import_react17.createElement)( -+ (0, import_react22.createElement)( ++ (0, import_react23.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_react22.createElement)("span", { className: "bt-menu-label" }, t("Regenerate summary")) ++ (0, import_react23.createElement)("span", { className: "bt-menu-label" }, t("Regenerate summary")) ) ) : null ), - (0, import_react17.createElement)( -+ (0, import_react22.createElement)( ++ (0, import_react23.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_react22.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, hostText(error)) : null, -+ view === null ? error ? null : (0, import_react22.createElement)(Skeleton) : page === "entries" ? (0, import_react22.createElement)(Entries, { bot, view, remove }) : (0, import_react22.createElement)(Summary, { bot, view, regenerate }) ++ error ? (0, import_react23.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, hostText(error)) : null, ++ view === null ? error ? null : (0, import_react23.createElement)(Skeleton) : page === "entries" ? (0, import_react23.createElement)(Entries, { bot, view, remove }) : (0, import_react23.createElement)(Summary, { bot, view, regenerate }) ), - (0, import_react17.createElement)( -+ (0, import_react22.createElement)( ++ (0, import_react23.createElement)( "div", { className: "bt-mem-foot" }, - answer ? (0, import_react17.createElement)(Reply, { answer, dismiss: () => setAnswer(null) }) : null, - (0, import_react17.createElement)( -+ answer ? (0, import_react22.createElement)(Reply, { answer, dismiss: () => setAnswer(null) }) : null, -+ (0, import_react22.createElement)( ++ answer ? (0, import_react23.createElement)(Reply, { answer, dismiss: () => setAnswer(null) }) : null, ++ (0, import_react23.createElement)( "form", { className: "bt-mem-ask", onSubmit: ask }, - (0, import_react17.createElement)("input", { -+ (0, import_react22.createElement)("input", { ++ (0, import_react23.createElement)("input", { ref: inputRef, className: "bt-mem-input", value: text, @@ -8665,20 +8988,53 @@ diff --git a/client.js b/client.js onChange: (event) => setText(event.target.value) }), - (0, import_react17.createElement)( -+ (0, import_react22.createElement)( ++ (0, import_react23.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_react22.createElement)("span", { className: "bt-mem-spin", "aria-hidden": true }) : (0, import_react22.createElement)(ArrowUpIcon) ++ busy ? (0, import_react23.createElement)("span", { className: "bt-mem-spin", "aria-hidden": true }) : (0, import_react23.createElement)(ArrowUpIcon) ) ) ) -@@ -7756,7 +7756,7 @@ function MemoryDialog({ bot, actions, leaving = false }) { +@@ -7755,8 +7755,40 @@ function MemoryDialog({ bot, actions, leaving = false }) { + ); } ++// src/client/standing-approvals.js ++var import_react24 = require("react"); ++var standingOf = (target, roster) => { ++ const me = roster?.self?.memberId; ++ return (target?.standingApprovals ?? []).filter((grant) => me === void 0 || grant.ownerId === me); ++}; ++function StandingApprovalsCard({ scope, target, roster, actions, run, Card: Card2 }) { ++ 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_react24.createElement)( ++ Card2, ++ { title: t("Always allowed") }, ++ grants.map((grant) => (0, import_react24.createElement)( ++ "div", ++ { key: grant.kind, className: "bt-set-row bt-bs-row", "data-standing": grant.kind }, ++ (0, import_react24.createElement)( ++ "span", ++ { className: "bt-set-copy" }, ++ (0, import_react24.createElement)("span", { className: "bt-bs-label" }, grant.label || grant.kind), ++ (0, import_react24.createElement)("span", { className: "bt-set-hint" }, hint) ++ ), ++ (0, import_react24.createElement)("button", { ++ type: "button", ++ className: "bt-soft bt-soft-sm", ++ "aria-label": t("Remove always allow for {kind}", { kind: grant.label || grant.kind }), ++ onClick: () => run(actions.removeStandingApproval(scope, target.id, grant.kind)) ++ }, t("Remove")) ++ )) ++ ); ++} ++ // src/client/bot-settings.js -var import_react18 = require("react"); -+var import_react23 = require("react"); ++var import_react25 = 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")); @@ -8688,8 +9044,8 @@ diff --git a/client.js b/client.js 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_react23.useState)(null); -+ const reverting = (0, import_react23.useRef)(false); ++ const [draft, setDraft] = (0, import_react25.useState)(null); ++ const reverting = (0, import_react25.useRef)(false); const commit = () => { const next = draft?.trim(); setDraft(null); @@ -8698,7 +9054,7 @@ diff --git a/client.js b/client.js void onSave(next); }; - return (0, import_react18.createElement)(multiline ? "textarea" : "input", { -+ return (0, import_react23.createElement)(multiline ? "textarea" : "input", { ++ return (0, import_react25.createElement)(multiline ? "textarea" : "input", { className: multiline ? "bt-bs-input bt-bs-area" : "bt-bs-input", value: draft ?? value ?? "", placeholder, @@ -8707,37 +9063,37 @@ diff --git a/client.js b/client.js } function Row({ label, hint, stack = false, children }) { - return (0, import_react18.createElement)( -+ return (0, import_react23.createElement)( ++ return (0, import_react25.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_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, label), hint ? (0, import_react23.createElement)("span", { className: "bt-set-hint" }, hint) : null), ++ (0, import_react25.createElement)("span", { className: "bt-set-copy" }, (0, import_react25.createElement)("span", { className: "bt-bs-label" }, label), hint ? (0, import_react25.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_react23.createElement)("section", { className: "bt-set-section" }, title ? (0, import_react23.createElement)("h3", null, title) : null, (0, import_react23.createElement)("div", { className: "bt-set-card" }, children)); ++ return (0, import_react25.createElement)("section", { className: "bt-set-section" }, title ? (0, import_react25.createElement)("h3", null, title) : null, (0, import_react25.createElement)("div", { className: "bt-set-card" }, children)); } function Switch({ on, label, disabled, onChange }) { - return (0, import_react18.createElement)( -+ return (0, import_react23.createElement)( ++ return (0, import_react25.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_react23.createElement)("span", { className: "bt-switch-knob", "aria-hidden": true }) ++ (0, import_react25.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_react23.createElement)( ++ return (0, import_react25.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_react23.createElement)("span", { className: "bt-set-copy" }, showLabel ? (0, import_react23.createElement)("span", { className: "bt-bs-label" }, label) : null, hint ? (0, import_react23.createElement)("span", { className: "bt-set-hint" }, hint) : null), -+ (0, import_react23.createElement)(Switch, { on, label, disabled, onChange }) ++ (0, import_react25.createElement)("span", { className: "bt-set-copy" }, showLabel ? (0, import_react25.createElement)("span", { className: "bt-bs-label" }, label) : null, hint ? (0, import_react25.createElement)("span", { className: "bt-set-hint" }, hint) : null), ++ (0, import_react25.createElement)(Switch, { on, label, disabled, onChange }) ); } function modelHint(bot, roster) { @@ -8746,13 +9102,13 @@ diff --git a/client.js b/client.js } function ShapeRing({ shape, size }) { - const maskId = (0, import_react18.useRef)(""); -+ const maskId = (0, import_react23.useRef)(""); ++ const maskId = (0, import_react25.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_react23.createElement)("svg", { className: "bt-ring", viewBox: `0 0 ${def.size} ${def.size}`, "aria-hidden": true, dangerouslySetInnerHTML: { __html: markup } }); ++ return (0, import_react25.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))]; @@ -8761,11 +9117,11 @@ diff --git a/client.js b/client.js 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_react23.createElement)( -+ import_react23.Fragment, ++ return (0, import_react25.createElement)( ++ import_react25.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_react23.createElement)("div", { className: "bt-shapes", role: "group", "aria-label": t("Character shape") }, rows.map((row, index) => (0, import_react23.createElement)("div", { key: index, className: "bt-shape-row" }, row.map((id) => (0, import_react23.createElement)("button", { ++ (0, import_react25.createElement)("div", { className: "bt-shapes", role: "group", "aria-label": t("Character shape") }, rows.map((row, index) => (0, import_react25.createElement)("div", { key: index, className: "bt-shape-row" }, row.map((id) => (0, import_react25.createElement)("button", { key: id, type: "button", className: "bt-shape", @@ -8775,8 +9131,8 @@ diff --git a/client.js b/client.js 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_react23.createElement)(ShapeRing, { shape: id, size: 36 }), (0, import_react23.createElement)(BotMark, { look: { shape: id, color: look.color }, size: 36 })))))), -+ (0, import_react23.createElement)("div", { className: "bt-colors", role: "group", "aria-label": t("Character color") }, CHARACTER_COLORS.map((color) => (0, import_react23.createElement)("button", { ++ }, (0, import_react25.createElement)(ShapeRing, { shape: id, size: 36 }), (0, import_react25.createElement)(BotMark, { look: { shape: id, color: look.color }, size: 36 })))))), ++ (0, import_react25.createElement)("div", { className: "bt-colors", role: "group", "aria-label": t("Character color") }, CHARACTER_COLORS.map((color) => (0, import_react25.createElement)("button", { key: color, type: "button", className: "bt-color", @@ -8785,7 +9141,7 @@ diff --git a/client.js b/client.js "aria-pressed": look.color === color, onClick: () => onColor(color) - }, (0, import_react18.createElement)("span", { style: { background: paintCss(color) } })))) -+ }, (0, import_react23.createElement)("span", { style: { background: paintCss(color) } })))) ++ }, (0, import_react25.createElement)("span", { style: { background: paintCss(color) } })))) ); } function AvatarEditor({ bot, actions, run, onClose }) { @@ -8794,15 +9150,15 @@ diff --git a/client.js b/client.js - 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_react23.useState)(look.image ? "upload" : "bot"); -+ const [over, setOver] = (0, import_react23.useState)(false); -+ const ref = (0, import_react23.useRef)(null); -+ const fileRef = (0, import_react23.useRef)(null); ++ const [tab, setTab] = (0, import_react25.useState)(look.image ? "upload" : "bot"); ++ const [over, setOver] = (0, import_react25.useState)(false); ++ const ref = (0, import_react25.useRef)(null); ++ const fileRef = (0, import_react25.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_react23.useEffect)(() => { ++ (0, import_react25.useEffect)(() => { const onDown = (event) => { if (!(event.target instanceof Element) || ref.current?.contains(event.target) || event.target.closest(".bt-avatar-trigger")) return; onClose(); @@ -8811,7 +9167,7 @@ diff --git a/client.js b/client.js }; }, [onClose]); - (0, import_react18.useEffect)(() => { -+ (0, import_react23.useEffect)(() => { ++ (0, import_react25.useEffect)(() => { if (tab !== "upload") return void 0; const onPaste = (event) => { const file = [...event.clipboardData?.files ?? []].find((item) => item.type.startsWith("image/")); @@ -8820,24 +9176,24 @@ diff --git a/client.js b/client.js const hasPhoto = Boolean(look.image); const glide = useGlide(tab); - return (0, import_react18.createElement)( -+ return (0, import_react23.createElement)( ++ return (0, import_react25.createElement)( "div", { ref, className: "bt-avedit", role: "dialog", "aria-label": t("Avatar editor") }, - (0, import_react18.createElement)( -+ (0, import_react23.createElement)( ++ (0, import_react25.createElement)( "div", { className: "bt-avedit-top" }, - (0, import_react18.createElement)( -+ (0, import_react23.createElement)( ++ (0, import_react25.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_react23.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }), -+ [["bot", "Bot"], ["upload", "Upload"]].map(([id, label]) => (0, import_react23.createElement)("button", { key: id, type: "button", role: "tab", className: "bt-avedit-tab", "aria-selected": tab === id, onClick: () => setTab(id) }, t(label))) ++ (0, import_react25.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }), ++ [["bot", "Bot"], ["upload", "Upload"]].map(([id, label]) => (0, import_react25.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_react23.createElement)("button", { ++ (0, import_react25.createElement)("button", { type: "button", className: "bt-avedit-tab bt-avedit-reset", title: t("Reset character to default"), @@ -8845,14 +9201,14 @@ diff --git a/client.js b/client.js }, t("Reset")) ), - tab === "bot" ? (0, import_react18.createElement)(CharacterGrid, { -+ tab === "bot" ? (0, import_react23.createElement)(CharacterGrid, { ++ tab === "bot" ? (0, import_react25.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_react23.createElement)( ++ tab === "upload" ? (0, import_react25.createElement)( "div", { className: "bt-dropzone", @@ -8863,18 +9219,18 @@ diff --git a/client.js b/client.js - 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_react23.createElement)("img", { src: look.image, alt: "" }) : null, -+ (0, import_react23.createElement)("div", null, t("Drag, drop, or paste an image")), -+ (0, import_react23.createElement)( ++ hasPhoto ? (0, import_react25.createElement)("img", { src: look.image, alt: "" }) : null, ++ (0, import_react25.createElement)("div", null, t("Drag, drop, or paste an image")), ++ (0, import_react25.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_react23.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, hasPhoto ? t("Replace") : t("Browse files")), -+ hasPhoto ? (0, import_react23.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_react25.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, hasPhoto ? t("Replace") : t("Browse files")), ++ hasPhoto ? (0, import_react25.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_react23.createElement)("input", { ref: fileRef, type: "file", accept: "image/png,image/jpeg,image/webp,image/gif", hidden: true, onChange: (event) => { ++ (0, import_react25.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); @@ -8883,17 +9239,17 @@ 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_react18.createElement)( -+ return (0, import_react23.createElement)( ++ return (0, import_react25.createElement)( Card, { title: t("Memory") }, - (0, import_react18.createElement)( -+ (0, import_react23.createElement)( ++ (0, import_react25.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_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, label)), -+ (0, import_react23.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react23.createElement)(ChevronRightIcon)) ++ (0, import_react25.createElement)("span", { className: "bt-set-copy" }, (0, import_react25.createElement)("span", { className: "bt-bs-label" }, label)), ++ (0, import_react25.createElement)("span", { className: "bt-mem-row-go" }, t("Manage"), (0, import_react25.createElement)(ChevronRightIcon)) ) ); } @@ -8902,10 +9258,10 @@ diff --git a/client.js b/client.js - 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_react23.useState)(false); -+ const [confirming, setConfirming] = (0, import_react23.useState)(false); -+ const closeEditor = (0, import_react23.useCallback)(() => setEditing(false), []); -+ (0, import_react23.useEffect)(() => { ++ const [editing, setEditing] = (0, import_react25.useState)(false); ++ const [confirming, setConfirming] = (0, import_react25.useState)(false); ++ const closeEditor = (0, import_react25.useCallback)(() => setEditing(false), []); ++ (0, import_react25.useEffect)(() => { if (!confirming) return void 0; const timer = setTimeout(() => setConfirming(false), 4e3); return () => clearTimeout(timer); @@ -8914,97 +9270,97 @@ diff --git a/client.js b/client.js const isMainBot = isMainOf(roster, bot.id); const onlyMain = isMainBot && (roster.mainBotIds ?? []).length === 1; const isTile = roster.mainBotId === bot.id; -@@ -8011,112 +8011,115 @@ function BotSettingsForm({ bot, roster, actions, run }) { +@@ -8011,112 +8011,116 @@ function BotSettingsForm({ bot, roster, actions, run }) { if (confirming) void run(actions.deleteBot(bot.id)); else setConfirming(true); }; - (0, import_react18.useEffect)(() => { -+ (0, import_react23.useEffect)(() => { ++ (0, import_react25.useEffect)(() => { void actions.refreshModels?.(); }, [bot.id]); - return (0, import_react18.createElement)( -+ return (0, import_react23.createElement)( ++ return (0, import_react25.createElement)( "div", { className: "bt-bs" }, - (0, import_react18.createElement)( -+ (0, import_react23.createElement)( ++ (0, import_react25.createElement)( "div", { className: "bt-bs-hero" }, - (0, import_react18.createElement)( -+ (0, import_react23.createElement)( ++ (0, import_react25.createElement)( "div", { className: "bt-avatar-anchor" }, - (0, import_react18.createElement)( -+ (0, import_react23.createElement)( ++ (0, import_react25.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)) -+ (0, import_react23.createElement)(BotMark, { bot, size: 64, live: true }), -+ (0, import_react23.createElement)("span", { className: "bt-avatar-pencil", "aria-hidden": true }, (0, import_react23.createElement)(PencilIcon)) ++ (0, import_react25.createElement)(BotMark, { bot, size: 64, live: true }), ++ (0, import_react25.createElement)("span", { className: "bt-avatar-pencil", "aria-hidden": true }, (0, import_react25.createElement)(PencilIcon)) ), - editing ? (0, import_react18.createElement)(AvatarEditor, { bot, actions, run, onClose: closeEditor }) : null -+ editing ? (0, import_react23.createElement)(AvatarEditor, { bot, actions, run, onClose: closeEditor }) : null ++ editing ? (0, import_react25.createElement)(AvatarEditor, { bot, actions, run, onClose: closeEditor }) : null ), - (0, import_react18.createElement)( -+ (0, import_react23.createElement)( ++ (0, import_react25.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_react23.createElement)("span", { className: "bt-bs-name" }, bot.name), -+ (0, import_react23.createElement)("span", { className: "bt-bs-sub" }, [bot.role, isMainBot ? t("Main Bot") : ""].filter(Boolean).join(" · ") || t("Bot")) ++ (0, import_react25.createElement)("span", { className: "bt-bs-name" }, bot.name), ++ (0, import_react25.createElement)("span", { className: "bt-bs-sub" }, [bot.role, isMainBot ? t("Main Bot") : ""].filter(Boolean).join(" · ") || t("Bot")) ) ), - (0, import_react18.createElement)( -+ (0, import_react23.createElement)( ++ (0, import_react25.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_react23.createElement)(Row, { label: t("Name") }, (0, import_react23.createElement)(InlineText, { label: t("Name"), value: bot.name, placeholder: "Bob", required: true, maxLength: 40, onSave: (name) => save({ name }) })), -+ (0, import_react23.createElement)(Row, { label: t("Label"), hint: t("Optional. Shown under the name.") }, (0, import_react23.createElement)(InlineText, { label: t("Label"), value: bot.role, placeholder: t("Research, admin…"), maxLength: 24, onSave: (role) => save({ role }) })) ++ (0, import_react25.createElement)(Row, { label: t("Name") }, (0, import_react25.createElement)(InlineText, { label: t("Name"), value: bot.name, placeholder: "Bob", required: true, maxLength: 40, onSave: (name) => save({ name }) })), ++ (0, import_react25.createElement)(Row, { label: t("Label"), hint: t("Optional. Shown under the name.") }, (0, import_react25.createElement)(InlineText, { label: t("Label"), value: bot.role, placeholder: t("Research, admin…"), maxLength: 24, onSave: (role) => save({ role }) })) ), - (0, import_react18.createElement)( -+ (0, import_react23.createElement)( ++ (0, import_react25.createElement)( Card, { title: t("Model") }, - (0, import_react18.createElement)( -+ (0, import_react23.createElement)( ++ (0, import_react25.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_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-set-hint" }, modelHint(bot, roster))), -+ (0, import_react23.createElement)(ModelMenu, { bot, roster, actions, run }) ++ (0, import_react25.createElement)("span", { className: "bt-set-copy" }, (0, import_react25.createElement)("span", { className: "bt-set-hint" }, modelHint(bot, roster))), ++ (0, import_react25.createElement)(ModelMenu, { bot, roster, actions, run }) + ), -+ bot.model ? (0, import_react23.createElement)(ModelTestRow, { bot, modelName: modelOf(bot, roster)?.name }) : null ++ bot.model ? (0, import_react25.createElement)(ModelTestRow, { bot, modelName: modelOf(bot, roster)?.name }) : null ), - (0, import_react18.createElement)( -+ (0, import_react23.createElement)( ++ (0, import_react25.createElement)( Card, { title: t("Working folder") }, - (0, import_react18.createElement)( -+ (0, import_react23.createElement)( ++ (0, import_react25.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_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, t("Folder"))), -+ (0, import_react23.createElement)(FolderMenu, { value: bot.workDir, actions, run, onPick: (workDir) => save({ workDir }) }) ++ (0, import_react25.createElement)("span", { className: "bt-set-copy" }, (0, import_react25.createElement)("span", { className: "bt-bs-label" }, t("Folder"))), ++ (0, import_react25.createElement)(FolderMenu, { value: bot.workDir, actions, run, onPick: (workDir) => save({ workDir }) }) ) ), - (0, import_react18.createElement)( -+ (0, import_react23.createElement)( ++ (0, import_react25.createElement)( Card, { title: t("Instructions") }, - (0, import_react18.createElement)( -+ (0, import_react23.createElement)( ++ (0, import_react25.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_react23.createElement)(InlineText, { label: t("Instructions"), value: bot.instructions, multiline: true, placeholder: t("What this Bot is responsible for…"), onSave: (instructions) => save({ instructions }) }) ++ (0, import_react25.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 }), @@ -9012,70 +9368,71 @@ diff --git a/client.js b/client.js - (0, import_react18.createElement)(BotSchedules, { bot, roster, actions }), - (0, import_react18.createElement)( + // Sharing sits near the top with a title like Profile and Model, not at the end of the page (#406). -+ (0, import_react23.createElement)(FlyBotDetails, { bot, roster, actions, wrap: (children) => (0, import_react23.createElement)(Card, { title: t("Sharing") }, children) }), -+ (0, import_react23.createElement)(BotCapabilitiesCard, { bot, roster, actions, run, Card, SwitchRow }), -+ (0, import_react23.createElement)(BotConnectorsCard, { bot, roster, actions, run, Card, SwitchRow }), -+ roster.memory === false ? null : (0, import_react23.createElement)(MemoryCard, { bot, actions }), -+ (0, import_react23.createElement)(BotSchedules, { bot, roster, actions }), -+ (0, import_react23.createElement)( ++ (0, import_react25.createElement)(FlyBotDetails, { bot, roster, actions, wrap: (children) => (0, import_react25.createElement)(Card, { title: t("Sharing") }, children) }), ++ (0, import_react25.createElement)(BotCapabilitiesCard, { bot, roster, actions, run, Card, SwitchRow }), ++ (0, import_react25.createElement)(BotConnectorsCard, { bot, roster, actions, run, Card, SwitchRow }), ++ roster.memory === false ? null : (0, import_react25.createElement)(MemoryCard, { bot, actions }), ++ (0, import_react25.createElement)(BotSchedules, { bot, roster, actions }), ++ (0, import_react25.createElement)(StandingApprovalsCard, { scope: "bot", target: bot, roster, actions, run, Card }), ++ (0, import_react25.createElement)( Card, { title: t("Main Bot") }, - onlyMain ? (0, import_react18.createElement)( -+ onlyMain ? (0, import_react23.createElement)( ++ onlyMain ? (0, import_react25.createElement)( "div", { className: "bt-set-row bt-bs-row" }, - (0, import_react18.createElement)( -+ (0, import_react23.createElement)( ++ (0, import_react25.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_react23.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_react25.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)) }) -+ (0, import_react23.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("bots") }, t("Change")) -+ ) : (0, import_react23.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_react25.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("bots") }, t("Change")) ++ ) : (0, import_react25.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_react18.createElement)( -+ isTile ? null : (0, import_react23.createElement)( ++ isTile ? null : (0, import_react25.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_react23.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_react23.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_react25.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_react25.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)( -+ (0, import_react23.createElement)( ++ (0, import_react25.createElement)( Card, - { title: t("Manage") }, - (0, import_react18.createElement)( + { title: t("More") }, -+ (0, import_react23.createElement)( ++ (0, import_react25.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)) -+ (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, t("Duplicate")), (0, import_react23.createElement)("span", { className: "bt-set-hint" }, t("A copy with the same job and model, and fresh memory."))), -+ (0, import_react23.createElement)("span", { className: "bt-chevron" }, (0, import_react23.createElement)(ChevronRightIcon)) ++ (0, import_react25.createElement)("span", { className: "bt-set-copy" }, (0, import_react25.createElement)("span", { className: "bt-bs-label" }, t("Duplicate")), (0, import_react25.createElement)("span", { className: "bt-set-hint" }, t("A copy with the same job and model, and fresh memory."))), ++ (0, import_react25.createElement)("span", { className: "bt-chevron" }, (0, import_react25.createElement)(ChevronRightIcon)) ), - isMainBot ? null : (0, import_react18.createElement)( -+ isMainBot ? null : (0, import_react23.createElement)( ++ isMainBot ? null : (0, import_react25.createElement)( "button", { type: "button", className: "bt-set-row bt-bs-row bt-bs-danger", "data-confirm": confirming || void 0, onClick: remove }, - (0, import_react18.createElement)( -+ (0, import_react23.createElement)( ++ (0, import_react25.createElement)( "span", { className: "bt-set-copy" }, - (0, import_react18.createElement)("span", { className: "bt-bs-label" }, confirming ? t("Delete {name}?", { name: bot.name }) : t("Delete Bot")), - (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_react23.createElement)("span", { className: "bt-bs-label" }, confirming ? t("Delete {name}?", { name: bot.name }) : t("Delete Bot")), -+ (0, import_react23.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_react25.createElement)("span", { className: "bt-bs-label" }, confirming ? t("Delete {name}?", { name: bot.name }) : t("Delete Bot")), ++ (0, import_react25.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_react23.createElement)("span", { className: "bt-chevron" }, (0, import_react23.createElement)(ChevronRightIcon)) ++ (0, import_react25.createElement)("span", { className: "bt-chevron" }, (0, import_react25.createElement)(ChevronRightIcon)) ) ) ); @@ -9103,7 +9460,7 @@ diff --git a/client.js b/client.js // src/client/create-bot.js -var import_react19 = require("react"); -+var import_react24 = require("react"); ++var import_react26 = require("react"); var pick = (list) => list[Math.floor(Math.random() * list.length)]; var randomLook = (avoid = {}) => { const shapes = DEFAULT_SHAPES.filter((shape) => shape !== avoid.shape); @@ -9120,18 +9477,18 @@ diff --git a/client.js b/client.js - const [error, setError] = (0, import_react19.useState)(""); - const fileRef = (0, import_react19.useRef)(null); - const frame = (0, import_react19.useRef)(null); -+ const [look, setLook] = (0, import_react24.useState)(() => randomLook()); -+ const [image, setImage] = (0, import_react24.useState)(null); -+ const [name, setName] = (0, import_react24.useState)(start?.name ?? ""); -+ const [model, setModel] = (0, import_react24.useState)(() => startModel(roster)); -+ const [effort, setEffort] = (0, import_react24.useState)(void 0); -+ const [busy, setBusy] = (0, import_react24.useState)(false); -+ const [error, setError] = (0, import_react24.useState)(""); -+ const fileRef = (0, import_react24.useRef)(null); -+ const frame = (0, import_react24.useRef)(null); ++ const [look, setLook] = (0, import_react26.useState)(() => randomLook()); ++ const [image, setImage] = (0, import_react26.useState)(null); ++ const [name, setName] = (0, import_react26.useState)(start?.name ?? ""); ++ const [model, setModel] = (0, import_react26.useState)(() => startModel(roster)); ++ const [effort, setEffort] = (0, import_react26.useState)(void 0); ++ const [busy, setBusy] = (0, import_react26.useState)(false); ++ const [error, setError] = (0, import_react26.useState)(""); ++ const fileRef = (0, import_react26.useRef)(null); ++ const frame = (0, import_react26.useRef)(null); useEscape(onBack); - (0, import_react19.useEffect)(() => { -+ (0, import_react24.useEffect)(() => { ++ (0, import_react26.useEffect)(() => { if (inline) frame.current?.scrollIntoView({ block: "start", behavior: "smooth" }); }, []); const fallbackName = freshBotName(roster, t("New Bot")); @@ -9140,32 +9497,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_react24.createElement)( ++ const card = (0, import_react26.createElement)( "div", { className: "bt-create-card" }, - (0, import_react19.createElement)( -+ (0, import_react24.createElement)( ++ (0, import_react26.createElement)( "div", { className: "bt-create-preview" }, // The key remounts the mark, so every new pick plays the pop. - (0, import_react19.createElement)( -+ (0, import_react24.createElement)( ++ (0, import_react26.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_react24.createElement)(BotMark, { look: previewLook, bot: { id: "new-bot" }, size: 88, live: true, gaze: true, pokeable: true }) ++ (0, import_react26.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_react24.createElement)("span", { className: "bt-create-name" }, finalName) ++ (0, import_react26.createElement)("span", { className: "bt-create-name" }, finalName) ), - (0, import_react19.createElement)("div", { className: "bt-create-step" }, t("Look")), - (0, import_react19.createElement)( -+ (0, import_react24.createElement)("div", { className: "bt-create-step" }, t("Look")), -+ (0, import_react24.createElement)( ++ (0, import_react26.createElement)("div", { className: "bt-create-step" }, t("Look")), ++ (0, import_react26.createElement)( "div", { className: "bt-create-looks" }, - (0, import_react19.createElement)(CharacterGrid, { -+ (0, import_react24.createElement)(CharacterGrid, { ++ (0, import_react26.createElement)(CharacterGrid, { look, hasPhoto: Boolean(image), onShape: (shape) => { @@ -9174,20 +9531,20 @@ diff --git a/client.js b/client.js } }), - (0, import_react19.createElement)( -+ (0, import_react24.createElement)( ++ (0, import_react26.createElement)( "div", { className: "bt-actions bt-create-lookbar" }, - (0, import_react19.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => { -+ (0, import_react24.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => { ++ (0, import_react26.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_react24.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, image ? t("Replace photo") : t("Upload photo")), -+ image ? (0, import_react24.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setImage(null) }, t("Remove photo")) : null, -+ (0, import_react24.createElement)("input", { ref: fileRef, type: "file", accept: "image/png,image/jpeg,image/webp,image/gif", hidden: true, onChange: (event) => { ++ (0, import_react26.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => fileRef.current?.click() }, image ? t("Replace photo") : t("Upload photo")), ++ image ? (0, import_react26.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setImage(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); @@ -9195,13 +9552,13 @@ diff --git a/client.js b/client.js ) ), - (0, import_react19.createElement)( -+ (0, import_react24.createElement)( ++ (0, import_react26.createElement)( "label", { className: "bt-field" }, - (0, import_react19.createElement)("span", { className: "bt-field-label" }, t("Name")), - (0, import_react19.createElement)("input", { -+ (0, import_react24.createElement)("span", { className: "bt-field-label" }, t("Name")), -+ (0, import_react24.createElement)("input", { ++ (0, import_react26.createElement)("span", { className: "bt-field-label" }, t("Name")), ++ (0, import_react26.createElement)("input", { className: "bt-input", autoFocus: !inline, value: name, @@ -9210,61 +9567,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_react24.createElement)("span", { className: "bt-note bt-danger" }, hostText(problem)) : clash ? (0, import_react24.createElement)("span", { className: "bt-note bt-danger" }, t("A Bot named {name} already exists", { name: finalName })) : null ++ problem ? (0, import_react26.createElement)("span", { className: "bt-note bt-danger" }, hostText(problem)) : clash ? (0, import_react26.createElement)("span", { className: "bt-note bt-danger" }, t("A Bot named {name} already exists", { name: finalName })) : null ), - (0, import_react19.createElement)( -+ (0, import_react24.createElement)( ++ (0, import_react26.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_react24.createElement)("span", { className: "bt-field-label" }, t("Model")), -+ (0, import_react24.createElement)(ModelMenu, { bot: { id: "new-bot", name: finalName, model: model || void 0, effort }, roster, actions, wide: true, onPick: (ref) => { ++ (0, import_react26.createElement)("span", { className: "bt-field-label" }, t("Model")), ++ (0, import_react26.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_react24.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_react26.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_react24.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null, -+ (0, import_react24.createElement)( ++ error ? (0, import_react26.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null, ++ (0, import_react26.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_react24.createElement)("button", { type: "button", className: "bt-soft", onClick: onBack }, canGoBack ? t("Back") : t("Cancel")) : null, -+ (0, import_react24.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_react26.createElement)("button", { type: "button", className: "bt-soft", onClick: onBack }, canGoBack ? t("Back") : t("Cancel")) : null, ++ (0, import_react26.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_react24.createElement)("div", { ref: frame, className: "bt-create-inline", role: "group", "aria-label": t("Create Bot") }, card); -+ return (0, import_react24.createElement)( ++ if (inline) return (0, import_react26.createElement)("div", { ref: frame, className: "bt-create-inline", role: "group", "aria-label": t("Create Bot") }, card); ++ return (0, import_react26.createElement)( "div", { className: "bt-create", role: "dialog", "aria-label": t("Create Bot") }, - (0, import_react19.createElement)( -+ (0, import_react24.createElement)( ++ (0, import_react26.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_react24.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to new chat"), onClick: onBack }, (0, import_react24.createElement)(ChevronLeftIcon)) : (0, import_react24.createElement)("span", { className: "bt-create-gap" }), -+ (0, import_react24.createElement)("span", { className: "bt-create-title" }, t("Create Bot")), -+ (0, import_react24.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close"), onClick: () => actions.closeOverlay() }, (0, import_react24.createElement)(CloseIcon)) ++ canGoBack ? (0, import_react26.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to new chat"), onClick: onBack }, (0, import_react26.createElement)(ChevronLeftIcon)) : (0, import_react26.createElement)("span", { className: "bt-create-gap" }), ++ (0, import_react26.createElement)("span", { className: "bt-create-title" }, t("Create Bot")), ++ (0, import_react26.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close"), onClick: () => actions.closeOverlay() }, (0, import_react26.createElement)(CloseIcon)) ), - (0, import_react19.createElement)("div", { className: "bt-create-body" }, card) -+ (0, import_react24.createElement)("div", { className: "bt-create-body" }, card) ++ (0, import_react26.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_react25 = require("react"); ++var import_react27 = require("react"); function NewChat({ mode, roster, actions }) { - const [query, setQuery] = (0, import_react20.useState)(""); - const [picked, setPicked] = (0, import_react20.useState)([]); @@ -9276,20 +9633,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_react25.useState)(""); -+ const [picked, setPicked] = (0, import_react25.useState)([]); -+ const [group, setGroup] = (0, import_react25.useState)(mode === "group"); -+ const [compose, setCompose] = (0, import_react25.useState)(mode !== "new"); -+ const [admin, setAdmin] = (0, import_react25.useState)(null); -+ const [message, setMessage] = (0, import_react25.useState)(""); -+ const [busy, setBusy] = (0, import_react25.useState)(false); -+ const [error, setError] = (0, import_react25.useState)(""); -+ const [fix, setFix] = (0, import_react25.useState)(null); -+ const [fixNote, setFixNote] = (0, import_react25.useState)(""); -+ const [inviteLink, setInviteLink] = (0, import_react25.useState)(""); -+ const [cursor, setCursor] = (0, import_react25.useState)(0); -+ const [draft, setDraft] = (0, import_react25.useState)(mode === "create" ? { name: "", fromList: false } : null); -+ const inputRef = (0, import_react25.useRef)(null); ++ const [query, setQuery] = (0, import_react27.useState)(""); ++ const [picked, setPicked] = (0, import_react27.useState)([]); ++ const [group, setGroup] = (0, import_react27.useState)(mode === "group"); ++ const [compose, setCompose] = (0, import_react27.useState)(mode !== "new"); ++ const [admin, setAdmin] = (0, import_react27.useState)(null); ++ const [message, setMessage] = (0, import_react27.useState)(""); ++ const [busy, setBusy] = (0, import_react27.useState)(false); ++ const [error, setError] = (0, import_react27.useState)(""); ++ const [fix, setFix] = (0, import_react27.useState)(null); ++ const [fixNote, setFixNote] = (0, import_react27.useState)(""); ++ const [inviteLink, setInviteLink] = (0, import_react27.useState)(""); ++ const [cursor, setCursor] = (0, import_react27.useState)(0); ++ const [draft, setDraft] = (0, import_react27.useState)(mode === "create" ? { name: "", fromList: false } : null); ++ const inputRef = (0, import_react27.useRef)(null); const close = () => actions.closeOverlay(); useEscape(close); const paneLeft = usePaneLeft(); @@ -9384,14 +9741,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_react25.createElement)(ChatIcon), label: t("New chat"), hint: t("Message one of your Bots"), run: () => { ++ options.push({ key: "chat", icon: (0, import_react27.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_react25.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_react25.createElement)(PeopleIcon), label: t("New group chat"), hint: t("Chat with several of your Bots"), run: () => { ++ options.push({ key: "new", icon: (0, import_react27.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_react27.createElement)(PeopleIcon), label: t("New group chat"), hint: t("Chat with several of your Bots"), run: () => { setGroup(true); + setCompose(true); setCursor(0); @@ -9400,7 +9757,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_react25.createElement)(SlotIcon, { id: action.key, icon: action.icon, fallback: (0, import_react25.createElement)(PeopleIcon) }) : (0, import_react25.createElement)(PeopleIcon), ++ icon: action.icon ? (0, import_react27.createElement)(SlotIcon, { id: action.key, icon: action.icon, fallback: (0, import_react27.createElement)(PeopleIcon) }) : (0, import_react27.createElement)(PeopleIcon), + label: t(action.label), + hint: action.hint ? t(action.hint) : void 0, + run: () => { @@ -9413,7 +9770,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_react25.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_react27.createElement)(TerminalIcon), label: t("Add coding agent"), hint: t("A coding session without a Bot"), run: () => run(async () => { await actions.addAgent(); close(); }) }); @@ -9427,22 +9784,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_react25.createElement)(PlusIcon), label: t("New Bot “{name}”", { name: query.trim() }), run: createBot }); ++ if (wanted !== "" && !exact && mode !== "search") options.push({ key: "create", icon: (0, import_react27.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_react25.useRef)(null); ++ const drop = (0, import_react27.useRef)(null); useMorph(drop, listed); if (draft) { - return (0, import_react20.createElement)( -+ return (0, import_react25.createElement)( ++ return (0, import_react27.createElement)( "div", { className: "bt-pane", style: { left: paneLeft } }, - (0, import_react20.createElement)(CreateBot, { -+ (0, import_react25.createElement)(CreateBot, { ++ (0, import_react27.createElement)(CreateBot, { roster, actions, start: draft, @@ -9451,7 +9808,7 @@ diff --git a/client.js b/client.js else if (admin !== null) setAdmin(null); }; - return (0, import_react20.createElement)( -+ return (0, import_react25.createElement)( ++ return (0, import_react27.createElement)( "div", - { className: "bt-pane", style: { left: paneLeft } }, - (0, import_react20.createElement)( @@ -9463,43 +9820,43 @@ diff --git a/client.js b/client.js + if (event.target === event.currentTarget) close(); + } : void 0 + }, -+ (0, import_react25.createElement)( ++ (0, import_react27.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_react25.createElement)( ++ menuOnly ? null : (0, import_react27.createElement)( "div", { className: "bt-to" }, - (0, import_react20.createElement)("span", { className: "bt-to-label" }, t("To:")), - adminBot ? (0, import_react20.createElement)( -+ (0, import_react25.createElement)("span", { className: "bt-to-label" }, t("To:")), -+ adminBot ? (0, import_react25.createElement)( ++ (0, import_react27.createElement)("span", { className: "bt-to-label" }, t("To:")), ++ adminBot ? (0, import_react27.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_react25.createElement)(BotMark, { bot: adminBot, size: 16 }), ++ (0, import_react27.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_react25.createElement)(AdminStar), -+ (0, import_react25.createElement)("button", { type: "button", "aria-label": t("Remove {name}", { name: adminBot.name }), onClick: () => setAdmin(null) }, "×") ++ (0, import_react27.createElement)(AdminStar), ++ (0, import_react27.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_react25.createElement)("span", { className: "bt-to-star", "aria-hidden": true }, (0, import_react25.createElement)(AdminStar)) : null, -+ pickedBots.map((bot) => (0, import_react25.createElement)( ++ choosingAdmin ? (0, import_react27.createElement)("span", { className: "bt-to-star", "aria-hidden": true }, (0, import_react27.createElement)(AdminStar)) : null, ++ pickedBots.map((bot) => (0, import_react27.createElement)( "span", { key: bot.id, className: "bt-token" }, - (0, import_react20.createElement)(BotMark, { bot, size: 16 }), -+ (0, import_react25.createElement)(BotMark, { bot, size: 16 }), ++ (0, import_react27.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_react25.createElement)("button", { type: "button", "aria-label": t("Remove {name}", { name: bot.name }), onClick: () => setPicked((current) => current.filter((id) => id !== bot.id)) }, "×") ++ (0, import_react27.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_react25.createElement)("input", { ++ (0, import_react27.createElement)("input", { ref: inputRef, autoFocus: true, value: query, @@ -9508,7 +9865,7 @@ diff --git a/client.js b/client.js } }), - group && admin !== null ? (0, import_react20.createElement)("button", { -+ group && admin !== null ? (0, import_react25.createElement)("button", { ++ group && admin !== null ? (0, import_react27.createElement)("button", { type: "button", className: "bt-send bt-to-create", disabled: busy || picked.length === 0, @@ -9516,16 +9873,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_react25.createElement)("button", { type: "button", className: "bt-x", "aria-label": t("Close new chat"), onClick: close }, "×") ++ (0, import_react27.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_react25.createElement)("div", { ref: drop, className: "bt-drop" }, (0, import_react25.createElement)( ++ (0, import_react27.createElement)("div", { ref: drop, className: "bt-drop" }, (0, import_react27.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_react25.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }), -+ options.length === 0 ? (0, import_react25.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_react25.createElement)( ++ (0, import_react27.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }), ++ options.length === 0 ? (0, import_react27.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_react27.createElement)( "button", { key: option.key, @@ -9536,42 +9893,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_react25.createElement)(BotMark, { bot: option.bot, size: 22 }) : (0, import_react25.createElement)("span", { className: "bt-option-icon" }, option.icon), ++ option.bot ? (0, import_react27.createElement)(BotMark, { bot: option.bot, size: 22 }) : (0, import_react27.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_react25.createElement)("span", { className: "bt-option-label" }, option.label) : (0, import_react25.createElement)("span", { className: "bt-option-copy" }, (0, import_react25.createElement)("span", { className: "bt-option-label" }, option.label), (0, import_react25.createElement)("span", { className: "bt-option-sub" }, option.hint)), -+ option.bot && option.hint && index === active ? (0, import_react25.createElement)("span", { className: "bt-option-hint" }, option.hint) : null ++ option.bot || !option.hint ? (0, import_react27.createElement)("span", { className: "bt-option-label" }, option.label) : (0, import_react27.createElement)("span", { className: "bt-option-copy" }, (0, import_react27.createElement)("span", { className: "bt-option-label" }, option.label), (0, import_react27.createElement)("span", { className: "bt-option-sub" }, option.hint)), ++ option.bot && option.hint && index === active ? (0, import_react27.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_react25.createElement)("div", { className: "bt-nc-spacer" }), -+ error && fix ? (0, import_react25.createElement)( ++ menuOnly ? null : (0, import_react27.createElement)("div", { className: "bt-nc-spacer" }), ++ error && fix ? (0, import_react27.createElement)( + "div", + { className: "bt-error bt-fix", role: "alert", "data-fix": "ungranted-local" }, -+ (0, import_react25.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_react25.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_react25.createElement)("button", { key: `invite-${bot.id}`, type: "button", className: "bt-fix-btn", "data-fix-action": "invite", onClick: () => { ++ (0, import_react27.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_react27.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_react27.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_react25.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_react27.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_react25.createElement)("div", { className: "bt-note", role: "status" }, fixNote) : null, -+ inviteLink ? (0, import_react25.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_react25.createElement)("div", { className: "bt-error" }, error) : null, -+ menuOnly ? null : (0, import_react25.createElement)( ++ fixNote ? (0, import_react27.createElement)("div", { className: "bt-note", role: "status" }, fixNote) : null, ++ inviteLink ? (0, import_react27.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_react27.createElement)("div", { className: "bt-error" }, error) : null, ++ menuOnly ? null : (0, import_react27.createElement)( "div", { className: "bt-nc-compose" }, - (0, import_react20.createElement)( -+ (0, import_react25.createElement)( ++ (0, import_react27.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_react25.createElement)("span", { className: "bt-nc-plus", "aria-hidden": true }, (0, import_react25.createElement)(PlusIcon)), -+ (0, import_react25.createElement)("textarea", { ++ (0, import_react27.createElement)("span", { className: "bt-nc-plus", "aria-hidden": true }, (0, import_react27.createElement)(PlusIcon)), ++ (0, import_react27.createElement)("textarea", { rows: 1, value: message, placeholder, @@ -9580,7 +9937,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_react25.createElement)("button", { type: "button", className: "bt-nc-send", "aria-label": t("Send message"), disabled: busy || message.trim() === "" || picked.length === 0, onClick: sendMessage }, (0, import_react25.createElement)(ArrowUpIcon)) ++ (0, import_react27.createElement)("button", { type: "button", className: "bt-nc-send", "aria-label": t("Send message"), disabled: busy || message.trim() === "" || picked.length === 0, onClick: sendMessage }, (0, import_react27.createElement)(ArrowUpIcon)) ) ) ) @@ -9589,13 +9946,13 @@ diff --git a/client.js b/client.js // src/client/exchange.js -var import_react21 = require("react"); -+var import_react26 = require("react"); ++var import_react28 = 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_react26.useState)(null); -+ const [leaving, setLeaving] = (0, import_react26.useState)(false); ++ const [entries2, setEntries] = (0, import_react28.useState)(null); ++ const [leaving, setLeaving] = (0, import_react28.useState)(false); const close = () => { if (leaving) return; setLeaving(true); @@ -9603,7 +9960,7 @@ diff --git a/client.js b/client.js }; useEscape(close); - (0, import_react21.useEffect)(() => { -+ (0, import_react26.useEffect)(() => { ++ (0, import_react28.useEffect)(() => { let stop = false; let timer; let seen = null; @@ -9612,63 +9969,63 @@ diff --git a/client.js b/client.js let lastDay = 0; const paneLeft = usePaneLeft(); - return (0, import_react21.createElement)( -+ return (0, import_react26.createElement)( ++ return (0, import_react28.createElement)( "div", { className: "bt-pane bt-exchange", style: { left: paneLeft }, "data-leaving": leaving || void 0 }, - (0, import_react21.createElement)( -+ (0, import_react26.createElement)( ++ (0, import_react28.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_react26.createElement)("div", { className: "bt-head" }, (0, import_react26.createElement)( ++ (0, import_react28.createElement)("div", { className: "bt-head" }, (0, import_react28.createElement)( "span", { className: "bt-pill", style: { cursor: "default" } }, - left ? (0, import_react21.createElement)(BotMark, { bot: left, size: 22 }) : null, -+ left ? (0, import_react26.createElement)(BotMark, { bot: left, size: 22 }) : null, ++ left ? (0, import_react28.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_react26.createElement)("span", { className: "bt-swap" }, "⇄"), -+ right ? (0, import_react26.createElement)(BotMark, { bot: right, size: 22 }) : null, ++ (0, import_react28.createElement)("span", { className: "bt-swap" }, "⇄"), ++ right ? (0, import_react28.createElement)(BotMark, { bot: right, size: 22 }) : null, right?.name ?? "?" )), - (0, import_react21.createElement)( -+ (0, import_react26.createElement)( ++ (0, import_react28.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_react26.createElement)("div", { className: "bt-hint" }, t("Loading…")) : entries2.length === 0 ? (0, import_react26.createElement)("div", { className: "bt-hint" }, t("No messages yet")) : entries2.map((entry) => { ++ entries2 === null ? (0, import_react28.createElement)("div", { className: "bt-hint" }, t("Loading…")) : entries2.length === 0 ? (0, import_react28.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_react26.createElement)( -+ import_react26.Fragment, ++ return (0, import_react28.createElement)( ++ import_react28.Fragment, { key: entry.id }, - showDay ? (0, import_react21.createElement)("time", { className: "bt-time" }, dayLabel(entry.time)) : null, - (0, import_react21.createElement)( -+ showDay ? (0, import_react26.createElement)("time", { className: "bt-time" }, dayLabel(entry.time)) : null, -+ (0, import_react26.createElement)( ++ showDay ? (0, import_react28.createElement)("time", { className: "bt-time" }, dayLabel(entry.time)) : null, ++ (0, import_react28.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_react26.createElement)("span", { className: "bt-group-name", style: { color: inkText(colorOf(bot)) } }, bot.name), -+ (0, import_react26.createElement)(Bubbles, { texts: [entry.text], roster, selfId: bot.id, actions, lead: (0, import_react26.createElement)("span", { className: "bt-lead" }, (0, import_react26.createElement)(BotMark, { bot, size: 22 })) }) ++ (0, import_react28.createElement)("span", { className: "bt-group-name", style: { color: inkText(colorOf(bot)) } }, bot.name), ++ (0, import_react28.createElement)(Bubbles, { texts: [entry.text], roster, selfId: bot.id, actions, lead: (0, import_react28.createElement)("span", { className: "bt-lead" }, (0, import_react28.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_react26.createElement)("div", { className: "bt-dialog-foot" }, (0, import_react26.createElement)("button", { type: "button", className: "bt-soft", onClick: close }, t("Close Chat"))) ++ (0, import_react28.createElement)("div", { className: "bt-dialog-foot" }, (0, import_react28.createElement)("button", { type: "button", className: "bt-soft", onClick: close }, t("Close Chat"))) ) ); } // src/client/voice.js -var import_react22 = require("react"); -+var import_react27 = require("react"); ++var import_react29 = 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", @@ -9678,8 +10035,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_react27.useState)(0); -+ (0, import_react27.useEffect)(() => { ++ const [level, setLevel] = (0, import_react29.useState)(0); ++ (0, import_react29.useEffect)(() => { if (!enabled || !navigator.mediaDevices?.getUserMedia) return void 0; let stream = null; let audio = null; @@ -9704,19 +10061,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_react27.useState)(() => actions.speech()); -+ const [phase, setPhase] = (0, import_react27.useState)(speech ? "starting" : speechApi() ? "listening" : "unsupported"); -+ const [catalog, setCatalog] = (0, import_react27.useState)(null); -+ const [heard, setHeard] = (0, import_react27.useState)(""); -+ const [said, setSaid] = (0, import_react27.useState)(""); -+ const [note, setNote] = (0, import_react27.useState)(""); -+ const [serviceLevel, setServiceLevel] = (0, import_react27.useState)(0); -+ const [cycle, setCycle] = (0, import_react27.useState)(0); -+ const waiting = (0, import_react27.useRef)(null); -+ const reply = (0, import_react27.useRef)(lastReply); ++ const [speech] = (0, import_react29.useState)(() => actions.speech()); ++ const [phase, setPhase] = (0, import_react29.useState)(speech ? "starting" : speechApi() ? "listening" : "unsupported"); ++ const [catalog, setCatalog] = (0, import_react29.useState)(null); ++ const [heard, setHeard] = (0, import_react29.useState)(""); ++ const [said, setSaid] = (0, import_react29.useState)(""); ++ const [note, setNote] = (0, import_react29.useState)(""); ++ const [serviceLevel, setServiceLevel] = (0, import_react29.useState)(0); ++ const [cycle, setCycle] = (0, import_react29.useState)(0); ++ const waiting = (0, import_react29.useRef)(null); ++ const reply = (0, import_react29.useRef)(lastReply); reply.current = lastReply; - const turn = (0, import_react22.useRef)(0); -+ const turn = (0, import_react27.useRef)(0); ++ const turn = (0, import_react29.useRef)(0); const paneLeft = usePaneLeft(); const close = () => { turn.current += 1; @@ -9725,13 +10082,13 @@ diff --git a/client.js b/client.js submit(text); }); - (0, import_react22.useEffect)(() => { -+ (0, import_react27.useEffect)(() => { ++ (0, import_react29.useEffect)(() => { if (!note) return void 0; const timer = setTimeout(() => setNote(""), 2600); return () => clearTimeout(timer); }, [note]); - (0, import_react22.useEffect)(() => { -+ (0, import_react27.useEffect)(() => { ++ (0, import_react29.useEffect)(() => { if (!speech) return void 0; let live = true; speechCatalog(speech).then(({ catalog: next, usable }) => { @@ -9740,18 +10097,18 @@ diff --git a/client.js b/client.js }, [speech]); const listen = phase === "listening"; - (0, import_react22.useEffect)(() => { -+ (0, import_react27.useEffect)(() => { ++ (0, import_react29.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_react27.useEffect)(() => { ++ (0, import_react29.useEffect)(() => { if (phase !== "listening") dictation.stop(); }, [phase]); - (0, import_react22.useEffect)(() => { -+ (0, import_react27.useEffect)(() => { ++ (0, import_react29.useEffect)(() => { if (!speech || !catalog || !listen) return void 0; const own = turn.current; let capture = null; @@ -9760,7 +10117,7 @@ diff --git a/client.js b/client.js }; }, [speech, catalog, listen, cycle]); - (0, import_react22.useEffect)(() => { -+ (0, import_react27.useEffect)(() => { ++ (0, import_react29.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; @@ -9769,7 +10126,7 @@ diff --git a/client.js b/client.js window.speechSynthesis.speak(utterance); }, [phase, running, lastReply]); - (0, import_react22.useEffect)(() => () => window.speechSynthesis?.cancel(), []); -+ (0, import_react27.useEffect)(() => () => window.speechSynthesis?.cancel(), []); ++ (0, import_react29.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"; @@ -9778,49 +10135,49 @@ diff --git a/client.js b/client.js const caption = phase === "speaking" ? said : heard; const shownNote = note || dictation.note; - return (0, import_react22.createElement)( -+ return (0, import_react27.createElement)( ++ return (0, import_react29.createElement)( "div", { className: "bt-pane bt-voice-pane", style: { left: paneLeft } }, - (0, import_react22.createElement)( -+ (0, import_react27.createElement)( ++ (0, import_react29.createElement)( "div", { className: "bt-voice-stage", role: "dialog", "aria-label": t("Voice chat with {name}", { name }), "data-phase": phase === "transcribing" ? "thinking" : phase }, - (0, import_react22.createElement)( -+ (0, import_react27.createElement)( ++ (0, import_react29.createElement)( "div", { className: "bt-voice-orb", style: { "--bt-level": level } }, - (0, import_react22.createElement)("span", { className: "bt-voice-ring", "aria-hidden": true }), - (0, import_react22.createElement)("span", { className: "bt-voice-ring bt-voice-ring-2", "aria-hidden": true }), - bot ? (0, import_react22.createElement)(BotMark, { bot, size: 112, state: markState, live: true, gaze: phase === "listening" }) : room2 ? (0, import_react22.createElement)(RoomAvatar, { room: room2, roster, size: 112 }) : null -+ (0, import_react27.createElement)("span", { className: "bt-voice-ring", "aria-hidden": true }), -+ (0, import_react27.createElement)("span", { className: "bt-voice-ring bt-voice-ring-2", "aria-hidden": true }), -+ bot ? (0, import_react27.createElement)(BotMark, { bot, size: 112, state: markState, live: true, gaze: phase === "listening" }) : room2 ? (0, import_react27.createElement)(RoomAvatar, { room: room2, roster, size: 112 }) : null ++ (0, import_react29.createElement)("span", { className: "bt-voice-ring", "aria-hidden": true }), ++ (0, import_react29.createElement)("span", { className: "bt-voice-ring bt-voice-ring-2", "aria-hidden": true }), ++ bot ? (0, import_react29.createElement)(BotMark, { bot, size: 112, state: markState, live: true, gaze: phase === "listening" }) : room2 ? (0, import_react29.createElement)(RoomAvatar, { room: room2, roster, size: 112 }) : null ), - (0, import_react22.createElement)("div", { className: "bt-voice-name" }, name), - (0, import_react22.createElement)( -+ (0, import_react27.createElement)("div", { className: "bt-voice-name" }, name), -+ (0, import_react27.createElement)( ++ (0, import_react29.createElement)("div", { className: "bt-voice-name" }, name), ++ (0, import_react29.createElement)( "div", { className: "bt-voice-status", role: "status" }, - phase === "thinking" ? (0, import_react22.createElement)(Shimmer, null, t("Thinking…")) : phase === "transcribing" ? (0, import_react22.createElement)(Shimmer, null, t("Recognizing…")) : VOICE_LABELS[phase] ? t(VOICE_LABELS[phase]) : "" -+ phase === "thinking" ? (0, import_react27.createElement)(Shimmer, null, t("Thinking…")) : phase === "transcribing" ? (0, import_react27.createElement)(Shimmer, null, t("Recognizing…")) : VOICE_LABELS[phase] ? t(VOICE_LABELS[phase]) : "" ++ phase === "thinking" ? (0, import_react29.createElement)(Shimmer, null, t("Thinking…")) : phase === "transcribing" ? (0, import_react29.createElement)(Shimmer, null, t("Recognizing…")) : VOICE_LABELS[phase] ? t(VOICE_LABELS[phase]) : "" ), - (0, import_react22.createElement)("div", { className: "bt-voice-caption", key: `${phase}:${caption.slice(0, 12)}` }, caption), - openSetup ? (0, import_react22.createElement)("button", { type: "button", className: "bt-voice-setup", onClick: () => { -+ (0, import_react27.createElement)("div", { className: "bt-voice-caption", key: `${phase}:${caption.slice(0, 12)}` }, caption), -+ openSetup ? (0, import_react27.createElement)("button", { type: "button", className: "bt-voice-setup", onClick: () => { ++ (0, import_react29.createElement)("div", { className: "bt-voice-caption", key: `${phase}:${caption.slice(0, 12)}` }, caption), ++ openSetup ? (0, import_react29.createElement)("button", { type: "button", className: "bt-voice-setup", onClick: () => { close(); openSetup(); } }, t("Set up voice input")) : null, - shownNote ? (0, import_react22.createElement)("div", { className: "bt-voice-note" }, shownNote) : null -+ shownNote ? (0, import_react27.createElement)("div", { className: "bt-voice-note" }, shownNote) : null ++ shownNote ? (0, import_react29.createElement)("div", { className: "bt-voice-note" }, shownNote) : null ), - (0, import_react22.createElement)( -+ (0, import_react27.createElement)( ++ (0, import_react29.createElement)( "div", { className: "bt-voice-bar" }, - (0, import_react22.createElement)("button", { -+ (0, import_react27.createElement)("button", { ++ (0, import_react29.createElement)("button", { type: "button", className: "bt-voice-btn", "aria-pressed": phase === "paused", @@ -9829,15 +10186,15 @@ diff --git a/client.js b/client.js onClick: togglePause - }, (0, import_react22.createElement)(MicIcon, { size: 20 }), phase === "paused" ? (0, import_react22.createElement)("span", { className: "bt-voice-slash", "aria-hidden": true }) : null), - (0, import_react22.createElement)("button", { type: "button", className: "bt-voice-btn bt-voice-end", "aria-label": t("End voice chat"), onClick: close }, (0, import_react22.createElement)(CloseIcon)) -+ }, (0, import_react27.createElement)(MicIcon, { size: 20 }), phase === "paused" ? (0, import_react27.createElement)("span", { className: "bt-voice-slash", "aria-hidden": true }) : null), -+ (0, import_react27.createElement)("button", { type: "button", className: "bt-voice-btn bt-voice-end", "aria-label": t("End voice chat"), onClick: close }, (0, import_react27.createElement)(CloseIcon)) ++ }, (0, import_react29.createElement)(MicIcon, { size: 20 }), phase === "paused" ? (0, import_react29.createElement)("span", { className: "bt-voice-slash", "aria-hidden": true }) : null), ++ (0, import_react29.createElement)("button", { type: "button", className: "bt-voice-btn bt-voice-end", "aria-label": t("End voice chat"), onClick: close }, (0, import_react29.createElement)(CloseIcon)) ) ); } // src/client/group-settings.js -var import_react23 = require("react"); -+var import_react28 = require("react"); ++var import_react30 = 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."] @@ -9854,31 +10211,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, 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_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" }, 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]; ++ const name = seat.local && onOpenBot ? (0, import_react30.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_react30.createElement)("span", { key: seat.key, className: "bt-face-bot" }, seat.bot); ++ const marked = isLeadSeat(seat, lead) ? [name, (0, import_react30.createElement)("span", { key: `${seat.key}-lead`, className: "bt-tag", "data-flybot": "face-lead-tag" }, t("Lead"))] : [name]; ++ return index === 0 ? marked : [(0, import_react30.createElement)("span", { key: `${seat.key}-sep` }, t(", ")), ...marked]; + }); -+ return (0, import_react28.createElement)( ++ return (0, import_react30.createElement)( + "div", + { className, role: "listitem", "data-flybot": "face-person", "data-mine": person.mine || void 0 }, -+ (0, import_react28.createElement)( ++ (0, import_react30.createElement)( + "span", + { className: "bt-gs-who bt-face-person" }, -+ (0, import_react28.createElement)(PersonMark, { size, name: person.name }), -+ (0, import_react28.createElement)( ++ (0, import_react30.createElement)(PersonMark, { size, name: person.name }), ++ (0, import_react30.createElement)( + "span", + { className: "bt-face-person-text" }, -+ (0, import_react28.createElement)("span", { className: "bt-row-title" }, facePersonLabel(person)), -+ (0, import_react28.createElement)("span", { className: "bt-face-bots" }, bots) ++ (0, import_react30.createElement)("span", { className: "bt-row-title" }, facePersonLabel(person)), ++ (0, import_react30.createElement)("span", { className: "bt-face-bots" }, bots) + ) + ) + ); +} +function FaceLead({ room: room2, roster, pick: pick2 }) { + const lead = room2.face?.lead; -+ const [open, setOpen] = (0, import_react28.useState)(false); -+ const [busy, setBusy] = (0, import_react28.useState)(false); -+ const [error, setError] = (0, import_react28.useState)(""); ++ const [open, setOpen] = (0, import_react30.useState)(false); ++ const [busy, setBusy] = (0, import_react30.useState)(false); ++ const [error, setError] = (0, import_react30.useState)(""); + const seats = faceSeats(room2, roster); + const current = seats.find((seat) => isLeadSeat(seat, lead?.handle)); + if (!current) return null; @@ -9895,30 +10252,30 @@ diff --git a/client.js b/client.js + setBusy(false); + } + }; -+ return (0, import_react28.createElement)( ++ return (0, import_react30.createElement)( + "div", + { className: "bt-face-lead", "data-flybot": "face-lead" }, -+ (0, import_react28.createElement)("div", { className: "bt-section-title" }, t("Room lead")), -+ (0, import_react28.createElement)( ++ (0, import_react30.createElement)("div", { className: "bt-section-title" }, t("Room lead")), ++ (0, import_react30.createElement)( + "div", + { className: "bt-set-row" }, -+ (0, import_react28.createElement)( ++ (0, import_react30.createElement)( + "span", + { className: "bt-set-copy" }, -+ (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.")) ++ (0, import_react30.createElement)("span", { className: "bt-row-title" }, faceSeatLabel(current)), ++ (0, import_react30.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_react28.createElement)("button", { type: "button", className: "bt-mini", "aria-expanded": open, onClick: () => setOpen(!open) }, open ? t("Done") : t("Change")) : null ++ canPick ? (0, import_react30.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_react28.createElement)( ++ open && canPick ? seats.map((seat) => (0, import_react30.createElement)( + "div", + { key: seat.key, className: "bt-set-row" }, -+ (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")) ++ (0, import_react30.createElement)("span", { className: "bt-set-copy" }, faceSeatLabel(seat)), ++ seat === current ? (0, import_react30.createElement)("span", { className: "bt-tag" }, t("Lead")) : (0, import_react30.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_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 ++ open && canPick && lead.picked ? (0, import_react30.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_react30.createElement)("div", { className: "bt-set-hint" }, t("Only the person who created this room can change it.")), ++ error ? (0, import_react30.createElement)("div", { className: "bt-set-hint", role: "alert" }, error) : null + ); +} function roomSubtitle(room2, roster) { @@ -9930,9 +10287,9 @@ diff --git a/client.js b/client.js - const [adding, setAdding] = (0, import_react23.useState)(false); - const [confirming, setConfirming] = (0, import_react23.useState)(false); - (0, import_react23.useEffect)(() => { -+ const [adding, setAdding] = (0, import_react28.useState)(false); -+ const [confirming, setConfirming] = (0, import_react28.useState)(false); -+ (0, import_react28.useEffect)(() => { ++ const [adding, setAdding] = (0, import_react30.useState)(false); ++ const [confirming, setConfirming] = (0, import_react30.useState)(false); ++ (0, import_react30.useEffect)(() => { if (!confirming) return void 0; const timer = setTimeout(() => setConfirming(false), 4e3); return () => clearTimeout(timer); @@ -9962,150 +10319,150 @@ diff --git a/client.js b/client.js }); }; - return (0, import_react23.createElement)( -+ return (0, import_react28.createElement)( ++ return (0, import_react30.createElement)( "div", { className: "bt-bs" }, - (0, import_react23.createElement)( -+ (0, import_react28.createElement)( ++ (0, import_react30.createElement)( "div", { className: "bt-bs-hero" }, - (0, import_react23.createElement)(RoomAvatar, { room: room2, roster, size: 64 }), - (0, import_react23.createElement)( -+ (0, import_react28.createElement)(RoomAvatar, { room: room2, roster, size: 64 }), -+ (0, import_react28.createElement)( ++ (0, import_react30.createElement)(RoomAvatar, { room: room2, roster, size: 64 }), ++ (0, import_react30.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)) -+ (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_react30.createElement)("span", { className: "bt-bs-name" }, room2.name), ++ (0, import_react30.createElement)("span", { className: "bt-bs-sub" }, roomSubtitle(room2, roster)) ) ), - (0, import_react23.createElement)( -+ (0, import_react28.createElement)( ++ (0, import_react30.createElement)( Card, { title: t("Profile") }, - (0, import_react23.createElement)( -+ (0, import_react28.createElement)( ++ (0, import_react30.createElement)( 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 }) }) -+ (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_react30.createElement)(InlineText, { label: t("Group name"), value: room2.named ? room2.name : "", placeholder: t("Name after members"), maxLength: 60, onSave: (name) => update({ name }) }) ), - (0, import_react23.createElement)( -+ (0, import_react28.createElement)( ++ (0, import_react30.createElement)( Row, { label: t("Notice"), hint: t("Every member reads it before speaking in this group."), stack: true }, - (0, import_react23.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_react30.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_react23.createElement)( -+ (0, import_react28.createElement)( ++ (0, import_react30.createElement)( Card, { title: t("Who answers") }, - (0, import_react23.createElement)( -+ (0, import_react28.createElement)( ++ (0, import_react30.createElement)( "div", { className: "bt-set-row bt-bs-row bt-bs-stack" }, - (0, import_react23.createElement)(Segmented, { label: t("Who answers"), value: mode }, ROOM_MODES.map(([id, label]) => (0, import_react23.createElement)("button", { -+ (0, import_react28.createElement)(Segmented, { label: t("Who answers"), value: mode }, ROOM_MODES.map(([id, label]) => (0, import_react28.createElement)("button", { ++ (0, import_react30.createElement)(Segmented, { label: t("Who answers"), value: mode }, ROOM_MODES.map(([id, label]) => (0, import_react30.createElement)("button", { key: id, type: "button", "aria-pressed": mode === id, -@@ -8999,86 +8999,135 @@ function GroupSettingsForm({ room: room2, roster, actions, run, onDeleted }) { +@@ -8999,86 +8999,136 @@ function GroupSettingsForm({ room: room2, roster, actions, run, onDeleted }) { if (mode !== id) void update({ mode: id }); } }, t(label)))), - (0, import_react23.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_react30.createElement)("span", { key: mode, className: "bt-set-hint bt-veil" }, `${t(modeHint)} ${t("@mentions always pick who answers.")}`) ) ), - (0, import_react23.createElement)( -+ (0, import_react28.createElement)( ++ (0, import_react30.createElement)( Card, { title: t("Working folder") }, - (0, import_react23.createElement)( -+ (0, import_react28.createElement)( ++ (0, import_react30.createElement)( "div", { className: "bt-set-row bt-bs-row" }, - (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, t("Folder"))), - (0, import_react23.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 }) }) ++ (0, import_react30.createElement)("span", { className: "bt-set-copy" }, (0, import_react30.createElement)("span", { className: "bt-bs-label" }, t("Folder"))), ++ (0, import_react30.createElement)(FolderMenu, { value: room2.workDir, group: true, actions, run, onPick: (workDir) => update({ workDir }) }) ) ), - (0, import_react23.createElement)( -+ face ? (0, import_react28.createElement)( - Card, -- { title: t("Members · {count}", { count: members.length }) }, ++ face ? (0, import_react30.createElement)( ++ Card, + { title: t("Members · {count}", { count: people2.length }) }, -+ people2.map((person) => (0, import_react28.createElement)(FacePersonRow, { key: person.key, person, onOpenBot: openBot, lead: room2.face?.lead?.handle })) ++ people2.map((person) => (0, import_react30.createElement)(FacePersonRow, { key: person.key, person, onOpenBot: openBot, lead: room2.face?.lead?.handle })) + ) : null, -+ face ? null : (0, import_react28.createElement)( -+ Card, ++ face ? null : (0, import_react30.createElement)( + Card, +- { title: t("Members · {count}", { count: members.length }) }, + { title: t("Members · {count}", { count: members.length + humans.length + remotes.length }) }, -+ humans.map((person) => (0, import_react28.createElement)( ++ humans.map((person) => (0, import_react30.createElement)( + "div", + { key: person.id, className: "bt-set-row bt-bs-row bt-gs-member" }, -+ (0, import_react28.createElement)( ++ (0, import_react30.createElement)( + "span", + { className: "bt-gs-who" }, -+ (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 ++ (0, import_react30.createElement)("span", { className: "bt-row-title" }, person.displayName || person.id), ++ (0, import_react30.createElement)("span", { className: "bt-tag" }, t("Human")), ++ person.role === "admin" ? (0, import_react30.createElement)("span", { className: "bt-tag" }, t("Admin")) : 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 ++ humans.length + members.length + remotes.length > 2 && person.id !== roster.self?.memberId ? (0, import_react30.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; - return (0, import_react23.createElement)( -+ return (0, import_react28.createElement)( ++ return (0, import_react30.createElement)( "div", { key: member.id, className: "bt-set-row bt-bs-row bt-gs-member" }, - (0, import_react23.createElement)( -+ (0, import_react28.createElement)( ++ (0, import_react30.createElement)( "button", { type: "button", className: "bt-gs-who", title: t("Open {name}'s chat", { name: member.name }), onClick: () => openBot(member.id) }, - (0, import_react23.createElement)(BotAvatar, { bot: member, size: 26, main: isMainOf(roster, member.id), admin: leads, live: false }), - (0, import_react23.createElement)("span", { className: "bt-row-title" }, member.name), - leads ? (0, import_react23.createElement)("span", { className: "bt-tag" }, t("Admin")) : 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, -+ (roster.humans ?? []).some((person) => person.designatedChiefId === member.id) ? (0, import_react28.createElement)("span", { className: "bt-tag" }, t("Chief")) : null ++ (0, import_react30.createElement)(BotAvatar, { bot: member, size: 26, main: isMainOf(roster, member.id), admin: leads, live: false }), ++ (0, import_react30.createElement)("span", { className: "bt-row-title" }, member.name), ++ leads ? (0, import_react30.createElement)("span", { className: "bt-tag" }, t("Admin")) : null, ++ (roster.humans ?? []).some((person) => person.designatedChiefId === member.id) ? (0, import_react30.createElement)("span", { className: "bt-tag" }, t("Chief")) : null ), - leads ? (0, import_react23.createElement)("button", { type: "button", className: "bt-mini", title: t("Leave the group without an admin"), onClick: () => update({ admin: null }) }, t("Unset")) : (0, import_react23.createElement)("button", { type: "button", className: "bt-mini", onClick: () => update({ admin: member.id }) }, t("Make admin")), - members.length > 2 ? (0, import_react23.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")), -+ 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 ++ leads ? (0, import_react30.createElement)("button", { type: "button", className: "bt-mini", title: t("Leave the group without an admin"), onClick: () => update({ admin: null }) }, t("Unset")) : (0, import_react30.createElement)("button", { type: "button", className: "bt-mini", onClick: () => update({ admin: member.id }) }, t("Make admin")), ++ members.length > 2 ? (0, import_react30.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 ); }), - adding ? [ - ...outside.map((bot) => (0, import_react23.createElement)( -+ remotes.map((person) => (0, import_react28.createElement)( ++ remotes.map((person) => (0, import_react30.createElement)( + "div", + { key: person.handle || person.id, className: "bt-set-row bt-bs-row bt-gs-member" }, -+ (0, import_react28.createElement)( ++ (0, import_react30.createElement)( + "span", + { className: "bt-gs-who" }, -+ (0, import_react28.createElement)(BotAvatar, { bot: lookBotForRemote(person, roster), size: 26, badge: false, live: false }), -+ (0, import_react28.createElement)("span", { className: "bt-row-title" }, person.label || remoteBotTitle(person)), -+ room2.origin === "face-to-face" ? null : (0, import_react28.createElement)("span", { className: "bt-tag" }, t("Friend's Bot")) ++ (0, import_react30.createElement)(BotAvatar, { bot: lookBotForRemote(person, roster), size: 26, badge: false, live: false }), ++ (0, import_react30.createElement)("span", { className: "bt-row-title" }, person.label || remoteBotTitle(person)), ++ room2.origin === "face-to-face" ? null : (0, import_react30.createElement)("span", { className: "bt-tag" }, t("Friend's Bot")) + ), -+ room2.origin === "face-to-face" || 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" || members.length + remotes.length <= 2 ? null : (0, import_react30.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_react28.createElement)( ++ ...outsidePeople.map((person) => (0, import_react30.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_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")) ++ (0, import_react30.createElement)("span", { className: "bt-set-copy" }, (0, import_react30.createElement)("span", { className: "bt-bs-label" }, person.displayName || person.id)), ++ (0, import_react30.createElement)("span", { className: "bt-set-hint" }, t("Add person")) + )), -+ ...outside.map((bot) => (0, import_react28.createElement)( ++ ...outside.map((bot) => (0, import_react30.createElement)( "button", { key: bot.id, type: "button", className: "bt-set-row bt-bs-row bt-gs-pick", onClick: () => { setAdding(false); @@ -10114,26 +10471,26 @@ diff --git a/client.js b/client.js - (0, import_react23.createElement)(BotMark, { bot, size: 22 }), - (0, import_react23.createElement)("span", { className: "bt-set-copy" }, (0, import_react23.createElement)("span", { className: "bt-bs-label" }, bot.name)), - (0, import_react23.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")) ++ (0, import_react30.createElement)(BotMark, { bot, size: 22 }), ++ (0, import_react30.createElement)("span", { className: "bt-set-copy" }, (0, import_react30.createElement)("span", { className: "bt-bs-label" }, bot.name)), ++ (0, import_react30.createElement)("span", { className: "bt-set-hint" }, t("Add")) + )), -+ ...outsideRemotes.map((bot) => (0, import_react28.createElement)( ++ ...outsideRemotes.map((bot) => (0, import_react30.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_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_react30.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_react30.createElement)("span", { className: "bt-set-copy" }, (0, import_react30.createElement)("span", { className: "bt-bs-label" }, remoteBotTitle({ displayName: bot.name, ownerName: bot.homeName || bot.owner, handle: bot.handle, isChief: bot.isChief }))), ++ (0, import_react30.createElement)("span", { className: "bt-set-hint" }, t("Add friend's Bot")) )), - (0, import_react23.createElement)("button", { key: "cancel", type: "button", className: "bt-set-row bt-bs-row bt-gs-add", onClick: () => setAdding(false) }, t("Cancel")) - ] : outside.length > 0 ? (0, import_react23.createElement)("button", { type: "button", className: "bt-set-row bt-bs-row bt-gs-add", onClick: () => setAdding(true) }, (0, import_react23.createElement)(PlusIcon), t("Add member")) : null, - (0, import_react23.createElement)("div", { className: "bt-set-row bt-gs-note" }, (0, import_react23.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)( ++ (0, import_react30.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_react30.createElement)("button", { type: "button", className: "bt-set-row bt-bs-row bt-gs-add", onClick: () => setAdding(true) }, (0, import_react30.createElement)(PlusIcon), t("Add member")) : null, ++ (0, import_react30.createElement)("div", { className: "bt-set-row bt-gs-note" }, (0, import_react30.createElement)( "span", { className: "bt-set-hint" }, // The host checks for two members on every change, even a rename. @@ -10141,34 +10498,35 @@ diff --git a/client.js b/client.js )) ), - (0, import_react23.createElement)( -+ (0, import_react28.createElement)( ++ (0, import_react30.createElement)(StandingApprovalsCard, { scope: "room", target: room2, roster, actions, run, Card }), ++ (0, import_react30.createElement)( Card, { title: t("Sidebar") }, - (0, import_react23.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_react23.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_react30.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_react30.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_react23.createElement)( -+ (0, import_react28.createElement)( ++ (0, import_react30.createElement)( Card, - { title: t("Manage") }, - (0, import_react23.createElement)( + { title: t("More") }, -+ (0, import_react28.createElement)( ++ (0, import_react30.createElement)( "button", { type: "button", className: "bt-set-row bt-bs-row bt-bs-danger", "data-confirm": confirming || void 0, onClick: remove }, - (0, import_react23.createElement)( -+ (0, import_react28.createElement)( ++ (0, import_react30.createElement)( "span", { className: "bt-set-copy" }, - (0, import_react23.createElement)("span", { className: "bt-bs-label" }, confirming ? t("Delete {name}?", { name: room2.name }) : t("Delete group")), - (0, import_react23.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_react30.createElement)("span", { className: "bt-bs-label" }, confirming ? t("Delete {name}?", { name: room2.name }) : t("Delete group")), ++ (0, import_react30.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_react23.createElement)("span", { className: "bt-chevron" }, (0, import_react23.createElement)(ChevronRightIcon)) -+ (0, import_react28.createElement)("span", { className: "bt-chevron" }, (0, import_react28.createElement)(ChevronRightIcon)) ++ (0, import_react30.createElement)("span", { className: "bt-chevron" }, (0, import_react30.createElement)(ChevronRightIcon)) ) ) ); @@ -10178,10 +10536,10 @@ diff --git a/client.js b/client.js - const [members, setMembers] = (0, import_react23.useState)([]); - const [name, setName] = (0, import_react23.useState)(""); - const [busy, setBusy] = (0, import_react23.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 [admin, setAdmin] = (0, import_react30.useState)(null); ++ const [members, setMembers] = (0, import_react30.useState)([]); ++ const [name, setName] = (0, import_react30.useState)(""); ++ const [busy, setBusy] = (0, import_react30.useState)(false); const toggle = (id) => setMembers((list) => list.includes(id) ? list.filter((item) => item !== id) : [...list, id]); const pickAdmin = (id) => { setAdmin(id); @@ -10190,7 +10548,7 @@ diff --git a/client.js b/client.js else setBusy(false); }; - const chip = (bot, on, onClick, role) => (0, import_react23.createElement)("button", { -+ const chip = (bot, on, onClick, role) => (0, import_react28.createElement)("button", { ++ const chip = (bot, on, onClick, role) => (0, import_react30.createElement)("button", { key: bot.id, type: "button", role, @@ -10199,53 +10557,53 @@ 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)( -+ }, (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)( ++ }, (0, import_react30.createElement)(BotAvatar, { bot, size: 22, badge: false, live: false }), (0, import_react30.createElement)("span", { className: "bt-ng-name" }, bot.name), on && role === "radio" ? (0, import_react30.createElement)(AdminStar) : null); ++ return (0, import_react30.createElement)( "div", { className: "bt-set-card bt-ng" }, - (0, import_react23.createElement)( -+ (0, import_react28.createElement)( ++ (0, import_react30.createElement)( "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)( -+ (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)( ++ (0, import_react30.createElement)("span", { className: "bt-set-copy" }, (0, import_react30.createElement)("span", { className: "bt-bs-label bt-ng-label" }, (0, import_react30.createElement)(AdminStar), t("Choose the group admin"))), ++ (0, import_react30.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_react23.createElement)( -+ admin === null ? null : (0, import_react28.createElement)( ++ admin === null ? null : (0, import_react30.createElement)( "div", { 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)( -+ (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)( ++ (0, import_react30.createElement)("span", { className: "bt-set-copy" }, (0, import_react30.createElement)("span", { className: "bt-bs-label" }, t("Who to chat with…"))), ++ (0, import_react30.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_react23.createElement)( -+ admin === null || members.length === 0 ? null : (0, import_react28.createElement)( ++ admin === null || members.length === 0 ? null : (0, import_react30.createElement)( "label", { className: "bt-set-row bt-bs-row bt-ng-step" }, - (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) }) -+ (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_react30.createElement)("span", { className: "bt-set-copy" }, (0, import_react30.createElement)("span", { className: "bt-bs-label" }, t("Name"))), ++ (0, import_react30.createElement)("input", { className: "bt-bs-input", value: name, maxLength: 60, placeholder: t("Name after members"), onChange: (event) => setName(event.target.value) }) ), - (0, import_react23.createElement)( -+ (0, import_react28.createElement)( ++ (0, import_react30.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")) -+ (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")) ++ (0, import_react30.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: onCancel }, t("Cancel")), ++ (0, import_react30.createElement)("button", { type: "button", className: "bt-send bt-soft-sm", disabled: busy || admin === null || members.length === 0, onClick: () => void create() }, t("Create group chat")) ) ); } @@ -10284,7 +10642,7 @@ diff --git a/client.js b/client.js // src/client/usage-page.js -var import_react24 = require("react"); -+var import_react29 = require("react"); ++var import_react31 = require("react"); var HEAT_WEEKS = 53; var TOP_SERIES = 7; var RING_R = 42; @@ -10300,9 +10658,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_react29.useState)(0); -+ const from = (0, import_react29.useRef)(0); -+ (0, import_react29.useEffect)(() => { ++ const [shown, setShown] = (0, import_react31.useState)(0); ++ const from = (0, import_react31.useRef)(0); ++ (0, import_react31.useEffect)(() => { if (reducedMotion() || typeof requestAnimationFrame !== "function") { from.current = value; setShown(value); @@ -10311,10 +10669,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_react29.createElement)("span", { className: "bt-us-glyph", style: { width: size, height: size } }, (0, import_react29.createElement)(icon3)); ++var glyphBox = (size, icon3) => (0, import_react31.createElement)("span", { className: "bt-us-glyph", style: { width: size, height: size } }, (0, import_react31.createElement)(icon3)); function ModelGlyph({ name, paint, size }) { - return (0, import_react24.createElement)("span", { -+ return (0, import_react29.createElement)("span", { ++ return (0, import_react31.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))` } @@ -10323,7 +10681,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_react29.createElement)(BotAvatar, { bot, size, badge: false, live: false }) ++ glyph: (size) => (0, import_react31.createElement)(BotAvatar, { bot, size, badge: false, live: false }) }; } if (owner.kind === "room") { @@ -10332,7 +10690,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_react29.createElement)(RoomAvatar, { room: room2, roster, size }) : glyphBox(size, ChatsIcon) ++ glyph: (size) => room2 ? (0, import_react31.createElement)(RoomAvatar, { room: room2, roster, size }) : glyphBox(size, ChatsIcon) }; } if (owner.kind === "agent") { @@ -10341,13 +10699,13 @@ diff --git a/client.js b/client.js const glide = useGlide(`${value} ${names}`, { box: boxRef }); - return (0, import_react24.createElement)( -+ return (0, import_react29.createElement)( ++ return (0, import_react31.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_react29.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }), -+ options.map(([id, text, icon3]) => (0, import_react29.createElement)("button", { key: id, type: "button", "aria-pressed": value === id, onClick: () => onChange(id) }, icon3 ? (0, import_react29.createElement)(icon3) : null, text)) ++ (0, import_react31.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }), ++ options.map(([id, text, icon3]) => (0, import_react31.createElement)("button", { key: id, type: "button", "aria-pressed": value === id, onClick: () => onChange(id) }, icon3 ? (0, import_react31.createElement)(icon3) : null, text)) ); } function Stats({ range, total, previous }) { @@ -10355,25 +10713,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_react29.createElement)("div", { className: "bt-us-stat" }, (0, import_react29.createElement)("span", { className: "bt-us-stat-label" }, label), (0, import_react29.createElement)("span", { className: "bt-us-stat-value" }, value)); -+ return (0, import_react29.createElement)( ++ const cell = (label, value) => (0, import_react31.createElement)("div", { className: "bt-us-stat" }, (0, import_react31.createElement)("span", { className: "bt-us-stat-label" }, label), (0, import_react31.createElement)("span", { className: "bt-us-stat-value" }, value)); ++ return (0, import_react31.createElement)( "section", { className: "bt-us-stats", style: { "--i": 0 } }, - (0, import_react24.createElement)( -+ (0, import_react29.createElement)( ++ (0, import_react31.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_react29.createElement)("span", { className: "bt-us-stat-label" }, lastText(range)), -+ (0, import_react29.createElement)( ++ (0, import_react31.createElement)("span", { className: "bt-us-stat-label" }, lastText(range)), ++ (0, import_react31.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_react29.createElement)("small", null, t("tokens")), -+ change === null ? null : (0, import_react29.createElement)( ++ (0, import_react31.createElement)("small", null, t("tokens")), ++ change === null ? null : (0, import_react31.createElement)( "span", { className: "bt-us-delta", title: compareText(range) }, `${change >= 0 ? "↑" : "↓"} ${Math.abs(change)}%` @@ -10382,7 +10740,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_react29.useState)(null); ++ const [hover, setHover] = (0, import_react31.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])); @@ -10390,77 +10748,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_react29.createElement)( ++ return (0, import_react31.createElement)( "section", { className: "bt-us-card bt-us-chart", style: { "--i": 1 } }, - (0, import_react24.createElement)( -+ (0, import_react29.createElement)( ++ (0, import_react31.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_react29.createElement)("h3", null, t("Tokens over time"), (0, import_react29.createElement)("span", null, unitLabel(range.unit))), -+ onBy ? (0, import_react29.createElement)(Tabs, { label: t("Group usage by"), value: by, onChange: onBy, options: [["bot", t("By Bot")], ["model", t("By model")]] }) : null ++ (0, import_react31.createElement)("h3", null, t("Tokens over time"), (0, import_react31.createElement)("span", null, unitLabel(range.unit))), ++ onBy ? (0, import_react31.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_react29.createElement)( ++ (0, import_react31.createElement)( "div", { className: "bt-us-chart-body" }, - (0, import_react24.createElement)( -+ (0, import_react29.createElement)( ++ (0, import_react31.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_react29.createElement)("div", { key: level, className: "bt-us-grid", style: { bottom: `${level * 100}%` } }, (0, import_react29.createElement)("span", null, compact(top * level)))), -+ (0, import_react29.createElement)("div", { className: "bt-us-grid bt-us-base", style: { bottom: 0 } }, (0, import_react29.createElement)("span", null, "0")), -+ (0, import_react29.createElement)( ++ [1, 0.5].map((level) => (0, import_react31.createElement)("div", { key: level, className: "bt-us-grid", style: { bottom: `${level * 100}%` } }, (0, import_react31.createElement)("span", null, compact(top * level)))), ++ (0, import_react31.createElement)("div", { className: "bt-us-grid bt-us-base", style: { bottom: 0 } }, (0, import_react31.createElement)("span", null, "0")), ++ (0, import_react31.createElement)( "div", { className: "bt-us-cols" }, - columns.map((column, at) => (0, import_react24.createElement)("div", { -+ columns.map((column, at) => (0, import_react29.createElement)("div", { ++ columns.map((column, at) => (0, import_react31.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_react29.createElement)( ++ }, column.total > 0 ? (0, import_react31.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_react29.createElement)("i", { key, style: { flexGrow: value, background: fillOf.get(key) } }) : null) -+ ) : (0, import_react29.createElement)("div", { className: "bt-us-stub" }))) ++ column.parts.map(([key, value]) => value > 0 ? (0, import_react31.createElement)("i", { key, style: { flexGrow: value, background: fillOf.get(key) } }) : null) ++ ) : (0, import_react31.createElement)("div", { className: "bt-us-stub" }))) ), - tip ? (0, import_react24.createElement)( -+ tip ? (0, import_react29.createElement)( ++ tip ? (0, import_react31.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_react29.createElement)("div", { className: "bt-us-tip-title" }, tip.title), -+ (0, import_react29.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_react29.createElement)( ++ (0, import_react31.createElement)("div", { className: "bt-us-tip-title" }, tip.title), ++ (0, import_react31.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_react31.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_react29.createElement)("i", { className: "bt-us-dot", style: { background: tipOf.get(key)?.fill } }), -+ (0, import_react29.createElement)("span", null, tipOf.get(key)?.name), -+ (0, import_react29.createElement)("b", null, compact(value)) ++ (0, import_react31.createElement)("i", { className: "bt-us-dot", style: { background: tipOf.get(key)?.fill } }), ++ (0, import_react31.createElement)("span", null, tipOf.get(key)?.name), ++ (0, import_react31.createElement)("b", null, compact(value)) )) ) : null ), - (0, import_react24.createElement)( -+ (0, import_react29.createElement)( ++ (0, import_react31.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_react29.createElement)( ++ columns.map((column, at) => (0, import_react31.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 : "" @@ -10468,23 +10826,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_react29.createElement)( ++ series.length > 1 || series[0]?.pick ? (0, import_react31.createElement)( "div", { className: "bt-us-legend" }, - series.map((entry) => (0, import_react24.createElement)(entry.pick ? "button" : "span", { -+ series.map((entry) => (0, import_react29.createElement)(entry.pick ? "button" : "span", { ++ series.map((entry) => (0, import_react31.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_react29.createElement)("i", { className: "bt-us-dot", style: { background: entry.fill } }), entry.name)) ++ }, (0, import_react31.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_react29.createElement)( ++ return (0, import_react31.createElement)( onClick ? "button" : "div", { className: "bt-us-row", @@ -10494,77 +10852,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_react29.createElement)("span", { className: "bt-us-row-glyph" }, glyph) : null, -+ (0, import_react29.createElement)( ++ glyph ? (0, import_react31.createElement)("span", { className: "bt-us-row-glyph" }, glyph) : null, ++ (0, import_react31.createElement)( "span", { className: "bt-us-row-body" }, - (0, import_react24.createElement)( -+ (0, import_react29.createElement)( ++ (0, import_react31.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_react29.createElement)("span", { className: "bt-us-row-name" }, name), -+ sub ? (0, import_react29.createElement)("span", { className: "bt-us-row-sub" }, sub) : null ++ (0, import_react31.createElement)("span", { className: "bt-us-row-name" }, name), ++ sub ? (0, import_react31.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_react29.createElement)("span", { className: "bt-us-track" }, (0, import_react29.createElement)("span", { style: { width: `${width}%`, background: fill2 } })) ++ (0, import_react31.createElement)("span", { className: "bt-us-track" }, (0, import_react31.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_react29.createElement)("span", { className: "bt-us-row-num" }, (0, import_react29.createElement)("b", null, compact(sum.total)), (0, import_react29.createElement)("small", null, `${percent(sum.total, whole)}%`)) ++ (0, import_react31.createElement)("span", { className: "bt-us-row-num" }, (0, import_react31.createElement)("b", null, compact(sum.total)), (0, import_react31.createElement)("small", null, `${percent(sum.total, whole)}%`)) ); } function ListCard({ title, count, index, children }) { - return (0, import_react24.createElement)( -+ return (0, import_react29.createElement)( ++ return (0, import_react31.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_react29.createElement)("div", { className: "bt-us-card-head" }, (0, import_react29.createElement)("h3", null, title, count === void 0 ? null : (0, import_react29.createElement)("span", null, count))), -+ (0, import_react29.createElement)("div", { className: "bt-us-rows" }, children) ++ (0, import_react31.createElement)("div", { className: "bt-us-card-head" }, (0, import_react31.createElement)("h3", null, title, count === void 0 ? null : (0, import_react31.createElement)("span", null, count))), ++ (0, import_react31.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_react29.createElement)( ++ return (0, import_react31.createElement)( "section", { className: "bt-us-profile" }, - (0, import_react24.createElement)( -+ (0, import_react29.createElement)( ++ (0, import_react31.createElement)( "span", { className: "bt-us-ring" }, - (0, import_react24.createElement)( -+ (0, import_react29.createElement)( ++ (0, import_react31.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_react29.createElement)("defs", null, (0, import_react29.createElement)( ++ face.stops ? (0, import_react31.createElement)("defs", null, (0, import_react31.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_react29.createElement)("stop", { key: offset, offset, stopColor: color })) ++ face.stops.map(([offset, color]) => (0, import_react31.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_react29.createElement)("circle", { className: "bt-us-ring-track", cx: 48, cy: 48, r: RING_R }), -+ arc > 0 ? (0, import_react29.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_react31.createElement)("circle", { className: "bt-us-ring-track", cx: 48, cy: 48, r: RING_R }), ++ arc > 0 ? (0, import_react31.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_react29.createElement)("span", { className: "bt-us-ring-face" }, face.glyph(64)) ++ (0, import_react31.createElement)("span", { className: "bt-us-ring-face" }, face.glyph(64)) ), - (0, import_react24.createElement)( -+ (0, import_react29.createElement)( ++ (0, import_react31.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_react29.createElement)("h3", null, face.name), -+ face.sub ? (0, import_react29.createElement)("span", { className: "bt-us-profile-sub" }, face.sub) : null, -+ (0, import_react29.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_react31.createElement)("h3", null, face.name), ++ face.sub ? (0, import_react31.createElement)("span", { className: "bt-us-profile-sub" }, face.sub) : null, ++ (0, import_react31.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) })) ) ); } @@ -10572,17 +10930,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_react29.useRef)(null); ++ const box = (0, import_react31.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_react29.useState)(() => Math.max(addMonths(oldest, 1), monthOf(hourMs(span?.to ?? today)))); -+ const [anchor, setAnchor] = (0, import_react29.useState)(null); -+ const [hover, setHover] = (0, import_react29.useState)(null); -+ (0, import_react29.useEffect)(() => { ++ const [right, setRight] = (0, import_react31.useState)(() => Math.max(addMonths(oldest, 1), monthOf(hourMs(span?.to ?? today)))); ++ const [anchor, setAnchor] = (0, import_react31.useState)(null); ++ const [hover, setHover] = (0, import_react31.useState)(null); ++ (0, import_react31.useEffect)(() => { const onDown = (event) => { if (![box, near].some((ref) => ref.current?.contains(event.target))) onClose(); }; @@ -10591,19 +10949,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_react29.useMemo)(() => Array.from({ length: 7 }, (_, at) => dates({ weekday: "narrow" }).format(Date.UTC(2024, 0, 1 + at))), []); ++ const weekdays = (0, import_react31.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_react29.createElement)("span", { key: `b${at}` })); ++ const cells = Array.from({ length: lead }, (_, at) => (0, import_react31.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_react29.createElement)("button", { ++ cells.push((0, import_react31.createElement)("button", { key, type: "button", className: "bt-us-day", @@ -10612,20 +10970,20 @@ diff --git a/client.js b/client.js onMouseEnter: () => setHover(key), onClick: () => press(key) - }, (0, import_react24.createElement)("b", null, day))); -+ }, (0, import_react29.createElement)("b", null, day))); ++ }, (0, import_react31.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_react29.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_react29.createElement)(ChevronLeftIcon)) : (0, import_react29.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_react29.createElement)(ChevronRightIcon)); -+ return (0, import_react29.createElement)( ++ const nav = side === "left" ? (0, import_react31.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_react31.createElement)(ChevronLeftIcon)) : (0, import_react31.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_react31.createElement)(ChevronRightIcon)); ++ return (0, import_react31.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_react29.createElement)("div", { className: "bt-us-month-head" }, nav, (0, import_react29.createElement)("span", null, dates({ year: "numeric", month: "long" }).format(start))), -+ (0, import_react29.createElement)("div", { className: "bt-us-weekdays", "aria-hidden": true }, weekdays.map((name, at) => (0, import_react29.createElement)("span", { key: at }, name))), -+ (0, import_react29.createElement)("div", { className: "bt-us-days", onMouseLeave: () => setHover(null) }, cells) ++ (0, import_react31.createElement)("div", { className: "bt-us-month-head" }, nav, (0, import_react31.createElement)("span", null, dates({ year: "numeric", month: "long" }).format(start))), ++ (0, import_react31.createElement)("div", { className: "bt-us-weekdays", "aria-hidden": true }, weekdays.map((name, at) => (0, import_react31.createElement)("span", { key: at }, name))), ++ (0, import_react31.createElement)("div", { className: "bt-us-days", onMouseLeave: () => setHover(null) }, cells) ); }; const shortcuts = [ @@ -10634,15 +10992,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_react29.createElement)( ++ return (0, import_react31.createElement)( "div", { ref: box, className: "bt-us-pick", role: "dialog", "aria-label": t("Custom range") }, - (0, import_react24.createElement)( -+ (0, import_react29.createElement)( ++ (0, import_react31.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_react29.createElement)("button", { ++ shortcuts.map(([id, label, from, to]) => (0, import_react31.createElement)("button", { key: id, type: "button", "aria-pressed": span?.from === from && span?.to === to, @@ -10651,20 +11009,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_react29.createElement)("div", { className: "bt-us-pick-months" }, month(addMonths(right, -1), "left"), month(right, "right")), -+ (0, import_react29.createElement)( ++ (0, import_react31.createElement)("div", { className: "bt-us-pick-months" }, month(addMonths(right, -1), "left"), month(right, "right")), ++ (0, import_react31.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_react29.createElement)("span", null, anchor ? t("Pick the last day") : t("Pick the first day")), -+ low === null ? null : (0, import_react29.createElement)("span", null, (0, import_react29.createElement)("b", null, spanText(low, high)), ` · ${daysText(count)}`) ++ (0, import_react31.createElement)("span", null, anchor ? t("Pick the last day") : t("Pick the first day")), ++ low === null ? null : (0, import_react31.createElement)("span", null, (0, import_react31.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_react29.useState)(null); ++ const [hover, setHover] = (0, import_react31.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); @@ -10673,14 +11031,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_react29.createElement)("span", { key: week, style: { gridColumn: week + 1 } }, dates({ month: "short" }).format(monday))); ++ months.push((0, import_react31.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_react29.createElement)("span", { ++ cells.push((0, import_react31.createElement)("span", { key: ms, className: "bt-us-cell", style: { "--w": week }, @@ -10689,7 +11047,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_react29.createElement)("i", { style: { background: soften(paint, levels[level - 1]) } }) : null)); ++ }, level > 0 ? (0, import_react31.createElement)("i", { style: { background: soften(paint, levels[level - 1]) } }) : null)); } } const tipSide = hover ? { @@ -10698,63 +11056,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_react29.createElement)( ++ return (0, import_react31.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_react29.createElement)("div", { className: "bt-us-card-head" }, (0, import_react29.createElement)("h3", null, t("Activity")), (0, import_react29.createElement)("span", { className: "bt-us-head-note" }, summary)), -+ (0, import_react29.createElement)("div", { className: "bt-us-heat-months", "aria-hidden": true }, months), -+ (0, import_react29.createElement)( ++ (0, import_react31.createElement)("div", { className: "bt-us-card-head" }, (0, import_react31.createElement)("h3", null, t("Activity")), (0, import_react31.createElement)("span", { className: "bt-us-head-note" }, summary)), ++ (0, import_react31.createElement)("div", { className: "bt-us-heat-months", "aria-hidden": true }, months), ++ (0, import_react31.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_react29.createElement)("div", { className: "bt-us-heat-grid", role: "img", "aria-label": summary }, cells), -+ hover ? (0, import_react29.createElement)( ++ (0, import_react31.createElement)("div", { className: "bt-us-heat-grid", role: "img", "aria-label": summary }, cells), ++ hover ? (0, import_react31.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_react29.createElement)("div", { className: "bt-us-tip-title" }, dates({ month: "long", day: "numeric", weekday: "short" }).format(hover.ms)), -+ (0, import_react29.createElement)("div", { className: "bt-us-tip-total" }, t("{count} tokens", { count: full(daily.get(dayKey(hover.ms)) ?? 0) })) ++ (0, import_react31.createElement)("div", { className: "bt-us-tip-title" }, dates({ month: "long", day: "numeric", weekday: "short" }).format(hover.ms)), ++ (0, import_react31.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_react29.createElement)( ++ (0, import_react31.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_react29.createElement)("span", { key: level, className: "bt-us-cell" }, (0, import_react29.createElement)("i", { style: { background: soften(paint, level) } }))), ++ levels.map((level) => (0, import_react31.createElement)("span", { key: level, className: "bt-us-cell" }, (0, import_react31.createElement)("i", { style: { background: soften(paint, level) } }))), t("Heavy") ) ); } function Skeleton2() { - return (0, import_react24.createElement)( -+ return (0, import_react29.createElement)( ++ return (0, import_react31.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_react29.createElement)("div", { className: "bt-us-skel", style: { height: 32, width: 320, borderRadius: 999 } }), -+ (0, import_react29.createElement)( ++ (0, import_react31.createElement)("div", { className: "bt-us-skel", style: { height: 32, width: 320, borderRadius: 999 } }), ++ (0, import_react31.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_react29.createElement)("div", { className: "bt-us-skel", style: { height: 94 } }), -+ (0, import_react29.createElement)("div", { className: "bt-us-skel", style: { height: 318 } }), -+ (0, import_react29.createElement)( ++ (0, import_react31.createElement)("div", { className: "bt-us-skel", style: { height: 94 } }), ++ (0, import_react31.createElement)("div", { className: "bt-us-skel", style: { height: 318 } }), ++ (0, import_react31.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_react29.createElement)("div", { className: "bt-us-skel", style: { height: 200 } }), -+ (0, import_react29.createElement)("div", { className: "bt-us-skel", style: { height: 200 } }) ++ (0, import_react31.createElement)("div", { className: "bt-us-skel", style: { height: 200 } }), ++ (0, import_react31.createElement)("div", { className: "bt-us-skel", style: { height: 200 } }) ) ) ); @@ -10768,16 +11126,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_react29.useState)(null); -+ const [error, setError] = (0, import_react29.useState)(""); -+ const [rangeId, setRangeId] = (0, import_react29.useState)("7d"); -+ const [span, setSpan] = (0, import_react29.useState)(null); -+ const [picking, setPicking] = (0, import_react29.useState)(false); -+ const [by, setBy] = (0, import_react29.useState)("bot"); -+ const tabs = (0, import_react29.useRef)(null); ++ const [view, setView] = (0, import_react31.useState)(null); ++ const [error, setError] = (0, import_react31.useState)(""); ++ const [rangeId, setRangeId] = (0, import_react31.useState)("7d"); ++ const [span, setSpan] = (0, import_react31.useState)(null); ++ const [picking, setPicking] = (0, import_react31.useState)(false); ++ const [by, setBy] = (0, import_react31.useState)("bot"); ++ const tabs = (0, import_react31.useRef)(null); const focus = focusOf(focusId); - (0, import_react24.useEffect)(() => { -+ (0, import_react29.useEffect)(() => { ++ (0, import_react31.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(() => { @@ -10786,7 +11144,7 @@ diff --git a/client.js b/client.js await resized; if (stopped) return; - (0, import_react24.startTransition)(() => setView(value)); -+ (0, import_react29.startTransition)(() => setView(value)); ++ (0, import_react31.startTransition)(() => setView(value)); setError(""); timer = setTimeout(load, value.scanning ? 3e3 : 2e4); } catch (failure) { @@ -10795,7 +11153,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_react29.useMemo)(() => { ++ const shaped = (0, import_react31.useMemo)(() => { if (!view) return null; const faces2 = view.owners.map((owner) => ownerFace(owner, roster)); const lifetime = /* @__PURE__ */ new Map(); @@ -10804,7 +11162,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_react29.createElement)(ModelGlyph, { name, paint, size }) }; ++ return { kind: "model", name, sub: model.providerName ?? model.provider, paint, glyph: (size) => (0, import_react31.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; @@ -10814,29 +11172,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_react29.useRef)(null); -+ (0, import_react29.useEffect)(() => { ++ const root = (0, import_react31.useRef)(null); ++ (0, import_react31.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_react29.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : (0, import_react29.createElement)(Skeleton2); ++ return error ? (0, import_react31.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : (0, import_react31.createElement)(Skeleton2); } if (view.rows.length === 0) { - return (0, import_react24.createElement)( -+ return (0, import_react29.createElement)( ++ return (0, import_react31.createElement)( "div", { className: "bt-us" }, - (0, import_react24.createElement)( -+ (0, import_react29.createElement)( ++ (0, import_react31.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_react29.createElement)(BotMark, { look: MAIN_LOOK, size: 56, live: true }), -+ (0, import_react29.createElement)("b", null, view.scanning ? t("Reading your chats…") : t("No usage yet.")), -+ (0, import_react29.createElement)("span", null, t("Token usage shows up here after a model is called.")) ++ (0, import_react31.createElement)(BotMark, { look: MAIN_LOOK, size: 56, live: true }), ++ (0, import_react31.createElement)("b", null, view.scanning ? t("Reading your chats…") : t("No usage yet.")), ++ (0, import_react31.createElement)("span", null, t("Token usage shows up here after a model is called.")) ) ); } @@ -10845,7 +11203,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_react29.createElement)(Row2, { ++ const ownerRow = ([at, sum], index, total = whole) => (0, import_react31.createElement)(Row2, { key: `o${at}`, kind: faces[at].kind, glyph: faces[at].glyph(32), @@ -10854,7 +11212,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_react29.createElement)(Row2, { ++ const modelRow = ([at, sum], index) => (0, import_react31.createElement)(Row2, { key: `m${at}`, kind: "model", glyph: models[at].glyph(32), @@ -10863,7 +11221,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_react29.createElement)("div", { className: "bt-us-none" }, t("Nothing in this range.")); ++ const nothing = (0, import_react31.createElement)("div", { className: "bt-us-none" }, t("Nothing in this range.")); let body; if (face) { const kinds = ranked(part.kinds); @@ -10872,30 +11230,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_react29.createElement)(Profile, { key: "profile", face, range, share: all.total.total > 0 ? whole / all.total.total : 0 }), -+ (0, import_react29.createElement)( ++ (0, import_react31.createElement)(Profile, { key: "profile", face, range, share: all.total.total > 0 ? whole / all.total.total : 0 }), ++ (0, import_react31.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_react29.createElement)(Stats, { key: "stats", range, total: part.total, previous: part.previous }), -+ (0, import_react29.createElement)(Chart, { key: "chart", range, columns, series, tipSeries, onPick: pick2 }), -+ (0, import_react29.createElement)( ++ (0, import_react31.createElement)(Stats, { key: "stats", range, total: part.total, previous: part.previous }), ++ (0, import_react31.createElement)(Chart, { key: "chart", range, columns, series, tipSeries, onPick: pick2 }), ++ (0, import_react31.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_react29.createElement)(ListCard, { title: t("Models"), count: usedModels.length, index: 2 }, usedModels.length > 0 ? usedModels.map(modelRow) : nothing) : (0, import_react29.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_react29.createElement)( ++ ownerAt >= 0 ? (0, import_react31.createElement)(ListCard, { title: t("Models"), count: usedModels.length, index: 2 }, usedModels.length > 0 ? usedModels.map(modelRow) : nothing) : (0, import_react31.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_react31.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_react29.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_react31.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_react29.createElement)(Heat, { key: "heat", view, keep, paint: face.paint, index: 4 }) ++ (0, import_react31.createElement)(Heat, { key: "heat", view, keep, paint: face.paint, index: 4 }) ) ]; } else { @@ -10904,52 +11262,52 @@ diff --git a/client.js b/client.js const usedModels = ranked(all.models); body = [ - (0, import_react24.createElement)( -+ (0, import_react29.createElement)( ++ (0, import_react31.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_react29.createElement)(Stats, { key: "stats", range, total: all.total, previous: all.previous }), -+ (0, import_react29.createElement)(Chart, { key: "chart", range, columns, series, tipSeries, by, onBy: setBy, onPick: pick2 }), -+ (0, import_react29.createElement)( ++ (0, import_react31.createElement)(Stats, { key: "stats", range, total: all.total, previous: all.previous }), ++ (0, import_react31.createElement)(Chart, { key: "chart", range, columns, series, tipSeries, by, onBy: setBy, onPick: pick2 }), ++ (0, import_react31.createElement)( "div", { key: "pair", className: "bt-us-pair" }, - (0, import_react24.createElement)( -+ (0, import_react29.createElement)( ++ (0, import_react31.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_react29.createElement)("div", { className: "bt-us-split", role: "separator" }) : null, ++ bots.length > 0 && rest.length > 0 ? (0, import_react31.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_react29.createElement)(ListCard, { title: t("Models"), count: usedModels.length, index: 3 }, usedModels.length > 0 ? usedModels.map(modelRow) : nothing) ++ (0, import_react31.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_react29.createElement)(Heat, { key: "heat", view, keep, paint: "var(--bt-accent)", index: 4 }) ++ (0, import_react31.createElement)(Heat, { key: "heat", view, keep, paint: "var(--bt-accent)", index: 4 }) ) ]; } - return (0, import_react24.createElement)( -+ return (0, import_react29.createElement)( ++ return (0, import_react31.createElement)( "div", { ref: root, className: "bt-us", key: focusId ?? "all" }, - (0, import_react24.createElement)( -+ (0, import_react29.createElement)( ++ (0, import_react31.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_react29.createElement)(Tabs, { label: t("Time range"), value: rangeId, onChange: chooseRange, options: rangeOptions, boxRef: tabs }), -+ view.scanning ? (0, import_react29.createElement)("span", { className: "bt-us-note", role: "status" }, t("Still reading older chats; totals may grow.")) : null, -+ picking ? (0, import_react29.createElement)(SpanPicker, { span, today, oldest, active: activeDays, near: tabs, onPick: pickSpan, onClose: () => setPicking(false) }) : null ++ (0, import_react31.createElement)(Tabs, { label: t("Time range"), value: rangeId, onChange: chooseRange, options: rangeOptions, boxRef: tabs }), ++ view.scanning ? (0, import_react31.createElement)("span", { className: "bt-us-note", role: "status" }, t("Still reading older chats; totals may grow.")) : null, ++ picking ? (0, import_react31.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_react29.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null, ++ error ? (0, import_react31.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null, body ); } @@ -10966,7 +11324,7 @@ diff --git a/client.js b/client.js // src/client/connectors.js -var import_react25 = require("react"); -+var import_react30 = require("react"); ++var import_react32 = 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/"; @@ -11000,11 +11358,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_react30.createElement)( ++var GitHubMark = () => (0, import_react32.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_react30.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_react32.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") }; @@ -11028,20 +11386,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_react30.createElement)( ++ return (0, import_react32.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_react30.createElement)("span", { className: "bt-app-status" }, ` · ${label}`) : null ++ label ? (0, import_react32.createElement)("span", { className: "bt-app-status" }, ` · ${label}`) : null + ); +} +function AppPicker({ apps, onChange, search, statuses = {} }) { -+ const [query, setQuery] = (0, import_react30.useState)(""); -+ const [found, setFound] = (0, import_react30.useState)(null); -+ const [failed, setFailed] = (0, import_react30.useState)(null); -+ const names = (0, import_react30.useRef)(new Map(APPS)); -+ const asked = (0, import_react30.useRef)(0); -+ (0, import_react30.useEffect)(() => { ++ const [query, setQuery] = (0, import_react32.useState)(""); ++ const [found, setFound] = (0, import_react32.useState)(null); ++ const [failed, setFailed] = (0, import_react32.useState)(null); ++ const names = (0, import_react32.useRef)(new Map(APPS)); ++ const asked = (0, import_react32.useRef)(0); ++ (0, import_react32.useEffect)(() => { + const text = query.trim(); + if (text === "" || search === void 0) { + setFound(null); @@ -11068,13 +11426,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_react30.createElement)( ++ return (0, import_react32.createElement)( + "div", + { className: "bt-connector-apps" }, -+ apps.length > 0 ? (0, import_react30.createElement)("div", { className: "bt-states", "aria-label": t("Picked apps") }, apps.map((slug) => (0, import_react30.createElement)(AppChip, { key: slug, name: nameOf(slug), status: statuses[slug], onRemove: () => onChange(apps.filter((app) => app !== slug)) }))) : null, -+ (0, import_react30.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_react30.createElement)("span", { className: "bt-set-hint" }, t("Could not search Composio: {error}", { error: failed })) : null, -+ (0, import_react30.createElement)("div", { className: "bt-states", "aria-label": t("Apps to add") }, results.length === 0 ? (0, import_react30.createElement)("span", { className: "bt-set-hint" }, t("No apps match")) : results.map((app) => (0, import_react30.createElement)("button", { key: app.slug, type: "button", className: "bt-state", "aria-pressed": false, onClick: () => { ++ apps.length > 0 ? (0, import_react32.createElement)("div", { className: "bt-states", "aria-label": t("Picked apps") }, apps.map((slug) => (0, import_react32.createElement)(AppChip, { key: slug, name: nameOf(slug), status: statuses[slug], onRemove: () => onChange(apps.filter((app) => app !== slug)) }))) : null, ++ (0, import_react32.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_react32.createElement)("span", { className: "bt-set-hint" }, t("Could not search Composio: {error}", { error: failed })) : null, ++ (0, import_react32.createElement)("div", { className: "bt-states", "aria-label": t("Apps to add") }, results.length === 0 ? (0, import_react32.createElement)("span", { className: "bt-set-hint" }, t("No apps match")) : results.map((app) => (0, import_react32.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))) @@ -11082,21 +11440,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_react30.createElement)("ul", { className: "bt-connector-app-list", "aria-label": t("App status") }, apps.map((slug) => (0, import_react30.createElement)( ++ return (0, import_react32.createElement)("ul", { className: "bt-connector-app-list", "aria-label": t("App status") }, apps.map((slug) => (0, import_react32.createElement)( + "li", + { key: slug, className: "bt-connector-app", "data-status": statuses[slug] ?? "unknown" }, -+ (0, import_react30.createElement)("span", { className: "bt-connector-app-name" }, appName(slug)), -+ (0, import_react30.createElement)("span", { className: "bt-app-status" }, APP_STATUS[statuses[slug]]?.() ?? "") ++ (0, import_react32.createElement)("span", { className: "bt-connector-app-name" }, appName(slug)), ++ (0, import_react32.createElement)("span", { className: "bt-app-status" }, APP_STATUS[statuses[slug]]?.() ?? "") + ))); +} +function ConnectorRow({ connector, roster, actions }) { -+ const [form, setForm] = (0, import_react30.useState)(false); -+ const [bots, setBots] = (0, import_react30.useState)(false); -+ const [token, setToken] = (0, import_react30.useState)(""); -+ const [apps, setApps] = (0, import_react30.useState)(() => connector.apps ?? []); -+ const [picking, setPicking] = (0, import_react30.useState)(false); -+ const [busy, setBusy] = (0, import_react30.useState)(false); -+ const [error, setError] = (0, import_react30.useState)(null); ++ const [form, setForm] = (0, import_react32.useState)(false); ++ const [bots, setBots] = (0, import_react32.useState)(false); ++ const [token, setToken] = (0, import_react32.useState)(""); ++ const [apps, setApps] = (0, import_react32.useState)(() => connector.apps ?? []); ++ const [picking, setPicking] = (0, import_react32.useState)(false); ++ const [busy, setBusy] = (0, import_react32.useState)(false); ++ const [error, setError] = (0, import_react32.useState)(null); const run = (task, after) => { setBusy(true); setError(null); @@ -11105,9 +11463,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_react30.useState)({}); ++ const [statuses, setStatuses] = (0, import_react32.useState)({}); + const appsKey = (connector.apps ?? []).join(","); -+ (0, import_react30.useEffect)(() => { ++ (0, import_react32.useEffect)(() => { + if (!gateway || connector.state !== "ready" || appsKey === "" || actions.connectorAppStatus === void 0) { + setStatuses({}); + return void 0; @@ -11122,7 +11480,7 @@ diff --git a/client.js b/client.js + live = false; + }; + }, [gateway, connector.state, appsKey, picking]); -+ const search = (0, import_react30.useCallback)((query) => actions.connectorAppSearch(connector.id, query, connector.state === "off" ? token : void 0), [connector.id, connector.state, token]); ++ const search = (0, import_react32.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), () => { @@ -11148,109 +11506,109 @@ 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_react30.useRef)(null); ++ const row = (0, import_react32.useRef)(null); + useMorph(row, `${form}:${picking}:${bots}:${error !== null}:${connector.state}`); -+ return (0, import_react30.createElement)( ++ return (0, import_react32.createElement)( "div", { ref: row, className: "bt-connector", "data-state": connector.state }, - (0, import_react25.createElement)( -+ (0, import_react30.createElement)( ++ (0, import_react32.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_react30.createElement)("span", { className: "bt-connector-mark" }, Mark ? (0, import_react30.createElement)(Mark) : null), -+ (0, import_react30.createElement)( ++ (0, import_react32.createElement)("span", { className: "bt-connector-mark" }, Mark ? (0, import_react32.createElement)(Mark) : null), ++ (0, import_react32.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_react30.createElement)("span", { className: "bt-connector-name" }, connector.name), -+ (0, import_react30.createElement)("span", { className: "bt-connector-status" }, statusText2(connector)) ++ (0, import_react32.createElement)("span", { className: "bt-connector-name" }, connector.name), ++ (0, import_react32.createElement)("span", { className: "bt-connector-status" }, statusText2(connector)) ), - (0, import_react25.createElement)( -+ (0, import_react30.createElement)( ++ (0, import_react32.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_react30.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_react30.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => { ++ connector.state === "error" ? (0, import_react32.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_react32.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_react30.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_react30.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_react30.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setForm(true) }, t("Connect")) ++ on ? (0, import_react32.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_react32.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_react32.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setForm(true) }, t("Connect")) ) ), - !on && form ? (0, import_react25.createElement)( -+ on && gateway && !picking ? (0, import_react30.createElement)(AppStatusList, { apps: connector.apps ?? [], statuses }) : null, -+ on ? (0, import_react30.createElement)("span", { className: "bt-connector-uses" }, usageText(roster, connector.id)) : null, -+ on && bots ? (0, import_react30.createElement)(ConnectorBots, { connector, roster, actions, run, SwitchRow }) : null, -+ !on && form ? (0, import_react30.createElement)( ++ on && gateway && !picking ? (0, import_react32.createElement)(AppStatusList, { apps: connector.apps ?? [], statuses }) : null, ++ on ? (0, import_react32.createElement)("span", { className: "bt-connector-uses" }, usageText(roster, connector.id)) : null, ++ on && bots ? (0, import_react32.createElement)(ConnectorBots, { connector, roster, actions, run, SwitchRow }) : null, ++ !on && form ? (0, import_react32.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_react30.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react30.createElement)(MaskedInput, { value: token, onChange: setToken, onEnter: connect, label: gateway ? t("Composio API key") : t("GitHub token"), autoFocus: true })), -+ gateway ? (0, import_react30.createElement)(AppPicker, { apps, onChange: setApps, search: token.trim() === "" ? void 0 : search }) : null, -+ (0, import_react30.createElement)( ++ (0, import_react32.createElement)("label", { className: "bt-q-field bt-secret-field" }, (0, import_react32.createElement)(MaskedInput, { value: token, onChange: setToken, onEnter: connect, label: gateway ? t("Composio API key") : t("GitHub token"), autoFocus: true })), ++ gateway ? (0, import_react32.createElement)(AppPicker, { apps, onChange: setApps, search: token.trim() === "" ? void 0 : search }) : null, ++ (0, import_react32.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: () => { -+ (0, import_react30.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_react30.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => { ++ (0, import_react32.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_react32.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => { setForm(false); setToken(""); 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_react30.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy || token.trim() === "", onClick: connect }, busy ? t("Connecting…") : t("Connect")) ++ (0, import_react32.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_react30.createElement)( ++ on && gateway && picking ? (0, import_react32.createElement)( + "div", + { className: "bt-connector-form" }, -+ (0, import_react30.createElement)(AppPicker, { apps, onChange: setApps, search, statuses }), -+ (0, import_react30.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_react30.createElement)( ++ (0, import_react32.createElement)(AppPicker, { apps, onChange: setApps, search, statuses }), ++ (0, import_react32.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_react32.createElement)( + "div", + { className: "bt-connector-form-row" }, -+ (0, import_react30.createElement)("span", { className: "bt-connector-link" }), -+ (0, import_react30.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => { ++ (0, import_react32.createElement)("span", { className: "bt-connector-link" }), ++ (0, import_react32.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy, onClick: () => { + setPicking(false); + setError(null); + } }, t("Cancel")), -+ (0, import_react30.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", disabled: busy || apps.length === 0, onClick: saveApps }, busy ? t("Connecting…") : t("Save")) ++ (0, import_react32.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_react30.createElement)("div", { className: "bt-connector-error", role: "alert" }, error) : null ++ error ? (0, import_react32.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_react30.createElement)( ++ return (0, import_react32.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_react30.createElement)("div", { className: "bt-set-card bt-connectors-card" }, list.length === 0 ? (0, import_react30.createElement)("div", { className: "bt-set-row" }, (0, import_react30.createElement)("span", { className: "bt-set-hint" }, t("No connectors"))) : list.map((connector) => (0, import_react30.createElement)(ConnectorRow, { key: connector.id, connector, roster, actions }))) ++ (0, import_react32.createElement)("div", { className: "bt-set-card bt-connectors-card" }, list.length === 0 ? (0, import_react32.createElement)("div", { className: "bt-set-row" }, (0, import_react32.createElement)("span", { className: "bt-set-hint" }, t("No connectors"))) : list.map((connector) => (0, import_react32.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_react31 = require("react"); -+var FeedbackIcon = () => (0, import_react31.createElement)( ++var import_react33 = require("react"); ++var FeedbackIcon = () => (0, import_react33.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_react31.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_react31.createElement)("path", { d: "M10 7v2.6M10 11.4h.01" }) ++ (0, import_react33.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_react33.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" })); @@ -11274,17 +11632,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_react31.useState)(""); -+ const [report, setReport] = (0, import_react31.useState)(null); -+ const [preview, setPreview] = (0, import_react31.useState)(false); -+ const [note, setNote] = (0, import_react31.useState)(""); ++ const [what, setWhat] = (0, import_react33.useState)(""); ++ const [report, setReport] = (0, import_react33.useState)(null); ++ const [preview, setPreview] = (0, import_react33.useState)(false); ++ const [note, setNote] = (0, import_react33.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_react31.useEffect)(() => { ++ (0, import_react33.useEffect)(() => { void run(load()); }, []); const copyReport = () => run(fetchReport().then(async (next) => { @@ -11293,7 +11651,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_react31.useState)(null); ++ const [issueLink, setIssueLink] = (0, import_react33.useState)(null); const openIssue = () => { const win = window.open("", "_blank"); if (win !== null) win.opener = null; @@ -11302,83 +11660,83 @@ diff --git a/client.js b/client.js const shown = entries2.slice(0, 8); return [ - (0, import_react26.createElement)( -+ (0, import_react31.createElement)( ++ (0, import_react33.createElement)( Section, { key: "report", title: t("Report a problem") }, - (0, import_react26.createElement)( -+ (0, import_react31.createElement)( ++ (0, import_react33.createElement)( "div", { className: "bt-set-row bt-set-paste bt-fb-what" }, - (0, import_react26.createElement)( -+ (0, import_react31.createElement)( ++ (0, import_react33.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_react31.createElement)("span", null, t("What happened?")), -+ (0, import_react31.createElement)("span", { className: "bt-set-hint" }, t("What you did, what you expected, and what happened instead. It goes into the issue.")) ++ (0, import_react33.createElement)("span", null, t("What happened?")), ++ (0, import_react33.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_react31.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_react33.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_react31.createElement)( ++ (0, import_react33.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_react31.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setPreview(!preview), "aria-expanded": preview }, preview ? t("Hide") : t("Show")), -+ (0, import_react31.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: copyReport }, t("Copy")) ++ (0, import_react33.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => setPreview(!preview), "aria-expanded": preview }, preview ? t("Hide") : t("Show")), ++ (0, import_react33.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_react31.createElement)("div", { className: "bt-set-row bt-fb-preview" }, (0, import_react31.createElement)("pre", { tabIndex: 0, "aria-label": t("Diagnostics") }, report?.markdown || t("Loading…"))) : null, -+ (0, import_react31.createElement)( ++ preview ? (0, import_react33.createElement)("div", { className: "bt-set-row bt-fb-preview" }, (0, import_react33.createElement)("pre", { tabIndex: 0, "aria-label": t("Diagnostics") }, report?.markdown || t("Loading…"))) : null, ++ (0, import_react33.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_react31.createElement)("button", { type: "button", className: "bt-fb-primary", onClick: openIssue }, t("Report on GitHub")) ++ (0, import_react33.createElement)("button", { type: "button", className: "bt-fb-primary", onClick: openIssue }, t("Report on GitHub")) ) ), - note ? (0, import_react26.createElement)( -+ note ? (0, import_react31.createElement)( ++ note ? (0, import_react33.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_react31.createElement)("a", { key: "link", href: issueLink, target: "_blank", rel: "noopener noreferrer" }, t("Open the issue"))] : null ++ issueLink ? [" ", (0, import_react33.createElement)("a", { key: "link", href: issueLink, target: "_blank", rel: "noopener noreferrer" }, t("Open the issue"))] : null ) : null, - (0, import_react26.createElement)( -+ (0, import_react31.createElement)( ++ (0, import_react33.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_react31.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_react31.createElement)( ++ shown.length === 0 ? (0, import_react33.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_react33.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_react31.createElement)("span", { className: "bt-fb-dot", "data-level": entry.level, "aria-hidden": true }), -+ (0, import_react31.createElement)( ++ (0, import_react33.createElement)("span", { className: "bt-fb-dot", "data-level": entry.level, "aria-hidden": true }), ++ (0, import_react33.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_react31.createElement)("span", { className: "bt-fb-text" }, entrySummary(entry)), -+ (0, import_react31.createElement)("span", { className: "bt-set-hint" }, [whenText2(entry.time), entry.bot, entry.where, t(SOURCES[entry.source] ?? "FlyBot")].filter(Boolean).join(" · ")) ++ (0, import_react33.createElement)("span", { className: "bt-fb-text" }, entrySummary(entry)), ++ (0, import_react33.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_react31.createElement)("span", { className: "bt-tag bt-fb-code" }, entry.status ? `${entry.code} ${entry.status}` : entry.code) : null ++ entry.code ? (0, import_react33.createElement)("span", { className: "bt-tag bt-fb-code" }, entry.status ? `${entry.code} ${entry.status}` : entry.code) : null )), - (0, import_react26.createElement)( -+ (0, import_react31.createElement)( ++ (0, import_react33.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_react31.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: downloadLog }, t("Download")), -+ (0, import_react31.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: clearLog, disabled: !report || total === 0 }, t("Clear")) ++ (0, import_react33.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: downloadLog }, t("Download")), ++ (0, import_react33.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: clearLog, disabled: !report || total === 0 }, t("Clear")) ) ) ]; @@ -11388,8 +11746,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_react31.useState)(false); -+ (0, import_react31.useEffect)(() => { ++ const [leaving, setLeaving] = (0, import_react33.useState)(false); ++ (0, import_react33.useEffect)(() => { if (!toast) return void 0; setLeaving(false); const fade = setTimeout(() => setLeaving(true), TOAST_MS); @@ -11399,19 +11757,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_react31.createElement)( ++ return (0, import_react33.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_react31.createElement)("span", { className: "bt-toast-text" }, toast.text), -+ info ? null : (0, import_react31.createElement)("button", { type: "button", className: "bt-toast-link", onClick: () => { ++ (0, import_react33.createElement)("span", { className: "bt-toast-text" }, toast.text), ++ info ? null : (0, import_react33.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_react31.createElement)("button", { type: "button", className: "bt-icon-btn bt-toast-close", "aria-label": t("Dismiss"), onClick: () => actions.dismissToast(toast.token) }, (0, import_react31.createElement)(CloseIcon)) ++ (0, import_react33.createElement)("button", { type: "button", className: "bt-icon-btn bt-toast-close", "aria-label": t("Dismiss"), onClick: () => actions.dismissToast(toast.token) }, (0, import_react33.createElement)(CloseIcon)) ); } var FEEDBACK_CSS = ` @@ -11421,7 +11779,7 @@ diff --git a/client.js b/client.js // src/client/about.js -var import_react27 = require("react"); -var CHEER_MS = 1800; -+var import_react32 = require("react"); ++var import_react34 = 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…"); @@ -11464,9 +11822,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_react32.useState)(false); -+ const [stars, setStars] = (0, import_react32.useState)(null); -+ (0, import_react32.useEffect)(() => { ++ const [checking, setChecking] = (0, import_react34.useState)(false); ++ const [stars, setStars] = (0, import_react34.useState)(null); ++ (0, import_react34.useEffect)(() => { let live = true; actions.repoStars().then((count) => { if (live && Number.isInteger(count)) setStars(count); @@ -11498,14 +11856,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_react32.createElement)( ++ const botControl = phase === "installed" ? null : update.available || phase === "installing" ? (0, import_react34.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_react32.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_react32.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_react32.createElement)( ++ ) : (0, import_react34.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_react34.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_react34.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") @@ -11513,22 +11871,22 @@ diff --git a/client.js b/client.js const repo = update.repoUrl; return [ - (0, import_react27.createElement)( -+ (0, import_react32.createElement)( ++ (0, import_react34.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_react32.createElement)("span", { className: "bt-about-mark" }, (0, import_react32.createElement)(FlyBotMark, { size: 52 })), -+ (0, import_react32.createElement)( ++ (0, import_react34.createElement)("span", { className: "bt-about-mark" }, (0, import_react34.createElement)(FlyBotMark, { size: 52 })), ++ (0, import_react34.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_react32.createElement)("span", { className: "bt-about-name" }, t("FlyBot")), -+ update.current ? (0, import_react32.createElement)("span", { className: "bt-about-version" }, versionLine(update)) : null ++ (0, import_react34.createElement)("span", { className: "bt-about-name" }, t("FlyBot")), ++ update.current ? (0, import_react34.createElement)("span", { className: "bt-about-version" }, versionLine(update)) : null ), - repo ? (0, import_react27.createElement)( -+ repo ? (0, import_react32.createElement)( ++ repo ? (0, import_react34.createElement)( "a", { className: "bt-star", @@ -11542,31 +11900,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_react32.createElement)("span", { className: "bt-star-main" }, (0, import_react32.createElement)("span", { className: "bt-star-icon" }, (0, import_react32.createElement)(StarLineIcon)), "Star"), -+ stars === null ? null : (0, import_react32.createElement)("span", { className: "bt-star-count" }, starCount(stars)) ++ (0, import_react34.createElement)("span", { className: "bt-star-main" }, (0, import_react34.createElement)("span", { className: "bt-star-icon" }, (0, import_react34.createElement)(StarLineIcon)), "Star"), ++ stars === null ? null : (0, import_react34.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_react32.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_react32.createElement)( ++ repo ? (0, import_react34.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_react34.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_react32.createElement)(Row3, { label: t("FlyBot core"), hint: botHint(update) }, botControl, update.available && update.notesUrl ? (0, import_react32.createElement)("a", linkProps(update.notesUrl), t("What's new")) : null), -+ dsh?.current ? (0, import_react32.createElement)(Row3, { label: t("DeepSeek Harness (underlying)"), hint: dshHint(dsh, dshShown) }, dshControl) : null ++ (0, import_react34.createElement)(Row3, { label: t("FlyBot core"), hint: botHint(update) }, botControl, update.available && update.notesUrl ? (0, import_react34.createElement)("a", linkProps(update.notesUrl), t("What's new")) : null), ++ dsh?.current ? (0, import_react34.createElement)(Row3, { label: t("DeepSeek Harness (underlying)"), hint: dshHint(dsh, dshShown) }, dshControl) : null ), - (0, import_react27.createElement)( -+ (0, import_react32.createElement)( ++ (0, import_react34.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_react32.createElement)(Row3, { label: t("Source code"), hint: repo.replace(/^https:\/\//, "") }, (0, import_react32.createElement)("a", linkProps(repo), (0, import_react32.createElement)(GitHubMark), t("Open"))) : null, -+ update.notesUrl ? (0, import_react32.createElement)(Row3, { label: t("Release notes") }, (0, import_react32.createElement)("a", linkProps(update.notesUrl), t("Open"))) : null, -+ (0, import_react32.createElement)(Row3, { label: t("Report a problem") }, (0, import_react32.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("feedback") }, t("Open"))) ++ repo ? (0, import_react34.createElement)(Row3, { label: t("Source code"), hint: repo.replace(/^https:\/\//, "") }, (0, import_react34.createElement)("a", linkProps(repo), (0, import_react34.createElement)(GitHubMark), t("Open"))) : null, ++ update.notesUrl ? (0, import_react34.createElement)(Row3, { label: t("Release notes") }, (0, import_react34.createElement)("a", linkProps(update.notesUrl), t("Open"))) : null, ++ (0, import_react34.createElement)(Row3, { label: t("Report a problem") }, (0, import_react34.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => actions.openSettings("feedback") }, t("Open"))) ) ]; } @@ -11586,24 +11944,24 @@ diff --git a/client.js b/client.js // src/client/settings.js -var import_react28 = require("react"); -+var import_react33 = require("react"); ++var import_react35 = 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_react33.createElement)("section", { className: "bt-set-section" }, (0, import_react33.createElement)("h3", null, title), (0, import_react33.createElement)("div", { className: "bt-set-card" }, children)); ++ return (0, import_react35.createElement)("section", { className: "bt-set-section" }, (0, import_react35.createElement)("h3", null, title), (0, import_react35.createElement)("div", { className: "bt-set-card" }, children)); } function SetRow({ label, hint, children }) { - return (0, import_react28.createElement)( -+ return (0, import_react33.createElement)( ++ return (0, import_react35.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_react33.createElement)("div", { className: "bt-set-copy" }, (0, import_react33.createElement)("span", null, label), hint ? (0, import_react33.createElement)("span", { className: "bt-set-hint" }, hint) : null), -+ children ? (0, import_react33.createElement)("div", { className: "bt-set-control" }, children) : null ++ (0, import_react35.createElement)("div", { className: "bt-set-copy" }, (0, import_react35.createElement)("span", null, label), hint ? (0, import_react35.createElement)("span", { className: "bt-set-hint" }, hint) : null), ++ children ? (0, import_react35.createElement)("div", { className: "bt-set-control" }, children) : null ); } +var NOTIFY_KINDS = [ @@ -11618,9 +11976,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_react33.useState)(prefs.accent ?? "#4d6bfe"); -+ const timer = (0, import_react33.useRef)(0); -+ (0, import_react33.useEffect)(() => () => clearTimeout(timer.current), []); ++ const [custom, setCustom] = (0, import_react35.useState)(prefs.accent ?? "#4d6bfe"); ++ const timer = (0, import_react35.useRef)(0); ++ (0, import_react35.useEffect)(() => () => clearTimeout(timer.current), []); const pickCustom = (value) => { setCustom(value); clearTimeout(timer.current); @@ -11628,33 +11986,33 @@ diff --git a/client.js b/client.js }; return [ - (0, import_react28.createElement)( -+ (0, import_react33.createElement)( ++ (0, import_react35.createElement)( SetSection, { key: "look", title: t("Appearance") }, - (0, import_react28.createElement)( -+ (0, import_react33.createElement)( ++ (0, import_react35.createElement)( SetRow, { label: t("Theme"), hint: t("Colors for the whole team, on every device.") }, - (0, import_react28.createElement)( -+ (0, import_react33.createElement)( ++ (0, import_react35.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_react33.createElement)("option", { key: id, value: id }, t(theme.label))) ++ Object.entries(themes).map(([id, theme]) => (0, import_react35.createElement)("option", { key: id, value: id }, t(theme.label))) ) ), - (0, import_react28.createElement)( -+ (0, import_react33.createElement)( ++ (0, import_react35.createElement)( SetRow, { label: t("Accent"), hint: t("Unread marks, badges, and the brand mark.") }, - (0, import_react28.createElement)( -+ (0, import_react33.createElement)( ++ (0, import_react35.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_react33.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_react33.createElement)("button", { ++ (0, import_react35.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_react35.createElement)("button", { key: ink, type: "button", className: "bt-swatch", @@ -11663,18 +12021,18 @@ diff --git a/client.js b/client.js onClick: () => run(actions.setPrefs({ accent: INKS[ink][0] })) })), - (0, import_react28.createElement)( -+ (0, import_react33.createElement)( ++ (0, import_react35.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_react33.createElement)("input", { type: "color", value: custom, "aria-label": t("Custom accent"), onChange: (event) => pickCustom(event.target.value) }) ++ (0, import_react35.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_react33.createElement)( ++ (0, import_react35.createElement)( SetSection, - { key: "mode", title: t("Mode") }, - (0, import_react28.createElement)( @@ -11683,14 +12041,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_react33.createElement)(SwitchRow, { ++ (0, import_react35.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_react33.createElement)(SwitchRow, { ++ NOTIFY_KINDS.map(([kind, label, hint]) => (0, import_react35.createElement)(SwitchRow, { + key: kind, + label: t(label), + hint: hint ? t(hint) : void 0, @@ -11708,40 +12066,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_react33.createElement)( ++ return (0, import_react35.createElement)( SetSection, { title: t("Main Bot") }, - (0, import_react28.createElement)( -+ (0, import_react33.createElement)( ++ (0, import_react35.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_react33.createElement)("select", { ++ (0, import_react35.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_react33.createElement)("option", { value: "" }, t("Choose a Bot…")), own.map((bot) => (0, import_react33.createElement)("option", { key: bot.id, value: bot.id }, bot.name))) ++ }, first ? null : (0, import_react35.createElement)("option", { value: "" }, t("Choose a Bot…")), own.map((bot) => (0, import_react35.createElement)("option", { key: bot.id, value: bot.id }, bot.name))) ), - others.map((bot) => (0, import_react28.createElement)( -+ others.map((bot) => (0, import_react33.createElement)( ++ others.map((bot) => (0, import_react35.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_react33.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_react33.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm", onClick: () => run(actions.setMain(bot.id, false)) }, t("Remove Main Bot role")) ++ (0, import_react35.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_react35.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_react33.createElement)( ++ candidates.length > 0 ? (0, import_react35.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_react33.createElement)("select", { ++ (0, import_react35.createElement)("select", { className: "bt-select", "aria-label": t("Add a Main Bot"), value: "", @@ -11749,7 +12107,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_react33.createElement)("option", { value: "" }, t("Choose a Bot…")), candidates.map((bot) => (0, import_react33.createElement)("option", { key: bot.id, value: bot.id }, bot.name))) ++ }, (0, import_react35.createElement)("option", { value: "" }, t("Choose a Bot…")), candidates.map((bot) => (0, import_react35.createElement)("option", { key: bot.id, value: bot.id }, bot.name))) ) : null ); } @@ -11757,15 +12115,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_react33.createElement)( ++ return (0, import_react35.createElement)( SetSection, { title: t("Animation") }, - (0, import_react28.createElement)( -+ (0, import_react33.createElement)( ++ (0, import_react35.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_react33.createElement)(Segmented, { label: t("Bot animation"), value: motion, className: "bt-motion-seg" }, MOTIONS.map(([id, label]) => (0, import_react33.createElement)("button", { ++ (0, import_react35.createElement)(Segmented, { label: t("Bot animation"), value: motion, className: "bt-motion-seg" }, MOTIONS.map(([id, label]) => (0, import_react35.createElement)("button", { key: id, type: "button", "aria-pressed": motion === id, @@ -11774,30 +12132,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_react33.useState)(false); ++ const [creating, setCreating] = (0, import_react35.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_react33.createElement)(MainBotsSection, { key: "main", roster, actions, run }), -+ (0, import_react33.createElement)(MotionSection, { key: "motion", roster, actions, run }), -+ creating ? (0, import_react33.createElement)(CreateBot, { key: "create", roster, actions, inline: true, onBack: () => setCreating(false), onCreated: (bot) => actions.openSettings("bots", bot.id) }) : (0, import_react33.createElement)( ++ (0, import_react35.createElement)(MainBotsSection, { key: "main", roster, actions, run }), ++ (0, import_react35.createElement)(MotionSection, { key: "motion", roster, actions, run }), ++ creating ? (0, import_react35.createElement)(CreateBot, { key: "create", roster, actions, inline: true, onBack: () => setCreating(false), onCreated: (bot) => actions.openSettings("bots", bot.id) }) : (0, import_react35.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_react33.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", onClick: () => setCreating(true) }, (0, import_react33.createElement)(PlusIcon), t("New Bot")) ++ (0, import_react35.createElement)("button", { type: "button", className: "bt-soft bt-soft-sm bt-with-icon", onClick: () => setCreating(true) }, (0, import_react35.createElement)(PlusIcon), t("New Bot")) ), - (0, import_react28.createElement)( -+ (0, import_react33.createElement)( ++ (0, import_react35.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_react33.createElement)( ++ roster.bots.filter((bot) => !bot.remote).map((bot) => (0, import_react35.createElement)( "button", { key: bot.id, type: "button", className: "bt-set-row", onClick: () => actions.openSettings("bots", bot.id) }, - (0, import_react28.createElement)( -+ (0, import_react33.createElement)( ++ (0, import_react35.createElement)( "span", { className: "bt-set-bot" }, - (0, import_react28.createElement)(BotAvatar, { bot, size: 28, badge: false, live: false }), @@ -11805,42 +12163,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_react33.createElement)(BotAvatar, { bot, size: 28, badge: false, live: false }), -+ (0, import_react33.createElement)("span", { className: "bt-row-title" }, bot.name), -+ bot.role ? (0, import_react33.createElement)("span", { className: "bt-tag" }, bot.role) : null, -+ isMainOf(roster, bot.id) ? (0, import_react33.createElement)("span", { className: "bt-tag" }, t("Main Bot")) : null, -+ bot.hidden && !isMainOf(roster, bot.id) ? (0, import_react33.createElement)("span", { className: "bt-tag" }, t("Hidden")) : null ++ (0, import_react35.createElement)(BotAvatar, { bot, size: 28, badge: false, live: false }), ++ (0, import_react35.createElement)("span", { className: "bt-row-title" }, bot.name), ++ bot.role ? (0, import_react35.createElement)("span", { className: "bt-tag" }, bot.role) : null, ++ isMainOf(roster, bot.id) ? (0, import_react35.createElement)("span", { className: "bt-tag" }, t("Main Bot")) : null, ++ bot.hidden && !isMainOf(roster, bot.id) ? (0, import_react35.createElement)("span", { className: "bt-tag" }, t("Hidden")) : null ), - (0, import_react28.createElement)("span", { className: "bt-chevron" }, (0, import_react28.createElement)(ChevronRightIcon)) -+ (0, import_react33.createElement)("span", { className: "bt-chevron" }, (0, import_react33.createElement)(ChevronRightIcon)) ++ (0, import_react35.createElement)("span", { className: "bt-chevron" }, (0, import_react35.createElement)(ChevronRightIcon)) )) ) ]; } function GroupsPage({ roster, actions, run }) { - const [creating, setCreating] = (0, import_react28.useState)(false); -+ const [creating, setCreating] = (0, import_react33.useState)(false); ++ const [creating, setCreating] = (0, import_react35.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_react33.createElement)(NewGroupForm, { key: "create", roster, actions, run, onCancel: () => setCreating(false), onCreated: (room2) => actions.openSettings("groups", room2.id) }) : (0, import_react33.createElement)( ++ creating ? (0, import_react35.createElement)(NewGroupForm, { key: "create", roster, actions, run, onCancel: () => setCreating(false), onCreated: (room2) => actions.openSettings("groups", room2.id) }) : (0, import_react35.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_react33.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_react33.createElement)(PlusIcon), t("Create group chat")) ++ (0, import_react35.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_react35.createElement)(PlusIcon), t("Create group chat")) ), - (0, import_react28.createElement)( -+ (0, import_react33.createElement)( ++ (0, import_react35.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_react33.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_react35.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_react33.createElement)( ++ return (0, import_react35.createElement)( "button", { key: room2.id, type: "button", className: "bt-set-row", onClick: () => actions.openSettings("groups", room2.id) }, - (0, import_react28.createElement)( -+ (0, import_react33.createElement)( ++ (0, import_react35.createElement)( "span", { className: "bt-set-bot" }, - (0, import_react28.createElement)(RoomAvatar, { room: room2, roster, size: 28 }), @@ -11848,14 +12206,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_react33.createElement)(RoomAvatar, { room: room2, roster, size: 28 }), -+ (0, import_react33.createElement)("span", { className: "bt-row-title" }, room2.name), -+ (0, import_react33.createElement)("span", { className: "bt-tag" }, t("{count} members", { count: room2.members.length })), -+ admin ? (0, import_react33.createElement)("span", { className: "bt-tag bt-tag-admin" }, (0, import_react33.createElement)(AdminStar), admin.name) : null, -+ room2.hidden ? (0, import_react33.createElement)("span", { className: "bt-tag" }, t("Hidden")) : null ++ (0, import_react35.createElement)(RoomAvatar, { room: room2, roster, size: 28 }), ++ (0, import_react35.createElement)("span", { className: "bt-row-title" }, room2.name), ++ (0, import_react35.createElement)("span", { className: "bt-tag" }, t("{count} members", { count: room2.members.length })), ++ admin ? (0, import_react35.createElement)("span", { className: "bt-tag bt-tag-admin" }, (0, import_react35.createElement)(AdminStar), admin.name) : null, ++ room2.hidden ? (0, import_react35.createElement)("span", { className: "bt-tag" }, t("Hidden")) : null ), - (0, import_react28.createElement)("span", { className: "bt-chevron" }, (0, import_react28.createElement)(ChevronRightIcon)) -+ (0, import_react33.createElement)("span", { className: "bt-chevron" }, (0, import_react33.createElement)(ChevronRightIcon)) ++ (0, import_react35.createElement)("span", { className: "bt-chevron" }, (0, import_react35.createElement)(ChevronRightIcon)) ); }) ) @@ -11864,8 +12222,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_react33.useState)(""); -+ const close = (0, import_react33.useCallback)(() => actions.closeSettings(), []); ++ const [error, setError] = (0, import_react35.useState)(""); ++ const close = (0, import_react35.useCallback)(() => actions.closeSettings(), []); useEscape(close); const run = (promise) => Promise.resolve(promise).then(() => { setError(""); @@ -11886,34 +12244,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_react33.useRef)({ key: pageKey, depth, move: "up" }); ++ const last = (0, import_react35.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_react33.useState)(shown === "usage"); ++ const [usageOpened, setUsageOpened] = (0, import_react35.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_react33.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null; -+ return (0, import_react33.createElement)( ++ const errorLine = error ? (0, import_react35.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null; ++ return (0, import_react35.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_react33.createElement)("div", { className: "bt-scrim", onMouseDown: close }), -+ (0, import_react33.createElement)( ++ (0, import_react35.createElement)("div", { className: "bt-scrim", onMouseDown: close }), ++ (0, import_react35.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_react33.createElement)( ++ (0, import_react35.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_react33.createElement)("span", { ref: nav.thumb, className: "bt-thumb", "aria-hidden": true }), -+ pages.map(([key, text]) => (0, import_react33.createElement)("button", { ++ (0, import_react35.createElement)("span", { ref: nav.thumb, className: "bt-thumb", "aria-hidden": true }), ++ pages.map(([key, text]) => (0, import_react35.createElement)("button", { key, type: "button", className: "bt-settings-item", @@ -11921,10 +12279,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_react33.createElement)(extra.find((item) => item.key === key)?.entry.icon ?? PAGE_ICONS[key] ?? ConnectorIcon), t(text))), ++ }, (0, import_react35.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_react33.createElement)("button", { ++ (0, import_react35.createElement)("button", { type: "button", className: "bt-settings-item bt-settings-shell", - title: t("Models, providers, and the rest of DeepSeek Harness"), @@ -11935,23 +12293,23 @@ diff --git a/client.js b/client.js openHarnessSettings(); } - }, (0, import_react28.createElement)(SlidersIcon), t("Harness settings")) -+ }, (0, import_react33.createElement)(SlidersIcon), t("Harness settings"), (0, import_react33.createElement)("span", { className: "bt-settings-out", "aria-hidden": true }, "↗")) ++ }, (0, import_react35.createElement)(SlidersIcon), t("Harness settings"), (0, import_react35.createElement)("span", { className: "bt-settings-out", "aria-hidden": true }, "↗")) ), - (0, import_react28.createElement)( -+ (0, import_react33.createElement)( ++ (0, import_react35.createElement)( "div", { className: "bt-settings-main" }, - (0, import_react28.createElement)( -+ (0, import_react33.createElement)( ++ (0, import_react35.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_react33.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": back, title: back, onClick: () => actions.openSettings(shown) }, (0, import_react33.createElement)(ChevronLeftIcon)) : null, -+ (0, import_react33.createElement)("h2", { key: bot?.id ?? room2?.id ?? shown }, bot?.name ?? room2?.name ?? label) ++ back ? (0, import_react35.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": back, title: back, onClick: () => actions.openSettings(shown) }, (0, import_react35.createElement)(ChevronLeftIcon)) : null, ++ (0, import_react35.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_react33.createElement)( ++ shown === "usage" ? null : (0, import_react35.createElement)( "div", { key: pageKey, className: "bt-settings-scroll bt-settings-page", "data-move": last.current.move }, errorLine, @@ -11966,41 +12324,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_react33.createElement)(GeneralPage, { roster, actions, run }) : null, -+ bot ? (0, import_react33.createElement)("div", { className: "bt-settings-form" }, (0, import_react33.createElement)(BotSettingsForm, { key: bot.id, bot, roster, actions, run })) : null, -+ shown === "bots" && !bot ? (0, import_react33.createElement)(BotsPage, { roster, actions, run }) : null, -+ room2 ? (0, import_react33.createElement)("div", { className: "bt-settings-form" }, (0, import_react33.createElement)(GroupSettingsForm, { key: room2.id, room: room2, roster, actions, run })) : null, -+ shown === "groups" && !room2 ? (0, import_react33.createElement)(GroupsPage, { roster, actions, run }) : null, -+ shown === "connectors" ? (0, import_react33.createElement)(ConnectorsPage, { roster, actions }) : null, -+ pluginPage ? (0, import_react33.createElement)(SettingsPageSlot, { entry: pluginPage, props: { roster, actions, call: call2, run, t, Section: SetSection, Row: SetRow } }) : null, -+ shown === "capabilities" ? (0, import_react33.createElement)(CapabilitiesPage, { roster, actions, run }) : null, -+ shown === "schedules" ? (0, import_react33.createElement)(SchedulesPage, { roster, actions, start: id ?? void 0 }) : null, -+ shown === "secrets" ? (0, import_react33.createElement)(SecretsPage, { roster, actions, run, Section: SetSection }) : null, -+ shown === "feedback" ? (0, import_react33.createElement)(FeedbackPage, { actions, run, Section: SetSection, Row: SetRow }) : null, -+ shown === "about" ? (0, import_react33.createElement)(AboutPage, { useUpdate, actions, run, Section: SetSection, Row: SetRow }) : null ++ shown === "general" ? (0, import_react35.createElement)(GeneralPage, { roster, actions, run }) : null, ++ bot ? (0, import_react35.createElement)("div", { className: "bt-settings-form" }, (0, import_react35.createElement)(BotSettingsForm, { key: bot.id, bot, roster, actions, run })) : null, ++ shown === "bots" && !bot ? (0, import_react35.createElement)(BotsPage, { roster, actions, run }) : null, ++ room2 ? (0, import_react35.createElement)("div", { className: "bt-settings-form" }, (0, import_react35.createElement)(GroupSettingsForm, { key: room2.id, room: room2, roster, actions, run })) : null, ++ shown === "groups" && !room2 ? (0, import_react35.createElement)(GroupsPage, { roster, actions, run }) : null, ++ shown === "connectors" ? (0, import_react35.createElement)(ConnectorsPage, { roster, actions }) : null, ++ pluginPage ? (0, import_react35.createElement)(SettingsPageSlot, { entry: pluginPage, props: { roster, actions, call: call2, run, t, Section: SetSection, Row: SetRow } }) : null, ++ shown === "capabilities" ? (0, import_react35.createElement)(CapabilitiesPage, { roster, actions, run }) : null, ++ shown === "schedules" ? (0, import_react35.createElement)(SchedulesPage, { roster, actions, start: id ?? void 0 }) : null, ++ shown === "secrets" ? (0, import_react35.createElement)(SecretsPage, { roster, actions, run, Section: SetSection }) : null, ++ shown === "feedback" ? (0, import_react35.createElement)(FeedbackPage, { actions, run, Section: SetSection, Row: SetRow }) : null, ++ shown === "about" ? (0, import_react35.createElement)(AboutPage, { useUpdate, actions, run, Section: SetSection, Row: SetRow }) : null ), - usageOpened ? (0, import_react28.createElement)( -+ usageOpened ? (0, import_react33.createElement)( ++ usageOpened ? (0, import_react35.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_react33.createElement)(UsagePage, { roster, actions, focusId: usageFocus }) ++ (0, import_react35.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_react33.createElement)("button", { type: "button", className: "bt-settings-close", "aria-label": t("Close settings"), onClick: close }, (0, import_react33.createElement)(CloseIcon)) ++ (0, import_react35.createElement)("button", { type: "button", className: "bt-settings-close", "aria-label": t("Close settings"), onClick: close }, (0, import_react35.createElement)(CloseIcon)) ) ); } // src/client/context-menu.js -var import_react29 = require("react"); -+var import_react34 = require("react"); ++var import_react36 = require("react"); function ContextMenu({ menu, roster, actions, leaving = false }) { useEscape(() => actions.closeMenu()); - (0, import_react29.useEffect)(() => { -+ (0, import_react34.useEffect)(() => { ++ (0, import_react36.useEffect)(() => { const onDown = (event) => { if (!(event.target instanceof Element) || !event.target.closest(".bt-menu")) actions.closeMenu(); }; @@ -12011,15 +12369,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_react34.useRef)(null); -+ const [place, setPlace] = (0, import_react34.useState)({ left: menu.x, top: menu.y }); -+ (0, import_react34.useLayoutEffect)(() => { ++ const ref = (0, import_react36.useRef)(null); ++ const [place, setPlace] = (0, import_react36.useState)({ left: menu.x, top: menu.y }); ++ (0, import_react36.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_react34.createElement)(AgentMenu, { menu, roster, actions, leaving }); ++ if (menu.kind === "agent" || menu.kind === "agent-session") return (0, import_react36.createElement)(AgentMenu, { menu, roster, actions, leaving }); const bot = roster.byId[menu.id]; const room2 = roster.roomsById[menu.id]; const entry = bot ?? room2; @@ -12062,18 +12420,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_react34.createElement)( ++ return (0, import_react36.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_react34.createElement)( -+ import_react34.Fragment, ++ shown.map((group, index) => (0, import_react36.createElement)( ++ import_react36.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_react34.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null, -+ group.map(([label, Icon, run, danger]) => (0, import_react34.createElement)("button", { ++ index > 0 ? (0, import_react36.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null, ++ group.map(([label, Icon, run, danger]) => (0, import_react36.createElement)("button", { key: label, type: "button", role: "menuitem", @@ -12082,7 +12440,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_react34.createElement)(Icon), label)) ++ }, (0, import_react36.createElement)(Icon), label)) )) ); } @@ -12090,9 +12448,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_react34.useRef)(null); -+ const [place, setPlace] = (0, import_react34.useState)({ left: menu.x, top: menu.y }); -+ (0, import_react34.useLayoutEffect)(() => { ++ const ref = (0, import_react36.useRef)(null); ++ const [place, setPlace] = (0, import_react36.useState)({ left: menu.x, top: menu.y }); ++ (0, import_react36.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)) }); @@ -12101,119 +12459,154 @@ diff --git a/client.js b/client.js ] ]; - return (0, import_react29.createElement)( -+ return (0, import_react34.createElement)( ++ return (0, import_react36.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_react34.createElement)( -+ import_react34.Fragment, ++ groups.map((group, index) => (0, import_react36.createElement)( ++ import_react36.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_react34.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null, -+ group.map(([label, Icon, run, danger]) => (0, import_react34.createElement)("button", { ++ index > 0 ? (0, import_react36.createElement)("div", { className: "bt-menu-sep", role: "separator" }) : null, ++ group.map(([label, Icon, run, danger]) => (0, import_react36.createElement)("button", { key: label, type: "button", role: "menuitem", -@@ -10968,7 +10968,7 @@ function AgentMenu({ menu, roster, actions, leaving }) { +@@ -10967,304 +10967,80 @@ function AgentMenu({ menu, roster, actions, leaving }) { + onClick: () => { actions.closeMenu(); void Promise.resolve(run()).catch((error) => console.warn("[ds-bot]", error)); - } +- } - }, (0, import_react29.createElement)(Icon), label)) -+ }, (0, import_react34.createElement)(Icon), label)) - )) - ); - } -@@ -10978,6 +10978,7 @@ var STORAGE = { - unread: "ds-bot:unread", - reactions: "ds-bot:reactions", - seen: "ds-bot:seen", -+ friendLines: "ds-bot:friend-lines", - prefs: "ds-bot:prefs", - surface: "ds-bot:surface", - agentSessions: "ds-bot:agent-sessions", -@@ -11039,15 +11039,19 @@ function migrateStorage(storage = globalThis.localStorage) { - } - - // src/client/member-status.js +- )) +- ); +-} +- +-// src/client/storage.js +-var STORAGE = { +- unread: "ds-bot:unread", +- reactions: "ds-bot:reactions", +- seen: "ds-bot:seen", +- prefs: "ds-bot:prefs", +- surface: "ds-bot:surface", +- agentSessions: "ds-bot:agent-sessions", +- browserWidth: "ds-bot:browser-width", +- browsers: "ds-bot.browser.v2" +-}; +-var LEGACY_PREFIXES = ["dsh-bot:", "dsh-bot-team:"]; +-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; +- const name = key.slice(key.indexOf(":") + 1); +- return LEGACY_PREFIXES.map((prefix) => `${prefix}${name}`); +-} +-var migrateBrowsers = (storage) => { +- if (storage.getItem(STORAGE.browsers) !== null) { +- for (const key of LEGACY_BROWSER_KEYS) storage.removeItem(key); +- return; +- } +- for (const key of LEGACY_BROWSER_KEYS) { +- try { +- const value = storage.getItem(key); +- if (value === null) continue; +- const previous = JSON.parse(value) ?? {}; +- const tabs = Object.fromEntries(Object.entries(previous).filter(([, page]) => page && typeof page === "object").map(([botId, page]) => { +- const tab = { id: `v1-${botId}`, url: page.url ?? "", title: page.title ?? "" }; +- return [botId, { tabs: [tab], active: tab.id }]; +- })); +- storage.setItem(STORAGE.browsers, JSON.stringify(tabs)); +- for (const earlier of LEGACY_BROWSER_KEYS) storage.removeItem(earlier); +- return; +- } catch { +- } +- } +-}; +-function migrateStorage(storage = globalThis.localStorage) { +- for (const key of Object.values(STORAGE)) { +- if (key === STORAGE.browsers) continue; +- for (const legacy of legacyKeys(key)) { +- try { +- const value = storage.getItem(legacy); +- if (value !== null && storage.getItem(key) === null) storage.setItem(key, value); +- storage.removeItem(legacy); +- } catch { +- } +- } +- } +- try { +- migrateBrowsers(storage); +- } catch { +- } +- try { +- const prefs = JSON.parse(storage.getItem(STORAGE.prefs) ?? "null"); +- if (prefs && Object.hasOwn(LEGACY_THEMES, prefs.theme ?? "")) { +- storage.setItem(STORAGE.prefs, JSON.stringify({ ...prefs, theme: LEGACY_THEMES[prefs.theme] })); +- } +- } catch { +- } +-} +- +-// src/client/member-status.js -var import_react30 = require("react"); -+var import_react35 = require("react"); - var NO_WORK = { bots: {}, rooms: {}, approvals: [] }; - var ROWS_MAX = 4; -+var stepIn = (work, botId, roomId, tool) => { -+ const own = work.bots?.[botId]; -+ return own?.roomId === roomId && own.tool === tool ? own.step : void 0; -+}; - function memberWork(room2, work = NO_WORK) { - const here = work.rooms?.[room2.id] ?? []; - return room2.members.map((id) => { - const approvals = (work.approvals ?? []).filter((entry) => entry.botId === id); - const local = here.find((entry) => entry.botId === id); +-var NO_WORK = { bots: {}, rooms: {}, approvals: [] }; +-var ROWS_MAX = 4; +-function memberWork(room2, work = NO_WORK) { +- const here = work.rooms?.[room2.id] ?? []; +- return room2.members.map((id) => { +- const approvals = (work.approvals ?? []).filter((entry) => entry.botId === id); +- const local = here.find((entry) => entry.botId === id); - const doing = local ? { ...local, roomId: room2.id } : work.bots?.[id]; -+ const doing = local ? { ...local, roomId: room2.id, step: stepIn(work, id, room2.id, local.tool) } : work.bots?.[id]; - return { id, approvals, doing, here: local !== void 0, state: approvals.length > 0 ? "ask" : doing ? "work" : "idle" }; - }); - } -@@ -11056,15 +11056,15 @@ function busyMembers(room2, work, roster) { - return [...busy.filter((entry) => entry.state === "ask"), ...busy.filter((entry) => entry.state === "work")].map((entry) => ({ ...entry, bot: roster.byId[entry.id] })); - } - function splitBusy(busy) { +- return { id, approvals, doing, here: local !== void 0, state: approvals.length > 0 ? "ask" : doing ? "work" : "idle" }; +- }); +-} +-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] })); +-} +-function splitBusy(busy) { - const speaking = (entry) => entry.state === "work" && entry.here && entry.doing.speaking === true; - const rows = busy.filter((entry) => entry.state === "work" && entry.here && !speaking(entry)).slice(0, ROWS_MAX); - return { rows, rest: busy.filter((entry) => !rows.includes(entry) && !speaking(entry)) }; -+ 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 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]; +-} +-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, since: entry.since }] : []; -+ return entry && room2 ? [{ room: room2, tool: entry.tool, step: stepIn(work, botId, roomId, entry.tool), since: entry.since }] : []; - }); - } - function summaryText(busy) { -@@ -11073,40 +11073,43 @@ function summaryText(busy) { - const names = asks.slice(0, 2).map((entry) => entry.bot.name); - const waiting = asks.length === 0 ? "" : asks.length === 1 ? t("{name} is waiting for your approval", { name: names[0] }) : asks.length === 2 ? t("{first} and {second} are waiting for your approval", { first: names[0], second: names[1] }) : t("{first}, {second} and {count} more are waiting for your approval", { first: names[0], second: names[1], count: asks.length - 2, total: asks.length }); - const first = workers[0]; +- }); +-} +-function summaryText(busy) { +- const asks = busy.filter((entry) => entry.state === "ask"); +- const workers = busy.filter((entry) => entry.state === "work"); +- const names = asks.slice(0, 2).map((entry) => entry.bot.name); +- const waiting = asks.length === 0 ? "" : asks.length === 1 ? t("{name} is waiting for your approval", { name: names[0] }) : asks.length === 2 ? t("{first} and {second} are waiting for your approval", { first: names[0], second: names[1] }) : t("{first}, {second} and {count} more are waiting for your approval", { first: names[0], second: names[1], count: asks.length - 2, total: asks.length }); +- const first = workers[0]; - const doing = first ? `${first.bot.name} · ${workPhrase(first.doing.tool)}…${workers.length > 1 ? ` +${workers.length - 1}` : ""}` : ""; -+ const doing = first ? `${first.bot.name} · ${workText(first.doing.tool, first.doing.step)}${workers.length > 1 ? ` +${workers.length - 1}` : ""}` : ""; - return { waiting, doing }; - } - function Face({ entry, size }) { +- return { waiting, doing }; +-} +-function Face({ entry, size }) { - return (0, import_react30.createElement)( -+ return (0, import_react35.createElement)( - "span", - { className: "bt-mw-face", "data-ask": entry.state === "ask" || void 0 }, +- "span", +- { className: "bt-mw-face", "data-ask": entry.state === "ask" || void 0 }, - (0, import_react30.createElement)(BotMark, { bot: entry.bot, size, state: entry.state === "ask" ? "alert" : toolState(entry.doing?.tool ?? "") }) -+ (0, import_react35.createElement)(BotMark, { bot: entry.bot, size, state: entry.state === "ask" ? "alert" : toolState(entry.doing?.tool ?? "") }) - ); - } +- ); +-} -function WorkRow({ bot, tool, label, at, now, onOpen }) { - const text = `${label} · ${workPhrase(tool)}…`; - const elapsed = typeof at === "number" && now - at >= 6e4 ? elapsedLabel(now - at) : ""; - return (0, import_react30.createElement)( -+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)}`; -+ const elapsed = elapsedSince(now, at); -+ return (0, import_react35.createElement)( - "button", - { type: "button", className: "bt-mw-row", "aria-label": [text, elapsed].filter(Boolean).join(" · "), onClick: onOpen }, +- "button", +- { type: "button", className: "bt-mw-row", "aria-label": [text, elapsed].filter(Boolean).join(" · "), onClick: onOpen }, - (0, import_react30.createElement)(BotMark, { bot, size: 22, state: toolState(tool ?? ""), live: true }), - (0, import_react30.createElement)("span", { className: "bt-mw-row-text" }, (0, import_react30.createElement)(Shimmer, null, text)), - elapsed ? (0, import_react30.createElement)("span", { className: "bt-mw-row-time" }, `· ${elapsed}`) : null -+ (0, import_react35.createElement)(BotMark, { bot, size: 22, state: toolState(tool ?? ""), live: true }), -+ (0, import_react35.createElement)("span", { className: "bt-mw-row-text" }, (0, import_react35.createElement)(Shimmer, null, text)), -+ elapsed ? (0, import_react35.createElement)("span", { className: "bt-mw-row-time" }, `· ${elapsed}`) : null - ); - } +- ); +-} -function SummaryLine({ busy, onOpen }) { -+function SummaryLine({ busy, now, onOpen }) { - const { waiting, doing } = summaryText(busy); +- const { waiting, doing } = summaryText(busy); - return (0, import_react30.createElement)( - "div", - { className: "bt-event bt-mw-dock" }, @@ -12225,184 +12618,233 @@ diff --git a/client.js b/client.js - waiting && doing ? (0, import_react30.createElement)("span", { "aria-hidden": true }, "·") : null, - doing ? (0, import_react30.createElement)("span", { className: "bt-event-name" }, (0, import_react30.createElement)(Shimmer, null, doing)) : null - ) -+ const elapsed = doing ? elapsedSince(now, busy.find((entry) => entry.state === "work")?.doing.since) : ""; -+ return (0, import_react35.createElement)( -+ "button", -+ { type: "button", className: "bt-mw-row bt-mw-line", "aria-label": [waiting, doing, elapsed].filter(Boolean).join(" · "), onClick: onOpen }, -+ (0, import_react35.createElement)("span", { className: "bt-mw-stack", "aria-hidden": true }, busy.slice(0, 4).map((entry) => (0, import_react35.createElement)(Face, { key: entry.id, entry, size: 16 }))), -+ (0, import_react35.createElement)( -+ "span", -+ { className: "bt-mw-row-text" }, -+ waiting ? (0, import_react35.createElement)("span", { className: "bt-mw-ask" }, waiting) : null, -+ waiting && doing ? " · " : null, -+ doing ? (0, import_react35.createElement)(Shimmer, null, doing) : null -+ ), -+ elapsed ? (0, import_react35.createElement)("span", { className: "bt-mw-row-time" }, `· ${elapsed}`) : null - ); - } - function MemberDock({ sessionId, useRoster, useWork, actions }) { -@@ -11118,24 +11118,25 @@ function MemberDock({ sessionId, useRoster, useWork, actions }) { - const busy = room2 ? busyMembers(room2, work, roster) : []; - const groups = bot !== void 0 && !ownChat ? botGroupWork(bot.id, work, roster) : []; - const shown = busy.length > 0 || groups.length > 0; +- ); +-} +-function MemberDock({ sessionId, useRoster, useWork, actions }) { +- const roster = useRoster((value) => value); +- const work = useWork((value) => value); +- const room2 = roster.roomsById[sessionId]; +- const bot = room2 ? void 0 : roster.byId[sessionId]; +- const ownChat = bot !== void 0 && work.bots?.[bot.id] !== void 0 && work.bots[bot.id].roomId === void 0; +- const busy = room2 ? busyMembers(room2, work, roster) : []; +- const groups = bot !== void 0 && !ownChat ? botGroupWork(bot.id, work, roster) : []; +- const shown = busy.length > 0 || groups.length > 0; - const now = useNow2(shown); - const ref = (0, import_react30.useRef)(null); -+ const now = useNow3(shown); -+ const ref = (0, import_react35.useRef)(null); - useFlowColumn(ref, shown, sessionId); - if (!shown) return null; - if (room2) { - const { rows, rest } = splitBusy(busy); - const open = () => actions.showDetails(sessionId); +- useFlowColumn(ref, shown, sessionId); +- if (!shown) return null; +- if (room2) { +- const { rows, rest } = splitBusy(busy); +- const open = () => actions.showDetails(sessionId); - return (0, import_react30.createElement)( -+ return (0, import_react35.createElement)( - "div", - { ref, className: "bt-mw-dock-stack" }, +- "div", +- { ref, className: "bt-mw-dock-stack" }, - rows.map((entry) => (0, import_react30.createElement)(WorkRow, { key: entry.id, bot: entry.bot, tool: entry.doing.tool, label: entry.bot.name, at: entry.doing.since, now, onOpen: open })), - rest.length > 0 ? (0, import_react30.createElement)(SummaryLine, { busy: rest, onOpen: open }) : null -+ rows.map((entry) => (0, import_react35.createElement)(WorkRow, { key: entry.id, bot: entry.bot, tool: entry.doing.tool, step: entry.doing.step, label: entry.bot.name, at: entry.doing.since, now, onOpen: open })), -+ rest.length > 0 ? (0, import_react35.createElement)(SummaryLine, { busy: rest, now, onOpen: open }) : null - ); - } +- ); +- } - return (0, import_react30.createElement)("div", { ref, className: "bt-mw-dock-stack" }, groups.slice(0, ROWS_MAX).map((item) => (0, import_react30.createElement)(WorkRow, { -+ return (0, import_react35.createElement)("div", { ref, className: "bt-mw-dock-stack" }, groups.slice(0, ROWS_MAX).map((item) => (0, import_react35.createElement)(WorkRow, { - key: item.room.id, - bot, - tool: item.tool, -+ step: item.step, - label: t("in {name}", { name: item.room.name }), - at: item.since, - now, -@@ -11143,7 +11143,7 @@ function MemberDock({ sessionId, useRoster, useWork, actions }) { - }))); - } - function useFlowColumn(ref, active, key) { +- key: item.room.id, +- bot, +- tool: item.tool, +- label: t("in {name}", { name: item.room.name }), +- at: item.since, +- now, +- onOpen: () => actions.openSession(item.room.id) +- }))); +-} +-function useFlowColumn(ref, active, key) { - (0, import_react30.useLayoutEffect)(() => { -+ (0, import_react35.useLayoutEffect)(() => { - const node = ref.current; - const flow = document.querySelector("[data-chat-flow]"); - if (!active || !node || !flow) return void 0; -@@ -11159,9 +11159,9 @@ function useFlowColumn(ref, active, key) { - return () => observer.disconnect(); - }, [active, key]); - } +- const node = ref.current; +- const flow = document.querySelector("[data-chat-flow]"); +- if (!active || !node || !flow) return void 0; +- const place = () => { +- node.style.marginInlineStart = "0px"; +- const column = flow.getBoundingClientRect(); +- node.style.marginInlineStart = `${Math.round(column.left - node.getBoundingClientRect().left)}px`; +- node.style.width = `${Math.round(column.width)}px`; +- }; +- place(); +- const observer = new ResizeObserver(place); +- for (const target of [flow, flow.parentElement, node.parentElement]) if (target) observer.observe(target); +- return () => observer.disconnect(); +- }, [active, key]); +-} -function useNow2(active) { - const [now, setNow] = (0, import_react30.useState)(Date.now); - (0, import_react30.useEffect)(() => { -+function useNow3(active) { -+ const [now, setNow] = (0, import_react35.useState)(Date.now); -+ (0, import_react35.useEffect)(() => { - if (!active) return void 0; - const timer = setInterval(() => setNow(Date.now()), 3e4); - return () => clearInterval(timer); -@@ -11170,38 +11170,38 @@ function useNow2(active) { - } - var since = (now, at) => typeof at === "number" && now - at >= 6e4 ? ` · ${elapsedLabel(now - at)}` : ""; - function ApprovalCard({ approval, bot, actions }) { +- if (!active) return void 0; +- const timer = setInterval(() => setNow(Date.now()), 3e4); +- return () => clearInterval(timer); +- }, [active]); +- return now; +-} +-var since = (now, at) => typeof at === "number" && now - at >= 6e4 ? ` · ${elapsedLabel(now - at)}` : ""; +-function ApprovalCard({ approval, bot, actions }) { - const [busy, setBusy] = (0, import_react30.useState)(false); -+ const [busy, setBusy] = (0, import_react35.useState)(false); - const answer = (choice) => { - setBusy(true); - void Promise.resolve(actions.answerApproval(approval.id, choice)).catch((error) => actions.reportError(error, "approval")).finally(() => setBusy(false)); - }; +- const answer = (choice) => { +- setBusy(true); +- void Promise.resolve(actions.answerApproval(approval.id, choice)).catch((error) => actions.reportError(error, "approval")).finally(() => setBusy(false)); +- }; - return (0, import_react30.createElement)( -+ return (0, import_react35.createElement)( - "div", - { className: "bt-mw-card", role: "group", "aria-label": t("{name} is waiting for your approval", { name: bot.name }) }, +- "div", +- { className: "bt-mw-card", role: "group", "aria-label": t("{name} is waiting for your approval", { name: bot.name }) }, - (0, import_react30.createElement)("div", { className: "bt-mw-tool" }, approval.tool), - approval.detail?.text ? (0, import_react30.createElement)("div", { className: "bt-mw-text" }, approval.detail.text) : null, - approval.reason ? (0, import_react30.createElement)("div", { className: "bt-mw-reason" }, approval.reason) : null, - approval.detail?.code ? (0, import_react30.createElement)("code", { className: "bt-mw-code", title: approval.detail.code }, approval.detail.code) : null, - approval.answerable ? (0, import_react30.createElement)( -+ (0, import_react35.createElement)("div", { className: "bt-mw-tool" }, approval.tool), -+ approval.detail?.text ? (0, import_react35.createElement)("div", { className: "bt-mw-text" }, approval.detail.text) : null, -+ approval.reason ? (0, import_react35.createElement)("div", { className: "bt-mw-reason" }, approval.reason) : null, -+ approval.detail?.code ? (0, import_react35.createElement)("code", { className: "bt-mw-code", title: approval.detail.code }, approval.detail.code) : null, -+ approval.answerable ? (0, import_react35.createElement)( - "div", - { className: "bt-mw-actions" }, +- "div", +- { className: "bt-mw-actions" }, - (0, import_react30.createElement)("button", { type: "button", className: "bt-q-btn", disabled: busy, onClick: () => answer("reject") }, t("Reject")), - (0, import_react30.createElement)("button", { type: "button", className: "bt-q-submit", disabled: busy, onClick: () => answer("allow") }, t("Allow once")) - ) : (0, import_react30.createElement)( -+ (0, import_react35.createElement)("button", { type: "button", className: "bt-q-btn", disabled: busy, onClick: () => answer("reject") }, t("Reject")), -+ (0, import_react35.createElement)("button", { type: "button", className: "bt-q-submit", disabled: busy, onClick: () => answer("allow") }, t("Allow once")) -+ ) : (0, import_react35.createElement)( - "div", - { className: "bt-mw-actions" }, +- "div", +- { className: "bt-mw-actions" }, - (0, import_react30.createElement)("button", { type: "button", className: "bt-q-btn", onClick: () => actions.openSession(bot.id) }, t("Open {name}'s chat", { name: bot.name })) -+ (0, import_react35.createElement)("button", { type: "button", className: "bt-q-btn", onClick: () => actions.openSession(bot.id) }, t("Open {name}'s chat", { name: bot.name })) - ) - ); - } - function MemberWork({ entry, bot, room: room2, roster, actions, now }) { +- ) +- ); +-} +-function MemberWork({ entry, bot, room: room2, roster, actions, now }) { - const [stopping, setStopping] = (0, import_react30.useState)(false); -+ const [stopping, setStopping] = (0, import_react35.useState)(false); - if (entry.state === "ask") { +- if (entry.state === "ask") { - return (0, import_react30.createElement)( -+ return (0, import_react35.createElement)( - "div", - { className: "bt-mw-member" }, +- "div", +- { className: "bt-mw-member" }, - (0, import_react30.createElement)("div", { className: "bt-mw-state bt-mw-ask" }, `${t("Waiting for your approval")}${since(now, entry.approvals[0].at)}`), - entry.approvals.map((approval) => (0, import_react30.createElement)(ApprovalCard, { key: approval.id, approval, bot, actions })) -+ (0, import_react35.createElement)("div", { className: "bt-mw-state bt-mw-ask" }, `${t("Waiting for your approval")}${since(now, entry.approvals[0].at)}`), -+ entry.approvals.map((approval) => (0, import_react35.createElement)(ApprovalCard, { key: approval.id, approval, bot, actions })) - ); - } - if (entry.state !== "work") return null; -@@ -11210,26 +11210,25 @@ function MemberWork({ entry, bot, room: room2, roster, actions, now }) { - setStopping(true); - void Promise.resolve(actions.stopMemberWork(room2.id, bot.id)).catch((error) => actions.reportError(error, "stop")).finally(() => setStopping(false)); - }; +- ); +- } +- if (entry.state !== "work") return null; +- const where = entry.doing.roomId === room2.id ? "" : entry.doing.roomId ? t("in {name}", { name: roster.roomsById[entry.doing.roomId]?.name ?? t("a group chat") }) : t("in its own chat"); +- const stop = () => { +- setStopping(true); +- void Promise.resolve(actions.stopMemberWork(room2.id, bot.id)).catch((error) => actions.reportError(error, "stop")).finally(() => setStopping(false)); +- }; - return (0, import_react30.createElement)( -+ return (0, import_react35.createElement)( - "div", - { className: "bt-mw-member" }, +- "div", +- { className: "bt-mw-member" }, - (0, import_react30.createElement)( -+ (0, import_react35.createElement)( - "div", - { className: "bt-mw-state bt-mw-work" }, +- "div", +- { className: "bt-mw-state bt-mw-work" }, - (0, import_react30.createElement)("span", null, (0, import_react30.createElement)(Shimmer, null, `${workPhrase(entry.doing.tool)}…`), where ? ` ${where}` : "", since(now, entry.doing.since)), - entry.here ? (0, import_react30.createElement)("button", { type: "button", className: "bt-mw-stop", disabled: stopping, onClick: stop }, t("Stop")) : null -+ (0, import_react35.createElement)("span", null, (0, import_react35.createElement)(Shimmer, null, workText(entry.doing.tool, entry.doing.step)), where ? ` ${where}` : "", since(now, entry.doing.since)), -+ entry.here ? (0, import_react35.createElement)("button", { type: "button", className: "bt-mw-stop", disabled: stopping, onClick: stop }, t("Stop")) : null - ) +- ) ++ } ++ }, (0, import_react36.createElement)(Icon), label)) ++ )) ); } - function useMemberWork(room2, useWork) { - const work = useWork?.((value) => value) ?? NO_WORK; - const entries2 = room2 ? memberWork(room2, work) : []; +-function useMemberWork(room2, useWork) { +- const work = useWork?.((value) => value) ?? NO_WORK; +- const entries2 = room2 ? memberWork(room2, work) : []; - const now = useNow2(entries2.some((entry) => entry.state !== "idle")); -+ const now = useNow3(entries2.some((entry) => entry.state !== "idle")); - return { entries: entries2, now }; +- return { entries: entries2, now }; ++ ++// src/client/storage.js ++var STORAGE = { ++ unread: "ds-bot:unread", ++ reactions: "ds-bot:reactions", ++ seen: "ds-bot:seen", ++ friendLines: "ds-bot:friend-lines", ++ prefs: "ds-bot:prefs", ++ surface: "ds-bot:surface", ++ agentSessions: "ds-bot:agent-sessions", ++ browserWidth: "ds-bot:browser-width", ++ browsers: "ds-bot.browser.v2" ++}; ++var LEGACY_PREFIXES = ["dsh-bot:", "dsh-bot-team:"]; ++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; ++ const name = key.slice(key.indexOf(":") + 1); ++ return LEGACY_PREFIXES.map((prefix) => `${prefix}${name}`); ++} ++var migrateBrowsers = (storage) => { ++ if (storage.getItem(STORAGE.browsers) !== null) { ++ for (const key of LEGACY_BROWSER_KEYS) storage.removeItem(key); ++ return; ++ } ++ for (const key of LEGACY_BROWSER_KEYS) { ++ try { ++ const value = storage.getItem(key); ++ if (value === null) continue; ++ const previous = JSON.parse(value) ?? {}; ++ const tabs = Object.fromEntries(Object.entries(previous).filter(([, page]) => page && typeof page === "object").map(([botId, page]) => { ++ const tab = { id: `v1-${botId}`, url: page.url ?? "", title: page.title ?? "" }; ++ return [botId, { tabs: [tab], active: tab.id }]; ++ })); ++ storage.setItem(STORAGE.browsers, JSON.stringify(tabs)); ++ for (const earlier of LEGACY_BROWSER_KEYS) storage.removeItem(earlier); ++ return; ++ } catch { ++ } ++ } ++}; ++function migrateStorage(storage = globalThis.localStorage) { ++ for (const key of Object.values(STORAGE)) { ++ if (key === STORAGE.browsers) continue; ++ for (const legacy of legacyKeys(key)) { ++ try { ++ const value = storage.getItem(legacy); ++ if (value !== null && storage.getItem(key) === null) storage.setItem(key, value); ++ storage.removeItem(legacy); ++ } catch { ++ } ++ } ++ } ++ try { ++ migrateBrowsers(storage); ++ } catch { ++ } ++ try { ++ const prefs = JSON.parse(storage.getItem(STORAGE.prefs) ?? "null"); ++ if (prefs && Object.hasOwn(LEGACY_THEMES, prefs.theme ?? "")) { ++ storage.setItem(STORAGE.prefs, JSON.stringify({ ...prefs, theme: LEGACY_THEMES[prefs.theme] })); ++ } ++ } catch { ++ } } - 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} +-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-dock-stack>.bt-event.bt-mw-dock{align-self:stretch;margin:0} - .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} - .bt-mw-row:hover{background:var(--bt-hover)} - .bt-mw-row>.bt-mark{flex:none} -@@ -11239,9 +11239,7 @@ var MEMBER_CSS = ` - .bt-mw-stop{flex:none;height:22px;padding:0 10px;border:1px solid var(--bt-line,rgba(0,0,0,.12));border-radius:11px;background:none;color:var(--bt-ink-2);font:inherit;font-size:12px;cursor:pointer} - .bt-mw-stop:hover{background:var(--bt-hover)} - .bt-mw-stop:disabled{opacity:.5;cursor:default} +-.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} +-.bt-mw-row:hover{background:var(--bt-hover)} +-.bt-mw-row>.bt-mark{flex:none} +-.bt-mw-row-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} +-.bt-mw-row-time{flex:none;font-size:12px;color:var(--bt-ink-3);white-space:nowrap} +-.bt-mw-work{display:flex;align-items:center;justify-content:space-between;gap:8px} +-.bt-mw-stop{flex:none;height:22px;padding:0 10px;border:1px solid var(--bt-line,rgba(0,0,0,.12));border-radius:11px;background:none;color:var(--bt-ink-2);font:inherit;font-size:12px;cursor:pointer} +-.bt-mw-stop:hover{background:var(--bt-hover)} +-.bt-mw-stop:disabled{opacity:.5;cursor:default} -.bt-event.bt-mw-dock{margin:0 0 6px;pointer-events:none} -.bt-mw-dock>button{pointer-events:auto;animation:bt-mw-in .32s cubic-bezier(.23,1,.32,1) backwards} -.bt-mw-line{gap:6px!important} -+.bt-mw-line{gap:8px} - .bt-mw-stack{display:inline-flex;align-items:center;flex:none;line-height:0} - .bt-mw-stack>*+*{margin-left:-4px} - .bt-mw-face{position:relative;display:inline-flex;flex:none;border-radius:50%} -@@ -11260,11 +11260,11 @@ body[data-ds-dark-theme] .bt-mw-ask{color:#f0b84a} - .bt-mw-actions>button{height:28px;padding:0 12px;font-size:12px} - .bt-mw-actions>button:disabled{opacity:.5;cursor:default} - @keyframes bt-mw-in{from{opacity:0;transform:translateY(4px)}} +-.bt-mw-stack{display:inline-flex;align-items:center;flex:none;line-height:0} +-.bt-mw-stack>*+*{margin-left:-4px} +-.bt-mw-face{position:relative;display:inline-flex;flex:none;border-radius:50%} +-.bt-mw-stack .bt-mw-face{box-shadow:0 0 0 1.5px var(--bt-main,#fff)} +-.bt-mw-face[data-ask]::after{content:"";position:absolute;right:-2px;bottom:-2px;width:7px;height:7px;border-radius:50%;background:#e3a008;box-shadow:0 0 0 1.5px var(--bt-main,#fff)} +-.bt-mw-ask{color:#b7791f;flex:none;white-space:nowrap} +-body[data-ds-dark-theme] .bt-mw-ask{color:#f0b84a} +-.bt-mw-member{padding:0 6px 8px 42px;display:flex;flex-direction:column;gap:6px} +-.bt-mw-state{font-size:12px;line-height:16px;color:var(--bt-ink-2);margin-top:-4px} +-.bt-mw-card{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:var(--bt-hover);font-size:12px;line-height:17px;color:var(--bt-ink-2)} +-.bt-mw-tool{font-weight:600;color:var(--bt-ink)} +-.bt-mw-text{color:var(--bt-ink);overflow-wrap:anywhere} +-.bt-mw-reason{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} +-.bt-mw-code{display:block;font:11px/16px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--bt-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} +-.bt-mw-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:4px} +-.bt-mw-actions>button{height:28px;padding:0 12px;font-size:12px} +-.bt-mw-actions>button:disabled{opacity:.5;cursor:default} +-@keyframes bt-mw-in{from{opacity:0;transform:translateY(4px)}} -@media (prefers-reduced-motion:reduce){.bt-mw-dock>button,.bt-mw-row{animation:none}} -+@media (prefers-reduced-motion:reduce){.bt-mw-row{animation:none}} - `; +-`; // src/client/details-drawer.js -var import_react31 = require("react"); -+var import_react36 = require("react"); ++var import_react37 = 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 ""; @@ -12411,11 +12853,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_react36.useState)(null); ++ const [pending, setPending] = (0, import_react37.useState)(null); const catalog = roster.permissions; const saved = bot.permission ?? catalog?.defaultPreset; - (0, import_react31.useEffect)(() => { -+ (0, import_react36.useEffect)(() => { ++ (0, import_react37.useEffect)(() => { if (pending === saved) setPending(null); }, [pending, saved]); if (!catalog?.options?.length) return null; @@ -12424,17 +12866,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_react36.createElement)( ++ return (0, import_react37.createElement)( "div", { className: "bt-drawer-permission" }, - (0, import_react31.createElement)("div", { className: "bt-section-title" }, t("Permissions")), - (0, import_react31.createElement)( -+ (0, import_react36.createElement)("div", { className: "bt-section-title" }, t("Permissions")), -+ (0, import_react36.createElement)( ++ (0, import_react37.createElement)("div", { className: "bt-section-title" }, t("Permissions")), ++ (0, import_react37.createElement)( Segmented, { label: t("Permissions"), value: current }, - catalog.options.map((option) => (0, import_react31.createElement)("button", { -+ catalog.options.map((option) => (0, import_react36.createElement)("button", { ++ catalog.options.map((option) => (0, import_react37.createElement)("button", { key: option.value, type: "button", "aria-pressed": option.value === current, @@ -12443,56 +12885,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_react36.useEffect)(() => { ++ (0, import_react37.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_react36.createElement)("div", { className: "bt-muted" }, t("The browser is in the DSH Desktop app.")); ++ return (0, import_react37.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_react36.createElement)( ++ return (0, import_react37.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_react36.createElement)(BotMark, { bot, size: 40, state: "idle", live: true }), -+ (0, import_react36.createElement)("div", { className: "bt-browser-empty-title" }, t("{name}'s browser", { name: bot.name })), -+ (0, import_react36.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_react36.createElement)("button", { type: "button", className: "bt-browser-retry", onClick: () => actions.openBrowser(sessionId) }, t("Open browser")) ++ (0, import_react37.createElement)(BotMark, { bot, size: 40, state: "idle", live: true }), ++ (0, import_react37.createElement)("div", { className: "bt-browser-empty-title" }, t("{name}'s browser", { name: bot.name })), ++ (0, import_react37.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_react37.createElement)("button", { type: "button", className: "bt-browser-retry", onClick: () => actions.openBrowser(sessionId) }, t("Open browser")) ); } - return (0, import_react31.createElement)( -+ return (0, import_react36.createElement)( ++ return (0, import_react37.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_react36.createElement)( ++ return (0, import_react37.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_react36.createElement)( ++ (0, import_react37.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_react36.createElement)( ++ page.excerpt ? (0, import_react37.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_react36.createElement)("span", { className: "bt-bcard-ptitle" }, label), -+ (0, import_react36.createElement)("span", { className: "bt-bcard-excerpt" }, page.excerpt) -+ ) : (0, import_react36.createElement)("span", { className: "bt-bcard-blank" }, (0, import_react36.createElement)(GlobeIcon), (0, import_react36.createElement)("span", null, label)) ++ (0, import_react37.createElement)("span", { className: "bt-bcard-ptitle" }, label), ++ (0, import_react37.createElement)("span", { className: "bt-bcard-excerpt" }, page.excerpt) ++ ) : (0, import_react37.createElement)("span", { className: "bt-bcard-blank" }, (0, import_react37.createElement)(GlobeIcon), (0, import_react37.createElement)("span", null, label)) ), - (0, import_react31.createElement)("button", { -+ (0, import_react36.createElement)("button", { ++ (0, import_react37.createElement)("button", { type: "button", className: "bt-bcard-x", "aria-label": t("Close tab"), @@ -12501,43 +12943,43 @@ diff --git a/client.js b/client.js } }, "×"), - (0, import_react31.createElement)( -+ (0, import_react36.createElement)( ++ (0, import_react37.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_react36.createElement)(Favicon, { src: page.favicon, className: "bt-bcard-fav" }), -+ (0, import_react36.createElement)("span", { className: "bt-bcard-title" }, label), -+ page.url ? (0, import_react36.createElement)("span", { className: "bt-bcard-host" }, hostOf(page.url)) : null ++ (0, import_react37.createElement)(Favicon, { src: page.favicon, className: "bt-bcard-fav" }), ++ (0, import_react37.createElement)("span", { className: "bt-bcard-title" }, label), ++ page.url ? (0, import_react37.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_react36.createElement)("button", { type: "button", className: "bt-bcard-new", style: { animationDelay: `${state.ids.length * 30}ms` }, onClick: () => actions.browserNewTab(sessionId) }, (0, import_react36.createElement)(PlusIcon), t("New tab")) ++ (0, import_react37.createElement)("button", { type: "button", className: "bt-bcard-new", style: { animationDelay: `${state.ids.length * 30}ms` }, onClick: () => actions.browserNewTab(sessionId) }, (0, import_react37.createElement)(PlusIcon), t("New tab")) ); } function About({ text, title = "About" }) { - const [open, setOpen] = (0, import_react31.useState)(false); -+ const [open, setOpen] = (0, import_react36.useState)(false); ++ const [open, setOpen] = (0, import_react37.useState)(false); const long = text.split("\n").length > 5 || text.length > 240; - const body = (0, import_react31.useRef)(null); -+ const body = (0, import_react36.useRef)(null); ++ const body = (0, import_react37.useRef)(null); useMorph(body, open); - return (0, import_react31.createElement)( -+ return (0, import_react36.createElement)( ++ return (0, import_react37.createElement)( + "div", + null, -+ (0, import_react36.createElement)("div", { className: "bt-section-title" }, t(title)), -+ (0, import_react36.createElement)("div", { ref: body, className: "bt-about", "data-open": open || void 0 }, text), -+ long ? (0, import_react36.createElement)("button", { type: "button", className: "bt-more", onClick: () => setOpen((value) => !value) }, open ? t("Show less") : t("Show more")) : null ++ (0, import_react37.createElement)("div", { className: "bt-section-title" }, t(title)), ++ (0, import_react37.createElement)("div", { ref: body, className: "bt-about", "data-open": open || void 0 }, text), ++ long ? (0, import_react37.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_react36.useState)(room2.pendingApprovals ?? []); -+ const [busy, setBusy] = (0, import_react36.useState)(""); ++ const [items, setItems] = (0, import_react37.useState)(room2.pendingApprovals ?? []); ++ const [busy, setBusy] = (0, import_react37.useState)(""); + const face = room2.origin === "face-to-face"; -+ (0, import_react36.useEffect)(() => { ++ (0, import_react37.useEffect)(() => { + const haveItems = Array.isArray(room2.pendingApprovals) && room2.pendingApprovals.length; + if (haveItems) setItems(room2.pendingApprovals); + if (room2.viewerRole !== "invited-owner" && !face) return void 0; @@ -12563,31 +13005,31 @@ diff --git a/client.js b/client.js + setBusy(""); + } + }; -+ return (0, import_react36.createElement)( ++ return (0, import_react37.createElement)( + "div", + { key: "approvals", className: "bt-shared-wait", "data-flybot": "room-pending-approvals" }, -+ (0, import_react36.createElement)("div", { className: "bt-section-title" }, t("Waiting for your approval"), (0, import_react36.createElement)("span", { className: "bt-chip" }, t("{count} to approve", { count: items.length }))), -+ items.map((item) => (0, import_react36.createElement)( ++ (0, import_react37.createElement)("div", { className: "bt-section-title" }, t("Waiting for your approval"), (0, import_react37.createElement)("span", { className: "bt-chip" }, t("{count} to approve", { count: items.length }))), ++ items.map((item) => (0, import_react37.createElement)( + "div", + { key: item.id, className: "bt-set-row" }, -+ (0, import_react36.createElement)("span", { className: "bt-set-copy" }, item.text || item.summary || item.to || t("Outbound reply")), -+ (0, import_react36.createElement)("button", { type: "button", className: "bt-mini", disabled: busy === item.id, onClick: () => decide(item, "approve") }, t("Approve")), -+ (0, import_react36.createElement)("button", { type: "button", className: "bt-mini", disabled: busy === item.id, onClick: () => decide(item, "reject") }, t("Reject")) ++ (0, import_react37.createElement)("span", { className: "bt-set-copy" }, item.text || item.summary || item.to || t("Outbound reply")), ++ (0, import_react37.createElement)("button", { type: "button", className: "bt-mini", disabled: busy === item.id, onClick: () => decide(item, "approve") }, t("Approve")), ++ (0, import_react37.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_react36.createElement)( ++ return (0, import_react37.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_react36.createElement)(FaceLead, { room: room2, roster, pick: pick2 }), -+ (0, import_react36.createElement)("div", { className: "bt-section-title" }, t("Members · {count}", { count: people2.length })), -+ (0, import_react36.createElement)("div", { className: "bt-members", role: "list" }, people2.map((person) => (0, import_react36.createElement)(FacePersonRow, { ++ (0, import_react37.createElement)(FaceLead, { room: room2, roster, pick: pick2 }), ++ (0, import_react37.createElement)("div", { className: "bt-section-title" }, t("Members · {count}", { count: people2.length })), ++ (0, import_react37.createElement)("div", { className: "bt-members", role: "list" }, people2.map((person) => (0, import_react37.createElement)(FacePersonRow, { + key: person.key, + person, + className: "bt-member", @@ -12612,31 +13054,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_react36.createElement)(FlyBotRoomOverview, { key: "plugin-overview", room: room2, roster, actions }), -+ invited && room2.sharedFrom && !face ? (0, import_react36.createElement)( ++ (0, import_react37.createElement)(FlyBotRoomOverview, { key: "plugin-overview", room: room2, roster, actions }), ++ invited && room2.sharedFrom && !face ? (0, import_react37.createElement)( + "div", + { key: "from", className: "bt-shared-from" }, -+ (0, import_react36.createElement)("div", { className: "bt-section-title" }, title), -+ (0, import_react36.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_react36.createElement)("div", { className: "bt-set-hint" }, t("Invited {when}", { when: new Date(room2.sharedFrom.invitedAt).toLocaleString() })) : null, -+ (0, import_react36.createElement)("button", { type: "button", className: "bt-more", onClick: leaveMine }, t("Remove my Bot")) -+ ) : face ? null : room2.notice ? (0, import_react36.createElement)(About, { key: "notice", title: "Notice", text: room2.notice }) : (0, import_react36.createElement)("button", { key: "notice", type: "button", className: "bt-more", onClick: openSettings }, t("Add a notice in group settings")), -+ face ? null : (0, import_react36.createElement)(SharedRoomApprovals, { key: "approvals", room: room2 }), -+ face && (room2.face?.status === "candidate" || room2.face?.status === "joining") ? null : face ? (0, import_react36.createElement)(FaceMembers, { key: "members", room: room2, roster, actions }) : (0, import_react36.createElement)( ++ (0, import_react37.createElement)("div", { className: "bt-section-title" }, title), ++ (0, import_react37.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_react37.createElement)("div", { className: "bt-set-hint" }, t("Invited {when}", { when: new Date(room2.sharedFrom.invitedAt).toLocaleString() })) : null, ++ (0, import_react37.createElement)("button", { type: "button", className: "bt-more", onClick: leaveMine }, t("Remove my Bot")) ++ ) : face ? null : room2.notice ? (0, import_react37.createElement)(About, { key: "notice", title: "Notice", text: room2.notice }) : (0, import_react37.createElement)("button", { key: "notice", type: "button", className: "bt-more", onClick: openSettings }, t("Add a notice in group settings")), ++ face ? null : (0, import_react37.createElement)(SharedRoomApprovals, { key: "approvals", room: room2 }), ++ face && (room2.face?.status === "candidate" || room2.face?.status === "joining") ? null : face ? (0, import_react37.createElement)(FaceMembers, { key: "members", room: room2, roster, actions }) : (0, import_react37.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_react36.createElement)("div", { className: "bt-section-title" }, t("Members · {count}", { count: members.length + humans.length + remotes.length })), -+ (0, import_react36.createElement)("div", { className: "bt-members", role: "list" }, [ -+ ...humans.map((person) => (0, import_react36.createElement)( ++ (0, import_react37.createElement)("div", { className: "bt-section-title" }, t("Members · {count}", { count: members.length + humans.length + remotes.length })), ++ (0, import_react37.createElement)("div", { className: "bt-members", role: "list" }, [ ++ ...humans.map((person) => (0, import_react37.createElement)( "div", - { key: member.id, role: "listitem" }, - (0, import_react31.createElement)( + { key: person.id, role: "listitem" }, -+ (0, import_react36.createElement)( ++ (0, import_react37.createElement)( "div", { className: "bt-member" }, - (0, import_react31.createElement)( @@ -12644,70 +13086,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_react36.createElement)("span", { className: "bt-member-name" }, (0, import_react36.createElement)("span", null, person.displayName || person.id)), -+ (0, import_react36.createElement)("span", { className: "bt-chip" }, t("Human")), -+ person.role === "admin" ? (0, import_react36.createElement)("span", { className: "bt-chip bt-chip-admin" }, t("Admin")) : null ++ (0, import_react37.createElement)("span", { className: "bt-member-name" }, (0, import_react37.createElement)("span", null, person.displayName || person.id)), ++ (0, import_react37.createElement)("span", { className: "bt-chip" }, t("Human")), ++ person.role === "admin" ? (0, import_react37.createElement)("span", { className: "bt-chip bt-chip-admin" }, t("Admin")) : null + ) + )), -+ ...remotes.map((person) => (0, import_react36.createElement)( ++ ...remotes.map((person) => (0, import_react37.createElement)( + "div", + { key: person.handle || person.id, role: "listitem" }, -+ (0, import_react36.createElement)( ++ (0, import_react37.createElement)( + "div", + { className: "bt-member" }, -+ (0, import_react36.createElement)( ++ (0, import_react37.createElement)( + "span", + { className: "bt-member-name" }, -+ (0, import_react36.createElement)(BotAvatar, { bot: lookBotForRemote(person, roster), size: 26, badge: false, live: false }), -+ (0, import_react36.createElement)("span", null, person.label || remoteBotTitle(person)) ++ (0, import_react37.createElement)(BotAvatar, { bot: lookBotForRemote(person, roster), size: 26, badge: false, live: false }), ++ (0, import_react37.createElement)("span", null, 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_react36.createElement)("span", { className: "bt-chip" }, t("Friend's Bot")) ++ face ? null : (0, import_react37.createElement)("span", { className: "bt-chip" }, t("Friend's Bot")) + ) + )), + ...members.map((member) => { + const entry = entries2.find((item) => item.id === member.id); -+ return (0, import_react36.createElement)( ++ return (0, import_react37.createElement)( + "div", + { key: member.id, role: "listitem" }, -+ (0, import_react36.createElement)( ++ (0, import_react37.createElement)( + "div", + { className: "bt-member" }, -+ (0, import_react36.createElement)( ++ (0, import_react37.createElement)( + "button", + { type: "button", className: "bt-member-name", title: t("Open {name}'s chat", { name: member.name }), onClick: () => actions.openSession(member.id) }, -+ (0, import_react36.createElement)(BotAvatar, { bot: member, size: 26, main: isMainOf(roster, member.id), admin: room2.admin === member.id, live: false }), -+ (0, import_react36.createElement)("span", null, member.name) ++ (0, import_react37.createElement)(BotAvatar, { bot: member, size: 26, main: isMainOf(roster, member.id), admin: room2.admin === member.id, live: false }), ++ (0, import_react37.createElement)("span", null, member.name) + ), -+ room2.admin === member.id ? (0, import_react36.createElement)("span", { className: "bt-chip bt-chip-admin" }, t("Admin")) : null ++ room2.admin === member.id ? (0, import_react37.createElement)("span", { className: "bt-chip bt-chip-admin" }, t("Admin")) : null + ), -+ entry ? (0, import_react36.createElement)(MemberWork, { entry, bot: member, room: room2, roster, actions, now }) : null ++ entry ? (0, import_react37.createElement)(MemberWork, { entry, bot: member, room: room2, roster, actions, now }) : null + ); + }) + ]) ), - (0, import_react31.createElement)( -+ face ? null : (0, import_react36.createElement)( ++ face ? null : (0, import_react37.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_react36.createElement)("div", { className: "bt-section-title" }, t("Who answers")), -+ (0, import_react36.createElement)("div", { className: "bt-kv" }, (0, import_react36.createElement)("span", null, t(ROOM_MODES.find(([id]) => id === shownMode(room2, roster))?.[1] ?? "Everyone"))) ++ (0, import_react37.createElement)("div", { className: "bt-section-title" }, t("Who answers")), ++ (0, import_react37.createElement)("div", { className: "bt-kv" }, (0, import_react37.createElement)("span", null, t(ROOM_MODES.find(([id]) => id === shownMode(room2, roster))?.[1] ?? "Everyone"))) ), - usage ? (0, import_react31.createElement)( -+ face || !usage ? null : (0, import_react36.createElement)( ++ face || !usage ? null : (0, import_react37.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_react36.createElement)("div", { className: "bt-section-title" }, t("Usage")), -+ (0, import_react36.createElement)("div", { className: "bt-kv" }, (0, import_react36.createElement)("span", null, room2.name), (0, import_react36.createElement)("span", null, usage)) ++ (0, import_react37.createElement)("div", { className: "bt-section-title" }, t("Usage")), ++ (0, import_react37.createElement)("div", { className: "bt-kv" }, (0, import_react37.createElement)("span", null, room2.name), (0, import_react37.createElement)("span", null, usage)) + ) ]; } @@ -12716,21 +13158,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_react36.useState)("details"); ++ const [tab, setTab] = (0, import_react37.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_react36.useState)(startTab === "settings" && (owner || room2) ? "settings" : "overview"); -+ const [editing, setEditing] = (0, import_react36.useState)(Boolean(startRenaming && (roster.byId[sessionId] || roster.roomsById[sessionId]))); -+ const [draftName, setDraftName] = (0, import_react36.useState)(roster.byId[sessionId]?.name ?? (roster.roomsById[sessionId]?.named ? roster.roomsById[sessionId].name : "")); -+ const [copied, setCopied] = (0, import_react36.useState)(false); -+ const [error, setError] = (0, import_react36.useState)(""); ++ const [view, setView] = (0, import_react37.useState)(startTab === "settings" && (owner || room2) ? "settings" : "overview"); ++ const [editing, setEditing] = (0, import_react37.useState)(Boolean(startRenaming && (roster.byId[sessionId] || roster.roomsById[sessionId]))); ++ const [draftName, setDraftName] = (0, import_react37.useState)(roster.byId[sessionId]?.name ?? (roster.roomsById[sessionId]?.named ? roster.roomsById[sessionId].name : "")); ++ const [copied, setCopied] = (0, import_react37.useState)(false); ++ const [error, setError] = (0, import_react37.useState)(""); const glide = useGlide(tab); - const last = (0, import_react31.useRef)({ view, tab, move: void 0 }); -+ const last = (0, import_react36.useRef)({ view, tab, move: void 0 }); ++ const last = (0, import_react37.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; @@ -12740,56 +13182,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_react36.createElement)("div", { className: "bt-error", role: "alert", style: { padding: 0 } }, error) : null; ++ const errorLine = error ? (0, import_react37.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_react36.createElement)( ++ (0, import_react37.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_react36.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to details"), onClick: () => setView("overview") }, (0, import_react36.createElement)(ChevronLeftIcon)), -+ (0, import_react36.createElement)("span", { className: "bt-subhead-title" }, bot ? t("Settings") : t("Group settings")), -+ hasStrip ? null : (0, import_react36.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close details"), onClick: close }, (0, import_react36.createElement)(CloseIcon)) ++ (0, import_react37.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Back to details"), onClick: () => setView("overview") }, (0, import_react37.createElement)(ChevronLeftIcon)), ++ (0, import_react37.createElement)("span", { className: "bt-subhead-title" }, bot ? t("Settings") : t("Group settings")), ++ hasStrip ? null : (0, import_react37.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close details"), onClick: close }, (0, import_react37.createElement)(CloseIcon)) ), - (0, import_react31.createElement)( -+ (0, import_react36.createElement)( ++ (0, import_react37.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_react36.createElement)(BotSettingsForm, { bot, roster, actions, run }) : (0, import_react36.createElement)(GroupSettingsForm, { room: room2, roster, actions, run, onDeleted: close }) ++ bot ? (0, import_react37.createElement)(BotSettingsForm, { bot, roster, actions, run }) : (0, import_react37.createElement)(GroupSettingsForm, { room: room2, roster, actions, run, onDeleted: close }) ) ]; } - const top = (0, import_react31.createElement)( -+ const top = (0, import_react36.createElement)( ++ const top = (0, import_react37.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_react36.createElement)("button", { ++ bot || room2 ? (0, import_react37.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_react36.createElement)(GearIcon)) : null, -+ bot && !bot.remote && roster.browser === true && actions.openBrowser ? (0, import_react36.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_react36.createElement)(GlobeIcon)) : null, -+ bot || room2 ? (0, import_react36.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_react36.createElement)("span", { key: "copied", className: "bt-pop-in" }, "✓") : (0, import_react36.createElement)(ShareIcon)) : null, -+ hasStrip ? null : (0, import_react36.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Close details"), onClick: close }, (0, import_react36.createElement)(CloseIcon)) ++ }, (0, import_react37.createElement)(GearIcon)) : null, ++ bot && !bot.remote && roster.browser === true && actions.openBrowser ? (0, import_react37.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_react37.createElement)(GlobeIcon)) : null, ++ bot || room2 ? (0, import_react37.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_react37.createElement)("span", { key: "copied", className: "bt-pop-in" }, "✓") : (0, import_react37.createElement)(ShareIcon)) : null, ++ hasStrip ? null : (0, import_react37.createElement)("button", { type: "button", className: "bt-round", "aria-label": t("Close details"), onClick: close }, (0, import_react37.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_react36.createElement)(import_react36.Fragment, { key: "top" }, top), -+ (0, import_react36.createElement)("div", { key: "body", className: "bt-drawer-body" }, (0, import_react36.createElement)("div", { className: "bt-muted" }, t("This conversation is not part of your Bot team."))) ++ (0, import_react37.createElement)(import_react37.Fragment, { key: "top" }, top), ++ (0, import_react37.createElement)("div", { key: "body", className: "bt-drawer-body" }, (0, import_react37.createElement)("div", { className: "bt-muted" }, t("This conversation is not part of your Bot team."))) ]; } const current = bot?.name ?? room2.name; @@ -12799,14 +13241,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_react36.createElement)(import_react36.Fragment, { key: "top" }, top), -+ (0, import_react36.createElement)( ++ (0, import_react37.createElement)(import_react37.Fragment, { key: "top" }, top), ++ (0, import_react37.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_react36.createElement)(BotAvatar, { bot, size: 64, state: botState(running, doing, roster.questions?.[part] !== void 0), main: isMainBot, badge: false, gaze: true, pokeable: true }) : (0, import_react36.createElement)(RoomAvatar, { room: room2, roster, size: 64 }), -+ bot?.remote ? (0, import_react36.createElement)("div", { className: "bt-drawer-name" }, current) : room2?.origin === "face-to-face" ? (0, import_react36.createElement)("div", { className: "bt-drawer-name bt-drawer-name-face", title: current }, current) : editing ? (0, import_react36.createElement)("input", { ++ bot ? (0, import_react37.createElement)(BotAvatar, { bot, size: 64, state: botState(running, doing, roster.questions?.[part] !== void 0), main: isMainBot, badge: false, gaze: true, pokeable: true }) : (0, import_react37.createElement)(RoomAvatar, { room: room2, roster, size: 64 }), ++ bot?.remote ? (0, import_react37.createElement)("div", { className: "bt-drawer-name" }, current) : room2?.origin === "face-to-face" ? (0, import_react37.createElement)("div", { className: "bt-drawer-name bt-drawer-name-face", title: current }, current) : editing ? (0, import_react37.createElement)("input", { className: "bt-drawer-name-input", autoFocus: true, value: draftName, @@ -12815,82 +13257,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_react36.createElement)("button", { type: "button", className: "bt-drawer-name", "aria-label": t("Rename {name}", { name: current }), title: t("Rename"), onClick: () => { ++ }) : (0, import_react37.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_react36.createElement)("span", { className: "bt-drawer-role" }, subtitle) : bot?.remote ? (0, import_react36.createElement)("span", { className: "bt-drawer-role" }, t("Friend's Bot")) : null ++ subtitle ? (0, import_react37.createElement)("span", { className: "bt-drawer-role" }, subtitle) : bot?.remote ? (0, import_react37.createElement)("span", { className: "bt-drawer-role" }, t("Friend's Bot")) : null ), - (0, import_react31.createElement)( -+ bot?.remote ? null : (0, import_react36.createElement)( ++ bot?.remote ? null : (0, import_react37.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_react36.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }), -+ tabs.map((key) => (0, import_react36.createElement)("button", { key, type: "button", role: "tab", className: "bt-tab", "aria-selected": tab === key, onClick: () => setTab(key) }, t(TAB_LABELS[key]))) ++ (0, import_react37.createElement)("span", { ref: glide.thumb, className: "bt-thumb", "aria-hidden": true }), ++ tabs.map((key) => (0, import_react37.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_react36.createElement)( ++ (0, import_react37.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_react36.createElement)(GroupOverview, { room: room2, roster, actions, usage, useWork, openSettings: () => setView("settings") }) : null, ++ room2 && tab === "details" ? (0, import_react37.createElement)(GroupOverview, { room: room2, roster, actions, usage, useWork, openSettings: () => setView("settings") }) : null, + bot && bot.remote && tab === "details" ? [ -+ bot.remote.handle ? (0, import_react36.createElement)("div", { key: "handle", className: "bt-muted" }, bot.remote.handle) : null, -+ (0, import_react36.createElement)(FlyBotDetails, { key: "social", bot, roster, actions }) ++ bot.remote.handle ? (0, import_react37.createElement)("div", { key: "handle", className: "bt-muted" }, bot.remote.handle) : null, ++ (0, import_react37.createElement)(FlyBotDetails, { key: "social", bot, roster, actions }) + ] : null, + bot && !bot.remote && tab === "details" ? [ -+ (0, import_react36.createElement)( ++ (0, import_react37.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_react36.createElement)("div", { className: "bt-section-title" }, t("Model")), -+ (0, import_react36.createElement)(ModelMenu, { bot, roster, actions, run, wide: true }), -+ modelOf(bot, roster) ? null : (0, import_react36.createElement)("div", { className: "bt-note" }, t("Pick a model and {name} can start.", { name: bot.name })) ++ (0, import_react37.createElement)("div", { className: "bt-section-title" }, t("Model")), ++ (0, import_react37.createElement)(ModelMenu, { bot, roster, actions, run, wide: true }), ++ modelOf(bot, roster) ? null : (0, import_react37.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_react36.createElement)(PermissionRow, { key: "permission", bot, roster, actions, run }), -+ (0, import_react36.createElement)( ++ (0, import_react37.createElement)(PermissionRow, { key: "permission", bot, roster, actions, run }), ++ (0, import_react37.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_react36.createElement)("div", { className: "bt-section-title" }, t("Working folder")), -+ (0, import_react36.createElement)(FolderMenu, { value: bot.workDir, actions, run, wide: true, onPick: (workDir) => run(actions.updateBot(bot.id, { workDir })) }) ++ (0, import_react37.createElement)("div", { className: "bt-section-title" }, t("Working folder")), ++ (0, import_react37.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_react36.createElement)(About, { key: "about", text: bot.instructions }) : (0, import_react36.createElement)("button", { key: "about", type: "button", className: "bt-more", onClick: () => setView("settings") }, t("Add instructions in Bot settings")), -+ roster.memory === false ? null : (0, import_react36.createElement)(MemoryRow, { key: "memory", bot, actions }), -+ usage ? (0, import_react36.createElement)( ++ bot.instructions ? (0, import_react37.createElement)(About, { key: "about", text: bot.instructions }) : (0, import_react37.createElement)("button", { key: "about", type: "button", className: "bt-more", onClick: () => setView("settings") }, t("Add instructions in Bot settings")), ++ roster.memory === false ? null : (0, import_react37.createElement)(MemoryRow, { key: "memory", bot, actions }), ++ usage ? (0, import_react37.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_react36.createElement)("div", { className: "bt-section-title" }, t("Usage")), -+ (0, import_react36.createElement)("div", { className: "bt-kv" }, (0, import_react36.createElement)("span", null, bot.name), (0, import_react36.createElement)("span", null, usage)) ++ (0, import_react37.createElement)("div", { className: "bt-section-title" }, t("Usage")), ++ (0, import_react37.createElement)("div", { className: "bt-kv" }, (0, import_react37.createElement)("span", null, bot.name), (0, import_react37.createElement)("span", null, usage)) ) : null, - (0, import_react31.createElement)(ScheduleSummary, { key: "routines", bot, actions }) -+ (0, import_react36.createElement)(ScheduleSummary, { key: "routines", bot, actions }) ++ (0, import_react37.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_react36.createElement)(BrowserCards, { bot, sessionId, roster, actions, useBrowserTabs, useBrowserPages }) : null ++ bot && !bot.remote && tab === "browser" ? (0, import_react37.createElement)(BrowserCards, { bot, sessionId, roster, actions, useBrowserTabs, useBrowserPages }) : null ) ]; } // src/client/browser-pane.js -var import_react32 = require("react"); -+var import_react37 = require("react"); ++var import_react38 = require("react"); var import_react_dom8 = require("react-dom"); var PANEL_LINGER_MS = 300; var WIDTH_KEY = STORAGE.browserWidth; @@ -12901,11 +13343,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_react37.createElement)( ++ return (0, import_react38.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_react37.createElement)("path", { key: index, d })) ++ paths.map((d, index) => (0, import_react38.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"]); @@ -12928,9 +13370,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_react37.useState)(null); -+ if (!src || failed === src) return (0, import_react37.createElement)("span", { className: `${className} bt-ptab-globe` }, (0, import_react37.createElement)(GlobeIcon)); -+ return (0, import_react37.createElement)("img", { className, src, alt: "", "aria-hidden": true, onError: () => setFailed(src) }); ++ const [failed, setFailed] = (0, import_react38.useState)(null); ++ if (!src || failed === src) return (0, import_react38.createElement)("span", { className: `${className} bt-ptab-globe` }, (0, import_react38.createElement)(GlobeIcon)); ++ return (0, import_react38.createElement)("img", { className, src, alt: "", "aria-hidden": true, onError: () => setFailed(src) }); } var savedWidth = () => { try { @@ -12943,11 +13385,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_react37.useRef)(null); -+ const ind = (0, import_react37.useRef)(null); -+ const spot = (0, import_react37.useRef)(null); -+ const under = (0, import_react37.useRef)(null); -+ (0, import_react37.useLayoutEffect)(() => { ++ const wrap = (0, import_react38.useRef)(null); ++ const ind = (0, import_react38.useRef)(null); ++ const spot = (0, import_react38.useRef)(null); ++ const under = (0, import_react38.useRef)(null); ++ (0, import_react38.useLayoutEffect)(() => { const box = wrap.current; const capsule = ind.current; if (!box || !capsule) return void 0; @@ -12956,7 +13398,7 @@ diff --git a/client.js b/client.js }; }); - (0, import_react32.useEffect)(() => { -+ (0, import_react37.useEffect)(() => { ++ (0, import_react38.useEffect)(() => { const box = wrap.current; if (!box) return void 0; const observer = new ResizeObserver(() => { @@ -12965,15 +13407,15 @@ diff --git a/client.js b/client.js return () => observer.disconnect(); }, []); - return (0, import_react32.createElement)( -+ return (0, import_react37.createElement)( ++ return (0, import_react38.createElement)( "div", { className: "bt-ptabs", role: "tablist", "aria-label": t("Panel tabs") }, - (0, import_react32.createElement)( -+ (0, import_react37.createElement)( ++ (0, import_react38.createElement)( "div", { className: "bt-ptabs-in", ref: wrap }, - (0, import_react32.createElement)( -+ (0, import_react37.createElement)( ++ (0, import_react38.createElement)( "button", { type: "button", @@ -12983,14 +13425,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_react37.createElement)(BotMark, { bot, size: 20, state: reading ? "searching" : "idle" }), -+ view === "details" ? (0, import_react37.createElement)("span", { className: "bt-ptab-name" }, bot.name) : null ++ (0, import_react38.createElement)(BotMark, { bot, size: 20, state: reading ? "searching" : "idle" }), ++ view === "details" ? (0, import_react38.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_react37.createElement)( ++ return (0, import_react38.createElement)( "button", { key: tabId, @@ -13001,9 +13443,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_react37.createElement)(Favicon, { src: page.favicon, className: "bt-ptab-fav" }), -+ (0, import_react37.createElement)("span", { className: "bt-ptab-title" }, tabLabel(page)), -+ (0, import_react37.createElement)("span", { ++ (0, import_react38.createElement)(Favicon, { src: page.favicon, className: "bt-ptab-fav" }), ++ (0, import_react38.createElement)("span", { className: "bt-ptab-title" }, tabLabel(page)), ++ (0, import_react38.createElement)("span", { className: "bt-ptab-x", role: "button", "aria-label": t("Close tab"), @@ -13012,13 +13454,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_react37.createElement)("span", { ref: ind, className: "bt-ptab-ind", "aria-hidden": true }) ++ (0, import_react38.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_react37.createElement)("button", { type: "button", className: "bt-ptab-new", "aria-label": t("New tab"), title: t("New tab"), onClick: () => actions.browserNewTab(subject) }, (0, import_react37.createElement)(PlusTabIcon)), -+ (0, import_react37.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_react37.createElement)(CloseIcon2)) ++ (0, import_react38.createElement)("button", { type: "button", className: "bt-ptab-new", "aria-label": t("New tab"), title: t("New tab"), onClick: () => actions.browserNewTab(subject) }, (0, import_react38.createElement)(PlusTabIcon)), ++ (0, import_react38.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_react38.createElement)(CloseIcon2)) ); } function BrowserView({ bot, tabId, leaving, landed, actions, useBrowserPages }) { @@ -13026,12 +13468,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_react37.useRef)(null); -+ const input = (0, import_react37.useRef)(null); -+ const [draft, setDraft] = (0, import_react37.useState)(null); ++ const frame = (0, import_react38.useRef)(null); ++ const input = (0, import_react38.useRef)(null); ++ const [draft, setDraft] = (0, import_react38.useState)(null); const showGuest = landed && !leaving && Boolean(page.url) && !page.error; - (0, import_react32.useLayoutEffect)(() => { -+ (0, import_react37.useLayoutEffect)(() => { ++ (0, import_react38.useLayoutEffect)(() => { const element = frame.current; if (!element || leaving || !tabId) { void actions.browserShow(null); @@ -13040,7 +13482,7 @@ diff --git a/client.js b/client.js }; }, [tabId, showGuest, leaving]); - (0, import_react32.useEffect)(() => { -+ (0, import_react37.useEffect)(() => { ++ (0, import_react38.useEffect)(() => { setDraft(null); if (landed && !page.url) input.current?.focus(); }, [tabId, landed]); @@ -13049,19 +13491,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_react37.createElement)( ++ return (0, import_react38.createElement)( "div", { className: "bt-panel-view bt-panel-browser", "aria-label": t("{name}'s browser", { name: bot.name }) }, - (0, import_react32.createElement)( -+ (0, import_react37.createElement)( ++ (0, import_react38.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_react37.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_react37.createElement)(BackIcon)), -+ (0, import_react37.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_react37.createElement)(ForwardIcon)), -+ (0, import_react37.createElement)("button", { ++ (0, import_react38.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_react38.createElement)(BackIcon)), ++ (0, import_react38.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_react38.createElement)(ForwardIcon)), ++ (0, import_react38.createElement)("button", { type: "button", className: "bt-icon-btn", disabled: !page.url, @@ -13070,14 +13512,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_react37.createElement)(page.loading ? StopIcon : ReloadIcon)), -+ (0, import_react37.createElement)( ++ }, (0, import_react38.createElement)(page.loading ? StopIcon : ReloadIcon)), ++ (0, import_react38.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_react37.createElement)("span", { className: "bt-browser-scheme", "aria-hidden": true }, (0, import_react37.createElement)(secure && !editing ? LockIcon2 : GlobeIcon)), -+ (0, import_react37.createElement)("input", { ++ (0, import_react38.createElement)("span", { className: "bt-browser-scheme", "aria-hidden": true }, (0, import_react38.createElement)(secure && !editing ? LockIcon2 : GlobeIcon)), ++ (0, import_react38.createElement)("input", { ref: input, type: "text", spellCheck: false, @@ -13086,34 +13528,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_react37.createElement)("span", { className: "bt-browser-progress", "aria-hidden": true }) : null ++ page.loading ? (0, import_react38.createElement)("span", { className: "bt-browser-progress", "aria-hidden": true }) : null ), - (0, import_react32.createElement)( -+ (0, import_react37.createElement)( ++ (0, import_react38.createElement)( "div", { ref: frame, className: "bt-browser-frame", "data-guest": showGuest || void 0 }, - page.error ? (0, import_react32.createElement)( -+ page.error ? (0, import_react37.createElement)( ++ page.error ? (0, import_react38.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_react37.createElement)("div", { className: "bt-browser-empty-title" }, t("This page didn’t load")), -+ (0, import_react37.createElement)("div", { className: "bt-browser-empty-text" }, t(page.error)), -+ page.url ? (0, import_react37.createElement)("button", { type: "button", className: "bt-browser-retry", onClick: () => { ++ (0, import_react38.createElement)("div", { className: "bt-browser-empty-title" }, t("This page didn’t load")), ++ (0, import_react38.createElement)("div", { className: "bt-browser-empty-text" }, t(page.error)), ++ page.url ? (0, import_react38.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_react37.createElement)( ++ ) : !page.url ? (0, import_react38.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_react37.createElement)(BotMark, { bot, size: 48, state: "idle", live: true }), -+ (0, import_react37.createElement)("div", { className: "bt-browser-empty-title" }, t("{name}'s browser", { name: bot.name })), -+ (0, import_react37.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_react38.createElement)(BotMark, { bot, size: 48, state: "idle", live: true }), ++ (0, import_react38.createElement)("div", { className: "bt-browser-empty-title" }, t("{name}'s browser", { name: bot.name })), ++ (0, import_react38.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 ) ); @@ -13129,36 +13571,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_react37.useRef)(null); -+ const fly = (0, import_react37.useRef)(null); -+ const [landed, setLanded] = (0, import_react37.useState)(false); -+ const [settling, setSettling] = (0, import_react37.useState)(false); -+ const [width, setWidth] = (0, import_react37.useState)(savedWidth); -+ const [viewport, setViewport] = (0, import_react37.useState)(() => window.innerWidth); -+ const [dragging, setDragging] = (0, import_react37.useState)(false); -+ const [resizing, setResizing] = (0, import_react37.useState)(false); ++ const root = (0, import_react38.useRef)(null); ++ const fly = (0, import_react38.useRef)(null); ++ const [landed, setLanded] = (0, import_react38.useState)(false); ++ const [settling, setSettling] = (0, import_react38.useState)(false); ++ const [width, setWidth] = (0, import_react38.useState)(savedWidth); ++ const [viewport, setViewport] = (0, import_react38.useState)(() => window.innerWidth); ++ const [dragging, setDragging] = (0, import_react38.useState)(false); ++ const [resizing, setResizing] = (0, import_react38.useState)(false); const instant = dragging || resizing; - const [reading, setReading] = (0, import_react32.useState)(false); -+ const [reading, setReading] = (0, import_react37.useState)(false); ++ const [reading, setReading] = (0, import_react38.useState)(false); const panelWidth = fitWidth(width ?? (view === "browser" ? DEFAULT_WIDTH : DETAILS_WIDTH), widthRange(view, viewport)); - (0, import_react32.useLayoutEffect)(() => { -+ (0, import_react37.useLayoutEffect)(() => { ++ (0, import_react38.useLayoutEffect)(() => { if (view === "browser" && width === null) setWidth(DEFAULT_WIDTH); }, [view, width]); - (0, import_react32.useLayoutEffect)(() => { -+ (0, import_react37.useLayoutEffect)(() => { ++ (0, import_react38.useLayoutEffect)(() => { chatRoom.hold(instant); }, [instant]); - const [last, setLast] = (0, import_react32.useState)({ view, width: panelWidth }); -+ const [last, setLast] = (0, import_react37.useState)({ view, width: panelWidth }); ++ const [last, setLast] = (0, import_react38.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_react37.useRef)(view); -+ (0, import_react37.useLayoutEffect)(() => { ++ const shownView = (0, import_react38.useRef)(view); ++ (0, import_react38.useLayoutEffect)(() => { const switched = settling && shownView.current !== view; shownView.current = view; if (switched) chatRoom.hold(true); @@ -13166,12 +13608,12 @@ diff --git a/client.js b/client.js if (switched) chatRoom.hold(false); }, [view, panelWidth, leaving]); - (0, import_react32.useEffect)(() => () => { -+ (0, import_react37.useEffect)(() => () => { ++ (0, import_react38.useEffect)(() => () => { chatRoom.set(null); chatRoom.hold(false); }, []); - (0, import_react32.useEffect)(() => { -+ (0, import_react37.useEffect)(() => { ++ (0, import_react38.useEffect)(() => { let timer; const onResize = () => { setResizing(true); @@ -13180,34 +13622,34 @@ diff --git a/client.js b/client.js }; }, []); - (0, import_react32.useEffect)(() => { -+ (0, import_react37.useEffect)(() => { ++ (0, import_react38.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_react37.useEffect)(() => { ++ (0, import_react38.useEffect)(() => { const timer = setTimeout(() => setLanded(true), 360); return () => clearTimeout(timer); }, []); - (0, import_react32.useEffect)(() => { -+ (0, import_react37.useEffect)(() => { ++ (0, import_react38.useEffect)(() => { if (canBrowse) actions.browserEnsure(bot.id); }, [bot?.id, canBrowse]); - (0, import_react32.useEffect)(() => { -+ (0, import_react37.useEffect)(() => { ++ (0, import_react38.useEffect)(() => { if (view === "browser" && (active === null || !tabState.ids.includes(active))) actions.setPanelView("details"); }, [view, active, tabState.ids.length]); - (0, import_react32.useEffect)(() => { -+ (0, import_react37.useEffect)(() => { ++ (0, import_react38.useEffect)(() => { if (view !== "browser" || leaving) void actions.browserShow?.(null); }, [view, leaving]); - (0, import_react32.useEffect)(() => () => { -+ (0, import_react37.useEffect)(() => () => { ++ (0, import_react38.useEffect)(() => () => { void actions.browserShow?.(null); }, []); - (0, import_react32.useEffect)(() => { -+ (0, import_react37.useEffect)(() => { ++ (0, import_react38.useEffect)(() => { if (!page.readAt || Date.now() - page.readAt > READ_FLASH_MS) return void 0; setReading(true); const timer = setTimeout(() => setReading(false), READ_FLASH_MS); @@ -13216,7 +13658,7 @@ diff --git a/client.js b/client.js }; } - (0, import_react32.useLayoutEffect)(() => { -+ (0, import_react37.useLayoutEffect)(() => { ++ (0, import_react38.useLayoutEffect)(() => { const move = fly.current; if (!move) return; fly.current = null; @@ -13225,7 +13667,7 @@ diff --git a/client.js b/client.js }; const hasStrip = canBrowse && tabState.ids.length > 0; - return (0, import_react32.createElement)( -+ return (0, import_react37.createElement)( ++ return (0, import_react38.createElement)( "aside", { ref: root, @@ -13234,19 +13676,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_react37.createElement)("div", { className: "bt-panel-grip", role: "separator", "aria-orientation": "vertical", "aria-label": t("Resize panel"), onPointerDown: startResize }), ++ leaving ? null : (0, import_react38.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_react37.createElement)("div", { className: "bt-drag-shield", "aria-hidden": true }), document.body) : null, -+ hasStrip ? (0, import_react37.createElement)(PanelStrip, { bot, subject: pane.id, view, ids: tabState.ids, active, reading, onView: switchView, actions: panelActions, useBrowserPages }) : null, -+ view === "browser" && bot ? (0, import_react37.createElement)(BrowserView, { key: `browser:${active}`, bot, tabId: active, leaving, landed: landed && !settling, actions, useBrowserPages }) : (0, import_react37.createElement)( ++ dragging ? (0, import_react_dom8.createPortal)((0, import_react38.createElement)("div", { className: "bt-drag-shield", "aria-hidden": true }), document.body) : null, ++ hasStrip ? (0, import_react38.createElement)(PanelStrip, { bot, subject: pane.id, view, ids: tabState.ids, active, reading, onView: switchView, actions: panelActions, useBrowserPages }) : null, ++ view === "browser" && bot ? (0, import_react38.createElement)(BrowserView, { key: `browser:${active}`, bot, tabId: active, leaving, landed: landed && !settling, actions, useBrowserPages }) : (0, import_react38.createElement)( "div", { key: `details:${pane.id}:${pane.renaming ? "rename" : ""}:${pane.tab ?? ""}`, className: "bt-panel-view" }, - (0, import_react32.createElement)(DetailsDrawer, { -+ (0, import_react37.createElement)(DetailsDrawer, { ++ (0, import_react38.createElement)(DetailsDrawer, { sessionId: pane.id, startRenaming: pane.renaming, startTab: pane.tab, @@ -13255,7 +13697,7 @@ diff --git a/client.js b/client.js `; +// src/client/remote-bot-settings.js -+var import_react38 = require("react"); ++var import_react39 = 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} @@ -13279,8 +13721,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_react38.useRef)(null); -+ (0, import_react38.useEffect)(() => { ++ const dialog = (0, import_react39.useRef)(null); ++ (0, import_react39.useEffect)(() => { + const before = document.activeElement; + dialog.current?.focus?.({ preventScroll: true }); + return () => { @@ -13295,30 +13737,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_react38.createElement)( ++ return (0, import_react39.createElement)( + "div", + { className: "bt-remote-sheet-layer", "data-leaving": leaving || void 0, "data-flybot": "remote-bot-sheet" }, -+ (0, import_react38.createElement)("div", { className: "bt-scrim", onMouseDown: close }), -+ (0, import_react38.createElement)( ++ (0, import_react39.createElement)("div", { className: "bt-scrim", onMouseDown: close }), ++ (0, import_react39.createElement)( + "div", + { className: "bt-remote-sheet", role: "dialog", "aria-modal": true, "aria-label": t("Bot settings"), tabIndex: -1, ref: dialog, onKeyDown }, -+ (0, import_react38.createElement)( ++ (0, import_react39.createElement)( + "div", + { className: "bt-remote-sheet-head" }, -+ (0, import_react38.createElement)(BotMark, { bot, size: 40, live: true }), -+ (0, import_react38.createElement)( ++ (0, import_react39.createElement)(BotMark, { bot, size: 40, live: true }), ++ (0, import_react39.createElement)( + "div", + { className: "bt-remote-sheet-who" }, -+ (0, import_react38.createElement)("span", { className: "bt-remote-sheet-name" }, bot.name), -+ (0, import_react38.createElement)("span", { className: "bt-remote-sheet-sub" }, who) ++ (0, import_react39.createElement)("span", { className: "bt-remote-sheet-name" }, bot.name), ++ (0, import_react39.createElement)("span", { className: "bt-remote-sheet-sub" }, who) + ), -+ (0, import_react38.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close settings"), onClick: close }, (0, import_react38.createElement)(CloseIcon)) ++ (0, import_react39.createElement)("button", { type: "button", className: "bt-icon-btn", "aria-label": t("Close settings"), onClick: close }, (0, import_react39.createElement)(CloseIcon)) + ), -+ (0, import_react38.createElement)( ++ (0, import_react39.createElement)( + "div", + { className: "bt-remote-sheet-body" }, -+ bot.remote.handle ? (0, import_react38.createElement)("div", { className: "bt-muted", style: { marginBottom: 8, fontSize: 12 } }, bot.remote.handle) : null, -+ (0, import_react38.createElement)(FlyBotDetails, { bot, roster, actions }) ++ bot.remote.handle ? (0, import_react39.createElement)("div", { className: "bt-muted", style: { marginBottom: 8, fontSize: 12 } }, bot.remote.handle) : null, ++ (0, import_react39.createElement)(FlyBotDetails, { bot, roster, actions }) + ) + ) + ); @@ -13326,7 +13768,7 @@ diff --git a/client.js b/client.js + // src/client/overlays.js -var import_react33 = require("react"); -+var import_react39 = require("react"); ++var import_react40 = require("react"); var import_react_dom9 = require("react-dom"); var DIALOG_EXIT_MS = 160; var MENU_EXIT_MS3 = 120; @@ -13336,8 +13778,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_react39.useRef)(current); -+ (0, import_react39.useEffect)(() => { ++ const previous = (0, import_react40.useRef)(current); ++ (0, import_react40.useEffect)(() => { if (previous.current === current) return; previous.current = current; if (current) actions.followPanel?.(current); @@ -13345,8 +13787,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_react39.useState)(open); -+ (0, import_react39.useEffect)(() => { ++ const [kept, setKept] = (0, import_react40.useState)(open); ++ (0, import_react40.useEffect)(() => { if (open) { setKept(open); return void 0; @@ -13361,8 +13803,8 @@ diff --git a/client.js b/client.js - return (0, import_react33.createElement)( - import_react33.Fragment, + const [inbox, inboxLeaving] = useLinger(ui2.inbox ?? null, DIALOG_EXIT_MS); -+ return (0, import_react39.createElement)( -+ import_react39.Fragment, ++ return (0, import_react40.createElement)( ++ import_react40.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, @@ -13372,16 +13814,16 @@ 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_react39.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_react39.createElement)(NewChat, { key: ui2.newChat, mode: ui2.newChat, roster, actions }), document.body) : null, -+ ui2.palette ? (0, import_react_dom9.createPortal)((0, import_react39.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_react39.createElement)(ExchangeDialog, { pair: ui2.exchange, roster, actions }), document.body) : null, -+ ui2.voice ? (0, import_react_dom9.createPortal)((0, import_react39.createElement)(VoiceMode, { key: ui2.voice, sessionId: ui2.voice, roster, actions, useSessions, useSessionStatus }), document.body) : null, -+ menu ? (0, import_react_dom9.createPortal)((0, import_react39.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_react39.createElement)(SettingsDialog, { page: settings.page, id: settings.id, roster, actions, useUpdate, leaving: settingsLeaving }), document.body) : null, -+ remoteBotSettings ? (0, import_react_dom9.createPortal)((0, import_react39.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_react39.createElement)(MemoryDialog, { key: memory, bot: roster.byId[memory], actions, leaving: memoryLeaving }), document.body) : null, -+ inbox ? (0, import_react_dom9.createPortal)((0, import_react39.createElement)(InboxDialog, { roster, useWork, useSessions, actions, leaving: inboxLeaving }), document.body) : null ++ pane ? (0, import_react_dom9.createPortal)((0, import_react40.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_react40.createElement)(NewChat, { key: ui2.newChat, mode: ui2.newChat, roster, actions }), document.body) : null, ++ ui2.palette ? (0, import_react_dom9.createPortal)((0, import_react40.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_react40.createElement)(ExchangeDialog, { pair: ui2.exchange, roster, actions }), document.body) : null, ++ ui2.voice ? (0, import_react_dom9.createPortal)((0, import_react40.createElement)(VoiceMode, { key: ui2.voice, sessionId: ui2.voice, roster, actions, useSessions, useSessionStatus }), document.body) : null, ++ menu ? (0, import_react_dom9.createPortal)((0, import_react40.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_react40.createElement)(SettingsDialog, { page: settings.page, id: settings.id, roster, actions, useUpdate, leaving: settingsLeaving }), document.body) : null, ++ remoteBotSettings ? (0, import_react_dom9.createPortal)((0, import_react40.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_react40.createElement)(MemoryDialog, { key: memory, bot: roster.byId[memory], actions, leaving: memoryLeaving }), document.body) : null, ++ inbox ? (0, import_react_dom9.createPortal)((0, import_react40.createElement)(InboxDialog, { roster, useWork, useSessions, actions, leaving: inboxLeaving }), document.body) : null ); } @@ -13523,7 +13965,7 @@ diff --git a/client.js b/client.js // src/client/user-message.js -var import_react34 = require("react"); -+var import_react40 = require("react"); ++var import_react41 = require("react"); var ui = __toESM(require("@deepseek-ai/dsh-client-ui-primitives"), 1); var canDrawUserMessages = () => typeof ui.projectUserText === "function"; function contentParts(content) { @@ -13583,40 +14025,40 @@ diff --git a/client.js b/client.js } function UserText({ text, bots, referenceLabels, skillNames, references, actions }) { - return userTextParts(text, bots, referenceLabels).map((part, index) => part.bot ? (0, import_react34.createElement)( -+ return userTextParts(text, bots, referenceLabels).map((part, index) => part.bot ? (0, import_react40.createElement)( ++ return userTextParts(text, bots, referenceLabels).map((part, index) => part.bot ? (0, import_react41.createElement)( "button", { key: index, type: "button", className: "bt-umention", title: `@${part.bot.name}`, onClick: () => actions.openSession(part.bot.id) }, - (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))); -+ (0, import_react40.createElement)(BotMark, { bot: part.bot, size: 16 }), ++ (0, import_react41.createElement)(BotMark, { bot: part.bot, size: 16 }), + `@${part.bot.mentionLabel ?? part.label}` -+ ) : (0, import_react40.createElement)(import_react40.Fragment, { key: index }, ui.projectUserText(part.text, referenceLabels, skillNames, "skill", references))); ++ ) : (0, import_react41.createElement)(import_react41.Fragment, { key: index }, ui.projectUserText(part.text, referenceLabels, skillNames, "skill", references))); } 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_react40.createElement)("div", { className: "bt-uattach" }, attachments.map((block, index) => { ++ return (0, import_react41.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_react40.createElement)(import_react40.Fragment, { key: index }, renderMessageImages({ images: [{ attachment: block.attachment }], align: "end", compact: compact2 })) : null; ++ return renderMessageImages ? (0, import_react41.createElement)(import_react41.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_react40.createElement)( ++ return (0, import_react41.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_react40.createElement)(ui.FileTypeIcon, { path: file.name, className: "bt-ufile-icon" }) : null, -+ (0, import_react40.createElement)("span", { className: "bt-ufile-text" }, (0, import_react40.createElement)("span", { className: "bt-ufile-name" }, file.name), meta ? (0, import_react40.createElement)("span", { className: "bt-ufile-meta" }, meta) : null) ++ ui.FileTypeIcon ? (0, import_react41.createElement)(ui.FileTypeIcon, { path: file.name, className: "bt-ufile-icon" }) : null, ++ (0, import_react41.createElement)("span", { className: "bt-ufile-text" }, (0, import_react41.createElement)("span", { className: "bt-ufile-name" }, file.name), meta ? (0, import_react41.createElement)("span", { className: "bt-ufile-meta" }, meta) : null) ); })); } function CopyButton({ text }) { - const [copied, setCopied] = (0, import_react34.useState)(false); -+ const [copied, setCopied] = (0, import_react40.useState)(false); ++ const [copied, setCopied] = (0, import_react41.useState)(false); const copy2 = () => { void navigator.clipboard?.writeText(text).then(() => { setCopied(true); @@ -13624,7 +14066,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_react40.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_react40.createElement)(CheckIcon) : (0, import_react40.createElement)(CopyIcon)); ++ return (0, import_react41.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_react41.createElement)(CheckIcon) : (0, import_react41.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 }) { @@ -13640,7 +14082,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_react40.createElement)( ++ return (0, import_react41.createElement)( "div", - { className: "bt-umsg", "data-steering": steering || void 0 }, - (0, import_react34.createElement)( @@ -13652,28 +14094,28 @@ diff --git a/client.js b/client.js + "data-author-kind": author?.authorKind, + "data-author-name": author?.name + }, -+ person ? (0, import_react40.createElement)("span", { className: "bt-lead", title: author.name }, (0, import_react40.createElement)(PersonMark, { name: author.name })) : null, -+ faceMine ? (0, import_react40.createElement)("span", { className: "bt-lead", title: myName || void 0 }, (0, import_react40.createElement)(PersonMark, { name: myName || void 0 })) : null, -+ (0, import_react40.createElement)( ++ person ? (0, import_react41.createElement)("span", { className: "bt-lead", title: author.name }, (0, import_react41.createElement)(PersonMark, { name: author.name })) : null, ++ faceMine ? (0, import_react41.createElement)("span", { className: "bt-lead", title: myName || void 0 }, (0, import_react41.createElement)(PersonMark, { name: myName || void 0 })) : null, ++ (0, import_react41.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_react40.createElement)("span", { className: "bt-uauthor" }, myName) : author && (incoming || multiHuman) ? (0, import_react40.createElement)("span", { className: "bt-uauthor" }, author.name, author.ownerName ? (0, import_react40.createElement)("span", { className: "bt-chip" }, t("Friend's Bot")) : null) : null, -+ attachments.length > 0 ? (0, import_react40.createElement)(Attachments, { attachments, renderMessageImages }) : null, -+ text !== "" || rest.length > 0 ? (0, import_react40.createElement)( ++ faceMine && myName ? (0, import_react41.createElement)("span", { className: "bt-uauthor" }, myName) : author && (incoming || multiHuman) ? (0, import_react41.createElement)("span", { className: "bt-uauthor" }, author.name, author.ownerName ? (0, import_react41.createElement)("span", { className: "bt-chip" }, t("Friend's Bot")) : null) : null, ++ attachments.length > 0 ? (0, import_react41.createElement)(Attachments, { attachments, renderMessageImages }) : null, ++ text !== "" || rest.length > 0 ? (0, import_react41.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_react40.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_react40.createElement)(ui.JsonBlock, { key: index, label: t("Content"), payload: block }) : null) ++ (0, import_react41.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_react41.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_react40.createElement)("div", { className: "bt-urefs" }, t("Referenced {labels}", { labels: referenceLabels.join(t(", ")) })) : null ++ referenceLabels.length > 0 ? (0, import_react41.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_react40.createElement)("div", { className: "bt-utools" }, (0, import_react40.createElement)(CopyButton, { text })) ++ text === "" ? null : (0, import_react41.createElement)("div", { className: "bt-utools" }, (0, import_react41.createElement)(CopyButton, { text })) ); } var USER_MESSAGE_CSS = ` @@ -13775,7 +14217,7 @@ diff --git a/client.js b/client.js +} + +// src/client/stats-dock.js -+var import_react41 = require("react"); ++var import_react42 = require("react"); +var STATS_DOCK = "conversation.composer.dock"; +var STATS_ID = "stats"; +var noun = (count, one, many) => `${count} ${Number(count) === 1 ? one : many}`; @@ -13790,10 +14232,10 @@ diff --git a/client.js b/client.js +function statsDock(entriesOf) { + const shell = () => (entriesOf(STATS_DOCK) ?? []).find((entry) => entry?.component !== StatsDock && entry?.options?.id === STATS_ID); + function StatsDock(props) { -+ const t2 = (0, import_react41.useMemo)(() => typeof props.t === "function" ? pluralStats(props.t) : props.t, [props.t]); ++ const t2 = (0, import_react42.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_react41.createElement)(entry.component, { ...props, t: t2 }); ++ return (0, import_react42.createElement)(entry.component, { ...props, t: t2 }); + } + return { component: StatsDock, inject: (...args) => shell()?.inject?.(...args) ?? {} }; } @@ -13979,6 +14421,14 @@ diff --git a/client.js b/client.js endVisit: (id) => { leaveVisits([id]); ui2.set((state) => { +@@ -13812,6 +13812,7 @@ function apply(ctx) { + answerQuestion: (sessionId, questionId, answer) => after(call("answer-question", { sessionId: partFor(sessionId), questionId, answer })), + dismissQuestion: (sessionId) => after(call("dismiss-question", { sessionId })), + answerApproval: (id, choice) => after(call("approval-answer", { id, choice })), ++ removeStandingApproval: (scope, id, kind) => after(call("standing-approval-remove", { scope, id, kind })), + 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,24 @@ function apply(ctx) { secretCancel: (requestId) => after(call("secret-cancel", { requestId })), secretUpdate: (name, scope) => after(call("secret-update", { name, scope })), diff --git a/patches/ds-bot/0012-room-membership.patch b/patches/ds-bot/0012-room-membership.patch index 21b92049..2a36d3c8 100644 --- a/patches/ds-bot/0012-room-membership.patch +++ b/patches/ds-bot/0012-room-membership.patch @@ -279,7 +279,7 @@ diff --git a/src/client/details-drawer.js b/src/client/details-drawer.js diff --git a/src/client/group-settings.js b/src/client/group-settings.js --- a/src/client/group-settings.js +++ b/src/client/group-settings.js -@@ -1,11 +1,12 @@ +@@ -1,11 +1,13 @@ import { createElement as h, useEffect, useState } from 'react' import { isMainOf } from './sources.js' import { PlusIcon, ChevronRightIcon } from './icons.js' @@ -289,6 +289,7 @@ diff --git a/src/client/group-settings.js b/src/client/group-settings.js import { Segmented } from './motion.js' import { FolderMenu } from './folder-menu.js' import { t } from './i18n.js' ++import { StandingApprovalsCard } from './standing-approvals.js' +import { remoteBotTitle } from '../shared/remote-label.js' export const ROOM_MODES = [ @@ -459,7 +460,11 @@ diff --git a/src/client/group-settings.js b/src/client/group-settings.js ? h('button', { type: 'button', className: 'bt-set-row bt-bs-row bt-gs-add', onClick: () => setAdding(true) }, h(PlusIcon), t('Add member')) : null, h('div', { className: 'bt-set-row bt-gs-note' }, h('span', { className: 'bt-set-hint' }, -@@ -95,7 +95,7 @@ export function GroupSettingsForm({ room, roster, actions, run, onDeleted }) { +@@ -92,10 +92,11 @@ export function GroupSettingsForm({ room, roster, actions, run, onDeleted }) { + members.length < 2 ? t('Add a Bot first: a group chat needs at least two.') + : admin ? t('{name} leads this group: it can call members with @Name, change the group, and post here.', { name: admin.name }) + : t('No admin yet. An admin can call members with @Name, change the group, and post here.')))), ++ h(StandingApprovalsCard, { scope: 'room', target: room, roster, actions, run, Card }), h(Card, { title: t('Sidebar') }, h(SwitchRow, { label: t('Pin'), hint: t('Kept above the other chats.'), on: room.pinned === true, onChange: pinned => run(actions.setFlags(room.id, { pinned })) }), h(SwitchRow, { label: t('Hide from sidebar'), hint: t('Search still finds it.'), on: room.hidden === true, onChange: hidden => run(actions.setFlags(room.id, { hidden })) })), diff --git a/patches/ds-bot/files/src/client/inbox.js b/patches/ds-bot/files/src/client/inbox.js index 832d6162..45f59fc7 100644 --- a/patches/ds-bot/files/src/client/inbox.js +++ b/patches/ds-bot/files/src/client/inbox.js @@ -12,6 +12,7 @@ import { CloseIcon } from './icons.js' import { workPhrase } from './cells.js' import { elapsedLabel } from './activity-row.js' import { useEscape } from './overlay-hooks.js' +import { alwaysChoices } from './member-status.js' import { currentPart, previewOf, relativeShort } from './text.js' import { hostText, t } from './i18n.js' @@ -270,6 +271,7 @@ export function InboxCard({ card, roster, now, busy, error, onAnswer, onOpen }) h('span', { className: 'bt-inbox-actions' }, answerable ? h('button', { type: 'button', className: 'bt-soft bt-soft-sm', disabled: busy, onClick: () => onAnswer(card, 'reject') }, t('Reject')) : null, answerable ? h('button', { type: 'button', className: 'bt-send bt-soft-sm', disabled: busy, onClick: () => onAnswer(card, 'allow') }, t('Allow once')) : null, + ...(answerable ? alwaysChoices(card.approval, card.bot) : []).map(([choice, label]) => h('button', { key: choice, type: 'button', className: 'bt-soft bt-soft-sm', 'data-choice': choice, disabled: busy, onClick: () => onAnswer(card, choice) }, t(label))), h('button', { type: 'button', className: 'bt-soft bt-soft-sm', 'aria-label': who ? t('Open {name}', { name: card.room?.name ?? who }) : t('Open'), onClick: () => onOpen(card) }, t('Open')))) } @@ -308,7 +310,9 @@ export function InboxDialog({ roster, useWork, useSessions, actions, leaving = f .then(() => { setAnswered(value => ({ ...value, [card.id]: choice })) const name = card.bot?.name ?? '' - setFeedback(choice === 'allow' ? t('Allowed once for {name}', { name }) : t('Rejected for {name}', { name })) + setFeedback(choice === 'allow' ? t('Allowed once for {name}', { name }) + : choice === 'always-bot' ? t('Always allowed for {name}', { name }) + : choice === 'always-room' ? t('Always allowed in this group') : t('Rejected for {name}', { name })) }, failure => setErrors(value => ({ ...value, [card.id]: hostText(failure?.message ?? String(failure)) }))) .finally(() => setBusy('')) } diff --git a/patches/ds-bot/files/src/client/standing-approvals.js b/patches/ds-bot/files/src/client/standing-approvals.js new file mode 100644 index 00000000..240af345 --- /dev/null +++ b/patches/ds-bot/files/src/client/standing-approvals.js @@ -0,0 +1,27 @@ +// Standing approvals (#540): what the owner chose "Always allow" for, on a Bot or a +// group, each with Remove. A group lists only the grants this person gave (all of them +// on a host nobody signed in to). +import { createElement as h } from 'react' +import { t } from './i18n.js' + +// Without a sign-in the host has one person, who gave every grant. +export const standingOf = (target, roster) => { + const me = roster?.self?.memberId + return (target?.standingApprovals ?? []).filter(grant => me === undefined || grant.ownerId === me) +} + +export function StandingApprovalsCard({ scope, target, roster, actions, run, 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 h(Card, { title: t('Always allowed') }, + grants.map(grant => h('div', { key: grant.kind, className: 'bt-set-row bt-bs-row', 'data-standing': grant.kind }, + h('span', { className: 'bt-set-copy' }, + h('span', { className: 'bt-bs-label' }, grant.label || grant.kind), + h('span', { className: 'bt-set-hint' }, hint)), + h('button', { + type: 'button', className: 'bt-soft bt-soft-sm', + 'aria-label': t('Remove always allow for {kind}', { kind: grant.label || grant.kind }), + onClick: () => run(actions.removeStandingApproval(scope, target.id, grant.kind)), + }, t('Remove'))))) +} diff --git a/patches/ds-bot/files/src/host/authz.js b/patches/ds-bot/files/src/host/authz.js index 1660b957..890c45cf 100644 --- a/patches/ds-bot/files/src/host/authz.js +++ b/patches/ds-bot/files/src/host/authz.js @@ -225,6 +225,13 @@ export function install(rt) { const requireRoom = id => (roomOwnedBy(actor, id) ? ALLOW : deny('bot/forbidden', 'You do not own that room')) const requireSession = id => (sessionOwnedBy(actor, id) ? ALLOW : deny('bot/forbidden', 'You do not own that session')) + // A group's standing grant belongs to the owner who gave it, a Bot's to the Bot's owner (#540). + if (ep === 'standing-approval-remove') { + if (body?.scope !== 'room') return requireBot(body?.id) + const grant = (state.rooms?.[String(body?.id ?? '')]?.standingApprovals ?? []).find(entry => entry.kind === String(body?.kind ?? '')) + return grant !== undefined && grant.ownerId === actor.memberId ? ALLOW : deny('bot/forbidden', 'You did not give that approval') + } + if (BOT_TARGETED.has(ep)) { if (ep === 'schedules' || ep.startsWith('schedule-')) { // The create endpoint keys off `body.target` (Bot or room id); `sessionId` is @@ -336,6 +343,8 @@ export function install(rt) { // room, and those decide — never a caller-chosen sessionId next to it. const approval = (rt.approvalsView?.() ?? []).find(entry => entry.id === String(body?.id ?? '')) if (approval === undefined) return deny('bot/forbidden', 'You do not own that approval') + // A standing grant outlives this one request: only the Bot's own owner gives it (#540). + if (String(body?.choice ?? '').startsWith('always')) return botOwnedBy(actor, approval.botId) ? ALLOW : deny('bot/forbidden', 'Only the Bot\'s owner can always allow') return botOwnedBy(actor, approval.botId) || roomOwnedBy(actor, approval.roomId) ? ALLOW : deny('bot/forbidden', 'You do not own that approval') } return requireSession(body?.sessionId) diff --git a/patches/ds-bot/files/test/authz.test.js b/patches/ds-bot/files/test/authz.test.js index 0559b846..31277028 100644 --- a/patches/ds-bot/files/test/authz.test.js +++ b/patches/ds-bot/files/test/authz.test.js @@ -266,6 +266,27 @@ test('approval-answer resolves the approval, not caller-chosen fields', async (t assert.equal(rt.authorize(actorA, 'approval-answer', { id: 'ap-other', sessionId: 'a1', choice: 'approve' }).ok, false) }) +test('only the Bot\'s owner gives a standing approval, and only its giver removes a group\'s (#540)', async (t) => { + const { rt } = runtime(t, TEAM) + await rt.load() + const sessionA = await redeemOwner(rt) + await redeemOwner(rt) + const actorA = await rt.authenticate(sessionA.sessionToken) + rt.state.bots.a1 = { id: 'a1', sessionId: 'a1', name: 'A', instructions: '', createdAt: 2, ownerId: actorA.memberId } + rt.state.bots.b1 = { id: 'b1', sessionId: 'b1', name: 'B', instructions: '', createdAt: 3, ownerId: 'owner-2' } + rt.state.rooms.r1 = { id: 'r1', name: 'R', members: ['a1', 'b1'], sessions: {}, log: [], seq: 0, seen: {}, standingApprovals: [{ kind: 'bash', ownerId: 'owner-2' }, { kind: 'pwsh', ownerId: actorA.memberId }] } + rt.state.rooms.r2 = { id: 'r2', name: 'Mine', members: ['a1'], sessions: {}, log: [], seq: 0, seen: {} } + rt.approvalsView = () => [{ id: 'ap-own', sessionId: 'a1', botId: 'a1', roomId: 'r2' }, { id: 'ap-other', sessionId: 'gb', botId: 'b1', roomId: 'r2' }] + assert.equal(rt.authorize(actorA, 'approval-answer', { id: 'ap-own', choice: 'always-room' }).ok, true) + // Owning the room is enough for Allow once, never for a standing grant on another owner's Bot. + assert.equal(rt.authorize(actorA, 'approval-answer', { id: 'ap-other', choice: 'always-bot' }).ok, false) + assert.equal(rt.authorize(actorA, 'approval-answer', { id: 'ap-other', choice: 'always-room' }).ok, false) + assert.equal(rt.authorize(actorA, 'standing-approval-remove', { scope: 'bot', id: 'a1', kind: 'bash' }).ok, true) + assert.equal(rt.authorize(actorA, 'standing-approval-remove', { scope: 'bot', id: 'b1', kind: 'bash' }).ok, false) + assert.equal(rt.authorize(actorA, 'standing-approval-remove', { scope: 'room', id: 'r1', kind: 'pwsh' }).ok, true) + assert.equal(rt.authorize(actorA, 'standing-approval-remove', { scope: 'room', id: 'r1', kind: 'bash' }).ok, false) +}) + test('flybot plugin endpoints follow the read/shared rules', async (t) => { const { rt } = runtime(t, TEAM) await rt.load() diff --git a/patches/ds-bot/files/test/inbox.test.js b/patches/ds-bot/files/test/inbox.test.js index 86d96293..89152f11 100644 --- a/patches/ds-bot/files/test/inbox.test.js +++ b/patches/ds-bot/files/test/inbox.test.js @@ -177,9 +177,9 @@ test('a card shows exactly one status, as an icon and a word, and its full title } }) -test('an answerable approval has Reject, Allow once and Open; everything else only Open', () => { +test('an answerable approval has Reject, Allow once, the two Always allow choices (#540) and Open; everything else only Open', () => { const labels = card => plain(buttons(draw(card)).map(textOf)) - assert.deepEqual(labels(cardOf('approval:a1')), ['Reject', 'Allow once', 'Open']) + assert.deepEqual(labels(cardOf('approval:a1')), ['Reject', 'Allow once', 'Always allow for this Bot', 'Always allow for this group', 'Open']) // DSH's own card in the Bot's chat answers this one; the inbox opens that chat. assert.deepEqual(labels(cardOf('approval:a2')), ['Open']) // Bot-sent messages are approved in their chat by the owner, never from the inbox. @@ -192,7 +192,7 @@ test('the card buttons call back with the card and the choice', () => { const log = [] const tree = draw(cardOf('approval:a1'), { onAnswer: (card, choice) => log.push([card.id, choice]), onOpen: card => log.push(['open', card.chat]) }) for (const button of buttons(tree)) button.props.onClick() - assert.deepEqual(log, [['approval:a1', 'reject'], ['approval:a1', 'allow'], ['open', 'r1']]) + assert.deepEqual(log, [['approval:a1', 'reject'], ['approval:a1', 'allow'], ['approval:a1', 'always-bot'], ['approval:a1', 'always-room'], ['open', 'r1']]) }) const dialog = (actions) => { diff --git a/patches/ds-bot/files/test/standing-approvals.test.js b/patches/ds-bot/files/test/standing-approvals.test.js new file mode 100644 index 00000000..d1865b72 --- /dev/null +++ b/patches/ds-bot/files/test/standing-approvals.test.js @@ -0,0 +1,41 @@ +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/standing-approvals.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, + require: (name) => { + if (name !== 'react') throw new Error(`no platform module ${name}`) + return { createElement: (type, props, ...children) => ({ type, props: props ?? {}, children: children.flat(Infinity) }) } + }, +}) +const { standingOf, StandingApprovalsCard } = module.exports +const plain = value => JSON.parse(JSON.stringify(value)) + +// #540: the Always allowed card in Bot and Group settings, each grant with Remove. +test('a group lists only the grants the signed-in person gave, and all of them before anyone signs in', () => { + const room = { id: 'r1', standingApprovals: [{ kind: 'bash', ownerId: 'm1' }, { kind: 'pwsh', ownerId: 'm2' }] } + assert.deepEqual(plain(standingOf(room, { self: { memberId: 'm1' } }).map(grant => grant.kind)), ['bash']) + assert.deepEqual(plain(standingOf(room, { self: null }).map(grant => grant.kind)), ['bash', 'pwsh']) +}) + +test('Remove revokes that one grant on its Bot or group, and an empty list draws nothing', () => { + const calls = [] + const actions = { removeStandingApproval: (...args) => { calls.push(args); return 'p' } } + const run = value => value + const bot = { id: 'b', standingApprovals: [{ kind: 'bash:escalate:danger-full-access', label: 'bash · danger-full-access' }] } + const card = StandingApprovalsCard({ scope: 'bot', target: bot, roster: { self: null }, actions, run, Card: (props, ...children) => ({ props, children }) }) + const [row] = card.children.flat() + const button = row.children.find(node => node.type === 'button') + assert.equal(button.children.join(''), 'Remove') + button.props.onClick() + assert.deepEqual(plain(calls), [['bot', 'b', 'bash:escalate:danger-full-access']]) + assert.equal(StandingApprovalsCard({ scope: 'room', target: { id: 'r1' }, roster: { self: null }, actions, run, Card: () => ({}) }), null) +}) diff --git a/patches/ds-bot/topics.json b/patches/ds-bot/topics.json index 3b60c89f..84cd041a 100644 --- a/patches/ds-bot/topics.json +++ b/patches/ds-bot/topics.json @@ -37,6 +37,7 @@ "src/client/approval-notices.js", "test/approval-notices.test.js", "src/client/member-status.js", + "src/host/approvals.js", "test/group-status.test.js", "test/member-status.test.js" ],