Merge remote-tracking branch 'origin/main' into sig/inbox-keyboard-nav

# Conflicts:
#	apps/code/src/renderer/features/inbox/components/InboxSignalsTab.tsx

Author: oliverb123

apps/code/src/renderer/api/posthogClient.ts

@@ -953,6 +953,9 @@ export class PostHogAPIClient {
     if (params?.ordering) {
       url.searchParams.set("ordering", params.ordering);
     }
+    if (params?.source_product) {
+      url.searchParams.set("source_product", params.source_product);
+    }
 
     const response = await this.api.fetcher.fetch({
       method: "get",

apps/code/src/renderer/constants/keyboard-shortcuts.ts

@@ -18,7 +18,7 @@ export const SHORTCUTS = {
   COPY_PATH: "mod+shift+c",
   TOGGLE_FOCUS: "mod+r",
   PASTE_AS_FILE: "mod+shift+v",
-  INBOX: "mod+shift+i",
+  INBOX: "mod+i",
   BLUR: "escape",
   SUBMIT_BLUR: "mod+enter",
 } as const;

apps/code/src/renderer/features/command-center/components/CommandCenterToolbar.tsx

@@ -15,13 +15,55 @@ import {
   useCommandCenterStore,
 } from "../stores/commandCenterStore";
 
-const LAYOUT_OPTIONS: { value: LayoutPreset; label: string }[] = [
-  { value: "1x1", label: "1x1" },
-  { value: "2x1", label: "2x1" },
-  { value: "1x2", label: "1x2" },
-  { value: "2x2", label: "2x2" },
-  { value: "3x2", label: "3x2" },
-  { value: "3x3", label: "3x3" },
+function LayoutIcon({ cols, rows }: { cols: number; rows: number }) {
+  const size = 14;
+  const gap = 1.5;
+  const cellW = (size - gap * (cols - 1)) / cols;
+  const cellH = (size - gap * (rows - 1)) / rows;
+
+  const rects: React.ReactElement[] = [];
+  for (let r = 0; r < rows; r++) {
+    for (let c = 0; c < cols; c++) {
+      rects.push(
+        <rect
+          key={`${r}-${c}`}
+          x={c * (cellW + gap)}
+          y={r * (cellH + gap)}
+          width={cellW}
+          height={cellH}
+          rx={1}
+          fill="currentColor"
+          opacity={0.5}
+        />,
+      );
+    }
+  }
+
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox={`0 0 ${size} ${size}`}
+      role="img"
+      aria-label={`${cols} by ${rows} grid`}
+    >
+      {rects}
+    </svg>
+  );
+}
+
+const LAYOUT_OPTIONS: {
+  value: LayoutPreset;
+  label: string;
+  cols: number;
+  rows: number;
+}[] = [
+  { value: "1x1", label: "1x1", cols: 1, rows: 1 },
+  { value: "2x1", label: "2x1", cols: 2, rows: 1 },
+  { value: "1x2", label: "1x2", cols: 1, rows: 2 },
+  { value: "2x2", label: "2x2", cols: 2, rows: 2 },
+  { value: "3x2", label: "3x2", cols: 3, rows: 2 },
+  { value: "3x3", label: "3x3", cols: 3, rows: 3 },
 ];
 
 interface CommandCenterToolbarProps {
@@ -86,7 +128,10 @@ export function CommandCenterToolbar({
         <Select.Content>
           {LAYOUT_OPTIONS.map((opt) => (
             <Select.Item key={opt.value} value={opt.value}>
-              {opt.label}
+              <Flex align="center" gap="2">
+                <LayoutIcon cols={opt.cols} rows={opt.rows} />
+                {opt.label}
+              </Flex>
             </Select.Item>
           ))}
         </Select.Content>