Move to threads based system.

2026-06-22 10:37:26 -04:00
parent 8ae6c4b533
commit 206b64176b
82 changed files with 6169 additions and 1930 deletions
@@ -0,0 +1,47 @@
+'use client';
+
+import dynamic from 'next/dynamic';
+
+import { Button } from '@spoon/ui';
+
+const MonacoEditor = dynamic(async () => await import('@monaco-editor/react'), {
+  ssr: false,
+});
+
+export const DiffViewer = ({
+  diff,
+  onRefresh,
+}: {
+  diff: string;
+  onRefresh: () => Promise<void>;
+}) => (
+  <div className='flex h-full min-h-[520px] flex-col'>
+    <div className='border-border flex h-11 items-center justify-between border-b px-3'>
+      <div>
+        <p className='text-sm font-medium'>Workspace diff</p>
+        <p className='text-muted-foreground text-xs'>Current git diff</p>
+      </div>
+      <Button type='button' variant='outline' size='sm' onClick={onRefresh}>
+        Refresh
+      </Button>
+    </div>
+    {diff.trim() ? (
+      <MonacoEditor
+        height='520px'
+        language='diff'
+        theme='vs-dark'
+        value={diff}
+        options={{
+          readOnly: true,
+          minimap: { enabled: false },
+          fontSize: 13,
+          scrollBeyondLastLine: false,
+        }}
+      />
+    ) : (
+      <div className='text-muted-foreground flex flex-1 items-center justify-center text-sm'>
+        No workspace diff yet.
+      </div>
+    )}
+  </div>
+);