From d83a9fbfd09fda94f31810463b4b62b675b4979d Mon Sep 17 00:00:00 2001
From: Michael Matloka <michael@matloka.com>
Date: Tue, 7 Apr 2026 19:56:50 +0200
Subject: [PATCH] Remove live-rail scan line and apply user-select:none to
 inbox list chrome

---
 .../inbox/components/InboxEmptyStates.tsx     |  2 +-
 .../inbox/components/InboxLiveRail.tsx        | 30 -------------------
 .../inbox/components/InboxSignalsTab.tsx      |  5 ++--
 .../inbox/components/list/ReportListRow.tsx   |  4 +--
 .../inbox/components/list/SignalsToolbar.tsx  |  1 +
 apps/code/src/renderer/styles/globals.css     | 11 ++-----
 6 files changed, 9 insertions(+), 44 deletions(-)
 delete mode 100644 apps/code/src/renderer/features/inbox/components/InboxLiveRail.tsx

diff --git a/apps/code/src/renderer/features/inbox/components/InboxEmptyStates.tsx b/apps/code/src/renderer/features/inbox/components/InboxEmptyStates.tsx
index fc434b8be..b3a9fd475 100644
--- a/apps/code/src/renderer/features/inbox/components/InboxEmptyStates.tsx
+++ b/apps/code/src/renderer/features/inbox/components/InboxEmptyStates.tsx
@@ -181,7 +181,7 @@ export function SelectReportPane() {
 
 export function SkeletonBackdrop() {
   return (
-    <Flex direction="column" style={{ opacity: 0.4 }}>
+    <Flex direction="column" className="select-none" style={{ opacity: 0.4 }}>
       {Array.from({ length: 8 }).map((_, index) => (
         <Flex
           // biome-ignore lint/suspicious/noArrayIndexKey: static decorative placeholders
diff --git a/apps/code/src/renderer/features/inbox/components/InboxLiveRail.tsx b/apps/code/src/renderer/features/inbox/components/InboxLiveRail.tsx
deleted file mode 100644
index e1d701ae6..000000000
--- a/apps/code/src/renderer/features/inbox/components/InboxLiveRail.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-interface InboxLiveRailProps {
-  active: boolean;
-}
-
-/**
- * Thin “instrument” scan line while live polling is active — industrial / lab aesthetic.
- */
-export function InboxLiveRail({ active }: InboxLiveRailProps) {
-  if (!active) {
-    return null;
-  }
-
-  return (
-    <div
-      className="relative mb-0 h-px w-full overflow-hidden"
-      style={{ background: "var(--gray-5)" }}
-      aria-hidden
-    >
-      <div
-        className="absolute inset-y-0 w-[28%] opacity-95"
-        style={{
-          background:
-            "linear-gradient(90deg, transparent, var(--amber-9), var(--orange-9), transparent)",
-          animation:
-            "inboxLiveRailSweep 2.1s cubic-bezier(0.45, 0, 0.55, 1) infinite",
-        }}
-      />
-    </div>
-  );
-}
diff --git a/apps/code/src/renderer/features/inbox/components/InboxSignalsTab.tsx b/apps/code/src/renderer/features/inbox/components/InboxSignalsTab.tsx
index f53798fb0..abf868c06 100644
--- a/apps/code/src/renderer/features/inbox/components/InboxSignalsTab.tsx
+++ b/apps/code/src/renderer/features/inbox/components/InboxSignalsTab.tsx
@@ -4,7 +4,6 @@ import {
   WarmingUpPane,
   WelcomePane,
 } from "@features/inbox/components/InboxEmptyStates";
-import { InboxLiveRail } from "@features/inbox/components/InboxLiveRail";
 import { InboxSourcesDialog } from "@features/inbox/components/InboxSourcesDialog";
 import { useInboxReportsInfinite } from "@features/inbox/hooks/useInboxReports";
 import { useSignalSourceConfigs } from "@features/inbox/hooks/useSignalSourceConfigs";
@@ -302,6 +301,7 @@ export function InboxSignalsTab() {
         <Flex ref={containerRef} height="100%" style={{ minHeight: 0 }}>
           {/* ── Left pane: report list ───────────────────────────────── */}
           <Box
+            className="select-none"
             style={{
               width: `${sidebarWidth}px`,
               maxWidth: "60%",
@@ -314,7 +314,7 @@ export function InboxSignalsTab() {
           >
             <ScrollArea
               type="auto"
-              className="scroll-area-constrain-width"
+              className="scroll-area-constrain-width inbox-report-list-scroll"
               style={{ height: "100%" }}
             >
               <Flex
@@ -344,7 +344,6 @@ export function InboxSignalsTab() {
                   }
                 }}
               >
-                <InboxLiveRail active={inboxPollingActive} />
                 <Box
                   data-inbox-sticky-header
                   style={{
diff --git a/apps/code/src/renderer/features/inbox/components/list/ReportListRow.tsx b/apps/code/src/renderer/features/inbox/components/list/ReportListRow.tsx
index dbe7b5655..3832e4e27 100644
--- a/apps/code/src/renderer/features/inbox/components/list/ReportListRow.tsx
+++ b/apps/code/src/renderer/features/inbox/components/list/ReportListRow.tsx
@@ -167,7 +167,7 @@ export function ReportListRow({
                 <Text
                   size="1"
                   weight="medium"
-                  className="min-w-0 flex-1 basis-0 truncate text-[13px]"
+                  className="min-w-0 flex-1 basis-0 select-text truncate text-[13px]"
                 >
                   {report.title ?? "Untitled signal"}
                 </Text>
@@ -191,7 +191,7 @@ export function ReportListRow({
             </Flex>
 
             <div
-              className="min-w-0 pl-4"
+              className="min-w-0 select-text"
               style={{ opacity: isReady ? 1 : 0.82 }}
             >
               <SignalReportSummaryMarkdown
diff --git a/apps/code/src/renderer/features/inbox/components/list/SignalsToolbar.tsx b/apps/code/src/renderer/features/inbox/components/list/SignalsToolbar.tsx
index b448c9a6e..7d1b6fb85 100644
--- a/apps/code/src/renderer/features/inbox/components/list/SignalsToolbar.tsx
+++ b/apps/code/src/renderer/features/inbox/components/list/SignalsToolbar.tsx
@@ -196,6 +196,7 @@ export function SignalsToolbar({
       <Flex
         direction="column"
         gap="2"
+        className="select-none"
         style={{ padding: "8px", borderBottom: "1px solid var(--gray-5)" }}
       >
         <Flex align="center" justify="between" gap="2">
diff --git a/apps/code/src/renderer/styles/globals.css b/apps/code/src/renderer/styles/globals.css
index 0afd6b922..07266e1f9 100644
--- a/apps/code/src/renderer/styles/globals.css
+++ b/apps/code/src/renderer/styles/globals.css
@@ -892,14 +892,9 @@ button,
   width: 100% !important;
 }
 
-/* Inbox live-rail scan line */
-@keyframes inboxLiveRailSweep {
-  0% {
-    transform: translateX(-120%);
-  }
-  100% {
-    transform: translateX(420%);
-  }
+/* Inbox report list: Radix ScrollArea thumb defaults to 100ms background-color transition */
+.scroll-area-constrain-width.inbox-report-list-scroll .rt-ScrollAreaThumb {
+  transition: none;
 }
 
 /* Inbox toolbar polling indicator pulse */