Add features & update project

2026-06-23 01:46:08 -04:00
parent 930fbf5965
commit fe72fc2957
39 changed files with 3106 additions and 178 deletions
@@ -8,42 +8,62 @@ const MonacoEditor = dynamic(async () => await import('@monaco-editor/react'), {
  ssr: false,
 });

+const diffStats = (diff: string) => {
+  const files = new Set<string>();
+  let additions = 0;
+  let removals = 0;
+  for (const line of diff.split('\n')) {
+    if (line.startsWith('diff --git ')) files.add(line);
+    if (line.startsWith('+') && !line.startsWith('+++')) additions += 1;
+    if (line.startsWith('-') && !line.startsWith('---')) removals += 1;
+  }
+  return { files: files.size, additions, removals };
+};
+
 export const DiffViewer = ({
  diff,
  onRefresh,
 }: {
  diff: string;
  onRefresh: () => Promise<void>;
-}) => (
-  <div className='flex h-full min-h-0 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>
+}) => {
+  const stats = diffStats(diff);
+  return (
+    <div className='flex h-full min-h-0 flex-col'>
+      <div className='border-border flex h-12 items-center justify-between gap-3 border-b px-3'>
+        <div className='min-w-0'>
+          <p className='text-sm font-medium'>Workspace diff</p>
+          <p className='text-muted-foreground truncate text-xs'>
+            {diff.trim()
+              ? `${stats.files} files, +${stats.additions} -${stats.removals}`
+              : 'Current git diff'}
+          </p>
+        </div>
+        <Button type='button' variant='outline' size='sm' onClick={onRefresh}>
+          Refresh
+        </Button>
      </div>
-      <Button type='button' variant='outline' size='sm' onClick={onRefresh}>
-        Refresh
-      </Button>
+      {diff.trim() ? (
+        <MonacoEditor
+          height='100%'
+          width='100%'
+          language='diff'
+          theme='vs-dark'
+          value={diff}
+          options={{
+            readOnly: true,
+            minimap: { enabled: false },
+            fontSize: 13,
+            scrollBeyondLastLine: false,
+            automaticLayout: true,
+            scrollbar: { alwaysConsumeMouseWheel: false },
+          }}
+        />
+      ) : (
+        <div className='text-muted-foreground flex flex-1 items-center justify-center text-sm'>
+          No workspace diff yet.
+        </div>
+      )}
    </div>
-    {diff.trim() ? (
-      <MonacoEditor
-        height='100%'
-        width='100%'
-        language='diff'
-        theme='vs-dark'
-        value={diff}
-        options={{
-          readOnly: true,
-          minimap: { enabled: false },
-          fontSize: 13,
-          scrollBeyondLastLine: false,
-          automaticLayout: true,
-        }}
-      />
-    ) : (
-      <div className='text-muted-foreground flex flex-1 items-center justify-center text-sm'>
-        No workspace diff yet.
-      </div>
-    )}
-  </div>
-);
+  );
+};