refactor(code): use status token for signal report list ordering

Author: Twixes

apps/code/src/renderer/features/inbox/components/ReportCard.tsx

@@ -80,27 +80,33 @@ export function ReportCard({
     >
       <Flex align="start" justify="between" gap="3">
         <Flex direction="column" gap="1" style={{ minWidth: 0, flex: 1 }}>
-          <Flex align="center" gapX="2" wrap="wrap">
+          {/* Bullet stays in its own column so title + badges wrap under each other, not under the dot */}
+          <Flex align="center" gapX="2" className="min-w-0">
             <span
               title={`Signal strength: ${strengthLabel}`}
               aria-hidden
+              className="shrink-0"
               style={{
                 width: "6px",
                 height: "6px",
                 borderRadius: "9999px",
                 backgroundColor: strengthColor,
                 display: "inline-block",
-                flexShrink: 0,
               }}
             />
-            <Text
-              size="1"
-              weight="medium"
-              className="block min-w-0 truncate font-mono text-[12px]"
+            <Flex
+              align="center"
+              gapX="2"
+              wrap="wrap"
+              className="min-w-0 flex-1"
             >
-              {report.title ?? "Untitled signal"}
-            </Text>
-            <Flex align="center" gapX="2" wrap="wrap">
+              <Text
+                size="1"
+                weight="medium"
+                className="min-w-0 flex-1 basis-0 truncate font-mono text-[12px]"
+              >
+                {report.title ?? "Untitled signal"}
+              </Text>
               <span
                 className="shrink-0 rounded-sm px-1 py-px font-mono text-[9px] uppercase tracking-wider"
                 style={{
@@ -113,14 +119,18 @@ export function ReportCard({
               </span>
               <SignalReportPriorityBadge priority={report.priority} />
             </Flex>
-            <div style={{ opacity: isReady ? 1 : 0.82 }}>
-              <SignalReportSummaryMarkdown
-                content={report.summary}
-                fallback="No summary yet — still collecting context."
-                variant="list"
-              />
-            </div>
           </Flex>
+          {/* Summary is outside the title row so wrapped lines align with title text (bullet + gap), not the card edge */}
+          <div
+            className="min-w-0 pl-[calc(6px+var(--space-2))]"
+            style={{ opacity: isReady ? 1 : 0.82 }}
+          >
+            <SignalReportSummaryMarkdown
+              content={report.summary}
+              fallback="No summary yet — still collecting context."
+              variant="list"
+            />
+          </div>
         </Flex>
         <Flex direction="column" align="end" gap="1" className="shrink-0">
           <Text size="1" color="gray" className="font-mono text-[11px]">

apps/code/src/renderer/features/inbox/utils/filterReports.test.ts

@@ -97,21 +97,21 @@ describe("filterReportsBySearch", () => {
 });
 
 describe("buildSignalReportListOrdering", () => {
-  it("puts pipeline first then descending field", () => {
+  it("puts status rank first then descending field", () => {
     expect(buildSignalReportListOrdering("total_weight", "desc")).toBe(
-      "pipeline,-total_weight",
+      "status,-total_weight",
     );
   });
 
-  it("puts pipeline first then ascending field", () => {
+  it("puts status rank first then ascending field", () => {
     expect(buildSignalReportListOrdering("created_at", "asc")).toBe(
-      "pipeline,created_at",
+      "status,created_at",
     );
   });
 
   it("works for signal_count", () => {
     expect(buildSignalReportListOrdering("signal_count", "desc")).toBe(
-      "pipeline,-signal_count",
+      "status,-signal_count",
     );
   });
 });

apps/code/src/renderer/features/inbox/utils/filterReports.ts

@@ -16,13 +16,13 @@ export function filterReportsBySearch(
 }
 
 /**
- * Comma-separated `ordering` for the signal report list API: stage (`pipeline`) then
- * the toolbar field (matches default inbox UX).
+ * Comma-separated `ordering` for the signal report list API: semantic `status` rank
+ * then the toolbar field (matches default inbox UX).
  */
 export function buildSignalReportListOrdering(
   field: SignalReportOrderingField,
   direction: "asc" | "desc",
 ): string {
   const secondary = direction === "desc" ? `-${field}` : field;
-  return `pipeline,${secondary}`;
+  return `status,${secondary}`;
 }

apps/code/src/renderer/features/sidebar/components/SidebarMenu.tsx

@@ -62,9 +62,6 @@ function SidebarMenuComponent() {
   const inboxSignalCount = inboxResults.filter(
     (r) => r.status === "ready",
   ).length;
-  const inboxPipelineActive = inboxResults.some(
-    (r) => r.status === "in_progress",
-  );
 
   const commandCenterCells = useCommandCenterStore((s) => s.cells);
   const commandCenterActiveCount = commandCenterCells.filter(
@@ -209,7 +206,6 @@ function SidebarMenuComponent() {
               isActive={sidebarData.isInboxActive}
               onClick={handleInboxClick}
               signalCount={inboxSignalCount}
-              pipelineActive={inboxPipelineActive}
             />
           </Box>
 

apps/code/src/renderer/features/sidebar/components/items/HomeItem.tsx

@@ -22,21 +22,14 @@ interface InboxItemProps {
   isActive: boolean;
   onClick: () => void;
   signalCount?: number;
-  /** True while at least one report is `in_progress` (summary / judges running). */
-  pipelineActive?: boolean;
 }
 
 function formatSignalCount(count: number): string {
   if (count > 99) return "99+";
   return String(count);
 }
 
-export function InboxItem({
-  isActive,
-  onClick,
-  signalCount,
-  pipelineActive = false,
-}: InboxItemProps) {
+export function InboxItem({ isActive, onClick, signalCount }: InboxItemProps) {
   return (
     <SidebarItem
       depth={0}
@@ -45,32 +38,13 @@ export function InboxItem({
       isActive={isActive}
       onClick={onClick}
       endContent={
-        pipelineActive || (signalCount && signalCount > 0) ? (
-          <span className="inline-flex items-center gap-1">
-            {pipelineActive ? (
-              <span
-                className="relative flex h-2 w-2 shrink-0"
-                title="Research in progress on at least one report"
-              >
-                <span
-                  className="absolute inline-flex h-full w-full animate-ping rounded-full opacity-35"
-                  style={{ backgroundColor: "var(--amber-9)" }}
-                />
-                <span
-                  className="relative inline-flex h-2 w-2 rounded-full"
-                  style={{ backgroundColor: "var(--amber-9)" }}
-                />
-              </span>
-            ) : null}
-            {signalCount && signalCount > 0 ? (
-              <span
-                className="inline-flex min-w-[16px] items-center justify-center rounded-full px-1 text-[10px] text-gray-11 leading-none"
-                style={{ height: "16px" }}
-                title={`${signalCount} ready reports`}
-              >
-                {formatSignalCount(signalCount)}
-              </span>
-            ) : null}
+        signalCount && signalCount > 0 ? (
+          <span
+            className="inline-flex min-w-[16px] items-center justify-center rounded-full px-1 text-[10px] text-gray-11 leading-none"
+            style={{ height: "16px" }}
+            title={`${signalCount} ready reports`}
+          >
+            {formatSignalCount(signalCount)}
           </span>
         ) : undefined
       }

apps/code/src/shared/types.ts

@@ -236,9 +236,9 @@ export interface SignalReportsQueryParams {
   offset?: number;
   status?: CommaSeparatedSignalReportStatuses;
   /**
-   * Comma-separated sort keys (prefix `-` for descending). Use `pipeline` (or `stage`)
-   * for report stage rank; `signal_count`, `total_weight`, `created_at`, `updated_at`, `id`.
-   * Example: `pipeline,-total_weight`. Omit `pipeline` if you want a global sort only.
+   * Comma-separated sort keys (prefix `-` for descending). `status` is semantic stage
+   * rank (not lexicographic `status` column order). Also: `signal_count`, `total_weight`,
+   * `created_at`, `updated_at`, `id`. Example: `status,-total_weight`.
    */
   ordering?: string;
 }