react-os-shell 4.3.1 → 4.5.0

package/dist/index.js

@@ -1,5 +1,5 @@
-import { subscribePomo, getPomoSnapshot } from './chunk-YF2XNVGN.js';
-export { setShellTodoProvider } from './chunk-YF2XNVGN.js';
+import { subscribePomo, getPomoSnapshot } from './chunk-LSFZJZTQ.js';
+export { setShellTodoProvider } from './chunk-LSFZJZTQ.js';
 export { ImageAnnotator_default as ImageAnnotator } from './chunk-QU5L5ZYM.js';
 import { PREVIEW_OPENED_EVENT, openPreviewFile } from './chunk-DINNWYVB.js';
 export { Breadcrumbs } from './chunk-DINNWYVB.js';
@@ -15,10 +15,10 @@ export { setShellAuthBridge } from './chunk-3NZSR3ZG.js';
 import { EditableGrid } from './chunk-GP4Y3VCB.js';
 export { EditableGrid } from './chunk-GP4Y3VCB.js';
 import './chunk-4SQU5YV6.js';
-import { APP_VERSION, VERSION } from './chunk-K6MB36UJ.js';
-export { VERSION } from './chunk-K6MB36UJ.js';
-import { registerModalEscapeInterceptor, useIsMobile, useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, WINDOW_REGISTRY, isPageEntry, Modal, useShellPrefs, SIDEBAR_STRIP_W, forgetMaximizedWindowBoxes, ModalActions, useModalActive, client_default, LoadingSpinner, isShellApiClientConfigured, useUndo, CancelButton, setWindowPosition } from './chunk-VA6M46NL.js';
-export { CancelButton, ConfirmProvider, CopyButton, DocFavStar, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ShellPrefsProvider, UndoProvider, WindowCrashedFallback, WindowErrorBoundary, WindowManagerProvider, WindowTitle, commitExposeHighlight, confirm, confirmDestructive, exitExposeMode, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, prompt, registerModalEscapeInterceptor, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useIsActiveWindow, useLocalStoragePrefs, useModalActive, useShellPrefs, useUndo, useUndoable, useUndoableState, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-VA6M46NL.js';
+import { APP_VERSION, VERSION } from './chunk-DLVSSR77.js';
+export { VERSION } from './chunk-DLVSSR77.js';
+import { registerModalEscapeInterceptor, useIsMobile, useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, WINDOW_REGISTRY, isPageEntry, Modal, setPerfCollecting, drainPerfEvents, useShellPrefs, markMenuOpen, SIDEBAR_STRIP_W, forgetMaximizedWindowBoxes, ModalActions, useModalActive, client_default, LoadingSpinner, isShellApiClientConfigured, useUndo, CancelButton, setWindowPosition } from './chunk-EF5W3EXL.js';
+export { CancelButton, ConfirmProvider, CopyButton, DocFavStar, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ShellPrefsProvider, UndoProvider, WindowCrashedFallback, WindowErrorBoundary, WindowManagerProvider, WindowTitle, beginWindowGesture, commitExposeHighlight, confirm, confirmDestructive, exitExposeMode, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, markMenuOpen, prompt, registerModalEscapeInterceptor, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useIsActiveWindow, useLocalStoragePrefs, useModalActive, useShellPrefs, useUndo, useUndoable, useUndoableState, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-EF5W3EXL.js';
 import { glassStyle, startMenuCategories, navSections, isSection, GLASS_INPUT_BG, navIcons, isReachable, sectionIcons, useShellAuth, visibleChildren } from './chunk-DKDD5KXG.js';
 export { GLASS_DIVIDER, GLASS_INPUT_BG, ShellAuthProvider, glassStyle, setShellNavIcons, useShellAuth } from './chunk-DKDD5KXG.js';
 import { createContext, lazy, forwardRef, useCallback, useState, useRef, useId, useEffect, useLayoutEffect, useMemo, useContext, isValidElement, cloneElement, Suspense, Fragment as Fragment$1, Children, useSyncExternalStore } from 'react';
@@ -466,9 +466,9 @@ function HelpCenter({
       (a, b) => (rank.get(a.key) ?? Infinity) - (rank.get(b.key) ?? Infinity)
     );
   }, [docs, categoryOrder]);
-  const matches = (doc) => !q || doc.title.toLowerCase().includes(q) || doc.body.toLowerCase().includes(q) || doc.category_label.toLowerCase().includes(q);
+  const matches2 = (doc) => !q || doc.title.toLowerCase().includes(q) || doc.body.toLowerCase().includes(q) || doc.category_label.toLowerCase().includes(q);
   const visibleGroups = useMemo(
-    () => groups.map((g) => ({ ...g, docs: g.docs.filter(matches) })).filter((g) => g.docs.length > 0),
+    () => groups.map((g) => ({ ...g, docs: g.docs.filter(matches2) })).filter((g) => g.docs.length > 0),
     [groups, q]
   );
   const visibleDocs = useMemo(() => visibleGroups.flatMap((g) => g.docs), [visibleGroups]);
@@ -1428,15 +1428,28 @@ function classify(reading) {
 }
 
 // src/shell/perfLog.ts
+var ACTIVITY_ORDER = [
+  { kind: "submenu", test: (r) => r.submenus > 0 },
+  { kind: "menu", test: (r) => r.menus > 0 },
+  { kind: "resize", test: (r) => r.resizeMs > 0 },
+  { kind: "move", test: (r) => r.moveMs > 0 },
+  { kind: "scroll", test: (r) => r.scrolls > 0 },
+  { kind: "type", test: (r) => r.keys > 0 },
+  { kind: "click", test: (r) => r.clicks > 0 || r.dragMs > 0 }
+];
+function classifyActivity(r) {
+  return ACTIVITY_ORDER.find((entry) => entry.test(r))?.kind ?? "idle";
+}
 var LOG_CAP = 2400;
 var MIN_GROUP_SAMPLES = 4;
+var MIN_EVENT_SAMPLES = 2;
 function appendRecord(log, record, cap = LOG_CAP) {
   const next = log.length >= cap ? log.slice(log.length - cap + 1) : log.slice();
   next.push(record);
   return next;
 }
 function isInteracting(r) {
-  return r.clicks > 0 || r.keys > 0 || r.scrolls > 0 || r.dragMs > 0;
+  return classifyActivity(r) !== "idle";
 }
 function median(values) {
   if (!values.length) return 0;
@@ -1445,7 +1458,27 @@ function median(values) {
   return sorted.length % 2 ? sorted[mid] : (sorted[mid - 1] + sorted[mid]) / 2;
 }
 function group(records) {
-  return { samples: records.length, medianFps: median(records.map((r) => r.fps)) };
+  const measured = records.filter((r) => r.fps > 0);
+  return {
+    samples: records.length,
+    medianFps: median(measured.map((r) => r.fps)),
+    worstMs: records.reduce((worst, r) => r.worstMs > worst ? r.worstMs : worst, 0),
+    stalls: records.length - measured.length
+  };
+}
+function bucket(records, keyOf) {
+  const map = /* @__PURE__ */ new Map();
+  for (const r of records) {
+    const key = keyOf(r);
+    if (key === null) continue;
+    const existing = map.get(key);
+    if (existing) existing.push(r);
+    else map.set(key, [r]);
+  }
+  return map;
+}
+function rankWorstFirst(groups) {
+  return groups.sort((a, b) => a.medianFps - b.medianFps);
 }
 function summariseLog(log) {
   const empty = {
@@ -1456,37 +1489,34 @@ function summariseLog(log) {
     verdictShare: { smooth: 0, gpu: 0, cpu: 0, unknown: 0 },
     interacting: null,
     idle: null,
+    byActivity: [],
     byWindowCount: [],
-    worstWindows: []
+    worstWindows: [],
+    worstMenus: []
   };
   if (!log.length) return empty;
-  const measured = log.filter((r) => r.fps > 0);
   const verdictShare = { ...empty.verdictShare };
   for (const r of log) verdictShare[r.verdict] += 1 / log.length;
-  const interacting = measured.filter(isInteracting);
-  const idle = measured.filter((r) => !isInteracting(r));
-  const byWindows = /* @__PURE__ */ new Map();
-  const byKey = /* @__PURE__ */ new Map();
-  for (const r of measured) {
-    const bucket = byWindows.get(r.windows);
-    if (bucket) bucket.push(r);
-    else byWindows.set(r.windows, [r]);
-    if (r.active) {
-      const keyed = byKey.get(r.active);
-      if (keyed) keyed.push(r);
-      else byKey.set(r.active, [r]);
-    }
-  }
+  const interacting = log.filter(isInteracting);
+  const idle = log.filter((r) => !isInteracting(r));
   return {
     samples: log.length,
     durationMs: log[log.length - 1].t - log[0].t,
-    medianFps: median(measured.map((r) => r.fps)),
+    medianFps: median(log.filter((r) => r.fps > 0).map((r) => r.fps)),
     worstFrameMs: log.reduce((worst, r) => r.worstMs > worst ? r.worstMs : worst, 0),
     verdictShare,
     interacting: interacting.length >= MIN_GROUP_SAMPLES ? group(interacting) : null,
     idle: idle.length >= MIN_GROUP_SAMPLES ? group(idle) : null,
-    byWindowCount: [...byWindows.entries()].filter(([, rs]) => rs.length >= MIN_GROUP_SAMPLES).map(([windows, rs]) => ({ windows, ...group(rs) })).sort((a, b) => a.windows - b.windows),
-    worstWindows: [...byKey.entries()].filter(([, rs]) => rs.length >= MIN_GROUP_SAMPLES).map(([key, rs]) => ({ key, ...group(rs) })).sort((a, b) => a.medianFps - b.medianFps)
+    byActivity: rankWorstFirst(
+      [...bucket(log, classifyActivity).entries()].filter(([, rs]) => rs.length >= MIN_EVENT_SAMPLES).map(([kind, rs]) => ({ kind, ...group(rs) }))
+    ),
+    byWindowCount: [...bucket(log, (r) => r.windows).entries()].filter(([, rs]) => rs.length >= MIN_GROUP_SAMPLES).map(([windows, rs]) => ({ windows, ...group(rs) })).sort((a, b) => a.windows - b.windows),
+    worstWindows: rankWorstFirst(
+      [...bucket(log, (r) => r.active).entries()].filter(([, rs]) => rs.length >= MIN_GROUP_SAMPLES).map(([key, rs]) => ({ key, ...group(rs) }))
+    ),
+    worstMenus: rankWorstFirst(
+      [...bucket(log, (r) => r.menuKey).entries()].filter(([, rs]) => rs.length >= MIN_EVENT_SAMPLES).map(([key, rs]) => ({ key, ...group(rs) }))
+    )
   };
 }
 var CSV_COLUMNS = [
@@ -1502,7 +1532,12 @@ var CSV_COLUMNS = [
   "clicks",
   "keys",
   "scrolls",
-  "dragMs"
+  "dragMs",
+  "menus",
+  "submenus",
+  "menuKey",
+  "moveMs",
+  "resizeMs"
 ];
 function toCsv(log) {
   const cell = (value) => {
@@ -1515,11 +1550,144 @@ function toCsv(log) {
     ...log.map((r) => CSV_COLUMNS.map((c) => cell(r[c])).join(","))
   ].join("\n");
 }
+
+// src/shell/perfEnvironment.ts
+function pickBrand(brands) {
+  if (!brands?.length) return null;
+  const real = brands.filter((b) => !/not[^a-z]*a[^a-z]*brand/i.test(b.brand));
+  const named = real.find((b) => b.brand !== "Chromium") ?? real[0];
+  return named ? `${named.brand} ${named.version}` : null;
+}
+function asString(value) {
+  return typeof value === "string" && value ? value : null;
+}
+async function requestAsyncEnvironment() {
+  return { hints: await readHints(), battery: await readBattery() };
+}
+async function readHints() {
+  const uaData = navigator.userAgentData;
+  if (!uaData) return null;
+  const base = {
+    platform: uaData.platform ?? null,
+    platformVersion: null,
+    architecture: null,
+    model: null,
+    browser: pickBrand(uaData.brands)
+  };
+  if (!uaData.getHighEntropyValues) return base;
+  try {
+    const high = await uaData.getHighEntropyValues([
+      "platform",
+      "platformVersion",
+      "architecture",
+      "model",
+      "fullVersionList"
+    ]);
+    const full = high.fullVersionList;
+    return {
+      platform: asString(high.platform) ?? base.platform,
+      platformVersion: asString(high.platformVersion),
+      architecture: asString(high.architecture),
+      model: asString(high.model),
+      // The full list carries the build number; the low-entropy brands only
+      // carry the major, which is not enough to match against a known bug.
+      browser: pickBrand(full) ?? base.browser
+    };
+  } catch {
+    return base;
+  }
+}
+async function readBattery() {
+  const getBattery = navigator.getBattery;
+  if (!getBattery) return null;
+  try {
+    const battery = await getBattery.call(navigator);
+    return { charging: battery.charging, level: battery.level };
+  } catch {
+    return null;
+  }
+}
+function readGpu() {
+  if (typeof document === "undefined") return { renderer: null, vendor: null, available: false };
+  try {
+    const gl = document.createElement("canvas").getContext("webgl");
+    if (!gl) return { renderer: null, vendor: null, available: false };
+    const debug = gl.getExtension("WEBGL_debug_renderer_info");
+    const renderer = debug ? gl.getParameter(debug.UNMASKED_RENDERER_WEBGL) : gl.getParameter(gl.RENDERER);
+    const vendor = debug ? gl.getParameter(debug.UNMASKED_VENDOR_WEBGL) : gl.getParameter(gl.VENDOR);
+    gl.getExtension("WEBGL_lose_context")?.loseContext();
+    return { renderer: asString(renderer), vendor: asString(vendor), available: true };
+  } catch {
+    return { renderer: null, vendor: null, available: false };
+  }
+}
+function matches(query) {
+  try {
+    return window.matchMedia(query).matches;
+  } catch {
+    return false;
+  }
+}
+function readEnvironment(async_) {
+  const nav = navigator;
+  const memory = performance.memory;
+  const hints = async_?.hints ?? null;
+  const gpu = readGpu();
+  const conn = nav.connection;
+  return {
+    userAgent: nav.userAgent,
+    browser: hints?.browser ?? null,
+    platform: hints?.platform ?? null,
+    platformVersion: hints?.platformVersion ?? null,
+    architecture: hints?.architecture ?? null,
+    model: hints?.model ?? null,
+    cpuCores: typeof nav.hardwareConcurrency === "number" ? nav.hardwareConcurrency : null,
+    deviceMemoryGB: typeof nav.deviceMemory === "number" ? nav.deviceMemory : null,
+    gpu: gpu.renderer,
+    gpuVendor: gpu.vendor,
+    webglAvailable: gpu.available,
+    screen: {
+      width: screen.width,
+      height: screen.height,
+      dpr: window.devicePixelRatio,
+      colorDepth: typeof screen.colorDepth === "number" ? screen.colorDepth : null
+    },
+    viewport: { width: window.innerWidth, height: window.innerHeight },
+    heapLimitMB: memory ? Math.round(memory.jsHeapSizeLimit / 1048576) : null,
+    network: conn ? {
+      effectiveType: asString(conn.effectiveType),
+      downlinkMbps: typeof conn.downlink === "number" ? conn.downlink : null,
+      rttMs: typeof conn.rtt === "number" ? conn.rtt : null,
+      saveData: conn.saveData === true
+    } : null,
+    battery: async_?.battery ?? null,
+    prefersReducedMotion: matches("(prefers-reduced-motion: reduce)"),
+    forcedColors: matches("(forced-colors: active)"),
+    reducedTransparency: document.documentElement.classList.contains("rosh-reduce-transparency"),
+    touchPoints: typeof nav.maxTouchPoints === "number" ? nav.maxTouchPoints : null
+  };
+}
+function describeMachine(env) {
+  const parts = [];
+  if (env.browser) parts.push(env.browser);
+  const os = [env.platform, env.platformVersion].filter(Boolean).join(" ");
+  if (os) parts.push(env.architecture ? `${os} (${env.architecture})` : os);
+  if (env.gpu) parts.push(env.gpu);
+  else if (!env.webglAvailable) parts.push("no WebGL (software rendering)");
+  if (env.cpuCores) parts.push(`${env.cpuCores} cores`);
+  if (env.deviceMemoryGB) parts.push(`${env.deviceMemoryGB}GB+ RAM`);
+  parts.push(`${env.screen.width}\xD7${env.screen.height} @${env.screen.dpr}x`);
+  if (env.battery && !env.battery.charging) parts.push(`on battery ${Math.round(env.battery.level * 100)}%`);
+  if (env.reducedTransparency) parts.push("reduce transparency on");
+  if (env.prefersReducedMotion) parts.push("reduced motion");
+  return parts.join(" \xB7 ");
+}
 var FLUSH_MS = 500;
 var WINDOW_MS = 1e3;
 var HISTORY = 40;
 var PERSIST_EVERY_MS = 1e4;
 var LOG_STORAGE_KEY = "react-os-shell:perf-log";
+var MAX_DRAG_GAP_MS = 100;
 var VERDICT_STYLES = {
   smooth: { dot: "bg-emerald-400", text: "text-emerald-300" },
   gpu: { dot: "bg-amber-400", text: "text-amber-300" },
@@ -1541,7 +1709,7 @@ function readWindows() {
   });
   return { windows: panels.length, active };
 }
-function PerfStats({ onClose, className = "" }) {
+function PerfStats({ onClose, onSubmit, className = "" }) {
   const framesRef = useRef([]);
   const blockedMsRef = useRef(0);
   const activityRef = useRef({ clicks: 0, keys: 0, scrolls: 0, dragMs: 0 });
@@ -1549,11 +1717,30 @@ function PerfStats({ onClose, className = "" }) {
   const logRef = useRef([]);
   const startedAtRef = useRef(0);
   const persistedAtRef = useRef(0);
+  const snapshotRef = useRef(null);
+  const envRef = useRef(null);
   const [longTaskSupported, setLongTaskSupported] = useState(false);
   const [reading, setReading] = useState({ fps: 0, frameMs: 0, worstMs: 0, blockedPct: null });
   const [history, setHistory] = useState([]);
   const [heap, setHeap] = useState(null);
   const [logSize, setLogSize] = useState(0);
+  const [composing, setComposing] = useState(false);
+  const [message, setMessage] = useState("");
+  const [sending, setSending] = useState(false);
+  const [sendError, setSendError] = useState(null);
+  useEffect(() => {
+    setPerfCollecting(true);
+    return () => setPerfCollecting(false);
+  }, []);
+  useEffect(() => {
+    let live = true;
+    requestAsyncEnvironment().then((env) => {
+      if (live) envRef.current = env;
+    });
+    return () => {
+      live = false;
+    };
+  }, []);
   useEffect(() => {
     let raf = 0;
     const tick = (now) => {
@@ -1588,8 +1775,9 @@ function PerfStats({ onClose, className = "" }) {
     const onPointerMove = () => {
       if (!dragRef.current.down) return;
       const now = performance.now();
-      activityRef.current.dragMs += now - dragRef.current.since;
+      const gap = now - dragRef.current.since;
       dragRef.current.since = now;
+      if (gap <= MAX_DRAG_GAP_MS) activityRef.current.dragMs += gap;
     };
     const onPointerUp = () => {
       dragRef.current.down = false;
@@ -1643,6 +1831,7 @@ function PerfStats({ onClose, className = "" }) {
       const heapMB = memory ? memory.usedJSHeapSize / 1048576 : null;
       const nextReading = { ...frames, blockedPct };
       const activity = activityRef.current;
+      const events = drainPerfEvents();
       const { windows, active } = readWindows();
       logRef.current = appendRecord(logRef.current, {
         t: Math.round(now - startedAtRef.current),
@@ -1655,7 +1844,12 @@ function PerfStats({ onClose, className = "" }) {
         clicks: activity.clicks,
         keys: activity.keys,
         scrolls: activity.scrolls,
-        dragMs: Math.round(activity.dragMs)
+        dragMs: Math.round(activity.dragMs),
+        menus: events.menus,
+        submenus: events.submenus,
+        menuKey: events.menuKey,
+        moveMs: Math.round(events.moveMs),
+        resizeMs: Math.round(events.resizeMs)
       });
       activity.clicks = 0;
       activity.keys = 0;
@@ -1672,38 +1866,66 @@ function PerfStats({ onClose, className = "" }) {
     }, FLUSH_MS);
     return () => clearInterval(id);
   }, [longTaskSupported, persist]);
-  const download = useCallback((body, type, extension) => {
-    const stamp = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19);
-    const url = URL.createObjectURL(new Blob([body], { type }));
-    const link = document.createElement("a");
-    link.href = url;
-    link.download = `perf-log-${stamp}.${extension}`;
-    link.click();
-    URL.revokeObjectURL(url);
+  const beginReport = useCallback(() => {
+    snapshotRef.current = logRef.current.slice();
+    setSendError(null);
+    setComposing(true);
   }, []);
-  const exportJson = useCallback(() => {
-    download(
-      JSON.stringify(
+  const verdict = classify(reading);
+  const buildReport = useCallback(() => {
+    const records = snapshotRef.current ?? logRef.current;
+    const stamp = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19);
+    const summary = summariseLog(records);
+    const environment = readEnvironment(envRef.current);
+    return {
+      message,
+      filename: `perf-log-${stamp}.json`,
+      summary,
+      environment,
+      verdict: verdict.label,
+      json: JSON.stringify(
         {
           generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
-          userAgent: navigator.userAgent,
-          screen: { width: window.screen.width, height: window.screen.height, dpr: window.devicePixelRatio },
-          reducedTransparency: document.documentElement.classList.contains("rosh-reduce-transparency"),
-          summary: summariseLog(logRef.current),
-          records: logRef.current
+          message,
+          verdict: verdict.label,
+          environment,
+          summary,
+          records
         },
         null,
         2
-      ),
-      "application/json",
-      "json"
-    );
-  }, [download]);
-  const exportCsv = useCallback(() => download(toCsv(logRef.current), "text/csv", "csv"), [download]);
-  const verdict = classify(reading);
+      )
+    };
+  }, [message, verdict.label]);
+  const downloadReport = useCallback((report) => {
+    const url = URL.createObjectURL(new Blob([report.json], { type: "application/json" }));
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = report.filename;
+    link.click();
+    URL.revokeObjectURL(url);
+  }, []);
+  const send = useCallback(async () => {
+    const report = buildReport();
+    setSending(true);
+    setSendError(null);
+    try {
+      if (onSubmit) await onSubmit(report);
+      else downloadReport(report);
+      snapshotRef.current = null;
+      setMessage("");
+      setComposing(false);
+    } catch (err) {
+      setSendError(err instanceof Error && err.message ? err.message : "Could not send. Try again.");
+    } finally {
+      setSending(false);
+    }
+  }, [buildReport, downloadReport, onSubmit]);
   const styles = VERDICT_STYLES[verdict.kind];
   const peak = Math.max(60, ...history);
   const loggedSeconds = Math.round(logSize * FLUSH_MS / 1e3);
+  const sendLabel = onSubmit ? "Send" : "Download";
+  const reportSamples = snapshotRef.current?.length ?? logSize;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -1766,34 +1988,73 @@ function PerfStats({ onClose, className = "" }) {
           ] }),
           /* @__PURE__ */ jsx("p", { className: "mt-0.5 leading-snug text-white/45", children: verdict.detail })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center justify-between border-t border-white/10 pt-1.5", children: [
+        /* @__PURE__ */ jsx("div", { className: "mt-2 border-t border-white/10 pt-1.5", children: composing ? (
+          /* Composer. `select-text` because the panel as a whole is
+             `select-none` — without it the user cannot correct their own
+             sentence. */
+          /* @__PURE__ */ jsxs("div", { className: "select-text space-y-1.5", children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-white/40", htmlFor: "perf-report-message", children: "What were you doing?" }),
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                id: "perf-report-message",
+                value: message,
+                onChange: (e) => setMessage(e.target.value),
+                rows: 3,
+                autoFocus: true,
+                placeholder: "e.g. opening the second-level menu stutters",
+                className: "w-full resize-none rounded border border-white/15 bg-black/40 px-1.5 py-1 font-mono text-[10px] text-white/90 placeholder:text-white/25 focus:border-white/40 focus:outline-none"
+              }
+            ),
+            sendError && /* @__PURE__ */ jsx("p", { className: "leading-snug text-rose-300", children: sendError }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxs("span", { className: "text-white/35", children: [
+                reportSamples,
+                " samples"
+              ] }),
+              /* @__PURE__ */ jsxs("span", { className: "flex gap-1", children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: () => {
+                      setComposing(false);
+                      snapshotRef.current = null;
+                      setSendError(null);
+                    },
+                    disabled: sending,
+                    className: "rounded border border-white/15 px-1.5 py-0.5 text-white/50 transition-colors hover:border-white/30 hover:text-white disabled:opacity-40",
+                    children: "Cancel"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: send,
+                    disabled: sending,
+                    className: "rounded border border-white/30 bg-white/10 px-1.5 py-0.5 text-white/90 transition-colors hover:bg-white/20 disabled:cursor-not-allowed disabled:opacity-40",
+                    children: sending ? "Sending\u2026" : sendLabel
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        ) : /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsxs("span", { className: "text-white/35", children: [
             "log ",
             logSize,
             " \xB7 ",
             loggedSeconds < 60 ? `${loggedSeconds}s` : `${Math.round(loggedSeconds / 60)}m`
           ] }),
-          /* @__PURE__ */ jsxs("span", { className: "flex gap-1", children: [
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                onClick: exportJson,
-                disabled: !logSize,
-                className: "rounded border border-white/15 px-1.5 py-0.5 text-white/60 transition-colors hover:border-white/30 hover:text-white disabled:cursor-not-allowed disabled:opacity-40",
-                children: "JSON"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                onClick: exportCsv,
-                disabled: !logSize,
-                className: "rounded border border-white/15 px-1.5 py-0.5 text-white/60 transition-colors hover:border-white/30 hover:text-white disabled:cursor-not-allowed disabled:opacity-40",
-                children: "CSV"
-              }
-            )
-          ] })
-        ] })
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: beginReport,
+              disabled: !logSize,
+              className: "rounded border border-white/15 px-1.5 py-0.5 text-white/60 transition-colors hover:border-white/30 hover:text-white disabled:cursor-not-allowed disabled:opacity-40",
+              children: onSubmit ? "Report this" : "Save report"
+            }
+          )
+        ] }) })
       ]
     }
   );
@@ -2986,7 +3247,13 @@ function Desktop({ profile }) {
           const taskbarAtBottom = prefs.taskbar_position !== "top" && prefs.taskbar_position !== "left" && prefs.taskbar_position !== "right";
           const side = prefs.taskbar_position === "right" ? "left-3" : "right-3";
           const bottom = taskbarAtBottom ? versionShowing ? "bottom-24" : "bottom-16" : versionShowing ? "bottom-8" : "bottom-3";
-          return /* @__PURE__ */ jsx("div", { className: `absolute z-[240] ${side} ${bottom}`, children: /* @__PURE__ */ jsx(PerfStats, { onClose: () => saveShellPrefs({ show_desktop_stats: false }) }) });
+          return /* @__PURE__ */ jsx("div", { className: `absolute z-[240] ${side} ${bottom}`, children: /* @__PURE__ */ jsx(
+            PerfStats,
+            {
+              onClose: () => saveShellPrefs({ show_desktop_stats: false }),
+              onSubmit: host.onSubmitPerfReport
+            }
+          ) });
         })(),
         prefs.show_desktop_version === true && (host.productVersion ?? APP_VERSION) && /* @__PURE__ */ jsx(
           "button",
@@ -3325,6 +3592,15 @@ function StartMenu({
   useEffect(() => {
     setHoveredChild(null);
   }, [hoveredSection]);
+  useEffect(() => {
+    if (open) markMenuOpen("menu", "start");
+  }, [open]);
+  useEffect(() => {
+    if (hoveredSection) markMenuOpen("submenu", hoveredSection);
+  }, [hoveredSection]);
+  useEffect(() => {
+    if (hoveredChild) markMenuOpen("submenu", hoveredChild);
+  }, [hoveredChild]);
   useLayoutEffect(() => {
     if (!flyoutRef.current || !hoveredSection || search.length >= 2) return;
     const h = flyoutRef.current.offsetHeight;
@@ -4840,7 +5116,7 @@ function Customization({ omit, section } = {}) {
           /* @__PURE__ */ jsxs("span", { className: "text-sm text-gray-700", children: [
             "Show performance stats",
             /* @__PURE__ */ jsx("span", { className: "block text-xs text-gray-400", children: "Overlays frame rate, worst frame time and a bottleneck reading on the desktop, beside the version number. Turn it on to check whether Reduce transparency actually helps on this machine \u2014 or whether the slowness is coming from somewhere else." }),
-            /* @__PURE__ */ jsx("span", { className: "block text-xs text-gray-400 mt-1", children: "While it is on, each reading is recorded with what was happening at the time \u2014 how many windows were open, which one was on top, and counts of clicks, keystrokes, scrolls and window drags. No page content or keystroke text is recorded. The log stays on this device and is only shared if you export it with the JSON or CSV button on the overlay." })
+            /* @__PURE__ */ jsx("span", { className: "block text-xs text-gray-400 mt-1", children: "While it is on, each reading is recorded with what was happening at the time \u2014 how many windows were open, which one was on top, which menu or submenu you opened, how long you spent moving or resizing a window, and counts of clicks, keystrokes and scrolls. No page content or keystroke text is recorded. The log stays on this device unless you use the overlay's Report button, which sends it \u2014 with whatever you type in the box, and a description of this computer (browser, operating system, processor cores, memory, graphics card, screen, connection speed and whether you are on battery) \u2014 to the team as a bug report." })
           ] })
         ] })
       ] })
@@ -10504,6 +10780,6 @@ function useEditHotkey(callback) {
   }, [callback, isActive]);
 }
 
-export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, Accordion, AuthScreen, Avatar, AvatarGroup, BLOCKED_PCT_CPU, Banner, BarChart, BehaviorPanel, BulkImportGrid, Button_default as Button, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, Card, ChangePasswordForm, ChatTemplate, Checkbox_default as Checkbox, CheckoutTemplate, ColoredBadge, ContainerFillChart, Customization, DEV_BANNER_TEXT, DashboardTemplate, DataTablePage, DateRangePicker, Desktop, DesktopHostProvider, DevIndicator, DonutChart, ENTER, EmailTemplate, EmptyState, EntityList, ErrorPage, FilterBar, FormField, FormLayoutPage, GalleryTemplate, GlobalSearch, HelpCenter, INPUT_BASE, Input_default as Input, Kanban, LOG_CAP, Label, Layout, ListFooter, ListLoadError, LoadingSpinner2 as LoadingSpinner, MIN_GROUP_SAMPLES, MOD, Markdown, MediaUploadField, MediaUploadGrid, MetricBar, MilestoneTimeline, NativeSelect, NotificationBell, PageHeader, Pagination, PdfActionButton, PerfStats, Radio_default as Radio, ResizableTable, SHIFT, SMOOTH_FPS, SearchableSelect, Select_default as Select, ServerStatusIndicator, ShellEntityFetcherProvider, ShortcutHelp, SidebarActionButton, SidebarGroupLabel, SidebarNavItem, SoundsPanel, Sparkline, StartMenu, StatCard, StatusBadge, StatusBadgeProvider, SystemPreferences, Tabs, Textarea_default as Textarea, Tooltip, TopNav, UndoControls, WidgetManager, appendRecord as appendPerfRecord, applyDevTitle, classify as classifyPerf, createWindowRegistry, findDuplicateKeys, formatDate, inputClasses, isDevEnv, isInteracting, isMac, isSeverityTone, mediaFileName, mergeBulkItems, toCsv as perfLogToCsv, severityOf, summariseFrames, summariseLog as summarisePerfLog, toISODate2 as toISODate, useClickOutside, useColumnConfig, useDesktopHost, useEditHotkey, useFilters, useInfiniteScroll, useNewHotkey, useShellEntityFetcher, useSort, useTableNav };
+export { ALT, ALT_SHIFT_D, ALT_SHIFT_E, ALT_SHIFT_N, Accordion, AuthScreen, Avatar, AvatarGroup, BLOCKED_PCT_CPU, Banner, BarChart, BehaviorPanel, BulkImportGrid, Button_default as Button, CMD_A, CMD_DOT, CMD_ENTER, CMD_K, CMD_S, Card, ChangePasswordForm, ChatTemplate, Checkbox_default as Checkbox, CheckoutTemplate, ColoredBadge, ContainerFillChart, Customization, DEV_BANNER_TEXT, DashboardTemplate, DataTablePage, DateRangePicker, Desktop, DesktopHostProvider, DevIndicator, DonutChart, ENTER, EmailTemplate, EmptyState, EntityList, ErrorPage, FilterBar, FormField, FormLayoutPage, GalleryTemplate, GlobalSearch, HelpCenter, INPUT_BASE, Input_default as Input, Kanban, LOG_CAP, Label, Layout, ListFooter, ListLoadError, LoadingSpinner2 as LoadingSpinner, MIN_EVENT_SAMPLES, MIN_GROUP_SAMPLES, MOD, Markdown, MediaUploadField, MediaUploadGrid, MetricBar, MilestoneTimeline, NativeSelect, NotificationBell, PageHeader, Pagination, PdfActionButton, PerfStats, Radio_default as Radio, ResizableTable, SHIFT, SMOOTH_FPS, SearchableSelect, Select_default as Select, ServerStatusIndicator, ShellEntityFetcherProvider, ShortcutHelp, SidebarActionButton, SidebarGroupLabel, SidebarNavItem, SoundsPanel, Sparkline, StartMenu, StatCard, StatusBadge, StatusBadgeProvider, SystemPreferences, Tabs, Textarea_default as Textarea, Tooltip, TopNav, UndoControls, WidgetManager, appendRecord as appendPerfRecord, applyDevTitle, classifyActivity, classify as classifyPerf, createWindowRegistry, describeMachine, findDuplicateKeys, formatDate, inputClasses, isDevEnv, isInteracting, isMac, isSeverityTone, mediaFileName, mergeBulkItems, toCsv as perfLogToCsv, readEnvironment as readPerfEnvironment, requestAsyncEnvironment, severityOf, summariseFrames, summariseLog as summarisePerfLog, toISODate2 as toISODate, useClickOutside, useColumnConfig, useDesktopHost, useEditHotkey, useFilters, useInfiniteScroll, useNewHotkey, useShellEntityFetcher, useSort, useTableNav };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map