reflet-sdk 0.7.3 → 0.7.5

package/dist/{sessions-panel-BYM0UUgT.js → devtools-styles-TWR5Ps34.js}

@@ -1,5 +1,5 @@
 import { a as EDITORS, n as DEVTOOLS_REQUEST_HEADER, r as DEVTOOLS_ROUTE_BASE, t as DEVTOOLS_ENDPOINTS } from "./protocol-cJVVwnPe.js";
-import { B as clip, D as MoreIcon, G as describeElement, K as getElementRect, M as TargetIcon, O as PencilIcon, R as DEFAULT_WIDGET_LABELS, S as CheckIcon, T as GripIcon, W as buildSelector, Y as redactUrl, Z as inspectReactElement, _ as matchesHotkey, a as uploadBlob, c as useFloatingPosition, g as isSubmitEnter, it as releaseCapture, j as Svg, l as onViewportChange, m as startsInWidget, o as ElementPicker, p as listenToKeydown, q as REDACT_ATTRIBUTE, s as isWidgetOwned, tt as captureViewport, u as visibleViewport, w as CloseIcon } from "./submit-Dl0rm6TV.js";
+import { B as clip, D as MoreIcon, G as describeElement, K as getElementRect, M as TargetIcon, O as PencilIcon, R as DEFAULT_WIDGET_LABELS, S as CheckIcon, T as GripIcon, W as buildSelector, Y as redactUrl, Z as inspectReactElement, _ as matchesHotkey, a as uploadBlob, c as useFloatingPosition, g as isSubmitEnter, it as releaseCapture, j as Svg, l as onViewportChange, m as startsInWidget, o as ElementPicker, p as listenToKeydown, q as REDACT_ATTRIBUTE, s as isWidgetOwned, tt as captureViewport, u as visibleViewport, w as CloseIcon } from "./submit-DJIKxRUp.js";
 import { t as REFLET_Z_INDEX } from "./z-index-CwokqVq_.js";
 import { z } from "zod";
 import { createContext, useContext, useEffect, useId, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
@@ -274,6 +274,8 @@ const sessionIdentitySchema = z.object({
 	user: z.object({
 		email: z.string().nullable(),
 		id: z.string(),
+		/** Absent from older Reflet backends. */
+		image: z.string().nullable().optional(),
 		name: z.string().nullable()
 	})
 });
@@ -1068,6 +1070,27 @@ function teamTransport(options) {
 		return schema.parse(await response.json().catch(() => null));
 	} };
 }
+function parseReplyBody(body) {
+	try {
+		return JSON.parse(body);
+	} catch {
+		return null;
+	}
+}
+/** Calls go through the desktop app's privileged process, which holds the credential. Absent keys stay absent: IPC keeps an `undefined` value. */
+function bridgeTransport(bridge) {
+	return { async request({ body, method, path, query, schema }) {
+		const reply = await bridge.request({
+			method,
+			path,
+			...method === "POST" && { body: JSON.stringify(body ?? {}) },
+			...query && { query }
+		});
+		const payload = parseReplyBody(reply.body);
+		if (!(reply.status >= 200 && reply.status < 300)) throw toSessionApiError(payload, reply.status);
+		return schema.parse(payload);
+	} };
+}
 function uploadSessionBlob(uploadUrl, blob) {
 	return uploadBlob(uploadUrl, {
 		blob,
@@ -3285,11 +3308,25 @@ function preciseSeconds(ms) {
 function minutesLeft(remainingMs) {
 	return Math.max(1, Math.ceil(remainingMs / MINUTE_MS));
 }
-function formatDate(epochMs) {
-	return new Date(epochMs).toLocaleString(void 0, {
-		dateStyle: "medium",
-		timeStyle: "short"
-	});
+function startOfDay(epochMs, daysBack) {
+	const day = new Date(epochMs);
+	day.setHours(0, 0, 0, 0);
+	day.setDate(day.getDate() - daysBack);
+	return day.getTime();
+}
+function dayLabel(epochMs, now) {
+	if (epochMs >= startOfDay(now, 0)) return "Today";
+	if (epochMs >= startOfDay(now, 1)) return "Yesterday";
+	const date = new Date(epochMs);
+	const isThisYear = date.getFullYear() === new Date(now).getFullYear();
+	return date.toLocaleDateString(void 0, isThisYear ? {
+		day: "numeric",
+		month: "short"
+	} : { dateStyle: "medium" });
+}
+function formatDate(epochMs, now = Date.now()) {
+	const time = new Date(epochMs).toLocaleTimeString(void 0, { timeStyle: "short" });
+	return `${dayLabel(epochMs, now)}, ${time}`;
 }
 function isAnalysisBusy(summary) {
 	return summary.analysis.state === "waiting" || summary.analysis.state === "running";
@@ -3333,13 +3370,6 @@ function PauseIcon() {
 function PlayIcon() {
 	return /* @__PURE__ */ jsx(Svg, { children: /* @__PURE__ */ jsx("path", { d: "m8 5 11 7-11 7z" }) });
 }
-function PersonIcon() {
-	return /* @__PURE__ */ jsxs(Svg, { children: [/* @__PURE__ */ jsx("circle", {
-		cx: "12",
-		cy: "8",
-		r: "4"
-	}), /* @__PURE__ */ jsx("path", { d: "M4.5 20a7.5 7.5 0 0 1 15 0" })] });
-}
 function ClockIcon() {
 	return /* @__PURE__ */ jsxs(Svg, { children: [/* @__PURE__ */ jsx("circle", {
 		cx: "12",
@@ -3347,6 +3377,29 @@ function ClockIcon() {
 		r: "8.5"
 	}), /* @__PURE__ */ jsx("path", { d: "M12 7.5V12l3 2" })] });
 }
+function IntentionIcon() {
+	return /* @__PURE__ */ jsx(Svg, { children: /* @__PURE__ */ jsx("path", { d: "M9 18h6M10 21h4M12 3a6 6 0 0 0-3.6 10.8c.6.5 1.1 1.3 1.1 2.2h5c0-.9.5-1.7 1.1-2.2A6 6 0 0 0 12 3z" }) });
+}
+function TranscriptIcon() {
+	return /* @__PURE__ */ jsx(Svg, { children: /* @__PURE__ */ jsx("path", { d: "M4 6h16M4 11h16M4 16h10" }) });
+}
+function ImageIcon() {
+	return /* @__PURE__ */ jsxs(Svg, { children: [
+		/* @__PURE__ */ jsx("rect", {
+			height: "16",
+			rx: "2.5",
+			width: "18",
+			x: "3",
+			y: "4"
+		}),
+		/* @__PURE__ */ jsx("circle", {
+			cx: "9",
+			cy: "10",
+			r: "1.6"
+		}),
+		/* @__PURE__ */ jsx("path", { d: "m21 16-5-5-9 9" })
+	] });
+}
 //#endregion
 //#region src/sessions/ui/recording/level-meter.tsx
 const REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
@@ -3604,179 +3657,6 @@ function RecordingLayer({ onFinished }) {
 	})] });
 }
 //#endregion
-//#region src/sessions/ui/intention-styles.ts
-const INTENTION_STYLES = `
-.dt-ses-panel { display: contents; }
-.dt-ses-panel[hidden] { display: none; }
-.dt-ses-moment, .dt-ses-moment-section, .dt-ses-block, .dt-ses-change, .dt-ses-history { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
-.dt-ses-moment-item { display: flex; flex-direction: column; gap: 6px; padding: 8px 10px; border-radius: 10px; background: var(--rf-bg-subtle); }
-.dt-ses-moment-line { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; overflow-wrap: anywhere; }
-.dt-ses-moment-quote { display: flex; flex-direction: column; gap: 2px; margin: 0; padding-left: 10px; border-left: 2px solid var(--rf-border); overflow-wrap: anywhere; }
-.dt-ses-moment-notices { color: var(--rf-text-muted); font-size: 12px; }
-.dt-ses-moment-shot { display: flex; flex-direction: column; gap: 4px; margin: 0; max-width: 100%; }
-.dt-ses-shot-mark[data-match="approximate"] { border-style: dashed; }
-.dt-ses-shot-pointer {
-  position: absolute; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%;
-  background: var(--rf-accent); box-shadow: 0 0 0 2px var(--rf-bg); pointer-events: none;
-}
-.dt-ses-source { margin: 0; font-size: 12px; overflow-wrap: anywhere; }
-.dt-ses-context-line { display: block; }
-.dt-ses-attached { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; }
-.dt-ses-attached p { margin: 0; }
-.dt-ses-history[data-removed="true"] > .dt-ses-subhead { color: var(--rf-text-muted); text-decoration: line-through; }
-.dt-ses-change { padding: 8px 10px; border-radius: 10px; background: var(--rf-bg-subtle); list-style: none; }
-.dt-ses-change[data-decision="rejected"] .dt-ses-diff { color: var(--rf-text-muted); text-decoration: line-through; }
-.dt-ses-diff { display: grid; grid-template-columns: auto 1fr; gap: 2px 8px; margin: 0; overflow-wrap: anywhere; }
-p.dt-ses-diff { display: block; }
-.dt-ses-diff dd { margin: 0; }
-.dt-card:focus-visible { outline: 2px solid var(--rf-accent); outline-offset: 2px; }
-`;
-//#endregion
-//#region src/sessions/ui/review/screens/report-styles.ts
-const REPORT_STYLES = `
-.dt-ses-report { display: flex; flex-direction: column; gap: 4px; width: 100%; min-width: 0; margin: 0; }
-.dt-ses-report-canvas { position: relative; width: 100%; }
-.dt-ses-report-canvas img { display: block; width: 100%; max-width: 100%; height: auto; border-radius: 8px; box-shadow: var(--rf-shadow-inset); }
-.dt-ses-report-canvas[data-measured="false"] .dt-ses-callout { visibility: hidden; }
-.dt-ses-report-mark { --dt-mark: var(--rf-accent); position: absolute; border: 2px solid var(--dt-mark); border-radius: 4px; pointer-events: none; }
-.dt-ses-report-lines { position: absolute; inset: 0; overflow: visible; pointer-events: none; }
-.dt-ses-report-lines g { color: var(--rf-accent); }
-.dt-ses-report-lines line { stroke: currentColor; stroke-width: 1.5; }
-.dt-ses-report-lines circle { fill: currentColor; }
-.dt-ses-report-mark[data-decision="kept"], .dt-ses-report-lines g[data-decision="kept"] { --dt-mark: var(--rf-success); color: var(--rf-success); }
-.dt-ses-report-mark[data-decision="dismissed"], .dt-ses-report-lines g[data-decision="dismissed"] { opacity: .35; }
-.dt-ses-callouts { margin: 0; padding: 0; list-style: none; }
-.dt-ses-callouts[data-flow="list"] { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
-.dt-ses-callout {
-  display: flex; align-items: center; gap: 4px; max-width: 100%; padding: 3px; border-radius: var(--rf-pill);
-  background: var(--rf-bg); box-shadow: var(--rf-shadow-inset), var(--rf-shadow-low); font-size: 12px; line-height: 1.3;
-}
-.dt-ses-report-canvas .dt-ses-callout { position: absolute; top: 0; left: 0; width: max-content; max-width: min(280px, 100%); }
-.dt-ses-callout-number {
-  display: grid; place-items: center; flex: none; min-width: 20px; height: 20px; padding: 0 5px; border-radius: var(--rf-pill);
-  background: var(--rf-accent); color: var(--rf-accent-text, #fff); font-size: 11px; font-weight: 650; font-variant-numeric: tabular-nums;
-}
-.dt-ses-callout[data-decision="kept"] .dt-ses-callout-number { background: var(--rf-success); }
-.dt-ses-callout[data-decision="dismissed"] .dt-ses-callout-number { background: var(--rf-text-muted); }
-.dt-ses-callout-label { min-width: 0; padding: 0 4px; font-weight: 550; text-align: left; overflow-wrap: anywhere; }
-.dt-ses-callout-label:hover { color: var(--rf-accent); }
-.dt-ses-callout[data-decision="dismissed"] .dt-ses-callout-label { color: var(--rf-text-muted); text-decoration: line-through; }
-.dt-ses-callout-btn {
-  display: grid; place-items: center; flex: none; width: 22px; height: 22px; border-radius: 50%; color: var(--rf-text-muted);
-  transition: background-color 120ms var(--rf-ease), color 120ms var(--rf-ease);
-}
-.dt-ses-callout-btn svg { width: 13px; height: 13px; }
-.dt-ses-callout-btn:hover { background: var(--rf-bg-hover); color: var(--rf-text); }
-.dt-ses-callout-btn[data-decision="kept"][aria-pressed="true"] { background: var(--rf-success); color: #fff; }
-.dt-ses-callout-btn[data-decision="dismissed"][aria-pressed="true"] { background: var(--rf-bg-hover); color: var(--rf-text); }
-`;
-//#endregion
-//#region src/sessions/ui/sessions-styles.ts
-const MONO_FONT$1 = "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
-const SESSIONS_STYLES = `${`
-.dt-rec {
-  position: fixed; z-index: ${REFLET_Z_INDEX.devtoolsBar}; left: 50%; translate: -50% 0;
-  bottom: calc(var(--rf-viewport-bottom, 0px) + env(safe-area-inset-bottom) + 16px);
-  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px;
-  max-width: calc(100vw - 24px); padding: 6px 6px 6px 12px; border-radius: 18px;
-  animation: dt-rec-in 240ms var(--rf-ease);
-}
-@keyframes dt-rec-in { from { transform: translateY(8px); opacity: 0; } }
-.dt-rec-dot { flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--rf-danger); }
-.dt-rec[data-phase="recording"] .dt-rec-dot { animation: dt-rec-pulse 1.6s ease-in-out infinite; }
-.dt-rec[data-phase="paused"] .dt-rec-dot, .dt-rec[data-phase="finishing"] .dt-rec-dot { background: var(--rf-text-muted); }
-@keyframes dt-rec-pulse { 50% { opacity: .35; } }
-.dt-rec-meter { display: inline-flex; align-items: center; gap: 2px; height: 16px; }
-.dt-rec-meter span {
-  width: 3px; height: 100%; border-radius: 2px; background: var(--rf-text-muted);
-  scale: 1 calc(.2 + var(--dt-level, 0) * .8); transition: scale 90ms linear;
-}
-.dt-rec-meter span:nth-child(2) { scale: 1 calc(.2 + var(--dt-level, 0)); }
-.dt-rec-time { font-variant-numeric: tabular-nums; font-weight: 600; min-width: 5ch; }
-.dt-rec-status { color: var(--rf-text-muted); font-size: 12px; overflow-wrap: anywhere; }
-.dt-rec-status:empty { display: none; }
-.dt-rec-note { display: flex; align-items: center; gap: 6px; flex: 1 1 100%; font-size: 12px; color: var(--rf-text-muted); }
-.dt-rec-note .dt-field { flex: 1; min-width: 0; padding: 4px 8px; }
-`}
-.dt-ses-subhead, .dt-ses-label { margin: 0 0 4px; font-size: 12px; font-weight: 600; color: var(--rf-text); }
-.dt-ses-label { font-size: 11px; color: var(--rf-text-muted); }
-.dt-ses-list { margin: 0; padding-left: 18px; overflow-wrap: anywhere; }
-.dt-ses-list li + li { margin-top: 3px; }
-.dt-ses-link { align-self: flex-start; padding: 0; color: var(--rf-accent); font-size: 12px; text-align: left; }
-.dt-ses-link:hover { text-decoration: underline; }
-.dt-ses-problem, .dt-ses-banner, .dt-ses-form, .dt-ses-head, .dt-ses-strip, .dt-ses-handoff { display: flex; flex-direction: column; gap: 6px; }
-.dt-ses-banner { padding: 8px 10px; border-radius: 10px; background: color-mix(in srgb, var(--rf-accent) 10%, transparent); }
-.dt-ses-banner p { margin: 0; overflow-wrap: anywhere; }
-.dt-ses-strip:empty { display: none; }
-.dt-ses-rows { display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0; list-style: none; }
-.dt-ses-row {
-  display: flex; flex-direction: column; align-items: flex-start; gap: 2px; width: 100%;
-  padding: 8px 10px; border-radius: 10px; background: var(--rf-bg-subtle); text-align: left;
-}
-button.dt-ses-row:hover { background: var(--rf-bg-hover); }
-.dt-ses-row .dt-card-title { max-width: 100%; }
-${`
-.dt-ses-title { flex: 1; min-width: 0; margin: 0; font-size: 15px; font-weight: 650; overflow-wrap: anywhere; }
-.dt-ses-menu { position: relative; flex: none; }
-.dt-ses-menu > .icon-btn { width: 30px; height: 30px; }
-.dt-ses-menu-list {
-  position: absolute; top: calc(100% + 4px); right: 0; z-index: 2; display: flex; flex-direction: column; min-width: 168px; padding: 4px;
-  border: 1px solid var(--rf-border); border-radius: var(--rf-radius-sm); background: var(--rf-bg); box-shadow: var(--rf-shadow);
-}
-.dt-ses-menu-item { display: flex; align-items: center; height: 30px; padding: 0 10px; border-radius: 6px; color: var(--rf-text); font-size: 12.5px; text-align: left; }
-.dt-ses-menu-item:hover, .dt-ses-menu-item:focus-visible { background: var(--rf-bg-hover); }
-.dt-ses-menu-item[data-variant="danger"] { color: var(--rf-danger); }
-.dt-btn[data-icon-only] { justify-content: center; width: 28px; padding: 0; }
-.dt-ses-tabs { flex-wrap: wrap; margin: 0; }
-.dt-ses-field { display: flex; flex-direction: column; gap: 3px; font-size: 11.5px; color: var(--rf-text-muted); }
-.dt-ses-need {
-  margin: 0; font-weight: 600; overflow-wrap: anywhere;
-  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
-}
-.dt-ses-need[data-expanded="true"] { display: block; }
-.dt-card[data-decision="dismissed"] .dt-ses-need { color: var(--rf-text-muted); text-decoration: line-through; }
-.dt-ses-chips { display: flex; flex-wrap: wrap; gap: 4px; }
-.dt-ses-chips:empty { display: none; }
-.dt-ses-details { display: flex; flex-direction: column; gap: 8px; }
-.dt-ses-details[hidden] { display: none; }
-.dt-ses-details section { display: flex; flex-direction: column; gap: 2px; }
-.dt-ses-quote { padding: 2px 0; font-size: 12px; text-align: left; overflow-wrap: anywhere; }
-.dt-ses-quote:hover { color: var(--rf-accent); }
-.dt-ses-time { flex: none; color: var(--rf-text-muted); font: 11.5px ${MONO_FONT$1}; font-variant-numeric: tabular-nums; }
-.dt-ses-verify { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 8px 0 0; border: 0; border-top: 1px solid var(--rf-border); }
-.dt-ses-timeline { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
-.dt-ses-seg { display: flex; gap: 8px; padding: 6px 8px; border-radius: 8px; }
-.dt-ses-seg:focus { outline: 2px solid var(--rf-accent); outline-offset: -2px; }
-.dt-ses-seg[data-kind="note"] { padding-block: 2px; }
-.dt-ses-seg-body { display: flex; flex: 1; flex-direction: column; gap: 4px; min-width: 0; }
-`}${`
-.dt-ses-thumbs { display: flex; flex-wrap: wrap; gap: 6px; }
-.dt-ses-shot { position: relative; display: inline-block; max-width: 100%; line-height: 0; }
-.dt-ses-shot img { display: block; max-width: 100%; height: auto; max-height: 132px; border-radius: 8px; box-shadow: var(--rf-shadow-inset); }
-.dt-ses-shot[data-large="true"] img { max-height: none; }
-.dt-ses-shot-mark { position: absolute; border: 2px solid var(--rf-accent); border-radius: 4px; pointer-events: none; }
-.dt-ses-shot-btn { align-self: flex-start; padding: 0; border-radius: 8px; }
-.dt-ses-check { display: flex; align-items: flex-start; gap: 6px; overflow-wrap: anywhere; }
-.dt-ses-check input { flex: none; margin-top: 3px; accent-color: var(--rf-accent); }
-.dt-ses-choices { margin: 0; padding: 0; border: 0; }
-.dt-ses-choices .dt-ses-list { padding-left: 0; list-style: none; }
-.dt-ses-brief {
-  max-height: 50vh; overflow: auto; margin: 0; padding: 10px; border-radius: 10px;
-  background: var(--rf-bg-subtle); font: 11.5px/1.55 ${MONO_FONT$1}; white-space: pre-wrap; overflow-wrap: anywhere;
-}
-`}${`
-.dt-team-anchor {
-  --dt-edge-gap: calc(max(var(--rf-offset), 12px) + 48px);
-  position: fixed; z-index: ${REFLET_Z_INDEX.devtoolsBar}; width: min(300px, calc(100vw - 24px));
-}
-.dt-team-anchor[data-side="left"] { left: calc(var(--rf-viewport-left, 0px) + max(12px, var(--rf-offset))); }
-.dt-team-anchor[data-side="right"] { right: calc(var(--rf-viewport-right, 0px) + max(12px, var(--rf-offset))); }
-.dt-team-anchor[data-edge="bottom"] { bottom: calc(var(--rf-viewport-bottom, 0px) + env(safe-area-inset-bottom) + var(--dt-edge-gap)); }
-.dt-team-anchor[data-edge="top"] { top: calc(var(--rf-viewport-top, 0px) + env(safe-area-inset-top) + var(--dt-edge-gap)); }
-.dt-team-card { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-radius: 14px; animation: dt-popover-in 200ms var(--rf-ease); }
-.dt-bar > .dt-btn { margin-inline: 2px 4px; }
-`}${INTENTION_STYLES}${REPORT_STYLES}`;
-//#endregion
 //#region src/devtools/client/clipboard.ts
 /**
 * Safari only lets a page write the clipboard inside the key press or click
@@ -3789,1334 +3669,833 @@ async function copyToClipboard(text) {
 	await navigator.clipboard.write([new ClipboardItem({ "text/plain": blob })]);
 }
 //#endregion
-//#region src/devtools/client/devtools-icons.tsx
-function NotesIcon() {
-	return /* @__PURE__ */ jsx(Svg, { children: /* @__PURE__ */ jsx("path", { d: "M8 6h13M8 12h13M8 18h13M3.5 6h.01M3.5 12h.01M3.5 18h.01" }) });
+//#region src/sessions/ui/handoff/zip-archive.ts
+const LOCAL_HEADER_SIGNATURE = 67324752;
+const CENTRAL_HEADER_SIGNATURE = 33639248;
+const END_SIGNATURE = 101010256;
+const LOCAL_HEADER_SIZE = 30;
+const CENTRAL_HEADER_SIZE = 46;
+const END_RECORD_SIZE = 22;
+const ZIP_VERSION = 20;
+const UTF8_NAMES_FLAG = 2048;
+const DEFLATE_METHOD = 8;
+const GZIP_HEADER_SIZE = 10;
+const GZIP_FLAGS_OFFSET = 3;
+const GZIP_TRAILER_SIZE = 8;
+const DOS_EPOCH_YEAR = 1980;
+function dosStamp(date) {
+	return {
+		date: (date.getFullYear() - DOS_EPOCH_YEAR) * 512 + (date.getMonth() + 1) * 32 + date.getDate(),
+		time: date.getHours() * 2048 + date.getMinutes() * 32 + Math.floor(date.getSeconds() / 2)
+	};
 }
-function InboxIcon() {
-	return /* @__PURE__ */ jsxs(Svg, { children: [/* @__PURE__ */ jsx("path", { d: "M22 12h-6l-2 3h-4l-2-3H2" }), /* @__PURE__ */ jsx("path", { d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" })] });
+/** gzip wraps raw deflate data and ends with the CRC-32 zip needs, so the browser computes both natively. */
+async function deflateEntry(data) {
+	const stream = new Response(data).body?.pipeThrough(new CompressionStream("gzip"));
+	const gzip = new Uint8Array(await new Response(stream).arrayBuffer());
+	if (gzip[GZIP_FLAGS_OFFSET] !== 0) throw new Error("The browser wrote an unexpected gzip header.");
+	return {
+		checksum: new DataView(gzip.buffer, gzip.length - GZIP_TRAILER_SIZE).getUint32(0, true),
+		compressed: gzip.slice(GZIP_HEADER_SIZE, gzip.length - GZIP_TRAILER_SIZE)
+	};
 }
-//#endregion
-//#region src/devtools/client/devtools-bar.tsx
-const BAR_POSITION_KEY = "reflet-devtools-bar-position";
-const PICK_BUTTON_LABEL = "Pick an element: note it, copy it, or Shift+click to open its code";
-function BarButton({ children, label, onClick, pressed }) {
-	return /* @__PURE__ */ jsx("button", {
-		"aria-label": label,
-		"aria-pressed": pressed,
-		className: "icon-btn",
-		onClick,
-		title: label,
-		type: "button",
-		children
+function writeCommonFields(view, start, options) {
+	const { record, stamp } = options;
+	view.setUint16(start, ZIP_VERSION, true);
+	view.setUint16(start + 2, UTF8_NAMES_FLAG, true);
+	view.setUint16(start + 4, DEFLATE_METHOD, true);
+	view.setUint16(start + 6, stamp.time, true);
+	view.setUint16(start + 8, stamp.date, true);
+	view.setUint32(start + 10, record.checksum, true);
+	view.setUint32(start + 14, record.compressed.length, true);
+	view.setUint32(start + 18, record.size, true);
+	view.setUint16(start + 22, record.name.length, true);
+	view.setUint16(start + 24, 0, true);
+}
+function localHeader(record, stamp) {
+	const bytes = new Uint8Array(LOCAL_HEADER_SIZE + record.name.length);
+	const view = new DataView(bytes.buffer);
+	view.setUint32(0, LOCAL_HEADER_SIGNATURE, true);
+	writeCommonFields(view, 4, {
+		record,
+		stamp
 	});
+	bytes.set(record.name, LOCAL_HEADER_SIZE);
+	return bytes;
 }
-function DevtoolsBar({ children, edge, label = "Reflet devtools", side }) {
-	const floating = useFloatingPosition(`${edge}-${side}`, false, {
-		anchorSelector: ".dt-bar",
-		persistKey: BAR_POSITION_KEY
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		"aria-label": label,
-		className: "dt-bar glass",
-		"data-edge": edge,
-		"data-moved": floating.position !== null,
-		"data-side": side,
-		ref: floating.rootRef,
-		role: "toolbar",
-		children: [
-			/* @__PURE__ */ jsx("style", { children: floating.styles }),
-			/* @__PURE__ */ jsx("button", {
-				"aria-label": `Move ${label} (double-click to reset)`,
-				className: "icon-btn drag-handle dt-grip",
-				onDoubleClick: floating.resetPosition,
-				title: "Drag to move · double-click to reset",
-				type: "button",
-				...floating.handleProps,
-				children: /* @__PURE__ */ jsx(GripIcon, {})
-			}),
-			children
-		]
+function centralHeader(record, stamp) {
+	const bytes = new Uint8Array(CENTRAL_HEADER_SIZE + record.name.length);
+	const view = new DataView(bytes.buffer);
+	view.setUint32(0, CENTRAL_HEADER_SIGNATURE, true);
+	view.setUint16(4, ZIP_VERSION, true);
+	writeCommonFields(view, 6, {
+		record,
+		stamp
 	});
+	view.setUint32(42, record.offset, true);
+	bytes.set(record.name, CENTRAL_HEADER_SIZE);
+	return bytes;
 }
-function SessionsBarButton({ isOpen, onToggle }) {
-	return /* @__PURE__ */ jsx(BarButton, {
-		label: "Sessions",
-		onClick: onToggle,
-		pressed: isOpen,
-		children: /* @__PURE__ */ jsx(MicIcon, {})
+function endRecord(options) {
+	const bytes = new Uint8Array(END_RECORD_SIZE);
+	const view = new DataView(bytes.buffer);
+	view.setUint32(0, END_SIGNATURE, true);
+	view.setUint16(8, options.count, true);
+	view.setUint16(10, options.count, true);
+	view.setUint32(12, options.directorySize, true);
+	view.setUint32(16, options.directoryOffset, true);
+	return bytes;
+}
+async function createZipArchive(entries, modifiedAt = /* @__PURE__ */ new Date()) {
+	const stamp = dosStamp(modifiedAt);
+	const encoder = new TextEncoder();
+	const deflated = await Promise.all(entries.map(async (entry) => ({
+		...await deflateEntry(entry.data),
+		name: encoder.encode(entry.name),
+		size: entry.data.length
+	})));
+	const records = [];
+	const parts = [];
+	let offset = 0;
+	for (const entry of deflated) {
+		const record = {
+			...entry,
+			offset
+		};
+		const header = localHeader(record, stamp);
+		parts.push(header, record.compressed);
+		records.push(record);
+		offset += header.length + record.compressed.length;
+	}
+	const directory = records.map((record) => centralHeader(record, stamp));
+	const directorySize = directory.reduce((size, part) => size + part.length, 0);
+	const end = endRecord({
+		count: records.length,
+		directoryOffset: offset,
+		directorySize
 	});
+	return new Blob([
+		...parts,
+		...directory,
+		end
+	], { type: "application/zip" });
 }
-function DevtoolsBarButtons({ noteCount, onPick, onToggleSheet, openTab }) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx(BarButton, {
-			label: PICK_BUTTON_LABEL,
-			onClick: onPick,
-			pressed: false,
-			children: /* @__PURE__ */ jsx(TargetIcon, {})
-		}),
-		/* @__PURE__ */ jsxs(BarButton, {
-			label: "Dev notes",
-			onClick: () => onToggleSheet("notes"),
-			pressed: openTab === "notes",
-			children: [/* @__PURE__ */ jsx(NotesIcon, {}), noteCount > 0 && /* @__PURE__ */ jsx("span", {
-				className: "dt-count",
-				children: noteCount
-			})]
-		}),
-		/* @__PURE__ */ jsx(SessionsBarButton, {
-			isOpen: openTab === "sessions",
-			onToggle: () => onToggleSheet("sessions")
-		}),
-		/* @__PURE__ */ jsx(BarButton, {
-			label: "Board feedback",
-			onClick: () => onToggleSheet("inbox"),
-			pressed: openTab === "inbox",
-			children: /* @__PURE__ */ jsx(InboxIcon, {})
-		})
-	] });
+//#endregion
+//#region src/sessions/ui/handoff/brief-export.ts
+const BRIEF_FILE_NAME = "brief.md";
+const UNSAFE_FILE_CHARACTERS = /[^a-z0-9]+/g;
+const EDGE_DASHES = /^-|-$/g;
+async function downloadFile(file) {
+	const response = await fetch(file.url);
+	if (!response.ok) throw new Error(`${file.name} could not be downloaded (${response.status}).`);
+	return {
+		data: new Uint8Array(await response.arrayBuffer()),
+		name: file.name
+	};
+}
+function zipFileName(sessionTitle) {
+	return `reflet-session-${sessionTitle.toLowerCase().replace(UNSAFE_FILE_CHARACTERS, "-").replace(EDGE_DASHES, "") || "brief"}.zip`;
+}
+/** File URLs are short-lived, so they are fetched right when the export is asked for. */
+async function buildBriefZip(options) {
+	const evidence = await Promise.all(options.files.map(downloadFile));
+	return await createZipArchive([{
+		data: new TextEncoder().encode(options.brief),
+		name: BRIEF_FILE_NAME
+	}, ...evidence]);
+}
+function saveBlob(options) {
+	const url = URL.createObjectURL(options.blob);
+	const link = document.createElement("a");
+	link.download = options.fileName;
+	link.href = url;
+	link.click();
+	setTimeout(() => URL.revokeObjectURL(url), 0);
 }
 //#endregion
-//#region src/devtools/client/use-sheet-size.ts
-const SIZE_KEY = "reflet-devtools-sheet-size";
-const DEFAULT_WIDTH = 440;
-const MIN_WIDTH = 320;
-const MIN_HEIGHT = 240;
-const KEYBOARD_STEP = 24;
-const ARROW_DELTAS = {
-	ArrowDown: {
-		dx: 0,
-		dy: KEYBOARD_STEP
-	},
-	ArrowLeft: {
-		dx: -24,
-		dy: 0
-	},
-	ArrowRight: {
-		dx: KEYBOARD_STEP,
-		dy: 0
-	},
-	ArrowUp: {
-		dx: 0,
-		dy: -24
-	}
+//#region src/sessions/ui/review/transcript/evidence-thumb.tsx
+const TRIGGER_LABELS = {
+	hover: "Long hover",
+	manual: "Added by hand",
+	mark: "Marked moment",
+	navigation: "Page change",
+	select: "Pointed element",
+	start: "Session start"
 };
-function readStoredSize() {
-	const fallback = {
-		height: null,
-		width: DEFAULT_WIDTH
-	};
-	try {
-		const stored = JSON.parse(localStorage.getItem(SIZE_KEY) ?? "null");
-		if (typeof stored === "object" && stored !== null && "width" in stored && typeof stored.width === "number" && "height" in stored && (stored.height === null || typeof stored.height === "number")) return {
-			height: stored.height,
-			width: stored.width
-		};
-	} catch {
-		return fallback;
-	}
-	return fallback;
+function evidenceCaption(evidence) {
+	const element = evidence.element ? ` · ${evidence.element.label}` : "";
+	return `${TRIGGER_LABELS[evidence.trigger]}${element}`;
 }
-/**
-* The stored size is the preference; what renders is that preference fitted
-* to today's window, so shrinking the window never loses the chosen size.
-*/
-function fitted(size, viewport) {
-	const maxWidth = viewport.width - 24;
-	const maxHeight = viewport.height - 24;
+const hasViewport = (frame) => frame.viewportWidth > 0 && frame.viewportHeight > 0;
+const percent = (value, total) => `${value / total * 100}%`;
+function percentBox(rect, frame) {
+	if (!hasViewport(frame)) return null;
 	return {
-		height: size.height === null || size.height >= maxHeight ? null : Math.max(Math.min(MIN_HEIGHT, maxHeight), size.height),
-		width: Math.min(maxWidth, Math.max(MIN_WIDTH, size.width))
+		height: percent(rect.height, frame.viewportHeight),
+		left: percent(rect.x, frame.viewportWidth),
+		top: percent(rect.y, frame.viewportHeight),
+		width: percent(rect.width, frame.viewportWidth)
 	};
 }
-/**
-* Width grows away from the docked side, height grows downward from the top;
-* a height reaching the bottom of the window snaps back to full height.
-*/
-function useSheetSize(side) {
-	const [preference, setPreference] = useState(readStoredSize);
-	const [viewport, setViewport] = useState(visibleViewport);
-	const drag = useRef(null);
-	const widthDirection = side === "right" ? -1 : 1;
-	const size = fitted(preference, viewport);
-	useEffect(() => onViewportChange(() => setViewport(visibleViewport())), []);
-	useEffect(() => {
-		try {
-			localStorage.setItem(SIZE_KEY, JSON.stringify(preference));
-		} catch {}
-	}, [preference]);
-	const resize = (axis, from, dx, dy) => {
-		const fullHeight = viewport.height - 24;
-		setPreference(fitted({
-			height: axis === "width" ? from.height : (from.height ?? fullHeight) + dy,
-			width: axis === "height" ? from.width : from.width + dx * widthDirection
-		}, viewport));
-	};
-	const handleProps = (axis) => ({
-		onDoubleClick: () => setPreference((current) => ({
-			height: axis === "width" ? current.height : null,
-			width: axis === "height" ? current.width : DEFAULT_WIDTH
-		})),
-		onKeyDown: (event) => {
-			const delta = ARROW_DELTAS[event.key];
-			if (!delta) return;
-			event.preventDefault();
-			const sheetHeight = event.currentTarget.parentElement?.getBoundingClientRect().height ?? null;
-			resize(axis, {
-				height: size.height ?? sheetHeight,
-				width: size.width
-			}, delta.dx, delta.dy);
-		},
-		onLostPointerCapture: () => {
-			drag.current = null;
-		},
-		onPointerDown: (event) => {
-			if (event.button !== 0) return;
-			const sheet = event.currentTarget.parentElement?.getBoundingClientRect();
-			event.currentTarget.setPointerCapture(event.pointerId);
-			drag.current = {
-				axis,
-				size: {
-					height: sheet?.height ?? size.height,
-					width: size.width
-				},
-				x: event.clientX,
-				y: event.clientY
-			};
-		},
-		onPointerMove: (event) => {
-			const start = drag.current;
-			if (start && event.currentTarget.hasPointerCapture(event.pointerId)) resize(start.axis, start.size, event.clientX - start.x, event.clientY - start.y);
-		}
-	});
+function percentPoint(point, frame) {
+	if (!hasViewport(frame)) return null;
 	return {
-		handleProps,
-		size
+		left: percent(point.x, frame.viewportWidth),
+		top: percent(point.y, frame.viewportHeight)
 	};
 }
-//#endregion
-//#region src/devtools/client/devtools-sheet.tsx
-const FULL_HEIGHT = "calc(100dvh - 24px)";
-const TAB_LABELS = {
-	code: "Code",
-	inbox: "Board",
-	notes: "Notes",
-	sessions: "Sessions"
-};
-const SHEET_POSITION_KEY = "reflet-devtools-sheet-position";
-function useSheetFocus(rootRef) {
-	useLayoutEffect(() => {
-		const root = rootRef.current;
-		const scope = root?.getRootNode();
-		const opener = scope instanceof ShadowRoot || scope instanceof Document ? scope.activeElement : null;
-		if (opener instanceof HTMLElement && typeof opener.checkVisibility === "function" && !opener.checkVisibility({ visibilityProperty: true })) root?.querySelector("[role=\"tab\"][aria-selected=\"true\"]")?.focus({ preventScroll: true });
-		return () => {
-			if (opener instanceof HTMLElement && opener.isConnected) opener.focus({ preventScroll: true });
-		};
-	}, [rootRef]);
-}
-function DevtoolsSheet({ children, label = "Reflet devtools", onClose, onPick, onSelectTab, side, tab, tabs }) {
-	const { handleProps, size } = useSheetSize(side);
-	const floating = useFloatingPosition(`top-${side}`, false, {
-		anchorSelector: ".dt-sheet",
-		persistKey: SHEET_POSITION_KEY
+function EvidenceThumb({ evidence, isLarge = false }) {
+	const { element, frame, image } = evidence;
+	if (!image?.url) return null;
+	const highlight = element && frame ? percentBox(element.rect, frame) : null;
+	return /* @__PURE__ */ jsxs("span", {
+		className: "dt-ses-shot",
+		"data-large": isLarge,
+		children: [/* @__PURE__ */ jsx("img", {
+			alt: evidenceCaption(evidence),
+			height: image.height,
+			src: image.url,
+			width: image.width
+		}), highlight && /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: "dt-ses-shot-mark",
+			style: highlight
+		})]
 	});
-	const isMoved = floating.position !== null;
-	const { rootRef } = floating;
-	useSheetFocus(rootRef);
-	useEffect(() => listenToKeydown(rootRef.current, (event) => {
-		if (event.key === "Escape" && !event.isComposing) onClose();
-	}), [onClose, rootRef]);
-	return /* @__PURE__ */ jsxs("aside", {
-		"aria-label": label,
-		className: "dt-sheet glass",
-		"data-moved": isMoved,
-		"data-side": side,
-		ref: rootRef,
-		style: {
-			height: size.height ?? (isMoved ? FULL_HEIGHT : void 0),
-			width: size.width
-		},
+}
+//#endregion
+//#region src/sessions/ui/review/continuation/intention-history.tsx
+const FIELD_LABELS = {
+	need: "Need",
+	observed: "Observed",
+	response: "Considered response",
+	setAside: "Set aside",
+	unknowns: "To check"
+};
+function fieldValueText(value) {
+	return (Array.isArray(value) ? value.join("; ") : value) || "—";
+}
+function AppliedChanges({ applied }) {
+	if (applied.length === 0) return null;
+	return /* @__PURE__ */ jsx("ul", {
+		className: "dt-ses-rows",
+		children: applied.map((change) => /* @__PURE__ */ jsxs("li", {
+			className: "dt-ses-row",
+			children: [/* @__PURE__ */ jsxs("p", {
+				className: "dt-meta",
+				children: [
+					"Accepted into revision ",
+					change.revision,
+					" by",
+					" ",
+					change.byName ?? "a teammate",
+					" · ",
+					formatDate(change.at)
+				]
+			}), /* @__PURE__ */ jsx("ul", {
+				className: "dt-ses-list",
+				children: change.fields.map((field) => /* @__PURE__ */ jsxs("li", { children: [
+					FIELD_LABELS[field.field],
+					": ",
+					fieldValueText(field.before),
+					" →",
+					" ",
+					fieldValueText(field.after)
+				] }, field.field))
+			})]
+		}, change.revision))
+	});
+}
+function HistoryExtracts({ evidence, quotes }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [quotes.map((quote) => /* @__PURE__ */ jsxs("blockquote", {
+		className: "dt-ses-moment-quote",
 		children: [
-			/* @__PURE__ */ jsxs("style", { children: [floating.styles, isMoved ? "" : `.dt-bar[data-moved="false"][data-side="${side}"] { ${side}: ${size.width + 24}px; }`] }),
-			/* @__PURE__ */ jsx("button", {
-				"aria-label": "Resize panel width (double-click to reset)",
-				className: "dt-resize",
-				"data-axis": "width",
-				type: "button",
-				...handleProps("width")
-			}),
-			/* @__PURE__ */ jsx("button", {
-				"aria-label": "Resize panel height (double-click for full height)",
-				className: "dt-resize",
-				"data-axis": "height",
-				type: "button",
-				...handleProps("height")
+			/* @__PURE__ */ jsx("span", {
+				className: "dt-ses-time",
+				children: formatClock(quote.startMs)
 			}),
-			/* @__PURE__ */ jsx("button", {
-				"aria-label": "Resize panel (double-click to reset)",
-				className: "dt-resize",
-				"data-axis": "both",
-				type: "button",
-				...handleProps("both")
+			` “${quote.text}”`,
+			quote.context.map((line) => /* @__PURE__ */ jsx("span", {
+				className: "dt-meta dt-ses-context-line",
+				children: line
+			}, line))
+		]
+	}, quote.segmentId)), evidence.length > 0 && /* @__PURE__ */ jsx("div", {
+		className: "dt-ses-thumbs",
+		children: evidence.map((item) => /* @__PURE__ */ jsx(EvidenceThumb, { evidence: item }, item.id))
+	})] });
+}
+function entryTitle(entry) {
+	const { session } = entry;
+	return entry.origin === "continuation" ? `Continued in “${session.title}” · ${formatDate(session.startedAt)}` : `Added from “${session.title}” · ${formatDate(session.startedAt)}`;
+}
+function HistoryEntry({ context, entry }) {
+	const evidenceIds = new Set(entry.evidenceIds);
+	const evidence = context.detail.contributedEvidence.filter((item) => evidenceIds.has(item.id));
+	return /* @__PURE__ */ jsxs("li", {
+		className: "dt-ses-history",
+		"data-removed": entry.detachedAt !== null,
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "dt-ses-subhead",
+				children: entryTitle(entry)
 			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "dt-sheet-head",
+			entry.detachedAt !== null && /* @__PURE__ */ jsxs("p", {
+				className: "dt-meta",
 				children: [
-					/* @__PURE__ */ jsx("button", {
-						"aria-label": "Move panel (double-click to dock it back)",
-						className: "dt-sheet-drag",
-						onDoubleClick: floating.resetPosition,
-						title: "Drag to move · double-click to dock",
-						type: "button",
-						...floating.handleProps
-					}),
-					onPick && /* @__PURE__ */ jsx("button", {
-						"aria-label": "Pick an element: note it, copy it, or Shift+click to open its code",
-						className: "icon-btn",
-						onClick: onPick,
-						title: "Pick an element",
-						type: "button",
-						children: /* @__PURE__ */ jsx(TargetIcon, {})
-					}),
-					/* @__PURE__ */ jsx("div", {
-						className: "dt-tabs",
-						role: "tablist",
-						children: tabs.map((option) => /* @__PURE__ */ jsx("button", {
-							"aria-selected": option === tab,
-							className: "dt-tab",
-							onClick: () => onSelectTab(option),
-							role: "tab",
-							type: "button",
-							children: TAB_LABELS[option]
-						}, option))
-					}),
-					/* @__PURE__ */ jsx("button", {
-						"aria-label": `Close ${label} panel`,
-						className: "icon-btn",
-						onClick: onClose,
-						title: "Close",
-						type: "button",
-						children: /* @__PURE__ */ jsx(CloseIcon, {})
-					})
+					"Removed on ",
+					formatDate(entry.detachedAt),
+					": what it added was taken back."
 				]
 			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "dt-sheet-body",
-				role: "tabpanel",
-				children
-			}, tab)
+			/* @__PURE__ */ jsx(AppliedChanges, { applied: entry.applied }),
+			entry.extractsHidden ? /* @__PURE__ */ jsx("p", {
+				className: "dt-meta",
+				children: "Extracts are private to the author"
+			}) : /* @__PURE__ */ jsx(HistoryExtracts, {
+				evidence,
+				quotes: entry.quotes
+			}),
+			entry.session.canOpen && /* @__PURE__ */ jsx("button", {
+				className: "dt-ses-link",
+				onClick: () => context.navigation.onOpenSession(entry.session.id),
+				type: "button",
+				children: "Open session"
+			})
 		]
 	});
 }
+function IntentionHistory({ context, intentionId }) {
+	const entries = context.detail.history.filter((entry) => entry.intentionId === intentionId);
+	if (entries.length === 0) return null;
+	return /* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsx("h4", {
+		className: "dt-ses-label",
+		children: "History"
+	}), /* @__PURE__ */ jsx("ul", {
+		className: "dt-ses-rows",
+		children: entries.map((entry) => /* @__PURE__ */ jsx(HistoryEntry, {
+			context,
+			entry
+		}, entry.id))
+	})] });
+}
 //#endregion
-//#region src/devtools/client/devtools-styles.ts
-const MONO_FONT = "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
-const DEVTOOLS_STYLES = `
-.dt { font: 13px/1.45 var(--rf-font, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif); color: var(--rf-text); }
-.dt[data-recessed="true"] .dt-bar, .dt[data-recessed="true"] .dt-sheet { visibility: hidden; pointer-events: none; }
-@media (max-width: 600px) { .dt[data-sheet-open="true"] .dt-bar { visibility: hidden; pointer-events: none; } }
-.dt-pin {
-  position: fixed; z-index: ${REFLET_Z_INDEX.widgetRoot}; top: 0; left: 0;
-  display: flex; align-items: center; justify-content: center;
-  min-width: 24px; height: 24px; padding: 0 7px;
-  border-radius: 12px 12px 12px 3px; background: var(--rf-accent); color: var(--rf-accent-text);
-  font-size: 11.5px; font-weight: 650; box-shadow: 0 0 0 2px var(--rf-bg), var(--rf-shadow-low);
-  animation: dt-pin-in 260ms var(--rf-ease);
-  transition: scale 140ms var(--rf-ease), opacity 160ms var(--rf-ease);
+//#region src/sessions/ui/handoff/handoff-changes.tsx
+function differences(proposal, last) {
+	return [
+		{
+			after: proposal.need,
+			before: last.need,
+			label: "Need"
+		},
+		{
+			after: fieldValueText(proposal.response),
+			before: fieldValueText(last.response),
+			label: "Considered response"
+		},
+		{
+			after: fieldValueText(proposal.unknowns),
+			before: last.unknowns === null ? null : fieldValueText(last.unknowns),
+			label: "To check"
+		}
+	].flatMap(({ after, before, label }) => before === null || before === after ? [] : [{
+		after,
+		before,
+		label
+	}]);
 }
-.dt-pin:hover, .dt-pin[aria-expanded="true"] { scale: 1.12; }
-.dt-pin[data-sent="true"] { background: var(--rf-text-muted); }
-.dt-pin-badge { display: inline-flex; flex: none; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px 10px 10px 3px; background: var(--rf-accent); color: var(--rf-accent-text); font-size: 10.5px; font-weight: 650; }
-.dt-card[data-sent="true"] .dt-pin-badge { background: var(--rf-text-muted); }
-.dt-pin[data-locating="true"] { animation: dt-pin-in 260ms var(--rf-ease), dt-pin-pulse 1.2s ease-in-out infinite; }
-@keyframes dt-pin-in { from { scale: .4; opacity: 0; } }
-@keyframes dt-pin-pulse { 50% { box-shadow: 0 0 0 2px var(--rf-bg), 0 0 0 6px color-mix(in srgb, var(--rf-accent) 30%, transparent); } }
-.dt-popover {
-  position: fixed; z-index: ${REFLET_Z_INDEX.widgetRoot}; width: 320px; max-height: calc(100dvh - 24px); overflow: auto;
-  inset-inline-end: auto; margin: 0; padding: 6px; border-radius: 14px; background: transparent; color: inherit;
-  animation: dt-popover-in 200ms var(--rf-ease);
+function ChangeSummary({ last, proposal }) {
+	return /* @__PURE__ */ jsxs("li", {
+		className: "dt-ses-row",
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "dt-ses-subhead",
+				children: proposal.need
+			}),
+			/* @__PURE__ */ jsxs("p", {
+				className: "dt-meta",
+				children: ["Changed since your brief of ", formatDate(last.at)]
+			}),
+			/* @__PURE__ */ jsx("ul", {
+				className: "dt-ses-list",
+				children: differences(proposal, last).map((difference) => /* @__PURE__ */ jsxs("li", { children: [
+					difference.label,
+					": ",
+					difference.before,
+					" → ",
+					difference.after
+				] }, difference.label))
+			})
+		]
+	});
 }
-.dt-popover.glass::before { animation: rf-fade 180ms var(--rf-ease); }
-.dt-popover .dt-card { background: transparent; }
-@keyframes dt-popover-in { from { transform: translateY(4px); } }
-@keyframes dt-notice-in { from { transform: translateY(-6px); } }
-.dt-notices {
-  position: fixed; z-index: ${REFLET_Z_INDEX.annotatorOverlay}; left: 50%; top: 16px; translate: -50% 0;
-  display: flex; flex-direction: column; gap: 6px; width: min(460px, calc(100vw - 24px));
-}
-.dt-notice {
-  display: flex; align-items: center; gap: 6px; padding: 6px 6px 6px 14px; border-radius: 12px;
-  color: var(--rf-danger); font-size: 12.5px; animation: dt-notice-in 220ms var(--rf-ease);
-}
-.dt-notice[data-kind="status"] { color: var(--rf-text); }
-.dt-notice p { flex: 1; margin: 0; overflow-wrap: anywhere; }
-.dt-notice .icon-btn { width: 30px; height: 30px; }
-.dt-bar {
-  --dt-edge-gap: calc(max(var(--rf-offset), 12px) + 48px);
-  position: fixed; z-index: ${REFLET_Z_INDEX.devtoolsBar};
-  display: flex; align-items: center; gap: 2px; padding: 3px;
-  border-radius: var(--rf-pill);
-}
-.dt-bar[data-moved="false"] { transition: left 260ms var(--rf-ease), right 260ms var(--rf-ease); }
-.dt-bar[data-side="left"] { left: calc(var(--rf-viewport-left, 0px) + max(12px, var(--rf-offset))); }
-.dt-bar[data-side="right"] { right: calc(var(--rf-viewport-right, 0px) + max(12px, var(--rf-offset))); }
-.dt-bar[data-edge="bottom"] { bottom: calc(var(--rf-viewport-bottom, 0px) + env(safe-area-inset-bottom) + var(--dt-edge-gap)); }
-.dt-bar[data-edge="top"] { top: calc(var(--rf-viewport-top, 0px) + env(safe-area-inset-top) + var(--dt-edge-gap)); }
-.dt-bar .icon-btn { position: relative; width: 34px; height: 34px; }
-.dt-bar .icon-btn.dt-grip { width: 22px; color: var(--rf-text-muted); opacity: .6; }
-.dt-bar .icon-btn.dt-grip:hover { opacity: 1; }
-.dt-bar .icon-btn[aria-pressed="true"] { background: var(--rf-bg-hover); color: var(--rf-text); }
-.dt-count {
-  position: absolute; top: 1px; right: 1px; display: flex; align-items: center; justify-content: center;
-  min-width: 15px; height: 15px; padding: 0 4px; border-radius: var(--rf-pill);
-  background: var(--rf-accent); color: var(--rf-accent-text); font-size: 9.5px; font-weight: 600;
+function ChangedSinceBriefs({ detail, proposalIds }) {
+	const selected = new Set(proposalIds);
+	const changed = detail.proposals.flatMap((proposal) => {
+		const last = proposal.lastHandoff;
+		return selected.has(proposal.id) && last && last.revision < proposal.revision ? [{
+			last,
+			proposal
+		}] : [];
+	});
+	if (changed.length === 0) return null;
+	return /* @__PURE__ */ jsx("ul", {
+		className: "dt-ses-rows",
+		children: changed.map(({ last, proposal }) => /* @__PURE__ */ jsx(ChangeSummary, {
+			last,
+			proposal
+		}, proposal.id))
+	});
 }
-.dt-sheet {
-  --dt-enter-x: 20px;
-  position: fixed; z-index: ${REFLET_Z_INDEX.widgetRoot}; top: 12px; bottom: 12px;
-  display: flex; flex-direction: column; max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px);
-  border-radius: 16px; overflow: hidden;
-  animation: dt-sheet-slide 320ms var(--rf-ease);
+const DELIVERY_LABELS = {
+	copied: "Copied",
+	exported: "Downloaded"
+};
+function deliveryLine(handoff) {
+	const kinds = new Set(handoff.deliveries.map((delivery) => delivery.kind));
+	if (kinds.size === 0) return "Not copied yet";
+	return [...kinds].map((kind) => DELIVERY_LABELS[kind]).join(", ");
 }
-.dt-sheet[data-side="left"] { --dt-enter-x: -20px; left: 12px; }
-.dt-sheet[data-side="right"] { right: 12px; }
-.dt-sheet.glass::before { animation: rf-fade 220ms var(--rf-ease); }
-.dt-sheet-head, .dt-sheet-body { animation: rf-fade 260ms 60ms var(--rf-ease) both; }
-@keyframes dt-sheet-slide { from { transform: translateX(var(--dt-enter-x)); box-shadow: none; } }
-.dt-resize { position: absolute; z-index: 2; padding: 0; touch-action: none; }
-.dt-resize:active:not(:disabled) { scale: 1; }
-.dt-resize:focus-visible { outline: none; }
-.dt-resize[data-axis="width"] { top: 16px; bottom: 16px; width: 10px; cursor: ew-resize; }
-.dt-sheet[data-side="right"] .dt-resize[data-axis="width"] { left: 0; }
-.dt-sheet[data-side="left"] .dt-resize[data-axis="width"] { right: 0; }
-.dt-resize[data-axis="height"] { left: 16px; right: 16px; bottom: 0; height: 10px; cursor: ns-resize; }
-.dt-resize[data-axis="both"] { bottom: 0; width: 16px; height: 16px; }
-.dt-sheet[data-side="right"] .dt-resize[data-axis="both"] { left: 0; cursor: nesw-resize; }
-.dt-sheet[data-side="left"] .dt-resize[data-axis="both"] { right: 0; cursor: nwse-resize; }
-.dt-resize[data-axis="width"]::after, .dt-resize[data-axis="height"]::after {
-  content: ""; position: absolute; border-radius: var(--rf-pill); background: var(--rf-text-muted);
-  opacity: 0; transition: opacity 160ms var(--rf-ease);
+function briefTitle(handoff) {
+	const [only, ...others] = handoff.proposals;
+	if (only && others.length === 0) return only.need;
+	return countLabel(handoff.proposals.length, "intention");
 }
-.dt-resize[data-axis="width"]::after { top: 50%; left: 3px; width: 4px; height: 36px; translate: 0 -50%; }
-.dt-resize[data-axis="height"]::after { left: 50%; top: 3px; width: 36px; height: 4px; translate: -50% 0; }
-.dt-resize:hover::after, .dt-resize:focus-visible::after, .dt-resize:active::after { opacity: .5; }
-.dt-sheet-head { position: relative; display: flex; align-items: center; gap: 4px; padding: 8px 8px 8px 6px; border-bottom: 1px solid var(--rf-border); }
-.dt-sheet-head > :not(.dt-sheet-drag) { position: relative; z-index: 1; }
-.dt-sheet-head .icon-btn { width: 32px; height: 32px; }
-.dt-sheet .dt-sheet-drag { position: absolute; inset: 0; z-index: 0; padding: 0; border-radius: 0; cursor: grab; touch-action: none; }
-.dt-sheet .dt-sheet-drag::before { content: ""; position: absolute; top: 4px; left: 50%; width: 36px; height: 4px; translate: -50% 0; border-radius: var(--rf-pill); background: var(--rf-text-muted); opacity: .3; transition: opacity 160ms var(--rf-ease); }
-.dt-sheet .dt-sheet-drag:hover::before, .dt-sheet .dt-sheet-drag:active::before { opacity: .7; }
-.dt-sheet .dt-sheet-drag:active:not(:disabled) { cursor: grabbing; scale: 1; }
-.dt-sheet .dt-sheet-drag:focus-visible { outline-offset: -2px; }
-.dt-tabs { display: flex; gap: 2px; margin-right: auto; }
-.dt-tab { height: 30px; padding: 0 11px; border-radius: var(--rf-pill); color: var(--rf-text-muted); font-weight: 500; }
-.dt-tab:hover { color: var(--rf-text); }
-.dt-tab[aria-selected="true"], .dt-tab[aria-pressed="true"] { background: var(--rf-bg-hover); color: var(--rf-text); }
-.dt-sheet-body { flex: 1; min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 8px; padding: 10px; }
-.dt-sheet-foot {
-  position: sticky; bottom: -10px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
-  margin: auto -10px -10px; padding: 10px; border-top: 1px solid var(--rf-border); background: var(--rf-bg);
+function EarlierBriefs({ handoffs }) {
+	if (handoffs.length === 0) return null;
+	return /* @__PURE__ */ jsxs("section", {
+		className: "dt-ses-form",
+		children: [/* @__PURE__ */ jsx("h3", {
+			className: "dt-group",
+			children: "Earlier briefs"
+		}), /* @__PURE__ */ jsx("ul", {
+			className: "dt-ses-rows",
+			children: handoffs.map((handoff) => {
+				const date = formatDate(handoff.createdAt);
+				return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("details", {
+					className: "dt-ses-brief-entry",
+					children: [/* @__PURE__ */ jsxs("summary", { children: [/* @__PURE__ */ jsx("span", {
+						className: "dt-card-title",
+						children: briefTitle(handoff)
+					}), /* @__PURE__ */ jsxs("span", {
+						className: "dt-meta",
+						children: [
+							date,
+							" · ",
+							deliveryLine(handoff)
+						]
+					})] }), /* @__PURE__ */ jsx("textarea", {
+						"aria-label": `Brief of ${date}`,
+						className: "dt-field dt-ses-brief",
+						readOnly: true,
+						rows: 8,
+						value: handoff.brief
+					})]
+				}) }, handoff.id);
+			})
+		})]
+	});
 }
-.dt-archived { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 8px 10px; border: 1px dashed var(--rf-border); border-radius: 12px; }
-.dt-archived .dt-meta { flex: 1 1 100%; }
-.dt-group { margin: 6px 2px 0; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--rf-text-muted); }
-.dt-card { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; border-radius: 12px; background: var(--rf-bg-subtle); }
-.dt-card[data-sent="true"] { opacity: .7; }
-.dt-card-head { display: flex; align-items: center; gap: 6px; min-width: 0; }
-.dt-card-title { min-width: 0; margin: 0; overflow: hidden; font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
-.dt-meta { margin: 0; font-size: 11.5px; color: var(--rf-text-muted); overflow-wrap: anywhere; }
-.dt-note-text { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
-.dt-chip { flex: none; padding: 1px 7px; border-radius: var(--rf-pill); background: var(--rf-bg-hover); color: var(--rf-text-muted); font-size: 10.5px; font-weight: 600; }
-.dt-chip[data-tone="accent"] { background: color-mix(in srgb, var(--rf-accent) 16%, transparent); color: var(--rf-accent); }
-.dt-source { padding: 0; font: 11.5px/1.4 ${MONO_FONT}; color: var(--rf-accent); text-align: left; overflow-wrap: anywhere; }
-.dt-source:hover { text-decoration: underline; }
-.dt-thumb { display: block; align-self: flex-start; max-width: 100%; height: auto; max-height: 132px; object-fit: contain; border-radius: 8px; box-shadow: var(--rf-shadow-inset); }
-.dt-actions { display: flex; flex-wrap: wrap; gap: 4px; }
-.dt-btn {
-  display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px;
-  border-radius: var(--rf-pill); background: var(--rf-bg-hover); color: var(--rf-text);
-  font-size: 12px; font-weight: 500; text-decoration: none;
+//#endregion
+//#region src/sessions/ui/handoff/handoff-selection.tsx
+function keptProposals(detail) {
+	return detail.proposals.filter((proposal) => proposal.decision === "kept" && proposal.mergedIntoId === null);
 }
-.dt-btn:hover { background: color-mix(in srgb, var(--rf-text) 12%, transparent); }
-.dt-btn[data-variant="primary"] { background: var(--rf-primary); color: var(--rf-primary-text); }
-.dt-btn[data-variant="danger"] { color: var(--rf-danger); }
-.dt-empty { margin: auto; padding: 24px 16px; color: var(--rf-text-muted); font-size: 12.5px; text-align: center; }
-.dt-empty p { margin: 0 0 8px; }
-.dt-empty code, .dt-hint code { padding: 1px 4px; border-radius: 4px; background: var(--rf-bg-hover); font: 11.5px ${MONO_FONT}; overflow-wrap: anywhere; }
-.dt-hint { margin: 0; padding: 8px 10px; border-radius: 10px; background: var(--rf-bg-subtle); color: var(--rf-text-muted); font-size: 12px; }
-.dt-error { margin: 0; color: var(--rf-danger); font-size: 12px; }
-.dt-status { margin: 0 auto 0 0; color: var(--rf-text-muted); font-size: 12px; }
-.dt-field {
-  width: 100%; padding: 7px 9px; border: 1px solid var(--rf-border); border-radius: 8px;
-  background: var(--rf-bg); color: var(--rf-text); font: inherit; resize: vertical;
+function evidenceOf(detail, proposals) {
+	const intentionIds = new Set(proposals.map((proposal) => proposal.id));
+	const contributed = detail.history.filter((entry) => intentionIds.has(entry.intentionId) && entry.detachedAt === null);
+	const cited = /* @__PURE__ */ new Set([...proposals.flatMap((proposal) => proposal.evidenceIds), ...contributed.flatMap((entry) => entry.evidenceIds)]);
+	return [...detail.evidence, ...detail.contributedEvidence].filter((item) => cited.has(item.id) && item.status === "available");
 }
-.dt-field:focus { outline: 2px solid var(--rf-accent); outline-offset: 0; }
-.dt-search { display: flex; gap: 6px; }
-.dt-matches { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
-.dt-match { display: flex; flex-direction: column; gap: 1px; width: 100%; padding: 6px 8px; border-radius: 8px; text-align: left; }
-.dt-match:hover { background: var(--rf-bg-hover); }
-.dt-match code { font: 11.5px ${MONO_FONT}; color: var(--rf-accent); }
-.dt-match span { font: 11.5px ${MONO_FONT}; color: var(--rf-text-muted); white-space: pre; overflow: hidden; text-overflow: ellipsis; }
-.dt-code-head { display: flex; flex-direction: column; gap: 6px; }
-.dt-code-path { margin: 0; font: 12px/1.4 ${MONO_FONT}; overflow-wrap: anywhere; }
-.dt-code { flex: 1; min-height: 0; overflow: auto; margin: 0; padding: 8px 0; border-radius: 10px; background: var(--rf-bg-subtle); font: 12px/1.6 ${MONO_FONT}; }
-.dt-code-lines { display: table; min-width: 100%; }
-.dt-line { display: table-row; white-space: pre; }
-.dt-line > span { display: table-cell; padding-right: 14px; }
-.dt-line > .dt-line-number { width: 1%; padding: 0 12px 0 10px; color: var(--rf-text-muted); text-align: right; user-select: none; }
-.dt-line[data-marked="true"] { background: color-mix(in srgb, var(--rf-accent) 16%, transparent); }
-.dt-line[data-marked="true"] > .dt-line-number { color: var(--rf-accent); }
-`;
-//#endregion
-//#region src/sessions/ui/handoff/zip-archive.ts
-const LOCAL_HEADER_SIGNATURE = 67324752;
-const CENTRAL_HEADER_SIGNATURE = 33639248;
-const END_SIGNATURE = 101010256;
-const LOCAL_HEADER_SIZE = 30;
-const CENTRAL_HEADER_SIZE = 46;
-const END_RECORD_SIZE = 22;
-const ZIP_VERSION = 20;
-const UTF8_NAMES_FLAG = 2048;
-const DEFLATE_METHOD = 8;
-const GZIP_HEADER_SIZE = 10;
-const GZIP_FLAGS_OFFSET = 3;
-const GZIP_TRAILER_SIZE = 8;
-const DOS_EPOCH_YEAR = 1980;
-function dosStamp(date) {
+function initialSelection(detail) {
+	const proposals = keptProposals(detail);
 	return {
-		date: (date.getFullYear() - DOS_EPOCH_YEAR) * 512 + (date.getMonth() + 1) * 32 + date.getDate(),
-		time: date.getHours() * 2048 + date.getMinutes() * 32 + Math.floor(date.getSeconds() / 2)
+		evidenceIds: evidenceOf(detail, proposals).map((item) => item.id),
+		proposalIds: proposals.map((proposal) => proposal.id)
 	};
 }
-/** gzip wraps raw deflate data and ends with the CRC-32 zip needs, so the browser computes both natively. */
-async function deflateEntry(data) {
-	const stream = new Response(data).body?.pipeThrough(new CompressionStream("gzip"));
-	const gzip = new Uint8Array(await new Response(stream).arrayBuffer());
-	if (gzip[GZIP_FLAGS_OFFSET] !== 0) throw new Error("The browser wrote an unexpected gzip header.");
-	return {
-		checksum: new DataView(gzip.buffer, gzip.length - GZIP_TRAILER_SIZE).getUint32(0, true),
-		compressed: gzip.slice(GZIP_HEADER_SIZE, gzip.length - GZIP_TRAILER_SIZE)
-	};
+function toggled(ids, id) {
+	return ids.includes(id) ? ids.filter((other) => other !== id) : [...ids, id];
 }
-function writeCommonFields(view, start, options) {
-	const { record, stamp } = options;
-	view.setUint16(start, ZIP_VERSION, true);
-	view.setUint16(start + 2, UTF8_NAMES_FLAG, true);
-	view.setUint16(start + 4, DEFLATE_METHOD, true);
-	view.setUint16(start + 6, stamp.time, true);
-	view.setUint16(start + 8, stamp.date, true);
-	view.setUint32(start + 10, record.checksum, true);
-	view.setUint32(start + 14, record.compressed.length, true);
-	view.setUint32(start + 18, record.size, true);
-	view.setUint16(start + 22, record.name.length, true);
-	view.setUint16(start + 24, 0, true);
+function CheckRow({ isChecked, label, onToggle }) {
+	return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("label", {
+		className: "dt-ses-check",
+		children: [/* @__PURE__ */ jsx("input", {
+			checked: isChecked,
+			onChange: onToggle,
+			type: "checkbox"
+		}), /* @__PURE__ */ jsx("span", { children: label })]
+	}) });
 }
-function localHeader(record, stamp) {
-	const bytes = new Uint8Array(LOCAL_HEADER_SIZE + record.name.length);
-	const view = new DataView(bytes.buffer);
-	view.setUint32(0, LOCAL_HEADER_SIGNATURE, true);
-	writeCommonFields(view, 4, {
-		record,
-		stamp
+function ChoiceGroup({ children, legend }) {
+	return /* @__PURE__ */ jsxs("fieldset", {
+		className: "dt-ses-choices",
+		children: [/* @__PURE__ */ jsx("legend", {
+			className: "dt-ses-label",
+			children: legend
+		}), /* @__PURE__ */ jsx("ul", {
+			className: "dt-ses-list",
+			children
+		})]
 	});
-	bytes.set(record.name, LOCAL_HEADER_SIZE);
-	return bytes;
 }
-function centralHeader(record, stamp) {
-	const bytes = new Uint8Array(CENTRAL_HEADER_SIZE + record.name.length);
-	const view = new DataView(bytes.buffer);
-	view.setUint32(0, CENTRAL_HEADER_SIGNATURE, true);
-	view.setUint16(4, ZIP_VERSION, true);
-	writeCommonFields(view, 6, {
-		record,
-		stamp
+function HandoffChoices({ detail, onChange, selection }) {
+	const proposals = keptProposals(detail);
+	const evidence = evidenceOf(detail, proposals);
+	const toggleProposal = (id) => onChange({
+		...selection,
+		proposalIds: toggled(selection.proposalIds, id)
 	});
-	view.setUint32(42, record.offset, true);
-	bytes.set(record.name, CENTRAL_HEADER_SIZE);
-	return bytes;
-}
-function endRecord(options) {
-	const bytes = new Uint8Array(END_RECORD_SIZE);
-	const view = new DataView(bytes.buffer);
-	view.setUint32(0, END_SIGNATURE, true);
-	view.setUint16(8, options.count, true);
-	view.setUint16(10, options.count, true);
-	view.setUint32(12, options.directorySize, true);
-	view.setUint32(16, options.directoryOffset, true);
-	return bytes;
-}
-async function createZipArchive(entries, modifiedAt = /* @__PURE__ */ new Date()) {
-	const stamp = dosStamp(modifiedAt);
-	const encoder = new TextEncoder();
-	const deflated = await Promise.all(entries.map(async (entry) => ({
-		...await deflateEntry(entry.data),
-		name: encoder.encode(entry.name),
-		size: entry.data.length
-	})));
-	const records = [];
-	const parts = [];
-	let offset = 0;
-	for (const entry of deflated) {
-		const record = {
-			...entry,
-			offset
-		};
-		const header = localHeader(record, stamp);
-		parts.push(header, record.compressed);
-		records.push(record);
-		offset += header.length + record.compressed.length;
-	}
-	const directory = records.map((record) => centralHeader(record, stamp));
-	const directorySize = directory.reduce((size, part) => size + part.length, 0);
-	const end = endRecord({
-		count: records.length,
-		directoryOffset: offset,
-		directorySize
+	const toggleEvidence = (id) => onChange({
+		...selection,
+		evidenceIds: toggled(selection.evidenceIds, id)
 	});
-	return new Blob([
-		...parts,
-		...directory,
-		end
-	], { type: "application/zip" });
+	const chosenProposalIds = new Set(selection.proposalIds);
+	const chosenEvidenceIds = new Set(selection.evidenceIds);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ChoiceGroup, {
+		legend: "Intentions",
+		children: proposals.map((proposal) => /* @__PURE__ */ jsx(CheckRow, {
+			isChecked: chosenProposalIds.has(proposal.id),
+			label: proposal.need,
+			onToggle: () => toggleProposal(proposal.id)
+		}, proposal.id))
+	}), evidence.length > 0 && /* @__PURE__ */ jsx(ChoiceGroup, {
+		legend: "Evidence",
+		children: evidence.map((item) => /* @__PURE__ */ jsx(CheckRow, {
+			isChecked: chosenEvidenceIds.has(item.id),
+			label: `${formatClock(item.atMs)} · ${evidenceCaption(item)}`,
+			onToggle: () => toggleEvidence(item.id)
+		}, item.id))
+	})] });
 }
 //#endregion
-//#region src/sessions/ui/handoff/brief-export.ts
-const BRIEF_FILE_NAME = "brief.md";
-const UNSAFE_FILE_CHARACTERS = /[^a-z0-9]+/g;
-const EDGE_DASHES = /^-|-$/g;
-async function downloadFile(file) {
-	const response = await fetch(file.url);
-	if (!response.ok) throw new Error(`${file.name} could not be downloaded (${response.status}).`);
+//#region src/sessions/ui/handoff/handoff-view.tsx
+function useDelivery(options) {
+	const { api } = useSessionWorkspace();
+	const run = useSessionAction();
+	const { files, handoff } = options.prepared;
+	const deliver = async (kind, send) => {
+		try {
+			await send();
+		} catch (error) {
+			reportFailure(`The brief was not ${kind}`, error);
+			return;
+		}
+		announce(kind === "copied" ? "Brief copied" : "Brief downloaded");
+		await run("The delivery was not recorded", () => api.markHandoffDelivered({
+			handoffId: handoff.id,
+			kind
+		}));
+	};
 	return {
-		data: new Uint8Array(await response.arrayBuffer()),
-		name: file.name
+		copy: () => deliver("copied", () => copyToClipboard(Promise.resolve(handoff.brief))),
+		exportZip: () => deliver("exported", async () => {
+			saveBlob({
+				blob: await buildBriefZip({
+					brief: handoff.brief,
+					files
+				}),
+				fileName: zipFileName(options.title)
+			});
+		})
 	};
 }
-function zipFileName(sessionTitle) {
-	return `reflet-session-${sessionTitle.toLowerCase().replace(UNSAFE_FILE_CHARACTERS, "-").replace(EDGE_DASHES, "") || "brief"}.zip`;
-}
-/** File URLs are short-lived, so they are fetched right when the export is asked for. */
-async function buildBriefZip(options) {
-	const evidence = await Promise.all(options.files.map(downloadFile));
-	return await createZipArchive([{
-		data: new TextEncoder().encode(options.brief),
-		name: BRIEF_FILE_NAME
-	}, ...evidence]);
-}
-function saveBlob(options) {
-	const url = URL.createObjectURL(options.blob);
-	const link = document.createElement("a");
-	link.download = options.fileName;
-	link.href = url;
-	link.click();
-	setTimeout(() => URL.revokeObjectURL(url), 0);
-}
-//#endregion
-//#region src/sessions/ui/review/transcript/evidence-thumb.tsx
-const TRIGGER_LABELS = {
-	hover: "Long hover",
-	manual: "Added by hand",
-	mark: "Marked moment",
-	navigation: "Page change",
-	select: "Pointed element",
-	start: "Session start"
-};
-function evidenceCaption(evidence) {
-	const element = evidence.element ? ` · ${evidence.element.label}` : "";
-	return `${TRIGGER_LABELS[evidence.trigger]}${element}`;
+function PreparedBrief({ onChangeSelection, prepared, title }) {
+	const { copy, exportZip } = useDelivery({
+		prepared,
+		title
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("textarea", {
+		"aria-label": "Brief",
+		className: "dt-field dt-ses-brief",
+		readOnly: true,
+		rows: 12,
+		value: prepared.handoff.brief
+	}), /* @__PURE__ */ jsxs("div", {
+		className: "dt-actions",
+		children: [
+			/* @__PURE__ */ jsx("button", {
+				className: "dt-btn",
+				"data-variant": "primary",
+				onClick: copy,
+				type: "button",
+				children: "Copy brief"
+			}),
+			/* @__PURE__ */ jsx("button", {
+				className: "dt-btn",
+				onClick: exportZip,
+				type: "button",
+				children: "Download .zip"
+			}),
+			/* @__PURE__ */ jsx("button", {
+				className: "dt-btn",
+				onClick: onChangeSelection,
+				type: "button",
+				children: "Edit selection"
+			})
+		]
+	})] });
 }
-const hasViewport = (frame) => frame.viewportWidth > 0 && frame.viewportHeight > 0;
-const percent = (value, total) => `${value / total * 100}%`;
-function percentBox(rect, frame) {
-	if (!hasViewport(frame)) return null;
-	return {
-		height: percent(rect.height, frame.viewportHeight),
-		left: percent(rect.x, frame.viewportWidth),
-		top: percent(rect.y, frame.viewportHeight),
-		width: percent(rect.width, frame.viewportWidth)
+function usePrepareHandoff(options) {
+	const { api } = useSessionWorkspace();
+	const run = useSessionAction();
+	const [request, setRequest] = useState(() => ({
+		clientKey: crypto.randomUUID(),
+		selection: initialSelection(options.detail)
+	}));
+	const [prepared, setPrepared] = useState(null);
+	const [isPreparing, setIsPreparing] = useState(false);
+	const prepare = async () => {
+		setIsPreparing(true);
+		const result = await run("The brief was not prepared", () => api.createHandoff({
+			clientKey: request.clientKey,
+			sessionId: options.detail.session.id,
+			...request.selection
+		}));
+		setIsPreparing(false);
+		if (result) {
+			setPrepared(result);
+			options.review.reload();
+		}
 	};
-}
-function percentPoint(point, frame) {
-	if (!hasViewport(frame)) return null;
 	return {
-		left: percent(point.x, frame.viewportWidth),
-		top: percent(point.y, frame.viewportHeight)
+		clear: () => setPrepared(null),
+		isPreparing,
+		prepare,
+		prepared,
+		select: (selection) => setRequest({
+			clientKey: crypto.randomUUID(),
+			selection
+		}),
+		selection: request.selection
 	};
 }
-function EvidenceThumb({ evidence, isLarge = false }) {
-	const { element, frame, image } = evidence;
-	if (!image?.url) return null;
-	const highlight = element && frame ? percentBox(element.rect, frame) : null;
-	return /* @__PURE__ */ jsxs("span", {
-		className: "dt-ses-shot",
-		"data-large": isLarge,
-		children: [/* @__PURE__ */ jsx("img", {
-			alt: evidenceCaption(evidence),
-			height: image.height,
-			src: image.url,
-			width: image.width
-		}), highlight && /* @__PURE__ */ jsx("span", {
-			"aria-hidden": "true",
-			className: "dt-ses-shot-mark",
-			style: highlight
-		})]
+function SelectionStep({ detail, handoff }) {
+	const count = handoff.selection.proposalIds.length;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("p", {
+			className: "dt-hint",
+			children: "Tick what your agent should get. Nothing leaves Reflet until you copy or download the brief."
+		}),
+		/* @__PURE__ */ jsx(HandoffChoices, {
+			detail,
+			onChange: handoff.select,
+			selection: handoff.selection
+		}),
+		/* @__PURE__ */ jsx(ChangedSinceBriefs, {
+			detail,
+			proposalIds: handoff.selection.proposalIds
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "dt-actions",
+			children: /* @__PURE__ */ jsx("button", {
+				className: "dt-btn",
+				"data-variant": "primary",
+				disabled: count === 0 || handoff.isPreparing,
+				onClick: handoff.prepare,
+				type: "button",
+				children: "Build brief"
+			})
+		})
+	] });
+}
+function HandoffView({ detail, review }) {
+	const handoff = usePrepareHandoff({
+		detail,
+		review
+	});
+	return /* @__PURE__ */ jsxs("section", {
+		"aria-labelledby": "rf-handoff-title",
+		className: "dt-ses-handoff",
+		children: [
+			/* @__PURE__ */ jsx("h2", {
+				className: "dt-ses-title",
+				id: "rf-handoff-title",
+				tabIndex: -1,
+				children: "Brief for your agent"
+			}),
+			handoff.prepared ? /* @__PURE__ */ jsx(PreparedBrief, {
+				onChangeSelection: handoff.clear,
+				prepared: handoff.prepared,
+				title: detail.session.title
+			}) : /* @__PURE__ */ jsx(SelectionStep, {
+				detail,
+				handoff
+			}),
+			/* @__PURE__ */ jsx(EarlierBriefs, { handoffs: detail.handoffs })
+		]
 	});
 }
 //#endregion
-//#region src/sessions/ui/review/continuation/intention-history.tsx
-const FIELD_LABELS = {
-	need: "Need",
-	observed: "Observed",
-	response: "Considered response",
-	setAside: "Set aside",
-	unknowns: "To check"
-};
-function fieldValueText(value) {
-	return (Array.isArray(value) ? value.join("; ") : value) || "—";
-}
-function AppliedChanges({ applied }) {
-	if (applied.length === 0) return null;
-	return /* @__PURE__ */ jsx("ul", {
-		className: "dt-ses-rows",
-		children: applied.map((change) => /* @__PURE__ */ jsxs("li", {
-			className: "dt-ses-row",
-			children: [/* @__PURE__ */ jsxs("p", {
-				className: "dt-meta",
-				children: [
-					"Accepted into revision ",
-					change.revision,
-					" by",
-					" ",
-					change.byName ?? "a teammate",
-					" · ",
-					formatDate(change.at)
-				]
-			}), /* @__PURE__ */ jsx("ul", {
-				className: "dt-ses-list",
-				children: change.fields.map((field) => /* @__PURE__ */ jsxs("li", { children: [
-					FIELD_LABELS[field.field],
-					": ",
-					fieldValueText(field.before),
-					" →",
-					" ",
-					fieldValueText(field.after)
-				] }, field.field))
-			})]
-		}, change.revision))
-	});
-}
-function HistoryExtracts({ evidence, quotes }) {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [quotes.map((quote) => /* @__PURE__ */ jsxs("blockquote", {
-		className: "dt-ses-moment-quote",
-		children: [
-			/* @__PURE__ */ jsx("span", {
-				className: "dt-ses-time",
-				children: formatClock(quote.startMs)
-			}),
-			` “${quote.text}”`,
-			quote.context.map((line) => /* @__PURE__ */ jsx("span", {
-				className: "dt-meta dt-ses-context-line",
-				children: line
-			}, line))
-		]
-	}, quote.segmentId)), evidence.length > 0 && /* @__PURE__ */ jsx("div", {
-		className: "dt-ses-thumbs",
-		children: evidence.map((item) => /* @__PURE__ */ jsx(EvidenceThumb, { evidence: item }, item.id))
-	})] });
-}
-function entryTitle(entry) {
-	const { session } = entry;
-	return entry.origin === "continuation" ? `Continued in “${session.title}” · ${formatDate(session.startedAt)}` : `Added from “${session.title}” · ${formatDate(session.startedAt)}`;
-}
-function HistoryEntry({ context, entry }) {
-	const evidenceIds = new Set(entry.evidenceIds);
-	const evidence = context.detail.contributedEvidence.filter((item) => evidenceIds.has(item.id));
-	return /* @__PURE__ */ jsxs("li", {
-		className: "dt-ses-history",
-		"data-removed": entry.detachedAt !== null,
-		children: [
-			/* @__PURE__ */ jsx("p", {
-				className: "dt-ses-subhead",
-				children: entryTitle(entry)
-			}),
-			entry.detachedAt !== null && /* @__PURE__ */ jsxs("p", {
-				className: "dt-meta",
-				children: [
-					"Removed on ",
-					formatDate(entry.detachedAt),
-					": what it added was taken back."
-				]
-			}),
-			/* @__PURE__ */ jsx(AppliedChanges, { applied: entry.applied }),
-			entry.extractsHidden ? /* @__PURE__ */ jsx("p", {
-				className: "dt-meta",
-				children: "Extracts are private to the author"
-			}) : /* @__PURE__ */ jsx(HistoryExtracts, {
-				evidence,
-				quotes: entry.quotes
-			}),
-			entry.session.canOpen && /* @__PURE__ */ jsx("button", {
-				className: "dt-ses-link",
-				onClick: () => context.navigation.onOpenSession(entry.session.id),
-				type: "button",
-				children: "Open session"
-			})
-		]
-	});
-}
-function IntentionHistory({ context, intentionId }) {
-	const entries = context.detail.history.filter((entry) => entry.intentionId === intentionId);
-	if (entries.length === 0) return null;
-	return /* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsx("h4", {
-		className: "dt-ses-label",
-		children: "History"
-	}), /* @__PURE__ */ jsx("ul", {
-		className: "dt-ses-rows",
-		children: entries.map((entry) => /* @__PURE__ */ jsx(HistoryEntry, {
-			context,
-			entry
-		}, entry.id))
-	})] });
-}
-//#endregion
-//#region src/sessions/ui/handoff/handoff-changes.tsx
-function differences(proposal, last) {
-	return [
-		{
-			after: proposal.need,
-			before: last.need,
-			label: "Need"
-		},
-		{
-			after: fieldValueText(proposal.response),
-			before: fieldValueText(last.response),
-			label: "Considered response"
-		},
-		{
-			after: fieldValueText(proposal.unknowns),
-			before: last.unknowns === null ? null : fieldValueText(last.unknowns),
-			label: "To check"
+//#region src/sessions/ui/review/guarded-save.tsx
+function useGuardedSave() {
+	const { onUnauthorized } = useSessionWorkspace();
+	const [problem, setProblem] = useState(null);
+	const [isSaving, setIsSaving] = useState(false);
+	const save = async (write) => {
+		setIsSaving(true);
+		setProblem(null);
+		try {
+			await write();
+		} catch (error) {
+			if (isUnauthorized(error)) onUnauthorized();
+			else if (error instanceof SessionApiError && error.status === 409) setProblem({ kind: "stale" });
+			else setProblem({
+				kind: "failed",
+				message: failureMessage(error)
+			});
 		}
-	].flatMap(({ after, before, label }) => before === null || before === after ? [] : [{
-		after,
-		before,
-		label
-	}]);
-}
-function ChangeSummary({ last, proposal }) {
-	return /* @__PURE__ */ jsxs("li", {
-		className: "dt-ses-row",
-		children: [
-			/* @__PURE__ */ jsx("p", {
-				className: "dt-ses-subhead",
-				children: proposal.need
-			}),
-			/* @__PURE__ */ jsxs("p", {
-				className: "dt-meta",
-				children: [
-					"Changed since the brief of ",
-					formatDate(last.at),
-					" (revision",
-					" ",
-					last.revision,
-					" → ",
-					proposal.revision,
-					")"
-				]
-			}),
-			/* @__PURE__ */ jsx("ul", {
-				className: "dt-ses-list",
-				children: differences(proposal, last).map((difference) => /* @__PURE__ */ jsxs("li", { children: [
-					difference.label,
-					": ",
-					difference.before,
-					" → ",
-					difference.after
-				] }, difference.label))
-			})
-		]
-	});
-}
-function ChangedSinceBriefs({ detail, proposalIds }) {
-	const selected = new Set(proposalIds);
-	const changed = detail.proposals.flatMap((proposal) => {
-		const last = proposal.lastHandoff;
-		return selected.has(proposal.id) && last && last.revision < proposal.revision ? [{
-			last,
-			proposal
-		}] : [];
-	});
-	if (changed.length === 0) return null;
-	return /* @__PURE__ */ jsx("ul", {
-		className: "dt-ses-rows",
-		children: changed.map(({ last, proposal }) => /* @__PURE__ */ jsx(ChangeSummary, {
-			last,
-			proposal
-		}, proposal.id))
-	});
-}
-function deliveryLine(handoff) {
-	const kinds = new Set(handoff.deliveries.map((delivery) => delivery.kind));
-	if (kinds.size === 0) return "not copied or exported";
-	return [...kinds].join(" and ");
-}
-function intentionsLine(handoff) {
-	const [only, ...others] = handoff.proposals;
-	if (only && others.length === 0) return `“${only.need}” revision ${only.revision}`;
-	return countLabel(handoff.proposals.length, "intention");
+		setIsSaving(false);
+	};
+	return {
+		isSaving,
+		problem,
+		save
+	};
 }
-function PreviousBriefs({ handoffs }) {
-	if (handoffs.length === 0) return null;
-	return /* @__PURE__ */ jsxs("section", {
-		className: "dt-ses-form",
-		children: [/* @__PURE__ */ jsx("h3", {
-			className: "dt-ses-label",
-			children: "Previous briefs"
-		}), /* @__PURE__ */ jsx("ul", {
-			className: "dt-ses-rows",
-			children: handoffs.map((handoff) => {
-				const date = formatDate(handoff.createdAt);
-				return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("details", { children: [/* @__PURE__ */ jsxs("summary", { children: [
-					date,
-					" · ",
-					intentionsLine(handoff),
-					" · ",
-					deliveryLine(handoff)
-				] }), /* @__PURE__ */ jsx("textarea", {
-					"aria-label": `Brief of ${date}`,
-					className: "dt-field dt-ses-brief",
-					readOnly: true,
-					rows: 8,
-					value: handoff.brief
-				})] }) }, handoff.id);
-			})
+function SaveProblemMessage({ onReload, problem }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "dt-actions",
+		role: "alert",
+		children: [/* @__PURE__ */ jsx("p", {
+			className: "dt-error",
+			children: problem.kind === "stale" ? "Someone changed this since you opened it. Reload it, then edit again." : `Not saved: ${problem.message}`
+		}), problem.kind === "stale" && /* @__PURE__ */ jsx("button", {
+			className: "dt-btn",
+			onClick: onReload,
+			type: "button",
+			children: "Reload"
 		})]
 	});
 }
 //#endregion
-//#region src/sessions/ui/handoff/handoff-selection.tsx
-function keptProposals(detail) {
-	return detail.proposals.filter((proposal) => proposal.decision === "kept" && proposal.mergedIntoId === null);
-}
-function evidenceOf(detail, proposals) {
-	const intentionIds = new Set(proposals.map((proposal) => proposal.id));
-	const contributed = detail.history.filter((entry) => intentionIds.has(entry.intentionId) && entry.detachedAt === null);
-	const cited = /* @__PURE__ */ new Set([...proposals.flatMap((proposal) => proposal.evidenceIds), ...contributed.flatMap((entry) => entry.evidenceIds)]);
-	return [...detail.evidence, ...detail.contributedEvidence].filter((item) => cited.has(item.id) && item.status === "available");
-}
-function initialSelection(detail) {
-	const proposals = keptProposals(detail);
+//#region src/sessions/ui/review/use-session-detail.ts
+const POLL_INTERVAL_MS = 2e3;
+function nextRequest(current) {
 	return {
-		evidenceIds: evidenceOf(detail, proposals).map((item) => item.id),
-		proposalIds: proposals.map((proposal) => proposal.id)
+		...current,
+		count: current.count + 1
 	};
 }
-function toggled(ids, id) {
-	return ids.includes(id) ? ids.filter((other) => other !== id) : [...ids, id];
+function withProposal(detail, proposal) {
+	const isKnown = detail.proposals.some((item) => item.id === proposal.id);
+	return {
+		...detail,
+		proposals: isKnown ? detail.proposals.map((item) => item.id === proposal.id ? proposal : item) : [...detail.proposals, proposal]
+	};
 }
-function CheckRow({ isChecked, label, onToggle }) {
-	return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("label", {
-		className: "dt-ses-check",
-		children: [/* @__PURE__ */ jsx("input", {
-			checked: isChecked,
-			onChange: onToggle,
-			type: "checkbox"
-		}), /* @__PURE__ */ jsx("span", { children: label })]
-	}) });
+function withSegment(detail, segment) {
+	const others = detail.segments.filter((item) => item.id !== segment.id);
+	return {
+		...detail,
+		segments: [...others, segment].sort((a, b) => a.startMs - b.startMs)
+	};
 }
-function ChoiceGroup({ children, legend }) {
-	return /* @__PURE__ */ jsxs("fieldset", {
-		className: "dt-ses-choices",
-		children: [/* @__PURE__ */ jsx("legend", {
-			className: "dt-ses-label",
-			children: legend
-		}), /* @__PURE__ */ jsx("ul", {
-			className: "dt-ses-list",
-			children
-		})]
-	});
+function withEvidence(detail, evidence) {
+	return {
+		...detail,
+		evidence: detail.evidence.map((item) => item.id === evidence.id ? evidence : item)
+	};
 }
-function HandoffChoices({ detail, onChange, selection }) {
-	const proposals = keptProposals(detail);
-	const evidence = evidenceOf(detail, proposals);
-	const toggleProposal = (id) => onChange({
-		...selection,
-		proposalIds: toggled(selection.proposalIds, id)
-	});
-	const toggleEvidence = (id) => onChange({
-		...selection,
-		evidenceIds: toggled(selection.evidenceIds, id)
-	});
-	const chosenProposalIds = new Set(selection.proposalIds);
-	const chosenEvidenceIds = new Set(selection.evidenceIds);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ChoiceGroup, {
-		legend: "Intentions",
-		children: proposals.map((proposal) => /* @__PURE__ */ jsx(CheckRow, {
-			isChecked: chosenProposalIds.has(proposal.id),
-			label: proposal.need,
-			onToggle: () => toggleProposal(proposal.id)
-		}, proposal.id))
-	}), evidence.length > 0 && /* @__PURE__ */ jsx(ChoiceGroup, {
-		legend: "Evidence",
-		children: evidence.map((item) => /* @__PURE__ */ jsx(CheckRow, {
-			isChecked: chosenEvidenceIds.has(item.id),
-			label: `${formatClock(item.atMs)} · ${evidenceCaption(item)}`,
-			onToggle: () => toggleEvidence(item.id)
-		}, item.id))
-	})] });
+function isHidden() {
+	return typeof document !== "undefined" && document.visibilityState === "hidden";
 }
-//#endregion
-//#region src/sessions/ui/handoff/handoff-view.tsx
-function useDelivery(options) {
-	const { api } = useSessionWorkspace();
-	const run = useSessionAction();
-	const { files, handoff } = options.prepared;
-	const deliver = async (kind, send) => {
-		try {
-			await send();
-		} catch (error) {
-			reportFailure(`The brief was not ${kind}`, error);
-			return;
-		}
-		announce(kind === "copied" ? "Brief copied" : "Brief exported");
-		await run("The delivery was not recorded", () => api.markHandoffDelivered({
-			handoffId: handoff.id,
-			kind
-		}));
-	};
+function usePollTick(lastAnswer) {
+	const [tick, setTick] = useState(0);
+	useEffect(() => {
+		if (lastAnswer.kind !== "ready" || !isDetailProcessing(lastAnswer.detail)) return;
+		let timer = 0;
+		const schedule = () => {
+			window.clearTimeout(timer);
+			if (!isHidden()) timer = window.setTimeout(() => setTick((current) => current + 1), POLL_INTERVAL_MS);
+		};
+		schedule();
+		document.addEventListener("visibilitychange", schedule);
+		return () => {
+			window.clearTimeout(timer);
+			document.removeEventListener("visibilitychange", schedule);
+		};
+	}, [lastAnswer]);
+	return tick;
+}
+function failedState(error, current) {
+	if (error instanceof SessionApiError && error.status === 404) return { kind: "missing" };
+	if (current.kind === "ready") return current;
 	return {
-		copy: () => deliver("copied", () => copyToClipboard(Promise.resolve(handoff.brief))),
-		exportZip: () => deliver("exported", async () => {
-			saveBlob({
-				blob: await buildBriefZip({
-					brief: handoff.brief,
-					files
-				}),
-				fileName: zipFileName(options.title)
-			});
-		})
+		kind: "failed",
+		message: failureMessage(error)
 	};
 }
-function PreparedBrief({ onChangeSelection, prepared, title }) {
-	const { copy, exportZip } = useDelivery({
-		prepared,
-		title
+function useLandedUploadTick() {
+	const { account } = useSessionWorkspace();
+	const { pendingOperations } = useSyncStatus(account.key);
+	const [seen, setSeen] = useState({
+		pending: pendingOperations,
+		tick: 0
 	});
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("textarea", {
-		"aria-label": "Brief",
-		className: "dt-field dt-ses-brief",
-		readOnly: true,
-		rows: 12,
-		value: prepared.handoff.brief
-	}), /* @__PURE__ */ jsxs("div", {
-		className: "dt-actions",
-		children: [
-			/* @__PURE__ */ jsx("button", {
-				className: "dt-btn",
-				"data-variant": "primary",
-				onClick: copy,
-				type: "button",
-				children: "Copy brief"
-			}),
-			/* @__PURE__ */ jsx("button", {
-				className: "dt-btn",
-				onClick: exportZip,
-				type: "button",
-				children: "Export .zip"
-			}),
-			/* @__PURE__ */ jsx("button", {
-				className: "dt-btn",
-				onClick: onChangeSelection,
-				type: "button",
-				children: "Change selection"
-			})
-		]
-	})] });
+	if (seen.pending !== pendingOperations) setSeen({
+		pending: pendingOperations,
+		tick: pendingOperations < seen.pending ? seen.tick + 1 : seen.tick
+	});
+	return seen.tick;
 }
-function useInternalFeedback(proposalIds) {
-	const { api } = useSessionWorkspace();
-	const run = useSessionAction();
-	return async () => {
-		if ((await Promise.all(proposalIds.map((proposalId) => run("The feedback was not created", () => api.createFeedback(proposalId))))).every((result) => result !== null)) announce("Internal feedback created — agents don't pick it up from the queue; hand off the brief instead.");
+function useSessionDetail(sessionId) {
+	const { api, onUnauthorized } = useSessionWorkspace();
+	const [state, setState] = useState({ kind: "loading" });
+	const [request, setRequest] = useState({
+		count: 0,
+		sessionId
+	});
+	const pollTick = usePollTick(state);
+	const uploadTick = useLandedUploadTick();
+	useEffect(() => {
+		let isCurrent = true;
+		api.detail(request.sessionId).then((detail) => isCurrent && setState({
+			detail,
+			kind: "ready"
+		}), (error) => {
+			if (isUnauthorized(error)) {
+				onUnauthorized();
+				return;
+			}
+			if (isCurrent) setState((current) => failedState(error, current));
+			const isRefresh = request.count + pollTick + uploadTick > 0;
+			if (isCurrent && isRefresh) reportFailure("The session did not refresh", error);
+		});
+		return () => {
+			isCurrent = false;
+		};
+	}, [
+		api,
+		onUnauthorized,
+		request,
+		pollTick,
+		uploadTick
+	]);
+	return {
+		patch: (update) => setState((current) => current.kind === "ready" ? {
+			detail: update(current.detail),
+			kind: "ready"
+		} : current),
+		reload: () => setRequest(nextRequest),
+		state
 	};
 }
-function usePrepareHandoff(options) {
-	const { api } = useSessionWorkspace();
-	const run = useSessionAction();
-	const [request, setRequest] = useState(() => ({
-		clientKey: crypto.randomUUID(),
-		selection: initialSelection(options.detail)
-	}));
-	const [prepared, setPrepared] = useState(null);
-	const [isPreparing, setIsPreparing] = useState(false);
-	const prepare = async () => {
-		setIsPreparing(true);
-		const result = await run("The brief was not prepared", () => api.createHandoff({
-			clientKey: request.clientKey,
-			sessionId: options.detail.session.id,
-			...request.selection
-		}));
-		setIsPreparing(false);
-		if (result) {
-			setPrepared(result);
-			options.review.reload();
-		}
-	};
+//#endregion
+//#region src/sessions/ui/review/proposals/proposal-editor.tsx
+const MAX_LIST_ITEMS = 8;
+function lines(text) {
+	return text.split("\n").map((line) => line.trim()).filter((line) => line !== "").slice(0, MAX_LIST_ITEMS);
+}
+function editBody(proposal, draft) {
 	return {
-		clear: () => setPrepared(null),
-		isPreparing,
-		prepare,
-		prepared,
-		select: (selection) => setRequest({
-			clientKey: crypto.randomUUID(),
-			selection
-		}),
-		selection: request.selection
-	};
-}
-function SelectionStep({ detail, handoff }) {
-	const createFeedback = useInternalFeedback(handoff.selection.proposalIds);
-	const hasProposals = handoff.selection.proposalIds.length > 0;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx("p", {
-			className: "dt-hint",
-			children: "Coding agents get exactly the brief and files you pick here."
-		}),
-		/* @__PURE__ */ jsx(HandoffChoices, {
-			detail,
-			onChange: handoff.select,
-			selection: handoff.selection
-		}),
-		/* @__PURE__ */ jsx(ChangedSinceBriefs, {
-			detail,
-			proposalIds: handoff.selection.proposalIds
-		}),
-		/* @__PURE__ */ jsxs("div", {
-			className: "dt-actions",
-			children: [/* @__PURE__ */ jsx("button", {
-				className: "dt-btn",
-				"data-variant": "primary",
-				disabled: !hasProposals || handoff.isPreparing,
-				onClick: handoff.prepare,
-				type: "button",
-				children: "Prepare brief"
-			}), /* @__PURE__ */ jsx("button", {
-				className: "dt-btn",
-				disabled: !hasProposals,
-				onClick: createFeedback,
-				type: "button",
-				children: "Create internal feedback"
-			})]
-		})
-	] });
-}
-function HandoffView({ detail, onClose, review }) {
-	const handoff = usePrepareHandoff({
-		detail,
-		review
-	});
-	return /* @__PURE__ */ jsxs("section", {
-		"aria-labelledby": "rf-handoff-title",
-		className: "dt-ses-handoff",
-		children: [
-			/* @__PURE__ */ jsx("button", {
-				className: "dt-ses-link",
-				onClick: onClose,
-				type: "button",
-				children: "← Back to review"
-			}),
-			/* @__PURE__ */ jsx("h2", {
-				className: "dt-ses-title",
-				id: "rf-handoff-title",
-				children: "Hand off"
-			}),
-			handoff.prepared ? /* @__PURE__ */ jsx(PreparedBrief, {
-				onChangeSelection: handoff.clear,
-				prepared: handoff.prepared,
-				title: detail.session.title
-			}) : /* @__PURE__ */ jsx(SelectionStep, {
-				detail,
-				handoff
-			}),
-			/* @__PURE__ */ jsx("p", {
-				className: "dt-meta",
-				children: "Copied or exported briefs can't be recalled."
-			}),
-			/* @__PURE__ */ jsx(PreviousBriefs, { handoffs: detail.handoffs })
-		]
-	});
-}
-//#endregion
-//#region src/sessions/ui/review/guarded-save.tsx
-function useGuardedSave() {
-	const { onUnauthorized } = useSessionWorkspace();
-	const [problem, setProblem] = useState(null);
-	const [isSaving, setIsSaving] = useState(false);
-	const save = async (write) => {
-		setIsSaving(true);
-		setProblem(null);
-		try {
-			await write();
-		} catch (error) {
-			if (isUnauthorized(error)) onUnauthorized();
-			else if (error instanceof SessionApiError && error.status === 409) setProblem({ kind: "stale" });
-			else setProblem({
-				kind: "failed",
-				message: failureMessage(error)
-			});
-		}
-		setIsSaving(false);
-	};
-	return {
-		isSaving,
-		problem,
-		save
-	};
-}
-function SaveProblemMessage({ onReload, problem }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "dt-actions",
-		role: "alert",
-		children: [/* @__PURE__ */ jsx("p", {
-			className: "dt-error",
-			children: problem.kind === "stale" ? "Someone changed this since you opened it. Reload it, then edit again." : `Not saved: ${problem.message}`
-		}), problem.kind === "stale" && /* @__PURE__ */ jsx("button", {
-			className: "dt-btn",
-			onClick: onReload,
-			type: "button",
-			children: "Reload"
-		})]
-	});
-}
-//#endregion
-//#region src/sessions/ui/review/use-session-detail.ts
-const POLL_INTERVAL_MS = 2e3;
-function nextRequest(current) {
-	return {
-		...current,
-		count: current.count + 1
-	};
-}
-function withProposal(detail, proposal) {
-	const isKnown = detail.proposals.some((item) => item.id === proposal.id);
-	return {
-		...detail,
-		proposals: isKnown ? detail.proposals.map((item) => item.id === proposal.id ? proposal : item) : [...detail.proposals, proposal]
-	};
-}
-function withSegment(detail, segment) {
-	const others = detail.segments.filter((item) => item.id !== segment.id);
-	return {
-		...detail,
-		segments: [...others, segment].sort((a, b) => a.startMs - b.startMs)
-	};
-}
-function withEvidence(detail, evidence) {
-	return {
-		...detail,
-		evidence: detail.evidence.map((item) => item.id === evidence.id ? evidence : item)
-	};
-}
-function isHidden() {
-	return typeof document !== "undefined" && document.visibilityState === "hidden";
-}
-function usePollTick(lastAnswer) {
-	const [tick, setTick] = useState(0);
-	useEffect(() => {
-		if (lastAnswer.kind !== "ready" || !isDetailProcessing(lastAnswer.detail)) return;
-		let timer = 0;
-		const schedule = () => {
-			window.clearTimeout(timer);
-			if (!isHidden()) timer = window.setTimeout(() => setTick((current) => current + 1), POLL_INTERVAL_MS);
-		};
-		schedule();
-		document.addEventListener("visibilitychange", schedule);
-		return () => {
-			window.clearTimeout(timer);
-			document.removeEventListener("visibilitychange", schedule);
-		};
-	}, [lastAnswer]);
-	return tick;
-}
-function failedState(error, current) {
-	if (error instanceof SessionApiError && error.status === 404) return { kind: "missing" };
-	if (current.kind === "ready") return current;
-	return {
-		kind: "failed",
-		message: failureMessage(error)
-	};
-}
-function useLandedUploadTick() {
-	const { account } = useSessionWorkspace();
-	const { pendingOperations } = useSyncStatus(account.key);
-	const [seen, setSeen] = useState({
-		pending: pendingOperations,
-		tick: 0
-	});
-	if (seen.pending !== pendingOperations) setSeen({
-		pending: pendingOperations,
-		tick: pendingOperations < seen.pending ? seen.tick + 1 : seen.tick
-	});
-	return seen.tick;
-}
-function useSessionDetail(sessionId) {
-	const { api, onUnauthorized } = useSessionWorkspace();
-	const [state, setState] = useState({ kind: "loading" });
-	const [request, setRequest] = useState({
-		count: 0,
-		sessionId
-	});
-	const pollTick = usePollTick(state);
-	const uploadTick = useLandedUploadTick();
-	useEffect(() => {
-		let isCurrent = true;
-		api.detail(request.sessionId).then((detail) => isCurrent && setState({
-			detail,
-			kind: "ready"
-		}), (error) => {
-			if (isUnauthorized(error)) {
-				onUnauthorized();
-				return;
-			}
-			if (isCurrent) setState((current) => failedState(error, current));
-			const isRefresh = request.count + pollTick + uploadTick > 0;
-			if (isCurrent && isRefresh) reportFailure("The session did not refresh", error);
-		});
-		return () => {
-			isCurrent = false;
-		};
-	}, [
-		api,
-		onUnauthorized,
-		request,
-		pollTick,
-		uploadTick
-	]);
-	return {
-		patch: (update) => setState((current) => current.kind === "ready" ? {
-			detail: update(current.detail),
-			kind: "ready"
-		} : current),
-		reload: () => setRequest(nextRequest),
-		state
-	};
-}
-//#endregion
-//#region src/sessions/ui/review/proposals/proposal-editor.tsx
-const MAX_LIST_ITEMS = 8;
-function lines(text) {
-	return text.split("\n").map((line) => line.trim()).filter((line) => line !== "").slice(0, MAX_LIST_ITEMS);
-}
-function editBody(proposal, draft) {
-	return {
-		expectedRevision: proposal.revision,
-		need: draft.need.trim(),
-		observed: draft.observed.trim(),
-		proposalId: proposal.id,
-		response: draft.response.trim() || null,
-		setAside: lines(draft.setAside),
-		unknowns: lines(draft.unknowns)
+		expectedRevision: proposal.revision,
+		need: draft.need.trim(),
+		observed: draft.observed.trim(),
+		proposalId: proposal.id,
+		response: draft.response.trim() || null,
+		setAside: lines(draft.setAside),
+		unknowns: lines(draft.unknowns)
 	};
 }
 function TextField({ label, maxLength, onChange, rows, value }) {
@@ -5880,7 +5259,7 @@ function UpdateCard({ context, continuation }) {
 }
 //#endregion
 //#region src/sessions/ui/review/transcript/remove-evidence.tsx
-const REMOVE_COPY = "Remove this screenshot? The image is deleted for good. Briefs you already copied or exported can't be recalled.";
+const REMOVE_COPY = "Remove this screenshot? The image is deleted for good. Briefs you already downloaded keep their copy.";
 function useFocusWhen(shouldFocus) {
 	const ref = useRef(null);
 	useEffect(() => {
@@ -6412,7 +5791,7 @@ function MomentHeading({ onClose, segment }) {
 		})]
 	});
 }
-function useEscapeToClose(onClose) {
+function useEscapeToClose$1(onClose) {
 	const sectionRef = useRef(null);
 	const onCloseRef = useRef(onClose);
 	useLayoutEffect(() => {
@@ -6434,7 +5813,7 @@ function useEscapeToClose(onClose) {
 function MomentView({ handlers, segmentId, session }) {
 	const { detail, review } = session;
 	const segment = detail.segments.find((item) => item.id === segmentId);
-	const sectionRef = useEscapeToClose(handlers.onClose);
+	const sectionRef = useEscapeToClose$1(handlers.onClose);
 	return /* @__PURE__ */ jsxs("section", {
 		"aria-label": "Moment",
 		className: "dt-ses-moment",
@@ -6873,6 +6252,50 @@ function ScreenReport({ context, report }) {
 	})] });
 }
 //#endregion
+//#region src/devtools/client/devtools-icons.tsx
+function NotesIcon() {
+	return /* @__PURE__ */ jsx(Svg, { children: /* @__PURE__ */ jsx("path", { d: "M8 6h13M8 12h13M8 18h13M3.5 6h.01M3.5 12h.01M3.5 18h.01" }) });
+}
+function InboxIcon() {
+	return /* @__PURE__ */ jsxs(Svg, { children: [/* @__PURE__ */ jsx("path", { d: "M22 12h-6l-2 3h-4l-2-3H2" }), /* @__PURE__ */ jsx("path", { d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" })] });
+}
+function PanelIcon() {
+	return /* @__PURE__ */ jsxs(Svg, { children: [/* @__PURE__ */ jsx("rect", {
+		height: "16",
+		rx: "2.5",
+		width: "18",
+		x: "3",
+		y: "4"
+	}), /* @__PURE__ */ jsx("path", { d: "M14 4v16" })] });
+}
+function CodeIcon() {
+	return /* @__PURE__ */ jsx(Svg, { children: /* @__PURE__ */ jsx("path", { d: "m8 7-5 5 5 5M16 7l5 5-5 5" }) });
+}
+function RefreshIcon() {
+	return /* @__PURE__ */ jsx(Svg, { children: /* @__PURE__ */ jsx("path", { d: "M20 11a8 8 0 0 0-14.5-4.5L4 8M4 4v4h4M4 13a8 8 0 0 0 14.5 4.5L20 16M20 20v-4h-4" }) });
+}
+function ChevronLeftIcon() {
+	return /* @__PURE__ */ jsx(Svg, { children: /* @__PURE__ */ jsx("path", { d: "m15 6-6 6 6 6" }) });
+}
+function ChevronUpDownIcon() {
+	return /* @__PURE__ */ jsx(Svg, { children: /* @__PURE__ */ jsx("path", { d: "m8 10 4-4 4 4M8 14l4 4 4-4" }) });
+}
+function ViewOptionsIcon() {
+	return /* @__PURE__ */ jsxs(Svg, { children: [
+		/* @__PURE__ */ jsx("path", { d: "M4 7h10M18 7h2M4 17h2M10 17h10" }),
+		/* @__PURE__ */ jsx("circle", {
+			cx: "16",
+			cy: "7",
+			r: "2"
+		}),
+		/* @__PURE__ */ jsx("circle", {
+			cx: "8",
+			cy: "17",
+			r: "2"
+		})
+	] });
+}
+//#endregion
 //#region src/sessions/ui/start/session-disclosure.tsx
 const SEEN_KEY_PREFIX = "reflet-sessions-disclosure:";
 function hasSeenDisclosure(accountKey) {
@@ -6960,21 +6383,22 @@ function StartProblem({ failure, onRetry, onWriteNote }) {
 		})]
 	});
 }
-function StartActions({ isBusy, onStart, onWriteNote }) {
+function StartActions({ isBusy, onStart }) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: "dt-actions",
-		children: [/* @__PURE__ */ jsx("button", {
-			className: "dt-btn",
-			"data-variant": "primary",
-			disabled: isBusy,
-			onClick: onStart,
-			type: "button",
-			children: "Start session"
-		}), onWriteNote && /* @__PURE__ */ jsx("button", {
-			className: "dt-btn",
-			onClick: onWriteNote,
-			type: "button",
-			children: "Write a note instead"
+		className: "dt-ses-start",
+		children: [/* @__PURE__ */ jsx("p", {
+			className: "dt-meta",
+			children: "Talk while you use the app. Reflet turns what you say and show into intentions you can brief an agent with."
+		}), /* @__PURE__ */ jsx("div", {
+			className: "dt-actions",
+			children: /* @__PURE__ */ jsxs("button", {
+				className: "dt-btn",
+				"data-variant": "primary",
+				disabled: isBusy,
+				onClick: onStart,
+				type: "button",
+				children: [/* @__PURE__ */ jsx(MicIcon, {}), "Start session"]
+			})
 		})]
 	});
 }
@@ -7006,19 +6430,21 @@ function MicrophonePrompt({ isRequesting }) {
 function StartSession({ onStarted, onWriteNote }) {
 	const { account } = useSessionWorkspace();
 	const { failure, isBusy, isRequesting, start } = useRecorderStart(onStarted);
+	const [isFirstVisit] = useState(() => !hasSeenDisclosure(account.key));
 	const startBlank = () => start({});
+	const disclosure = /* @__PURE__ */ jsx(SessionDisclosure, { accountKey: account.key });
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx(SessionDisclosure, { accountKey: account.key }),
-		/* @__PURE__ */ jsx(MicrophonePrompt, { isRequesting }),
+		isFirstVisit && disclosure,
 		failure ? /* @__PURE__ */ jsx(StartProblem, {
 			failure,
 			onRetry: startBlank,
 			onWriteNote
 		}) : /* @__PURE__ */ jsx(StartActions, {
 			isBusy,
-			onStart: startBlank,
-			onWriteNote
-		})
+			onStart: startBlank
+		}),
+		/* @__PURE__ */ jsx(MicrophonePrompt, { isRequesting }),
+		!isFirstVisit && disclosure
 	] });
 }
 //#endregion
@@ -7103,15 +6529,44 @@ function useDecide(review) {
 		});
 	};
 }
-function useProposalActions(review) {
-	const save = useProposalSave(review);
+function withFeedbackIds(feedbackIds) {
+	return (detail) => ({
+		...detail,
+		proposals: detail.proposals.map((item) => {
+			const feedbackId = feedbackIds.get(item.id);
+			return feedbackId ? {
+				...item,
+				feedbackId
+			} : item;
+		})
+	});
+}
+function useAddToBoard(review) {
+	const { api } = useSessionWorkspace();
+	const run = useSessionAction();
+	return async (proposals) => {
+		const created = await Promise.all(proposals.map(async (proposal) => {
+			const result = await run(`${quotedNeed(proposal.need)} was not added to the board`, () => api.createFeedback(proposal.id));
+			return result ? [proposal.id, result.feedbackId] : null;
+		}));
+		const added = new Map(created.flatMap((entry) => entry ? [entry] : []));
+		if (added.size === 0) return;
+		review.patch(withFeedbackIds(added));
+		const onlyAdded = added.size === 1 ? proposals.find((proposal) => added.has(proposal.id)) : void 0;
+		announce(onlyAdded ? `Added ${quotedNeed(onlyAdded.need)} to the board` : `Added ${countLabel(added.size, "intention")} to the board`);
+	};
+}
+function useProposalActions(review) {
+	const save = useProposalSave(review);
+	const decide = useDecide(review);
 	return {
+		addToBoard: useAddToBoard(review),
 		clarify: (proposal, text) => save("The precision was not sent", (client) => client.clarifyProposal({
 			expectedRevision: proposal.revision,
 			proposalId: proposal.id,
 			text
 		})),
-		decide: useDecide(review),
+		decide,
 		merge: async (targetId, sourceIds) => {
 			if (await save("The intentions were not merged", (client) => client.mergeProposals({
 				sourceIds,
@@ -7129,7 +6584,7 @@ function useProposalActions(review) {
 }
 //#endregion
 //#region src/sessions/ui/review/proposals/delete-intention.tsx
-const DELETE_INTENTION_COPY = "Delete this intention? What later sessions added to it is deleted too, along with Reflet's copies of the briefs that included it. Briefs already copied or exported can't be recalled.";
+const DELETE_INTENTION_COPY = "Delete this intention? What later sessions added to it goes too, and so do the briefs Reflet saved that include it. Briefs you already copied or downloaded keep their text.";
 function DeleteConfirmation$1({ context, onCancel, proposal }) {
 	const { api } = useSessionWorkspace();
 	const run = useSessionAction();
@@ -7640,8 +7095,8 @@ const ICON_DECISIONS = [{
 function ProposalChips({ proposal }) {
 	const decisionChip = DECISION_CHIPS[proposal.decision];
 	const { handedOffRevision } = proposal;
-	let handoffChip = null;
-	if (handedOffRevision !== null) handoffChip = proposal.revision > handedOffRevision ? "Changed since handoff" : `Handed off rev ${handedOffRevision}`;
+	let briefChip = null;
+	if (handedOffRevision !== null) briefChip = proposal.revision > handedOffRevision ? "Changed since brief" : "In a brief";
 	return /* @__PURE__ */ jsxs("div", {
 		className: "dt-ses-chips",
 		children: [
@@ -7662,9 +7117,13 @@ function ProposalChips({ proposal }) {
 				"data-tone": "accent",
 				children: "To re-examine"
 			}),
-			handoffChip && /* @__PURE__ */ jsx("span", {
+			briefChip && /* @__PURE__ */ jsx("span", {
 				className: "dt-chip",
-				children: handoffChip
+				children: briefChip
+			}),
+			proposal.feedbackId !== null && /* @__PURE__ */ jsx("span", {
+				className: "dt-chip",
+				children: "On the board"
 			})
 		]
 	});
@@ -7741,6 +7200,15 @@ function DecisionButtons({ context, onEdit, proposal }) {
 				title: "Edit",
 				type: "button",
 				children: /* @__PURE__ */ jsx(PencilIcon, {})
+			}),
+			proposal.feedbackId === null && proposal.decision !== "dismissed" && /* @__PURE__ */ jsx("button", {
+				"aria-label": "Add to board",
+				className: "dt-btn",
+				"data-icon-only": true,
+				onClick: () => context.actions.addToBoard([proposal]),
+				title: "Add to board",
+				type: "button",
+				children: /* @__PURE__ */ jsx(InboxIcon, {})
 			})
 		]
 	});
@@ -7896,13 +7364,6 @@ function ProposalCard({ context, proposal }) {
 }
 //#endregion
 //#region src/sessions/ui/review/proposals/proposals-tab.tsx
-const VIEW_OPTIONS = [{
-	label: "On screen",
-	value: "screens"
-}, {
-	label: "Details",
-	value: "cards"
-}];
 function emptyCopy(detail) {
 	const { session } = detail;
 	if (session.collection !== "ended") return "Intentions appear here once the recording has uploaded and Reflet has read it.";
@@ -7971,25 +7432,12 @@ function AddProposalForm({ context, onDone }) {
 		]
 	});
 }
-function ViewSwitch({ onSelect, view }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "dt-tabs",
-		children: VIEW_OPTIONS.map((option) => /* @__PURE__ */ jsx("button", {
-			"aria-pressed": option.value === view,
-			className: "dt-tab",
-			onClick: () => onSelect(option.value),
-			type: "button",
-			children: option.label
-		}, option.value))
-	});
-}
-function ProposalsTab({ context, onSelectView, view }) {
+function ProposalsTab({ context, view }) {
 	const [isAdding, setIsAdding] = useState(false);
 	const proposals = context.detail.proposals.filter((proposal) => proposal.mergedIntoId === null);
 	const { continuation } = context.detail;
 	const report = calloutReport(context.detail);
-	const hasScreens = report.screens.length > 0;
-	const showsScreens = hasScreens && view === "screens";
+	const showsScreens = report.screens.length > 0 && view === "screens";
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		continuation && /* @__PURE__ */ jsx(UpdateCard, {
 			context,
@@ -7999,10 +7447,6 @@ function ProposalsTab({ context, onSelectView, view }) {
 			className: "dt-empty",
 			children: emptyCopy(context.detail)
 		}),
-		hasScreens && /* @__PURE__ */ jsx(ViewSwitch, {
-			onSelect: onSelectView,
-			view
-		}),
 		showsScreens && /* @__PURE__ */ jsx(ScreenReport, {
 			context,
 			report
@@ -8026,8 +7470,199 @@ function ProposalsTab({ context, onSelectView, view }) {
 	] });
 }
 //#endregion
+//#region src/sessions/ui/review/review-footer.tsx
+function ReviewFooter({ context, onOpenBrief }) {
+	const confirmed = keptProposals(context.detail);
+	const offBoard = confirmed.filter((proposal) => proposal.feedbackId === null);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "dt-sheet-foot",
+		children: [
+			/* @__PURE__ */ jsxs("button", {
+				"aria-describedby": confirmed.length === 0 ? "rf-brief-hint" : void 0,
+				className: "dt-btn",
+				"data-variant": "primary",
+				disabled: confirmed.length === 0,
+				onClick: onOpenBrief,
+				type: "button",
+				children: ["Prepare brief", confirmed.length > 0 && /* @__PURE__ */ jsx("span", {
+					className: "dt-btn-count",
+					children: confirmed.length
+				})]
+			}),
+			offBoard.length > 0 && /* @__PURE__ */ jsxs("button", {
+				className: "dt-btn",
+				onClick: () => context.actions.addToBoard(offBoard),
+				type: "button",
+				children: [
+					"Add ",
+					offBoard.length,
+					" to board"
+				]
+			}),
+			confirmed.length === 0 && /* @__PURE__ */ jsx("span", {
+				className: "dt-status",
+				id: "rf-brief-hint",
+				children: "Confirm an intention to brief your agent or add it to the board"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/devtools/client/focused-element.ts
+function focusedElementAround(node) {
+	const scope = node.getRootNode();
+	return scope instanceof ShadowRoot || scope instanceof Document ? scope.activeElement : null;
+}
+//#endregion
+//#region src/devtools/client/menu.tsx
+const MENU_ITEM_SELECTOR = "[role^=\"menuitem\"]";
+function nextIndex(key, current, count) {
+	if (key === "ArrowDown") return (current + 1) % count;
+	if (key === "ArrowUp") return (current - 1 + count) % count;
+	if (key === "Home") return 0;
+	if (key === "End") return count - 1;
+	return null;
+}
+function useCloseOnOutsidePointer(containerRef, options) {
+	const closeRef = useRef(options.close);
+	useLayoutEffect(() => {
+		closeRef.current = options.close;
+	});
+	const { isOpen } = options;
+	useEffect(() => {
+		if (!isOpen) return;
+		const closeOnOutsidePointer = (event) => {
+			const container = containerRef.current;
+			if (container && !event.composedPath().includes(container)) closeRef.current();
+		};
+		document.addEventListener("pointerdown", closeOnOutsidePointer, true);
+		return () => document.removeEventListener("pointerdown", closeOnOutsidePointer, true);
+	}, [containerRef, isOpen]);
+}
+function useFocusOnOpen(listRef, isOpen) {
+	useLayoutEffect(() => {
+		const list = listRef.current;
+		if (!(isOpen && list)) return;
+		const items = [...list.querySelectorAll(MENU_ITEM_SELECTOR)];
+		(items.find((item) => item.getAttribute("aria-checked") === "true") ?? items[0])?.focus({ preventScroll: true });
+	}, [isOpen, listRef]);
+}
+/** Native: the panel's Escape listener shares the shadow root with React's, and runs before React's handler. */
+function useEscapeToClose(listRef, options) {
+	const { isOpen, onEscape } = options;
+	useEffect(() => {
+		const list = listRef.current;
+		if (!(isOpen && list)) return;
+		const closeOnEscape = (event) => {
+			if (event.key === "Escape" && !event.isComposing) {
+				event.stopPropagation();
+				onEscape();
+			}
+		};
+		list.addEventListener("keydown", closeOnEscape);
+		return () => list.removeEventListener("keydown", closeOnEscape);
+	}, [
+		isOpen,
+		listRef,
+		onEscape
+	]);
+}
+function MenuItemButton({ hasChoices, item, onChosen }) {
+	const select = () => {
+		onChosen();
+		item.onSelect();
+	};
+	if (!hasChoices) return /* @__PURE__ */ jsx("button", {
+		className: "dt-menu-item",
+		"data-variant": item.variant,
+		onClick: select,
+		role: "menuitem",
+		tabIndex: -1,
+		type: "button",
+		children: item.label
+	});
+	return /* @__PURE__ */ jsxs("button", {
+		"aria-checked": item.checked === true,
+		className: "dt-menu-item",
+		onClick: select,
+		role: "menuitemradio",
+		tabIndex: -1,
+		type: "button",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "dt-menu-check",
+			children: item.checked && /* @__PURE__ */ jsx(CheckIcon, { size: 14 })
+		}), item.label]
+	});
+}
+function Menu({ items, placement = "below", trigger }) {
+	const [isOpen, setIsOpen] = useState(false);
+	const menuId = useId();
+	const containerRef = useRef(null);
+	const triggerRef = useRef(null);
+	const listRef = useRef(null);
+	const close = () => setIsOpen(false);
+	const closeAndRefocus = () => {
+		close();
+		triggerRef.current?.focus({ preventScroll: true });
+	};
+	useCloseOnOutsidePointer(containerRef, {
+		close,
+		isOpen
+	});
+	useFocusOnOpen(listRef, isOpen);
+	useEscapeToClose(listRef, {
+		isOpen,
+		onEscape: closeAndRefocus
+	});
+	const hasChoices = items.some((item) => item.checked !== void 0);
+	const moveWithKeys = (event) => {
+		if (event.key === "Tab") {
+			close();
+			return;
+		}
+		const list = event.currentTarget;
+		const options = [...list.querySelectorAll(MENU_ITEM_SELECTOR)];
+		const focused = focusedElementAround(list);
+		const current = focused instanceof HTMLElement ? options.indexOf(focused) : -1;
+		const index = nextIndex(event.key, current, options.length);
+		if (index !== null) {
+			event.preventDefault();
+			options[index]?.focus();
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "dt-menu",
+		ref: containerRef,
+		children: [/* @__PURE__ */ jsx("button", {
+			"aria-controls": isOpen ? menuId : void 0,
+			"aria-expanded": isOpen,
+			"aria-haspopup": "menu",
+			"aria-label": trigger.label,
+			className: trigger.className,
+			onClick: () => setIsOpen(!isOpen),
+			ref: triggerRef,
+			title: trigger.label,
+			type: "button",
+			children: trigger.content
+		}), isOpen && /* @__PURE__ */ jsx("div", {
+			"aria-label": trigger.label,
+			className: "dt-menu-list",
+			"data-placement": placement,
+			id: menuId,
+			onKeyDown: moveWithKeys,
+			ref: listRef,
+			role: "menu",
+			children: items.map((item) => /* @__PURE__ */ jsx(MenuItemButton, {
+				hasChoices,
+				item,
+				onChosen: closeAndRefocus
+			}, item.label))
+		})]
+	});
+}
+//#endregion
 //#region src/sessions/ui/review/review-header.tsx
-const DELETE_COPY = "Delete this session? Its recordings, transcript and intentions are removed, including what later sessions added to those intentions. Briefs you already copied or exported can't be recalled.";
+const DELETE_COPY = "Delete this session? Its recording, transcript, screenshots and intentions go, along with what later sessions added to those intentions.";
 function withSessionFields(change) {
 	return (detail) => ({
 		...detail,
@@ -8124,94 +7759,29 @@ function DeleteConfirmation({ onCancel, onDeleted, sessionId }) {
 		})]
 	});
 }
-function useDismissOnOutside(isOpen, close) {
-	const containerRef = useRef(null);
-	const closeRef = useRef(close);
-	useLayoutEffect(() => {
-		closeRef.current = close;
-	});
-	useEffect(() => {
-		if (!isOpen) return;
-		const container = containerRef.current;
-		const closeOnOutsidePointer = (event) => {
-			if (container && !event.composedPath().includes(container)) closeRef.current();
-		};
-		const closeOnEscape = (event) => {
-			if (event instanceof KeyboardEvent && event.key === "Escape") {
-				event.stopPropagation();
-				closeRef.current();
-			}
-		};
-		document.addEventListener("pointerdown", closeOnOutsidePointer, true);
-		container?.addEventListener("keydown", closeOnEscape);
-		return () => {
-			document.removeEventListener("pointerdown", closeOnOutsidePointer, true);
-			container?.removeEventListener("keydown", closeOnEscape);
-		};
-	}, [isOpen]);
-	return containerRef;
-}
-function SessionMenu({ actions, isShared }) {
-	const [isOpen, setIsOpen] = useState(false);
-	const menuId = useId();
-	const close = () => setIsOpen(false);
-	const containerRef = useDismissOnOutside(isOpen, close);
-	const choose = (action) => () => {
-		close();
-		action();
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: "dt-ses-menu",
-		ref: containerRef,
-		children: [/* @__PURE__ */ jsx("button", {
-			"aria-controls": menuId,
-			"aria-expanded": isOpen,
-			"aria-label": "Session options",
-			className: "icon-btn",
-			onClick: () => setIsOpen(!isOpen),
-			type: "button",
-			children: /* @__PURE__ */ jsx(MoreIcon, {})
-		}), isOpen && /* @__PURE__ */ jsxs("div", {
-			className: "dt-ses-menu-list",
-			id: menuId,
-			children: [
-				/* @__PURE__ */ jsx("button", {
-					className: "dt-ses-menu-item",
-					onClick: choose(actions.onRename),
-					type: "button",
-					children: "Rename"
-				}),
-				/* @__PURE__ */ jsx("button", {
-					className: "dt-ses-menu-item",
-					onClick: choose(actions.onToggleSharing),
-					type: "button",
-					children: isShared ? "Make private" : "Share with team"
-				}),
-				/* @__PURE__ */ jsx("button", {
-					className: "dt-ses-menu-item",
-					"data-variant": "danger",
-					onClick: choose(actions.onDelete),
-					type: "button",
-					children: "Delete session"
-				})
-			]
-		})]
-	});
-}
-function ReviewHeader({ onBack, review, session }) {
+function ReviewHeader({ onDeleted, review, session }) {
 	const [isRenaming, setIsRenaming] = useState(false);
 	const [isConfirmingDelete, setIsConfirmingDelete] = useState(false);
 	const update = useSessionUpdate(review, session);
 	const isShared = session.visibility === "team";
+	const menuItems = [
+		{
+			label: "Rename",
+			onSelect: () => setIsRenaming(true)
+		},
+		{
+			label: isShared ? "Make private" : "Share with team",
+			onSelect: () => update("The sharing was not changed", { visibility: isShared ? "private" : "team" })
+		},
+		{
+			label: "Delete session",
+			onSelect: () => setIsConfirmingDelete(true),
+			variant: "danger"
+		}
+	];
 	return /* @__PURE__ */ jsxs("header", {
 		className: "dt-ses-head",
 		children: [
-			/* @__PURE__ */ jsx("button", {
-				className: "dt-ses-link",
-				onClick: onBack,
-				type: "button",
-				children: "← All sessions"
-			}),
 			isRenaming ? /* @__PURE__ */ jsx(TitleEditor, {
 				onDone: () => setIsRenaming(false),
 				review,
@@ -8220,14 +7790,15 @@ function ReviewHeader({ onBack, review, session }) {
 				className: "dt-card-head",
 				children: [/* @__PURE__ */ jsx("h2", {
 					className: "dt-ses-title",
+					tabIndex: -1,
 					children: session.title
-				}), session.canEdit && /* @__PURE__ */ jsx(SessionMenu, {
-					actions: {
-						onDelete: () => setIsConfirmingDelete(true),
-						onRename: () => setIsRenaming(true),
-						onToggleSharing: () => update("The sharing was not changed", { visibility: isShared ? "private" : "team" })
-					},
-					isShared
+				}), session.canEdit && /* @__PURE__ */ jsx(Menu, {
+					items: menuItems,
+					trigger: {
+						className: "icon-btn",
+						content: /* @__PURE__ */ jsx(MoreIcon, {}),
+						label: "Session options"
+					}
 				})]
 			}),
 			/* @__PURE__ */ jsxs("p", {
@@ -8244,13 +7815,83 @@ function ReviewHeader({ onBack, review, session }) {
 			}),
 			isConfirmingDelete && session.canEdit && /* @__PURE__ */ jsx(DeleteConfirmation, {
 				onCancel: () => setIsConfirmingDelete(false),
-				onDeleted: onBack,
+				onDeleted,
 				sessionId: session.id
 			})
 		]
 	});
 }
 //#endregion
+//#region src/sessions/ui/review/review-tabs.tsx
+const INTENTION_VIEWS = [{
+	label: "On screen",
+	value: "screens"
+}, {
+	label: "Details",
+	value: "cards"
+}];
+function IntentionViewMenu({ place }) {
+	return /* @__PURE__ */ jsx(Menu, {
+		items: INTENTION_VIEWS.map((option) => ({
+			checked: option.value === place.intentionView,
+			label: option.label,
+			onSelect: () => place.selectIntentionView(option.value)
+		})),
+		trigger: {
+			className: "icon-btn",
+			content: /* @__PURE__ */ jsx(ViewOptionsIcon, {}),
+			label: "Show intentions"
+		}
+	});
+}
+function tabOptions(detail) {
+	return [
+		{
+			count: detail.proposals.filter((proposal) => proposal.mergedIntoId === null && proposal.attachment === null).length,
+			icon: /* @__PURE__ */ jsx(IntentionIcon, {}),
+			label: "Intentions",
+			value: "proposals"
+		},
+		{
+			count: null,
+			icon: /* @__PURE__ */ jsx(TranscriptIcon, {}),
+			label: "Transcript",
+			value: "transcript"
+		},
+		{
+			count: detail.evidence.length,
+			icon: /* @__PURE__ */ jsx(ImageIcon, {}),
+			label: "Evidence",
+			value: "evidence"
+		}
+	];
+}
+function ReviewTabs({ detail, place }) {
+	const canPickView = place.tab === "proposals" && calloutReport(detail).screens.length > 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "dt-toolbar",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "dt-tabs",
+			role: "tablist",
+			children: tabOptions(detail).map((option) => /* @__PURE__ */ jsxs("button", {
+				"aria-selected": option.value === place.tab,
+				className: "dt-tab",
+				onClick: () => place.selectTab(option.value),
+				role: "tab",
+				type: "button",
+				children: [
+					option.icon,
+					option.label,
+					option.count !== null && /* @__PURE__ */ jsx("span", {
+						className: "dt-tab-count",
+						children: option.count
+					})
+				]
+			}, option.value))
+		}), canPickView && /* @__PURE__ */ jsx(IntentionViewMenu, { place })]
+	});
+}
+//#endregion
 //#region src/sessions/ui/review/status-strip.tsx
 function transcribingLine(detail) {
 	const voice = detail.segments.filter((segment) => segment.source === "voice");
@@ -8995,56 +8636,10 @@ function TranscriptTab({ detail, onShowMoment, review }) {
 }
 //#endregion
 //#region src/sessions/ui/review/session-review.tsx
-function HandoffFooter({ detail, onHandOff }) {
-	const confirmed = detail.proposals.filter((proposal) => proposal.decision === "kept" && proposal.mergedIntoId === null).length;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "dt-sheet-foot",
-		children: [/* @__PURE__ */ jsx("button", {
-			"aria-describedby": confirmed === 0 ? "rf-handoff-hint" : void 0,
-			className: "dt-btn",
-			"data-variant": "primary",
-			disabled: confirmed === 0,
-			onClick: onHandOff,
-			type: "button",
-			children: confirmed === 0 ? "Hand off" : `Hand off ${confirmed} confirmed`
-		}), confirmed === 0 && /* @__PURE__ */ jsx("span", {
-			className: "dt-status",
-			id: "rf-handoff-hint",
-			children: "Confirm an intention to hand it off"
-		})]
-	});
-}
-function ReviewTabs({ detail, onSelect, tab }) {
-	const options = [
-		{
-			label: `Intentions (${detail.proposals.filter((proposal) => proposal.mergedIntoId === null && proposal.attachment === null).length})`,
-			value: "proposals"
-		},
-		{
-			label: "Transcript",
-			value: "transcript"
-		},
-		{
-			label: `Evidence (${detail.evidence.length})`,
-			value: "evidence"
-		}
-	];
-	return /* @__PURE__ */ jsx("div", {
-		className: "dt-tabs dt-ses-tabs",
-		children: options.map((option) => /* @__PURE__ */ jsx("button", {
-			"aria-pressed": option.value === tab,
-			className: "dt-tab",
-			onClick: () => onSelect(option.value),
-			type: "button",
-			children: option.label
-		}, option.value))
-	});
-}
 function ReviewTabPanel({ context, place }) {
 	const { detail, navigation, review } = context;
 	if (place.tab === "proposals") return /* @__PURE__ */ jsx(ProposalsTab, {
 		context,
-		onSelectView: place.selectIntentionView,
 		view: place.intentionView
 	});
 	if (place.tab === "transcript") return /* @__PURE__ */ jsx(TranscriptTab, {
@@ -9103,8 +8698,7 @@ function ReviewPanels({ context, place }) {
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx(ReviewTabs, {
 			detail,
-			onSelect: place.selectTab,
-			tab: place.tab
+			place
 		}),
 		/* @__PURE__ */ jsx("div", {
 			className: "dt-ses-panel",
@@ -9132,7 +8726,7 @@ function ReviewTop({ context, links }) {
 	const { detail, review } = context;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx(ReviewHeader, {
-			onBack: links.onBack,
+			onDeleted: links.onDeleted,
 			review,
 			session: detail.session
 		}),
@@ -9146,9 +8740,8 @@ function ReviewTop({ context, links }) {
 		})
 	] });
 }
-function ReviewScreen({ detail, links, review }) {
+function ReviewScreen({ detail, isBriefOpen, links, review }) {
 	const place = useReviewPlace();
-	const [isHandingOff, setIsHandingOff] = useState(false);
 	const context = {
 		actions: useProposalActions(review),
 		canEdit: detail.session.canEdit,
@@ -9162,9 +8755,8 @@ function ReviewScreen({ detail, links, review }) {
 		},
 		review
 	};
-	if (isHandingOff) return /* @__PURE__ */ jsx(HandoffView, {
+	if (isBriefOpen) return /* @__PURE__ */ jsx(HandoffView, {
 		detail,
-		onClose: () => setIsHandingOff(false),
 		review
 	});
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -9176,13 +8768,13 @@ function ReviewScreen({ detail, links, review }) {
 			context,
 			place
 		}),
-		context.canEdit && /* @__PURE__ */ jsx(HandoffFooter, {
-			detail,
-			onHandOff: () => setIsHandingOff(true)
+		context.canEdit && /* @__PURE__ */ jsx(ReviewFooter, {
+			context,
+			onOpenBrief: links.onOpenBrief
 		})
 	] });
 }
-function SessionReview({ links, sessionId }) {
+function SessionReview({ isBriefOpen, links, sessionId }) {
 	const handle = useSessionDetail(sessionId);
 	const { state } = handle;
 	if (state.kind === "loading") return /* @__PURE__ */ jsx("p", {
@@ -9191,24 +8783,22 @@ function SessionReview({ links, sessionId }) {
 	});
 	if (state.kind === "ready") return /* @__PURE__ */ jsx(ReviewScreen, {
 		detail: state.detail,
+		isBriefOpen,
 		links,
 		review: handle
 	});
+	if (state.kind === "missing") return /* @__PURE__ */ jsx("p", {
+		className: "dt-empty",
+		children: "This session is gone: it was deleted or is no longer shared with you."
+	});
 	return /* @__PURE__ */ jsxs("div", {
 		className: "dt-empty",
-		children: [/* @__PURE__ */ jsx("p", { children: state.kind === "missing" ? "This session is gone: it was deleted or is no longer shared with you." : `The session did not load: ${state.message}` }), /* @__PURE__ */ jsxs("div", {
-			className: "dt-actions",
-			children: [state.kind === "failed" && /* @__PURE__ */ jsx("button", {
-				className: "dt-btn",
-				onClick: handle.reload,
-				type: "button",
-				children: "Try again"
-			}), /* @__PURE__ */ jsx("button", {
-				className: "dt-btn",
-				onClick: links.onBack,
-				type: "button",
-				children: "All sessions"
-			})]
+		role: "alert",
+		children: [/* @__PURE__ */ jsxs("p", { children: ["The session did not load: ", state.message] }), /* @__PURE__ */ jsx("button", {
+			className: "dt-btn",
+			onClick: handle.reload,
+			type: "button",
+			children: "Try again"
 		})]
 	});
 }
@@ -9335,7 +8925,7 @@ function SessionList({ drafts, onOpen }) {
 			interruptedIds,
 			onOpen,
 			sessions: mine,
-			title: "Mine"
+			title: "Your sessions"
 		}),
 		/* @__PURE__ */ jsx(SessionGroup, {
 			interruptedIds,
@@ -9398,17 +8988,7 @@ function SessionsHome({ onOpenSession, onStarted, onWriteNote }) {
 	const { account } = useSessionWorkspace();
 	const drafts = useLocalDrafts(account.key);
 	const interrupted = drafts.filter((draft) => draft.state === "interrupted");
-	const name = account.userName ?? account.userEmail ?? "you";
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsxs("p", {
-			className: "dt-meta",
-			children: [
-				"Recording as ",
-				name,
-				" · ",
-				account.organizationName
-			]
-		}),
 		interrupted.map((draft) => /* @__PURE__ */ jsx(InterruptedDraft, {
 			draft,
 			onOpenSession,
@@ -9426,6 +9006,32 @@ function SessionsHome({ onOpenSession, onStarted, onWriteNote }) {
 }
 //#endregion
 //#region src/sessions/ui/sessions-panel.tsx
+const SESSIONS_HOME = { view: "home" };
+function useSessionNavigation() {
+	const [place, setPlace] = useState(SESSIONS_HOME);
+	return {
+		go: setPlace,
+		place
+	};
+}
+/** Where the panel header's back button leads; null on the sessions home. */
+function sessionSheetPlace({ go, place }) {
+	if (place.view === "home") return null;
+	const sessionRef = place.target.sessionId ?? place.target.sessionKey ?? "";
+	if (place.view === "review") return {
+		backLabel: "Sessions",
+		id: `review:${sessionRef}`,
+		onBack: () => go(SESSIONS_HOME)
+	};
+	return {
+		backLabel: "Session",
+		id: `brief:${sessionRef}`,
+		onBack: () => go({
+			target: place.target,
+			view: "review"
+		})
+	};
+}
 function useResolvedSessionId(target) {
 	const { account } = useSessionWorkspace();
 	const drafts = useLocalDrafts(account.key);
@@ -9434,36 +9040,822 @@ function useResolvedSessionId(target) {
 }
 /** A just-finished session may not have reached Reflet yet: it opens once its id is known. */
 function SessionsPanel({ navigation, onStarted, onWriteNote }) {
-	const sessionId = useResolvedSessionId(navigation.open);
-	const back = () => navigation.onOpen(null);
-	if (sessionId) return /* @__PURE__ */ jsx(SessionReview, {
-		links: {
-			onBack: back,
-			onOpenSession: (openedId) => navigation.onOpen({
-				sessionId: openedId,
-				sessionKey: null
-			}),
-			onStarted
-		},
-		sessionId
-	}, sessionId);
-	if (navigation.open) return /* @__PURE__ */ jsxs("div", {
+	const { go, place } = navigation;
+	const target = place.view === "home" ? null : place.target;
+	const sessionId = useResolvedSessionId(target);
+	if (!target) return /* @__PURE__ */ jsx(SessionsHome, {
+		onOpenSession: (opened) => go({
+			target: opened,
+			view: "review"
+		}),
+		onStarted,
+		onWriteNote
+	});
+	if (!sessionId) return /* @__PURE__ */ jsx("p", {
 		className: "dt-empty",
 		role: "status",
-		children: [/* @__PURE__ */ jsx("p", { children: "This session is still uploading. It opens here once it reaches Reflet." }), /* @__PURE__ */ jsx("button", {
-			className: "dt-btn",
-			onClick: back,
-			type: "button",
-			children: "All sessions"
+		children: "This session is still uploading. It opens here once it reaches Reflet."
+	});
+	return /* @__PURE__ */ jsx(SessionReview, {
+		isBriefOpen: place.view === "brief",
+		links: {
+			onDeleted: () => go(SESSIONS_HOME),
+			onOpenBrief: () => go({
+				target,
+				view: "brief"
+			}),
+			onOpenSession: (openedId) => go({
+				target: {
+					sessionId: openedId,
+					sessionKey: null
+				},
+				view: "review"
+			}),
+			onStarted
+		},
+		sessionId
+	}, sessionId);
+}
+//#endregion
+//#region src/sessions/ui/intention-styles.ts
+const INTENTION_STYLES = `
+.dt-ses-panel { display: contents; }
+.dt-ses-panel[hidden] { display: none; }
+.dt-ses-moment, .dt-ses-moment-section, .dt-ses-block, .dt-ses-change, .dt-ses-history { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
+.dt-ses-moment-item { display: flex; flex-direction: column; gap: 6px; padding: 8px 10px; border-radius: var(--dt-radius-card); background: var(--rf-bg-subtle); }
+.dt-ses-moment-line { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; overflow-wrap: anywhere; }
+.dt-ses-moment-quote { display: flex; flex-direction: column; gap: 2px; margin: 0; padding-left: 10px; border-left: 2px solid var(--rf-border); overflow-wrap: anywhere; }
+.dt-ses-moment-notices { color: var(--rf-text-muted); font-size: 12px; }
+.dt-ses-moment-shot { display: flex; flex-direction: column; gap: 4px; margin: 0; max-width: 100%; }
+.dt-ses-shot-mark[data-match="approximate"] { border-style: dashed; }
+.dt-ses-shot-pointer {
+  position: absolute; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%;
+  background: var(--rf-accent); box-shadow: 0 0 0 2px var(--rf-bg); pointer-events: none;
+}
+.dt-ses-source { margin: 0; font-size: 12px; overflow-wrap: anywhere; }
+.dt-ses-context-line { display: block; }
+.dt-ses-attached { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; }
+.dt-ses-attached p { margin: 0; }
+.dt-ses-history[data-removed="true"] > .dt-ses-subhead { color: var(--rf-text-muted); text-decoration: line-through; }
+.dt-ses-change { padding: 8px 10px; border-radius: var(--dt-radius-card); background: var(--rf-bg-subtle); list-style: none; }
+.dt-ses-change[data-decision="rejected"] .dt-ses-diff { color: var(--rf-text-muted); text-decoration: line-through; }
+.dt-ses-diff { display: grid; grid-template-columns: auto 1fr; gap: 2px 8px; margin: 0; overflow-wrap: anywhere; }
+p.dt-ses-diff { display: block; }
+.dt-ses-diff dd { margin: 0; }
+.dt-card:focus-visible { outline: 2px solid var(--rf-accent); outline-offset: 2px; }
+`;
+//#endregion
+//#region src/sessions/ui/review/screens/report-styles.ts
+const REPORT_STYLES = `
+.dt-ses-report { display: flex; flex-direction: column; gap: 4px; width: 100%; min-width: 0; margin: 0; }
+.dt-ses-report-canvas { position: relative; width: 100%; }
+.dt-ses-report-canvas img { display: block; width: 100%; max-width: 100%; height: auto; border-radius: 8px; box-shadow: var(--rf-shadow-inset); }
+.dt-ses-report-canvas[data-measured="false"] .dt-ses-callout { visibility: hidden; }
+.dt-ses-report-mark { --dt-mark: var(--rf-accent); position: absolute; border: 2px solid var(--dt-mark); border-radius: 4px; pointer-events: none; }
+.dt-ses-report-lines { position: absolute; inset: 0; overflow: visible; pointer-events: none; }
+.dt-ses-report-lines g { color: var(--rf-accent); }
+.dt-ses-report-lines line { stroke: currentColor; stroke-width: 1.5; }
+.dt-ses-report-lines circle { fill: currentColor; }
+.dt-ses-report-mark[data-decision="kept"], .dt-ses-report-lines g[data-decision="kept"] { --dt-mark: var(--rf-success); color: var(--rf-success); }
+.dt-ses-report-mark[data-decision="dismissed"], .dt-ses-report-lines g[data-decision="dismissed"] { opacity: .35; }
+.dt-ses-callouts { margin: 0; padding: 0; list-style: none; }
+.dt-ses-callouts[data-flow="list"] { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
+.dt-ses-callout {
+  display: flex; align-items: center; gap: 4px; max-width: 100%; padding: 3px; border-radius: var(--rf-pill);
+  background: var(--rf-bg); box-shadow: var(--rf-shadow-inset), var(--rf-shadow-low); font-size: 12px; line-height: 1.3;
+}
+.dt-ses-report-canvas .dt-ses-callout { position: absolute; top: 0; left: 0; width: max-content; max-width: min(280px, 100%); }
+.dt-ses-callout-number {
+  display: grid; place-items: center; flex: none; min-width: 20px; height: 20px; padding: 0 5px; border-radius: var(--rf-pill);
+  background: var(--rf-accent); color: var(--rf-accent-text, #fff); font-size: 11px; font-weight: 650; font-variant-numeric: tabular-nums;
+}
+.dt-ses-callout[data-decision="kept"] .dt-ses-callout-number { background: var(--rf-success); }
+.dt-ses-callout[data-decision="dismissed"] .dt-ses-callout-number { background: var(--rf-text-muted); }
+.dt-ses-callout-label { min-width: 0; padding: 0 4px; font-weight: 550; text-align: left; overflow-wrap: anywhere; }
+.dt-ses-callout-label:hover { color: var(--rf-accent); }
+.dt-ses-callout[data-decision="dismissed"] .dt-ses-callout-label { color: var(--rf-text-muted); text-decoration: line-through; }
+.dt-ses-callout-btn {
+  display: grid; place-items: center; flex: none; width: 22px; height: 22px; border-radius: 50%; color: var(--rf-text-muted);
+  transition: background-color 120ms var(--rf-ease), color 120ms var(--rf-ease);
+}
+.dt-ses-callout-btn svg { width: 13px; height: 13px; }
+.dt-ses-callout-btn:hover { background: var(--rf-bg-hover); color: var(--rf-text); }
+.dt-ses-callout-btn[data-decision="kept"][aria-pressed="true"] { background: var(--rf-success); color: #fff; }
+.dt-ses-callout-btn[data-decision="dismissed"][aria-pressed="true"] { background: var(--rf-bg-hover); color: var(--rf-text); }
+`;
+//#endregion
+//#region src/sessions/ui/sessions-styles.ts
+const MONO_FONT$1 = "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
+const SESSIONS_STYLES = `${`
+.dt-rec {
+  position: fixed; z-index: ${REFLET_Z_INDEX.devtoolsBar}; left: 50%; translate: -50% 0;
+  bottom: calc(var(--rf-viewport-bottom, 0px) + env(safe-area-inset-bottom) + 16px);
+  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px;
+  max-width: calc(100vw - 24px); padding: 6px 6px 6px 12px; border-radius: var(--dt-radius-surface);
+  animation: dt-rec-in 240ms var(--rf-ease);
+}
+@keyframes dt-rec-in { from { transform: translateY(8px); opacity: 0; } }
+.dt-rec-dot { flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--rf-danger); }
+.dt-rec[data-phase="recording"] .dt-rec-dot { animation: dt-rec-pulse 1.6s ease-in-out infinite; }
+.dt-rec[data-phase="paused"] .dt-rec-dot, .dt-rec[data-phase="finishing"] .dt-rec-dot { background: var(--rf-text-muted); }
+@keyframes dt-rec-pulse { 50% { opacity: .35; } }
+.dt-rec-meter { display: inline-flex; align-items: center; gap: 2px; height: 16px; }
+.dt-rec-meter span {
+  width: 3px; height: 100%; border-radius: 2px; background: var(--rf-text-muted);
+  scale: 1 calc(.2 + var(--dt-level, 0) * .8); transition: scale 90ms linear;
+}
+.dt-rec-meter span:nth-child(2) { scale: 1 calc(.2 + var(--dt-level, 0)); }
+.dt-rec-time { font-variant-numeric: tabular-nums; font-weight: 600; min-width: 5ch; }
+.dt-rec-status { color: var(--rf-text-muted); font-size: 12px; overflow-wrap: anywhere; }
+.dt-rec-status:empty { display: none; }
+.dt-rec-note { display: flex; align-items: center; gap: 6px; flex: 1 1 100%; font-size: 12px; color: var(--rf-text-muted); }
+.dt-rec-note .dt-field { flex: 1; min-width: 0; padding: 4px 8px; }
+`}
+.dt-ses-subhead, .dt-ses-label { margin: 0 0 4px; font-size: 12px; font-weight: 600; color: var(--rf-text); }
+.dt-ses-label { font-size: 11px; color: var(--rf-text-muted); }
+.dt-ses-list { margin: 0; padding-left: 18px; overflow-wrap: anywhere; }
+.dt-ses-list li + li { margin-top: 3px; }
+.dt-ses-link { align-self: flex-start; padding: 0; color: var(--rf-accent); font-size: 12px; text-align: left; }
+.dt-ses-link:hover { text-decoration: underline; }
+.dt-ses-problem, .dt-ses-banner, .dt-ses-form, .dt-ses-head, .dt-ses-strip, .dt-ses-handoff { display: flex; flex-direction: column; gap: 6px; }
+.dt-ses-banner { padding: 8px 10px; border-radius: var(--dt-radius-card); background: color-mix(in srgb, var(--rf-accent) 10%, transparent); }
+.dt-ses-banner p { margin: 0; overflow-wrap: anywhere; }
+.dt-ses-strip:empty { display: none; }
+.dt-ses-rows { display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0; list-style: none; }
+.dt-ses-row {
+  display: flex; flex-direction: column; align-items: flex-start; gap: 2px; width: 100%;
+  padding: 8px 10px; border-radius: var(--dt-radius-card); background: var(--rf-bg-subtle); text-align: left;
+}
+button.dt-ses-row:hover { background: var(--rf-bg-hover); }
+.dt-ses-row .dt-card-title { max-width: 100%; }
+${`
+.dt-ses-title { flex: 1; min-width: 0; margin: 0; font-size: 15px; font-weight: 650; overflow-wrap: anywhere; }
+.dt-ses-head .dt-menu > .icon-btn { width: 30px; height: 30px; }
+.dt-btn[data-icon-only] { justify-content: center; width: 28px; padding: 0; }
+.dt-ses-field { display: flex; flex-direction: column; gap: 3px; font-size: 11.5px; color: var(--rf-text-muted); }
+.dt-ses-need {
+  margin: 0; font-weight: 600; overflow-wrap: anywhere;
+  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
+}
+.dt-ses-need[data-expanded="true"] { display: block; }
+.dt-card[data-decision="dismissed"] .dt-ses-need { color: var(--rf-text-muted); text-decoration: line-through; }
+.dt-ses-chips { display: flex; flex-wrap: wrap; gap: 4px; }
+.dt-ses-chips:empty { display: none; }
+.dt-ses-details { display: flex; flex-direction: column; gap: 8px; }
+.dt-ses-details[hidden] { display: none; }
+.dt-ses-details section { display: flex; flex-direction: column; gap: 2px; }
+.dt-ses-quote { padding: 2px 0; font-size: 12px; text-align: left; overflow-wrap: anywhere; }
+.dt-ses-quote:hover { color: var(--rf-accent); }
+.dt-ses-time { flex: none; color: var(--rf-text-muted); font: 11.5px ${MONO_FONT$1}; font-variant-numeric: tabular-nums; }
+.dt-ses-verify { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 8px 0 0; border: 0; border-top: 1px solid var(--rf-border); }
+.dt-ses-timeline { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
+.dt-ses-seg { display: flex; gap: 8px; padding: 6px 8px; border-radius: var(--dt-radius-field); }
+.dt-ses-seg:focus { outline: 2px solid var(--rf-accent); outline-offset: -2px; }
+.dt-ses-seg[data-kind="note"] { padding-block: 2px; }
+.dt-ses-seg-body { display: flex; flex: 1; flex-direction: column; gap: 4px; min-width: 0; }
+`}${`
+.dt-ses-thumbs { display: flex; flex-wrap: wrap; gap: 6px; }
+.dt-ses-shot { position: relative; display: inline-block; max-width: 100%; line-height: 0; }
+.dt-ses-shot img { display: block; max-width: 100%; height: auto; max-height: 132px; border-radius: var(--dt-radius-field); box-shadow: var(--rf-shadow-inset); }
+.dt-ses-shot[data-large="true"] img { max-height: none; }
+.dt-ses-shot-mark { position: absolute; border: 2px solid var(--rf-accent); border-radius: var(--dt-radius-tiny); pointer-events: none; }
+.dt-ses-shot-btn { align-self: flex-start; padding: 0; border-radius: var(--dt-radius-field); }
+.dt-ses-start { display: flex; flex-direction: column; gap: 8px; }
+.dt-ses-brief-entry > summary { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border-radius: var(--dt-radius-card); background: var(--rf-bg-subtle); cursor: pointer; list-style: none; }
+.dt-ses-brief-entry > summary::-webkit-details-marker { display: none; }
+.dt-ses-brief-entry > summary:hover { background: var(--rf-bg-hover); }
+.dt-ses-brief-entry[open] > summary { margin-bottom: 6px; }
+.dt-ses-check { display: flex; align-items: flex-start; gap: 6px; overflow-wrap: anywhere; }
+.dt-ses-check input { flex: none; margin-top: 3px; accent-color: var(--rf-accent); }
+.dt-ses-choices { margin: 0; padding: 0; border: 0; }
+.dt-ses-choices .dt-ses-list { padding-left: 0; list-style: none; }
+.dt-ses-brief {
+  max-height: 50vh; overflow: auto; margin: 0; padding: 10px; border-radius: var(--dt-radius-card);
+  background: var(--rf-bg-subtle); font: 11.5px/1.55 ${MONO_FONT$1}; white-space: pre-wrap; overflow-wrap: anywhere;
+}
+`}${`
+.dt-team-anchor {
+  --dt-edge-gap: calc(max(var(--rf-offset), 12px) + 48px);
+  position: fixed; z-index: ${REFLET_Z_INDEX.devtoolsBar}; width: min(300px, calc(100vw - 24px));
+}
+.dt-team-anchor[data-side="left"] { left: calc(var(--rf-viewport-left, 0px) + max(12px, var(--rf-offset))); }
+.dt-team-anchor[data-side="right"] { right: calc(var(--rf-viewport-right, 0px) + max(12px, var(--rf-offset))); }
+.dt-team-anchor[data-edge="bottom"] { bottom: calc(var(--rf-viewport-bottom, 0px) + env(safe-area-inset-bottom) + var(--dt-edge-gap)); }
+.dt-team-anchor[data-edge="top"] { top: calc(var(--rf-viewport-top, 0px) + env(safe-area-inset-top) + var(--dt-edge-gap)); }
+.dt-team-card { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-radius: var(--dt-radius-surface); animation: dt-popover-in 200ms var(--rf-ease); }
+.dt-bar > .dt-btn { margin-inline: 2px 4px; }
+`}${INTENTION_STYLES}${REPORT_STYLES}`;
+//#endregion
+//#region src/devtools/client/account/account-footer.tsx
+const WHITESPACE = /\s+/;
+function initials(text) {
+	return text.split(WHITESPACE).filter(Boolean).slice(0, 2).map((word) => word.charAt(0).toUpperCase()).join("");
+}
+function Avatar({ image, name }) {
+	return /* @__PURE__ */ jsxs("span", {
+		"aria-hidden": "true",
+		className: "dt-avatar",
+		children: [initials(name), image && /* @__PURE__ */ jsx("img", {
+			alt: "",
+			height: 28,
+			referrerPolicy: "no-referrer",
+			src: image,
+			width: 28
 		})]
 	});
-	return /* @__PURE__ */ jsx(SessionsHome, {
-		onOpenSession: navigation.onOpen,
-		onStarted,
-		onWriteNote
+}
+function AccountFooter({ actions, organizationName, person }) {
+	const name = person?.name ?? person?.email ?? null;
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(Avatar, {
+			image: person?.image ?? null,
+			name: name ?? organizationName
+		}),
+		/* @__PURE__ */ jsxs("span", {
+			className: "dt-account-text",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "dt-account-name",
+				children: name ?? organizationName
+			}), name && /* @__PURE__ */ jsx("span", {
+				className: "dt-meta",
+				children: organizationName
+			})]
+		}),
+		/* @__PURE__ */ jsx(ChevronUpDownIcon, {})
+	] });
+	return /* @__PURE__ */ jsx("div", {
+		className: "dt-sheet-account",
+		children: /* @__PURE__ */ jsx(Menu, {
+			items: actions,
+			placement: "above",
+			trigger: {
+				className: "dt-account",
+				content,
+				label: name ? `${name}, ${organizationName}` : organizationName
+			}
+		})
+	});
+}
+function AccountNote({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "dt-sheet-account",
+		children: /* @__PURE__ */ jsx("p", {
+			className: "dt-meta",
+			children
+		})
+	});
+}
+//#endregion
+//#region src/devtools/client/devtools-bar.tsx
+const BAR_POSITION_KEY = "reflet-devtools-bar-position";
+const PICK_BUTTON_LABEL = "Pick an element: note it, copy it, or Shift+click to open its code";
+const SHEET_TABS = [
+	"inbox",
+	"notes",
+	"sessions",
+	"code"
+];
+function BarButton({ children, label, onClick }) {
+	return /* @__PURE__ */ jsx("button", {
+		"aria-label": label,
+		className: "icon-btn",
+		onClick,
+		title: label,
+		type: "button",
+		children
+	});
+}
+function DevtoolsBar({ children, edge, label = "Reflet devtools", side }) {
+	const floating = useFloatingPosition(`${edge}-${side}`, false, {
+		anchorSelector: ".dt-bar",
+		persistKey: BAR_POSITION_KEY
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		"aria-label": label,
+		className: "dt-bar glass",
+		"data-edge": edge,
+		"data-moved": floating.position !== null,
+		"data-side": side,
+		ref: floating.rootRef,
+		role: "toolbar",
+		children: [
+			/* @__PURE__ */ jsx("style", { children: floating.styles }),
+			/* @__PURE__ */ jsx("button", {
+				"aria-label": `Move ${label} (double-click to reset)`,
+				className: "icon-btn drag-handle dt-grip",
+				onDoubleClick: floating.resetPosition,
+				title: "Drag to move · double-click to reset",
+				type: "button",
+				...floating.handleProps,
+				children: /* @__PURE__ */ jsx(GripIcon, {})
+			}),
+			children
+		]
+	});
+}
+function SessionsBarButton({ onOpen }) {
+	return /* @__PURE__ */ jsx(BarButton, {
+		label: "Sessions",
+		onClick: onOpen,
+		children: /* @__PURE__ */ jsx(MicIcon, {})
 	});
 }
+function panelLabel(unsentNoteCount) {
+	if (unsentNoteCount === 0) return "Open the Reflet panel";
+	return `Open the Reflet panel (${unsentNoteCount} ${unsentNoteCount === 1 ? "note" : "notes"} not on the board)`;
+}
+function DevtoolsBarButtons({ onOpen, onPick, unsentNoteCount }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(BarButton, {
+			label: PICK_BUTTON_LABEL,
+			onClick: onPick,
+			children: /* @__PURE__ */ jsx(TargetIcon, {})
+		}),
+		/* @__PURE__ */ jsx(SessionsBarButton, { onOpen: () => onOpen("sessions") }),
+		/* @__PURE__ */ jsxs(BarButton, {
+			label: panelLabel(unsentNoteCount),
+			onClick: () => onOpen(null),
+			children: [/* @__PURE__ */ jsx(PanelIcon, {}), unsentNoteCount > 0 && /* @__PURE__ */ jsx("span", {
+				className: "dt-count",
+				children: unsentNoteCount
+			})]
+		})
+	] });
+}
+//#endregion
+//#region src/devtools/client/use-sheet-size.ts
+const SIZE_KEY = "reflet-devtools-sheet-size";
+const DEFAULT_WIDTH = 480;
+const MIN_WIDTH = 320;
+const MIN_HEIGHT = 240;
+const KEYBOARD_STEP = 24;
+const ARROW_DELTAS = {
+	ArrowDown: {
+		dx: 0,
+		dy: KEYBOARD_STEP
+	},
+	ArrowLeft: {
+		dx: -24,
+		dy: 0
+	},
+	ArrowRight: {
+		dx: KEYBOARD_STEP,
+		dy: 0
+	},
+	ArrowUp: {
+		dx: 0,
+		dy: -24
+	}
+};
+function readStoredSize() {
+	const fallback = {
+		height: null,
+		width: DEFAULT_WIDTH
+	};
+	try {
+		const stored = JSON.parse(localStorage.getItem(SIZE_KEY) ?? "null");
+		if (typeof stored === "object" && stored !== null && "width" in stored && typeof stored.width === "number" && "height" in stored && (stored.height === null || typeof stored.height === "number")) return {
+			height: stored.height,
+			width: stored.width
+		};
+	} catch {
+		return fallback;
+	}
+	return fallback;
+}
+/**
+* The stored size is the preference; what renders is that preference fitted
+* to today's window, so shrinking the window never loses the chosen size.
+*/
+function fitted(size, viewport) {
+	const maxWidth = viewport.width - 24;
+	const maxHeight = viewport.height - 24;
+	return {
+		height: size.height === null || size.height >= maxHeight ? null : Math.max(Math.min(MIN_HEIGHT, maxHeight), size.height),
+		width: Math.min(maxWidth, Math.max(MIN_WIDTH, size.width))
+	};
+}
+/**
+* Width grows away from the docked side, height grows downward from the top;
+* a height reaching the bottom of the window snaps back to full height.
+*/
+function useSheetSize(side) {
+	const [preference, setPreference] = useState(readStoredSize);
+	const [viewport, setViewport] = useState(visibleViewport);
+	const drag = useRef(null);
+	const widthDirection = side === "right" ? -1 : 1;
+	const size = fitted(preference, viewport);
+	useEffect(() => onViewportChange(() => setViewport(visibleViewport())), []);
+	useEffect(() => {
+		try {
+			localStorage.setItem(SIZE_KEY, JSON.stringify(preference));
+		} catch {}
+	}, [preference]);
+	const resize = (axis, from, dx, dy) => {
+		const fullHeight = viewport.height - 24;
+		setPreference(fitted({
+			height: axis === "width" ? from.height : (from.height ?? fullHeight) + dy,
+			width: axis === "height" ? from.width : from.width + dx * widthDirection
+		}, viewport));
+	};
+	const handleProps = (axis) => ({
+		onDoubleClick: () => setPreference((current) => ({
+			height: axis === "width" ? current.height : null,
+			width: axis === "height" ? current.width : DEFAULT_WIDTH
+		})),
+		onKeyDown: (event) => {
+			const delta = ARROW_DELTAS[event.key];
+			if (!delta) return;
+			event.preventDefault();
+			const sheetHeight = event.currentTarget.parentElement?.getBoundingClientRect().height ?? null;
+			resize(axis, {
+				height: size.height ?? sheetHeight,
+				width: size.width
+			}, delta.dx, delta.dy);
+		},
+		onLostPointerCapture: () => {
+			drag.current = null;
+		},
+		onPointerDown: (event) => {
+			if (event.button !== 0) return;
+			const sheet = event.currentTarget.parentElement?.getBoundingClientRect();
+			event.currentTarget.setPointerCapture(event.pointerId);
+			drag.current = {
+				axis,
+				size: {
+					height: sheet?.height ?? size.height,
+					width: size.width
+				},
+				x: event.clientX,
+				y: event.clientY
+			};
+		},
+		onPointerMove: (event) => {
+			const start = drag.current;
+			if (start && event.currentTarget.hasPointerCapture(event.pointerId)) resize(start.axis, start.size, event.clientX - start.x, event.clientY - start.y);
+		}
+	});
+	return {
+		handleProps,
+		size
+	};
+}
+//#endregion
+//#region src/devtools/client/devtools-sheet.tsx
+const FULL_HEIGHT = "calc(100dvh - 24px)";
+const TABS = {
+	code: {
+		icon: /* @__PURE__ */ jsx(CodeIcon, {}),
+		label: "Code"
+	},
+	inbox: {
+		icon: /* @__PURE__ */ jsx(InboxIcon, {}),
+		label: "Board"
+	},
+	notes: {
+		icon: /* @__PURE__ */ jsx(NotesIcon, {}),
+		label: "Notes"
+	},
+	sessions: {
+		icon: /* @__PURE__ */ jsx(MicIcon, {}),
+		label: "Sessions"
+	}
+};
+const SHEET_POSITION_KEY = "reflet-devtools-sheet-position";
+function useSheetFocus(rootRef) {
+	useLayoutEffect(() => {
+		const root = rootRef.current;
+		const opener = root ? focusedElementAround(root) : null;
+		if (opener instanceof HTMLElement && typeof opener.checkVisibility === "function" && !opener.checkVisibility({ visibilityProperty: true })) root?.querySelector("[role=\"tab\"][aria-selected=\"true\"], .dt-sheet-back, .dt-sheet-title")?.focus({ preventScroll: true });
+		return () => {
+			queueMicrotask(() => {
+				if (opener instanceof HTMLElement && opener.isConnected) opener.focus({ preventScroll: true });
+			});
+		};
+	}, [rootRef]);
+}
+const ROOT_FOCUS_SELECTOR = "[role=\"tab\"][aria-selected=\"true\"], .dt-sheet-title";
+function nestedViewStart(root) {
+	return root.querySelector(".dt-sheet-body h2") ?? root.querySelector(".dt-sheet-body");
+}
+/** Lands keyboard users at the top of the view they moved to, never on a control that changed meaning. */
+function useFocusOnNavigation(rootRef, placeId) {
+	const shownPlaceId = useRef(placeId);
+	useLayoutEffect(() => {
+		const root = rootRef.current;
+		if (shownPlaceId.current === placeId || !root) return;
+		shownPlaceId.current = placeId;
+		const body = root.querySelector(".dt-sheet-body");
+		if (body) body.scrollTop = 0;
+		(placeId === null ? root.querySelector(ROOT_FOCUS_SELECTOR) : nestedViewStart(root))?.focus({ preventScroll: true });
+	}, [placeId, rootRef]);
+}
+function SheetNavigation({ onSelectTab, place, tab, tabs }) {
+	if (place) return /* @__PURE__ */ jsxs("button", {
+		"aria-label": `Back to ${place.backLabel}`,
+		className: "dt-sheet-back",
+		onClick: place.onBack,
+		type: "button",
+		children: [/* @__PURE__ */ jsx(ChevronLeftIcon, {}), place.backLabel]
+	});
+	if (tabs.length === 1) return /* @__PURE__ */ jsxs("h2", {
+		className: "dt-sheet-title",
+		tabIndex: -1,
+		children: [TABS[tab].icon, TABS[tab].label]
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: "dt-tabs",
+		role: "tablist",
+		children: tabs.map((option) => /* @__PURE__ */ jsxs("button", {
+			"aria-selected": option === tab,
+			className: "dt-tab",
+			onClick: () => onSelectTab(option),
+			role: "tab",
+			type: "button",
+			children: [TABS[option].icon, TABS[option].label]
+		}, option))
+	});
+}
+function DevtoolsSheet({ children, footer, label = "Reflet devtools", navigation, onClose, side }) {
+	const { handleProps, size } = useSheetSize(side);
+	const floating = useFloatingPosition(`top-${side}`, false, {
+		anchorSelector: ".dt-sheet",
+		persistKey: SHEET_POSITION_KEY
+	});
+	const isMoved = floating.position !== null;
+	const { rootRef } = floating;
+	useSheetFocus(rootRef);
+	useFocusOnNavigation(rootRef, navigation.place?.id ?? null);
+	useEffect(() => listenToKeydown(rootRef.current, (event) => {
+		if (event.key === "Escape" && !event.isComposing) onClose();
+	}), [onClose, rootRef]);
+	return /* @__PURE__ */ jsxs("aside", {
+		"aria-label": label,
+		className: "dt-sheet glass",
+		"data-moved": isMoved,
+		"data-side": side,
+		ref: rootRef,
+		style: {
+			height: size.height ?? (isMoved ? FULL_HEIGHT : void 0),
+			width: size.width
+		},
+		children: [
+			/* @__PURE__ */ jsx("style", { children: floating.styles }),
+			/* @__PURE__ */ jsx("button", {
+				"aria-label": "Resize panel width (double-click to reset)",
+				className: "dt-resize",
+				"data-axis": "width",
+				type: "button",
+				...handleProps("width")
+			}),
+			/* @__PURE__ */ jsx("button", {
+				"aria-label": "Resize panel height (double-click for full height)",
+				className: "dt-resize",
+				"data-axis": "height",
+				type: "button",
+				...handleProps("height")
+			}),
+			/* @__PURE__ */ jsx("button", {
+				"aria-label": "Resize panel (double-click to reset)",
+				className: "dt-resize",
+				"data-axis": "both",
+				type: "button",
+				...handleProps("both")
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "dt-sheet-head",
+				children: [
+					/* @__PURE__ */ jsx("button", {
+						"aria-label": "Move panel (double-click to dock it back)",
+						className: "dt-sheet-drag",
+						onDoubleClick: floating.resetPosition,
+						title: "Drag to move · double-click to dock",
+						type: "button",
+						...floating.handleProps
+					}),
+					/* @__PURE__ */ jsx(SheetNavigation, { ...navigation }),
+					/* @__PURE__ */ jsx("button", {
+						"aria-label": `Close ${label} panel`,
+						className: "icon-btn dt-sheet-close",
+						onClick: onClose,
+						title: "Close",
+						type: "button",
+						children: /* @__PURE__ */ jsx(CloseIcon, {})
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "dt-sheet-body",
+				role: navigation.place === null && navigation.tabs.length > 1 ? "tabpanel" : void 0,
+				tabIndex: navigation.place === null ? void 0 : -1,
+				children
+			}, `${navigation.tab}:${navigation.place === null ? "root" : "nested"}`),
+			footer
+		]
+	});
+}
+//#endregion
+//#region src/devtools/client/devtools-styles.ts
+const MONO_FONT = "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
+const DEVTOOLS_STYLES = `
+.dt {
+  --dt-radius-surface: 16px; --dt-radius-card: 12px; --dt-radius-field: 8px; --dt-radius-tiny: 4px;
+  font: 13px/1.45 var(--rf-font, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif); color: var(--rf-text);
+}
+.dt button:active:not(:disabled, .dt-btn, .icon-btn) { scale: 1; }
+.dt[data-recessed="true"] .dt-bar, .dt[data-recessed="true"] .dt-sheet, .dt-sheet ~ .dt-bar { visibility: hidden; pointer-events: none; }
+.dt-pin {
+  position: fixed; z-index: ${REFLET_Z_INDEX.widgetRoot}; top: 0; left: 0;
+  display: flex; align-items: center; justify-content: center;
+  min-width: 24px; height: 24px; padding: 0 7px;
+  border-radius: 12px 12px 12px 3px; background: var(--rf-accent); color: var(--rf-accent-text);
+  font-size: 11.5px; font-weight: 650; box-shadow: 0 0 0 2px var(--rf-bg), var(--rf-shadow-low);
+  animation: dt-pin-in 260ms var(--rf-ease);
+  transition: scale 140ms var(--rf-ease), opacity 160ms var(--rf-ease);
+}
+.dt-pin:hover, .dt-pin[aria-expanded="true"] { scale: 1.12; }
+.dt-pin[data-sent="true"] { background: var(--rf-text-muted); }
+.dt-pin-badge { display: inline-flex; flex: none; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px 10px 10px 3px; background: var(--rf-accent); color: var(--rf-accent-text); font-size: 10.5px; font-weight: 650; }
+.dt-card[data-sent="true"] .dt-pin-badge { background: var(--rf-text-muted); }
+.dt-pin[data-locating="true"] { animation: dt-pin-in 260ms var(--rf-ease), dt-pin-pulse 1.2s ease-in-out infinite; }
+@keyframes dt-pin-in { from { scale: .4; opacity: 0; } }
+@keyframes dt-pin-pulse { 50% { box-shadow: 0 0 0 2px var(--rf-bg), 0 0 0 6px color-mix(in srgb, var(--rf-accent) 30%, transparent); } }
+.dt-popover {
+  position: fixed; z-index: ${REFLET_Z_INDEX.widgetRoot}; width: 320px; max-height: calc(100dvh - 24px); overflow: auto;
+  inset-inline-end: auto; margin: 0; padding: 6px; border-radius: var(--dt-radius-surface); background: transparent; color: inherit;
+  animation: dt-popover-in 200ms var(--rf-ease);
+}
+.dt-popover.glass::before { animation: rf-fade 180ms var(--rf-ease); }
+.dt-popover .dt-card { background: transparent; }
+@keyframes dt-popover-in { from { transform: translateY(4px); } }
+@keyframes dt-notice-in { from { transform: translateY(-6px); } }
+.dt-notices {
+  position: fixed; z-index: ${REFLET_Z_INDEX.annotatorOverlay}; left: 50%; top: 16px; translate: -50% 0;
+  display: flex; flex-direction: column; gap: 6px; width: min(460px, calc(100vw - 24px));
+}
+.dt-notice {
+  display: flex; align-items: center; gap: 6px; padding: 6px 6px 6px 14px; border-radius: var(--dt-radius-card);
+  color: var(--rf-danger); font-size: 12.5px; animation: dt-notice-in 220ms var(--rf-ease);
+}
+.dt-notice[data-kind="status"] { color: var(--rf-text); }
+.dt-notice p { flex: 1; margin: 0; overflow-wrap: anywhere; }
+.dt-notice .icon-btn { width: 30px; height: 30px; }
+.dt-bar {
+  --dt-edge-gap: calc(max(var(--rf-offset), 12px) + 48px);
+  position: fixed; z-index: ${REFLET_Z_INDEX.devtoolsBar};
+  display: flex; align-items: center; gap: 2px; padding: 3px;
+  border-radius: var(--rf-pill);
+}
+.dt-bar[data-side="left"] { left: calc(var(--rf-viewport-left, 0px) + max(12px, var(--rf-offset))); }
+.dt-bar[data-side="right"] { right: calc(var(--rf-viewport-right, 0px) + max(12px, var(--rf-offset))); }
+.dt-bar[data-edge="bottom"] { bottom: calc(var(--rf-viewport-bottom, 0px) + env(safe-area-inset-bottom) + var(--dt-edge-gap)); }
+.dt-bar[data-edge="top"] { top: calc(var(--rf-viewport-top, 0px) + env(safe-area-inset-top) + var(--dt-edge-gap)); }
+.dt-bar .icon-btn { position: relative; width: 34px; height: 34px; }
+.dt-bar .icon-btn.dt-grip { width: 22px; color: var(--rf-text-muted); opacity: .6; }
+.dt-bar .icon-btn.dt-grip:hover { opacity: 1; }
+.dt-count {
+  position: absolute; top: 1px; right: 1px; display: flex; align-items: center; justify-content: center;
+  min-width: 15px; height: 15px; padding: 0 4px; border-radius: var(--rf-pill);
+  background: var(--rf-accent); color: var(--rf-accent-text); font-size: 9.5px; font-weight: 600;
+}
+.dt-sheet {
+  --dt-enter-x: 20px;
+  position: fixed; z-index: ${REFLET_Z_INDEX.widgetRoot}; top: 12px; bottom: 12px;
+  display: flex; flex-direction: column; max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px);
+  border-radius: var(--dt-radius-surface); overflow: hidden;
+  animation: dt-sheet-slide 320ms var(--rf-ease);
+}
+.dt-sheet[data-side="left"] { --dt-enter-x: -20px; left: 12px; }
+.dt-sheet[data-side="right"] { right: 12px; }
+.dt-sheet.glass::before { animation: rf-fade 220ms var(--rf-ease); }
+.dt-sheet-head, .dt-sheet-body { animation: rf-fade 260ms 60ms var(--rf-ease) both; }
+@keyframes dt-sheet-slide { from { transform: translateX(var(--dt-enter-x)); box-shadow: none; } }
+.dt-resize { position: absolute; z-index: 2; padding: 0; touch-action: none; }
+.dt-resize:active:not(:disabled) { scale: 1; }
+.dt-resize:focus-visible { outline: none; }
+.dt-resize[data-axis="width"] { top: 16px; bottom: 16px; width: 10px; cursor: ew-resize; }
+.dt-sheet[data-side="right"] .dt-resize[data-axis="width"] { left: 0; }
+.dt-sheet[data-side="left"] .dt-resize[data-axis="width"] { right: 0; }
+.dt-resize[data-axis="height"] { left: 16px; right: 16px; bottom: 0; height: 10px; cursor: ns-resize; }
+.dt-resize[data-axis="both"] { bottom: 0; width: 16px; height: 16px; }
+.dt-sheet[data-side="right"] .dt-resize[data-axis="both"] { left: 0; cursor: nesw-resize; }
+.dt-sheet[data-side="left"] .dt-resize[data-axis="both"] { right: 0; cursor: nwse-resize; }
+.dt-resize[data-axis="width"]::after, .dt-resize[data-axis="height"]::after {
+  content: ""; position: absolute; border-radius: var(--rf-pill); background: var(--rf-text-muted);
+  opacity: 0; transition: opacity 160ms var(--rf-ease);
+}
+.dt-resize[data-axis="width"]::after { top: 50%; left: 3px; width: 4px; height: 36px; translate: 0 -50%; }
+.dt-resize[data-axis="height"]::after { left: 50%; top: 3px; width: 36px; height: 4px; translate: -50% 0; }
+.dt-resize:hover::after, .dt-resize:focus-visible::after, .dt-resize:active::after { opacity: .5; }
+.dt-sheet-head { position: relative; display: flex; align-items: center; gap: 4px; padding: 8px 8px 8px 6px; border-bottom: 1px solid var(--rf-border); }
+.dt-sheet-head > :not(.dt-sheet-drag) { position: relative; z-index: 1; }
+.dt-sheet-head .icon-btn { width: 32px; height: 32px; }
+.dt-sheet .dt-sheet-drag { position: absolute; inset: 0; z-index: 0; padding: 0; border-radius: 0; cursor: grab; touch-action: none; }
+.dt-sheet .dt-sheet-drag::before { content: ""; position: absolute; top: 4px; left: 50%; width: 36px; height: 4px; translate: -50% 0; border-radius: var(--rf-pill); background: var(--rf-text-muted); opacity: .3; transition: opacity 160ms var(--rf-ease); }
+.dt-sheet .dt-sheet-drag:hover::before, .dt-sheet .dt-sheet-drag:active::before { opacity: .7; }
+.dt-sheet .dt-sheet-drag:active:not(:disabled) { cursor: grabbing; scale: 1; }
+.dt-sheet .dt-sheet-drag:focus-visible { outline-offset: -2px; }
+.dt-tabs { display: flex; gap: 2px; min-width: 0; margin-right: auto; overflow-x: auto; scrollbar-width: none; }
+.dt-tab { display: inline-flex; flex: none; align-items: center; gap: 6px; height: 30px; padding: 0 11px 0 9px; border-radius: var(--rf-pill); color: var(--rf-text-muted); font-weight: 500; }
+.dt-tab svg { flex: none; width: 15px; height: 15px; }
+.dt-tab:hover { color: var(--rf-text); }
+.dt-tab[aria-selected="true"] { background: var(--rf-bg-hover); color: var(--rf-text); }
+.dt-tab-count { min-width: 18px; padding: 0 5px; border-radius: var(--rf-pill); background: var(--rf-bg-hover); font-size: 10.5px; font-weight: 600; font-variant-numeric: tabular-nums; }
+.dt-tab[aria-selected="true"] .dt-tab-count { background: var(--rf-bg); }
+.dt-sheet-back { display: inline-flex; align-items: center; gap: 4px; height: 32px; margin-right: auto; padding: 0 12px 0 6px; border-radius: var(--rf-pill); font-weight: 500; }
+.dt-sheet-back:hover { background: var(--rf-bg-hover); }
+.dt-sheet-back svg, .dt-sheet-title svg { flex: none; width: 16px; height: 16px; }
+.dt-sheet-title { display: inline-flex; align-items: center; gap: 6px; margin: 0 auto 0 8px; font-size: 13px; font-weight: 600; }
+.dt-sheet-title:focus { outline: none; }
+.dt-toolbar { display: flex; align-items: center; gap: 2px; min-height: 30px; }
+.dt-toolbar .icon-btn, .dt-toolbar .dt-menu > .icon-btn { width: 30px; height: 30px; }
+.dt-sheet-body { flex: 1; min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 8px; padding: 10px; }
+.dt-sheet-foot {
+  position: sticky; bottom: -10px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
+  margin: auto -10px -10px; padding: 10px; border-top: 1px solid var(--rf-border); background: var(--rf-bg);
+}
+.dt-archived { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 8px 10px; border: 1px dashed var(--rf-border); border-radius: var(--dt-radius-card); }
+.dt-archived .dt-meta { flex: 1 1 100%; }
+.dt-group { margin: 6px 2px 0; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--rf-text-muted); }
+.dt-card { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; border-radius: var(--dt-radius-card); background: var(--rf-bg-subtle); }
+.dt-card[data-sent="true"] { opacity: .7; }
+.dt-card-head { display: flex; align-items: center; gap: 6px; min-width: 0; }
+.dt-card-title { min-width: 0; margin: 0; overflow: hidden; font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
+.dt-meta { margin: 0; font-size: 11.5px; color: var(--rf-text-muted); overflow-wrap: anywhere; }
+.dt-note-text { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
+.dt-chip { flex: none; padding: 1px 7px; border-radius: var(--rf-pill); background: var(--rf-bg-hover); color: var(--rf-text-muted); font-size: 10.5px; font-weight: 600; }
+.dt-chip[data-tone="accent"] { background: color-mix(in srgb, var(--rf-accent) 16%, transparent); color: var(--rf-accent); }
+.dt-source { padding: 0; font: 11.5px/1.4 ${MONO_FONT}; color: var(--rf-accent); text-align: left; overflow-wrap: anywhere; }
+.dt-source:hover { text-decoration: underline; }
+.dt-thumb { display: block; align-self: flex-start; max-width: 100%; height: auto; max-height: 132px; object-fit: contain; border-radius: var(--dt-radius-field); box-shadow: var(--rf-shadow-inset); }
+.dt-actions { display: flex; flex-wrap: wrap; gap: 4px; }
+.dt-btn {
+  display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px;
+  border-radius: var(--rf-pill); background: var(--rf-bg-hover); color: var(--rf-text);
+  font-size: 12px; font-weight: 500; text-decoration: none;
+}
+.dt-btn:hover { background: color-mix(in srgb, var(--rf-text) 12%, transparent); }
+.dt-btn[data-variant="primary"] { background: var(--rf-primary); color: var(--rf-primary-text); }
+.dt-btn[data-variant="danger"] { color: var(--rf-danger); }
+.dt-btn svg { flex: none; width: 14px; height: 14px; }
+.dt-btn-count { padding: 0 6px; border-radius: var(--rf-pill); background: color-mix(in srgb, currentColor 18%, transparent); font-size: 10.5px; font-weight: 600; font-variant-numeric: tabular-nums; }
+.dt-empty { margin: auto; padding: 24px 16px; color: var(--rf-text-muted); font-size: 12.5px; text-align: center; text-wrap: pretty; }
+.dt-empty p { margin: 0 0 8px; }
+.dt-empty-title { margin: 0 0 4px; color: var(--rf-text); font-size: 13.5px; font-weight: 600; text-wrap: balance; }
+.dt-empty .dt-btn { margin-top: 4px; }
+.dt-empty code, .dt-hint code { padding: 1px 4px; border-radius: var(--dt-radius-tiny); background: var(--rf-bg-hover); font: 11.5px ${MONO_FONT}; overflow-wrap: anywhere; }
+.dt-hint { margin: 0; padding: 8px 10px; border-radius: var(--dt-radius-card); background: var(--rf-bg-subtle); color: var(--rf-text-muted); font-size: 12px; }
+.dt-error { margin: 0; color: var(--rf-danger); font-size: 12px; }
+.dt-status { margin: 0 auto 0 0; color: var(--rf-text-muted); font-size: 12px; }
+.dt-field {
+  width: 100%; padding: 7px 9px; border: 1px solid var(--rf-border); border-radius: var(--dt-radius-field);
+  background: var(--rf-bg); color: var(--rf-text); font: inherit; resize: vertical;
+}
+.dt-field:focus { outline: 2px solid var(--rf-accent); outline-offset: 0; }
+.dt-search { display: flex; gap: 6px; }
+.dt-matches { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
+.dt-match { display: flex; flex-direction: column; gap: 1px; width: 100%; padding: 6px 8px; border-radius: var(--dt-radius-field); text-align: left; }
+.dt-match:hover { background: var(--rf-bg-hover); }
+.dt-match code { font: 11.5px ${MONO_FONT}; color: var(--rf-accent); }
+.dt-match span { font: 11.5px ${MONO_FONT}; color: var(--rf-text-muted); white-space: pre; overflow: hidden; text-overflow: ellipsis; }
+.dt-code-head { display: flex; flex-direction: column; gap: 6px; }
+.dt-code-path { margin: 0; font: 12px/1.4 ${MONO_FONT}; overflow-wrap: anywhere; }
+.dt-code { flex: 1; min-height: 0; overflow: auto; margin: 0; padding: 8px 0; border-radius: var(--dt-radius-card); background: var(--rf-bg-subtle); font: 12px/1.6 ${MONO_FONT}; }
+.dt-code-lines { display: table; min-width: 100%; }
+.dt-line { display: table-row; white-space: pre; }
+.dt-line > span { display: table-cell; padding-right: 14px; }
+.dt-line > .dt-line-number { width: 1%; padding: 0 12px 0 10px; color: var(--rf-text-muted); text-align: right; user-select: none; }
+.dt-line[data-marked="true"] { background: color-mix(in srgb, var(--rf-accent) 16%, transparent); }
+.dt-line[data-marked="true"] > .dt-line-number { color: var(--rf-accent); }
+.dt-menu { position: relative; flex: none; }
+.dt-menu-list {
+  position: absolute; right: 0; z-index: 3; display: flex; flex-direction: column; min-width: 176px; padding: 4px;
+  border: 1px solid var(--rf-border); border-radius: var(--dt-radius-card); background: var(--rf-bg); box-shadow: var(--rf-shadow);
+  animation: rf-fade 120ms var(--rf-ease);
+}
+.dt-menu-list[data-placement="below"] { top: calc(100% + 4px); }
+.dt-menu-list[data-placement="above"] { bottom: calc(100% + 4px); }
+.dt-menu-item { display: flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; border-radius: var(--dt-radius-field); color: var(--rf-text); font-size: 12.5px; text-align: left; white-space: nowrap; }
+.dt-menu-item:hover, .dt-menu-item:focus-visible { background: var(--rf-bg-hover); outline: none; }
+.dt-menu-item[data-variant="danger"] { color: var(--rf-danger); }
+.dt-menu-check { display: inline-flex; width: 14px; color: var(--rf-accent); }
+.dt-sheet-account { display: flex; flex: none; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px; border-top: 1px solid var(--rf-border); }
+.dt-sheet-account > .dt-meta { flex: 1 1 160px; padding-inline: 4px; }
+.dt-sheet-account > .dt-menu { flex: 1; min-width: 0; }
+.dt-sheet-account .dt-menu-list { left: 0; }
+.dt-account { display: flex; align-items: center; gap: 8px; width: 100%; padding: 4px 8px 4px 4px; border-radius: var(--dt-radius-card); text-align: left; }
+.dt-account:hover, .dt-account[aria-expanded="true"] { background: var(--rf-bg-hover); }
+.dt-account > svg { flex: none; width: 14px; height: 14px; color: var(--rf-text-muted); }
+.dt-account-text { display: flex; flex: 1; flex-direction: column; min-width: 0; line-height: 1.3; }
+.dt-account-name, .dt-account-text .dt-meta { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.dt-account-name { font-size: 12.5px; font-weight: 600; }
+.dt-avatar {
+  position: relative; display: flex; flex: none; align-items: center; justify-content: center; width: 28px; height: 28px; overflow: hidden;
+  border-radius: 50%; background: color-mix(in srgb, var(--rf-accent) 18%, transparent); color: var(--rf-accent); font-size: 11px; font-weight: 650;
+}
+.dt-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
+`;
 //#endregion
-export { Notices as A, searchCode as C, openDatabase as D, describeStorageFailure as E, reportFailure as M, settle as O, probeDevRoute as S, committed as T, teamTransport as _, DevtoolsBar as a, fetchBoardFeedback as b, copyToClipboard as c, PersonIcon as d, SessionWorkspaceProvider as f, devtoolsTransport as g, purgeAccount as h, BarButton as i, announce as j, sessionApiErrorSchema as k, SESSIONS_STYLES as l, useWorkspaceLoader as m, DEVTOOLS_STYLES as n, DevtoolsBarButtons as o, failureMessage as p, DevtoolsSheet as r, SessionsBarButton as s, SessionsPanel as t, RecordingLayer as u, callReflet as v, startBoardConnect as w, fetchSourceFile as x, disconnectBoard as y };
+export { probeDevRoute as A, reportFailure as B, bridgeTransport as C, disconnectBoard as D, callReflet as E, openDatabase as F, settle as I, sessionApiErrorSchema as L, startBoardConnect as M, committed as N, fetchBoardFeedback as O, describeStorageFailure as P, Notices as R, purgeAccount as S, teamTransport as T, RecordingLayer as _, SHEET_TABS as a, failureMessage as b, AccountNote as c, sessionSheetPlace as d, useSessionNavigation as f, copyToClipboard as g, ViewOptionsIcon as h, DevtoolsBarButtons as i, searchCode as j, fetchSourceFile as k, SESSIONS_STYLES as l, RefreshIcon as m, DevtoolsSheet as n, SessionsBarButton as o, Menu as p, DevtoolsBar as r, AccountFooter as s, DEVTOOLS_STYLES as t, SessionsPanel as u, countLabel as v, devtoolsTransport as w, useWorkspaceLoader as x, SessionWorkspaceProvider as y, announce as z };
 
-//# sourceMappingURL=sessions-panel-BYM0UUgT.js.map
+//# sourceMappingURL=devtools-styles-TWR5Ps34.js.map